https://navisavitravel.com/_next/static/chunks/pages/dashboard/playlists-a9ba3be1c34ff2f7.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="a404567d-17a3-4d78-bb83-e5f95ed8ad04",e._sentryDebugIdIdentifier="sentry-dbid-a404567d-17a3-4d78-bb83-e5f95ed8ad04")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5919],{90465:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/playlists",function(){return i(7453)}])},7453:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return N},default:function(){return X}});var n=i(62364),l=i(67294),o=i(92729),a=i(11163),r=i(84672),d=i(68453),s=i(82096),u=i(81292),c=i(85918),h=i(9965),v=i(90909),p=i(61312),m=i(91600),f=i(88894),y=i(15437),g=i(85717);let Z=y.ZP.h3.withConfig({componentId:"sc-308fc9ca-0"})(["cursor:pointer;margin-right:2rem;width:100%;z-index:99999;&:hover{}"]);y.ZP.span.withConfig({componentId:"sc-308fc9ca-1"})(["cursor:pointer;font-size:1.2rem;color:"," &:hover{text-decoration:underline;}"],g.Z.naviPurple.main);var w=e=>{let{text:t,trimLength:i=15}=e,[o,a]=(0,l.useState)(!1);return g.Z.naviPurple.main,(0,n.tZ)(Z,{className:" m-[18px] ml-0 text-[18px] font-bold",children:t})},b=i(90841),_=i(83454);let C=(0,v.Z)(e=>{var t,i,v,y;let{content:g,shared:Z}=e,{isUserValid:C}=(0,c.a)(),N=(0,a.useRouter)(),X={canonicalUrl:"".concat(null!==(t=_.env.NS_URL_HOSTNAME)&&void 0!==t?t:"https://www.navisavitravel.com").concat(null!==(i=null==g?void 0:g.slug)&&void 0!==i?i:"playlists"),metaDescription:null!==(v=null==g?void 0:g.metaDescription)&&void 0!==v?v:"My Playlists",title:null!==(y=null==g?void 0:g.pageTitle)&&void 0!==y?y:"My Playlists"},x=null==g?void 0:g.openGraphMetadata,B=null==g?void 0:g.menu,{collections:P,createCollection:S}=(0,h.bX)(),[D,E]=(0,l.useState)(!0),[I,k]=(0,l.useState)([]),[z,L]=(0,l.useState)(""),[M,T]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=!1,t=async e=>{try{return(await Promise.all(e.map(e=>o.Z.get("/api/media/videos/get-single-video?videoId=".concat(e))))).map(e=>e.data.video)}catch(e){return console.error("Error fetching videos:",e),[]}};return(async()=>{if(!(null==P?void 0:P.length)){k([]),E(!1);return}E(!0);let i=[];for(let e of P){var n;let l=(null===(n=e.items)||void 0===n?void 0:n.length)?await t(e.items):[];i.push({id:e.id,title:e.title,items:l})}e||(k(i),E(!1))})(),()=>{e=!0}},[P]);let O=(0,l.useMemo)(()=>{var e;return null!==(e=null==P?void 0:P.map(e=>{var t;return null===(t=e.title)||void 0===t?void 0:t.toLocaleLowerCase()}))&&void 0!==e?e:[]},[P]),W=(0,l.useMemo)(()=>I.filter(e=>{var t;return null===(t=e.title)||void 0===t?void 0:t.toLowerCase().includes(z.toLowerCase())}),[I,z]),H=async(e,t)=>{await S(e,t),T(!1)};return C?(0,n.BX)(u.Z,{isDashboard:!0,metadata:X,ogmd:x,menu:B,shared:Z,hideFooterTop:!0,children:[(0,n.BX)(b.VY,{children:[(0,n.BX)(b.mr,{children:[(0,n.tZ)(b.sB,{children:"A playlist is a collection of videos you put together, it could be a destination or theme-based. Create, edit and download your own playlists here."}),(0,n.BX)(b.hv,{children:[(0,n.tZ)(r.Z,{size:18}),(0,n.tZ)(b.o_,{type:"text",value:z,onChange:e=>L(e.target.value),placeholder:"Search your playlists by title"})]})]}),D?(0,n.tZ)(p.Z,{message:"Loading..."}):(0,n.BX)(b.eg,{children:[(0,n.BX)(b.sN,{type:"button",onClick:()=>T(!0),children:[(0,n.tZ)(b.Dv,{children:(0,n.tZ)(d.Z,{size:22})}),(0,n.tZ)("span",{children:"Create a new playlist"})]}),W.map(e=>{var t,i,l;let o=P.find(t=>t.id===e.id),a=(null==o?void 0:o.coverImage)||(null===(i=e.items)||void 0===i?void 0:null===(t=i.find(e=>null==e?void 0:e.thumbnail))||void 0===t?void 0:t.thumbnail);return(0,n.BX)(b.ZV,{type:"button",onClick:()=>N.push("/dashboard/playlists/".concat(e.id)),children:[a?(0,n.tZ)("img",{src:a,alt:e.title}):(0,n.tZ)(b.zx,{}),(0,n.BX)(b.Ds,{children:[(0,n.tZ)(b.WH,{children:(0,n.tZ)(w,{text:e.title})}),(null==o?void 0:o.description)?(0,n.tZ)(b.Nh,{children:o.description}):null,(0,n.BX)(b.GW,{children:[(0,n.tZ)(s.Z,{size:14}),null===(l=e.items)||void 0===l?void 0:l.length," videos"]})]})]},e.id)})]}),!D&&I.length>0&&0===W.length&&(0,n.BX)(b.xW,{children:["No playlists match “",z,"”."]})]}),(0,n.tZ)(m.Z,{styles:{width:"600px",height:"auto",maxWidth:"92vw",maxHeight:"90vh"},isOpen:M,onClose:()=>T(!1),children:(0,n.tZ)(f.Z,{isNew:!0,onCreateCollection:H,onCancel:()=>T(!1),currentPlaylist:O})})]}):null});var N=!0,X=C}},function(e){e.O(0,[4577,9332,9184,7636,4097,1292,8894,9013,2888,9774,179],function(){return e(e.s=90465)}),_N_E=e.O()}]);