https://navisavitravel.com/_next/static/chunks/pages/dashboard/playlists/[playlistId]-e656d54bfff9f697.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]="b2ae3937-73a9-4d8f-8f4e-9195e718cef9",e._sentryDebugIdIdentifier="sentry-dbid-b2ae3937-73a9-4d8f-8f4e-9195e718cef9")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5569],{20741:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/playlists/[playlistId]",function(){return i(85178)}])},85178:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return eq},default:function(){return e$}});var o=i(62364),n=i(67294),r=i(92729),a=i(86455),d=i.n(a),l=i(29496),s=i(11163),c=i(5152),p=i.n(c),m=i(28154),h=i(14232),g=i(25875),u=i(23552),f=i(28062),b=i(5451),w=i(69053),y=i(82770),x=i(80140),v=i(3785),Z=i(55809),k=i(60887),C=i(45587),O=i(24285),P=i(81292),I=i(85918),W=i(9965),z=i(90909),B=i(61312),S=i(91600),X=i(15437),G=i(46347);let _=X.ZP.div.withConfig({componentId:"sc-c9902949-0"})(["display:flex;flex-direction:column;align-items:center;gap:",";padding:"," "," ",";text-align:center;font-family:",";"],G.W0.formGroupGap,G.W0.dashboardContentGap,G.W0.cardPadding,G.W0.cardPadding,G.cp.fontFamily.primary),F=X.ZP.span.withConfig({componentId:"sc-c9902949-1"})(["width:5rem;height:5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(220,38,38,0.1);color:#dc2626;"]),j=X.ZP.h2.withConfig({componentId:"sc-c9902949-2"})(["margin:0;color:",";font-size:",";font-weight:",";line-height:",";"],G.O9.text.primary,G.cp.body.xl,G.cp.weight.bold,G.cp.lineHeight.heading),E=X.ZP.p.withConfig({componentId:"sc-c9902949-3"})(["margin:0;max-width:32rem;color:",";font-size:",";line-height:",";"],G.O9.text.secondary,G.cp.body.md,G.cp.lineHeight.body),T=X.ZP.div.withConfig({componentId:"sc-c9902949-4"})(["display:flex;gap:",";margin-top:",";"],G.W0.buttonGap,G.W0.formFieldGap),D=X.ZP.button.withConfig({componentId:"sc-c9902949-5"})(["padding:1rem ",";border:none;border-radius:",";background:",";color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease;&:hover{transform:translateY(-1px);box-shadow:0 0.8rem 2rem ",";}"],G.W0.cardPadding,G.W0.radiusButton,G.O9.brand.pink,G.O9.text.inverse,G.cp.fontFamily.primary,G.cp.button.lg,G.cp.weight.semibold,G.O9.shadow.pink),H=X.ZP.button.withConfig({componentId:"sc-c9902949-6"})(["padding:1rem ",";border:1px solid ",";border-radius:",";background:",";color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;&:hover{background:",";color:",";border-color:",";}"],G.W0.cardPadding,G.O9.border.medium,G.W0.radiusButton,G.O9.background.panel,G.O9.text.secondary,G.cp.fontFamily.primary,G.cp.button.lg,G.cp.weight.semibold,G.O9.background.soft,G.O9.text.primary,G.O9.border.pinkSoft);var L=e=>{let{isOpen:t,onClose:i,onConfirm:n,title:r,message:a,confirmLabel:d="Confirm",cancelLabel:l="Cancel",icon:s}=e;return(0,o.tZ)(S.Z,{isOpen:t,onClose:i,styles:{width:"42rem",maxWidth:"92vw",height:"auto"},children:(0,o.BX)(_,{children:[s?(0,o.tZ)(F,{children:s}):null,(0,o.tZ)(j,{children:r}),(0,o.tZ)(E,{children:a}),(0,o.BX)(T,{children:[(0,o.tZ)(D,{type:"button",onClick:n,children:d}),(0,o.tZ)(H,{type:"button",onClick:i,children:l})]})]})})},M=i(19710),N=i(33980);let R=X.ZP.div.withConfig({componentId:"sc-39b56ec5-0"})(["display:flex;flex-direction:column;align-items:center;gap:",";padding:"," "," ",";text-align:center;font-family:",";"],G.W0.formGroupGap,G.W0.dashboardContentGap,G.W0.cardPadding,G.W0.cardPadding,G.cp.fontFamily.primary),Y=X.ZP.span.withConfig({componentId:"sc-39b56ec5-1"})(["width:5rem;height:5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:",";color:",";"],G.O9.shadow.pink,G.O9.brand.pink),V=X.ZP.h2.withConfig({componentId:"sc-39b56ec5-2"})(["margin:0;color:",";font-size:",";font-weight:",";line-height:",";"],G.O9.text.primary,G.cp.body.xl,G.cp.weight.bold,G.cp.lineHeight.heading),A=X.ZP.p.withConfig({componentId:"sc-39b56ec5-3"})(["margin:0;max-width:34rem;color:",";font-size:",";line-height:",";"],G.O9.text.secondary,G.cp.body.md,G.cp.lineHeight.body),U=X.ZP.div.withConfig({componentId:"sc-39b56ec5-4"})(["width:100%;min-height:6rem;display:flex;align-items:center;justify-content:center;"]),q=X.ZP.p.withConfig({componentId:"sc-39b56ec5-5"})(["margin:0;color:#dc2626;font-size:",";font-weight:",";"],G.cp.body.md,G.cp.weight.semibold),$=X.ZP.button.withConfig({componentId:"sc-39b56ec5-6"})(["width:100%;margin-top:",";height:4.6rem;border:none;border-radius:",";background:",";color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease;&:hover{transform:translateY(-1px);box-shadow:0 0.8rem 2rem ",";}"],G.W0.formFieldGap,G.W0.radiusButton,G.O9.brand.pink,G.O9.text.inverse,G.cp.fontFamily.primary,G.cp.button.lg,G.cp.weight.semibold,G.O9.shadow.pink),J=X.ZP.div.withConfig({componentId:"sc-39b56ec5-7"})(["width:100%;margin-top:",";display:flex;flex-direction:column;gap:",";"],G.W0.formFieldGap,G.W0.buttonGap),K=X.ZP.div.withConfig({componentId:"sc-39b56ec5-8"})(["display:flex;gap:",";@media (max-width:420px){flex-direction:column;}"],G.W0.buttonGap),Q=X.ZP.input.withConfig({componentId:"sc-39b56ec5-9"})(["width:100%;min-width:0;padding:0 ",";height:4.4rem;border:1px solid ",";border-radius:",";background:",";color:",";font-family:",";font-size:",";&:focus{outline:none;border-color:",";}"],G.W0.cardPaddingMobile,G.O9.border.medium,G.W0.radiusButton,G.O9.background.soft,G.O9.text.primary,G.cp.fontFamily.primary,G.cp.body.md,G.O9.brand.pink),ee=X.ZP.button.withConfig({componentId:"sc-39b56ec5-10"})(["flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;height:4.4rem;padding:0 ",";border:none;border-radius:",";background:",";color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease;&:hover{transform:translateY(-1px);box-shadow:0 0.8rem 2rem ",";}"],G.W0.cardPadding,G.W0.radiusButton,G.O9.brand.pink,G.O9.text.inverse,G.cp.fontFamily.primary,G.cp.button.md,G.cp.weight.semibold,G.O9.shadow.pink),et=X.ZP.button.withConfig({componentId:"sc-39b56ec5-11"})(["flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;height:4.4rem;padding:0 ",";border:1px solid ",";border-radius:",";background:",";color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;&:hover{background:",";color:",";border-color:",";}"],G.W0.cardPadding,G.O9.border.medium,G.W0.radiusButton,G.O9.background.panel,G.O9.text.secondary,G.cp.fontFamily.primary,G.cp.button.md,G.cp.weight.semibold,G.O9.background.soft,G.O9.brand.pink,G.O9.border.pinkSoft);var ei=e=>{let{isOpen:t,onClose:i,collectionId:r}

1=e,{collections:a,sharePlaylist:d}=(0,W.bX)(),l=a.find(e=>e.id===r),s=null==l?void 0:l.shareSlug,[c,p]=(0,n.useState)("idle"),[m,h]=(0,n.useState)(""),[g,u]=(0,n.useState)(!1);(0,n.useEffect)(()=>{t&&(u(!1),s?(h("".concat(window.location.origin,"/playlist/").concat(s)),p("ready")):(h(""),p("idle")))},[t,s]);let b=async()=>{if(!r)return;p("creating");let e=await d(r);e?(h("".concat(window.location.origin,"/playlist/").concat(e)),p("ready")):p("error")},w=async()=>{try{await navigator.clipboard.writeText(m),u(!0),setTimeout(()=>u(!1),2e3)}catch(e){}};return(0,o.tZ)(S.Z,{isOpen:t,onClose:i,styles:{width:"46rem",maxWidth:"92vw",height:"auto"},children:(0,o.BX)(R,{children:[(0,o.tZ)(Y,{children:(0,o.tZ)(f.Z,{size:22})}),(0,o.tZ)(V,{children:"Share this playlist"}),(0,o.tZ)(A,{children:"Anyone with this link can view the playlist as a map and video tour. No account needed, and it always shows the latest version."}),"idle"===c&&(0,o.tZ)($,{type:"button",onClick:b,children:"Create share link"}),"creating"===c&&(0,o.tZ)(U,{children:(0,o.tZ)(B.Z,{message:"Creating your public link..."})}),"error"===c&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(q,{children:"Something went wrong. Please try again."}),(0,o.tZ)($,{type:"button",onClick:b,children:"Try again"})]}),"ready"===c&&(0,o.BX)(J,{children:[(0,o.tZ)(Q,{type:"text",value:m,readOnly:!0,onFocus:e=>e.currentTarget.select()}),(0,o.BX)(K,{children:[(0,o.BX)(ee,{type:"button",onClick:w,children:[g?(0,o.tZ)(v.Z,{size:16}):(0,o.tZ)(M.Z,{size:16}),g?"Copied":"Copy link"]}),(0,o.BX)(et,{type:"button",onClick:()=>window.open(m,"_blank","noopener"),children:[(0,o.tZ)(N.Z,{size:16}),"View"]})]})]})]})})},eo=i(50235);let en=X.ZP.div.withConfig({componentId:"sc-2683f52e-0"})(["width:100%;max-width:",";margin:0 auto;padding:"," "," ",";display:flex;flex-direction:column;gap:",";background:",";font-family:",";box-sizing:border-box;@media (max-width:1023px){padding:"," "," ",";}@media (max-width:640px){padding:"," "," ",";}"],G.W0.dashboardMaxWidth,G.W0.inlineGap,G.W0.pageX,G.W0.dashboardPageBottom,G.W0.formGroupGap,G.O9.background.page,G.cp.fontFamily.primary,G.W0.inlineGap,G.W0.pageXTablet,G.W0.dashboardPageBottom,G.W0.inlineGap,G.W0.pageXMobile,G.W0.sectionYMobile);X.ZP.div.withConfig({componentId:"sc-2683f52e-1"})(["position:fixed;inset:0;z-index:99999;"]);let er=X.ZP.button.withConfig({componentId:"sc-2683f52e-2"})(["align-self:flex-start;display:inline-flex;align-items:center;gap:0.6rem;padding:0;border:none;background:transparent;color:",";font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:color 0.2s ease;&:hover{color:",";}"],G.O9.text.secondary,G.cp.fontFamily.primary,G.cp.body.sm,G.cp.weight.semibold,G.O9.brand.pink),ea=X.ZP.h1.withConfig({componentId:"sc-2683f52e-3"})(["margin:0;color:",";font-size:clamp(2.4rem,3vw,3.2rem);font-weight:",";line-height:",";"],G.O9.text.primary,G.cp.weight.bold,G.cp.lineHeight.heading),ed=X.ZP.div.withConfig({componentId:"sc-2683f52e-4"})(["display:flex;align-items:center;justify-content:space-between;gap:",";flex-wrap:wrap;@media (max-width:560px){align-items:flex-start;}"],G.W0.dashboardContentGap),el=X.ZP.div.withConfig({componentId:"sc-2683f52e-5"})(["display:flex;align-items:center;gap:",";flex-shrink:0;"],G.W0.buttonGap),es=X.ZP.button.withConfig({componentId:"sc-2683f52e-6"})(["padding:1rem ",";border:1px solid ",";border-radius:",";background:",";color:",";display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;&:hover{background:rgba(255,0,128,0.06);color:",";border-color:",";}"],G.W0.cardPadding,G.O9.border.medium,G.W0.radiusButton,G.O9.background.panel,G.O9.text.secondary,G.cp.fontFamily.primary,G.cp.button.lg,G.cp.weight.semibold,G.O9.brand.pink,G.O9.border.pinkSoft),ec=X.ZP.input.withConfig({componentId:"sc-2683f52e-7"})(["display:none;"]),ep=X.ZP.span.withConfig({componentId:"sc-2683f52e-8"})(["display:block;width:100%;margin-top:0.4rem;text-align:right;color:",";font-size:",";"],G.O9.text.muted,G.cp.body.sm),em=X.ZP.p.withConfig({componentId:"sc-2683f52e-9"}

1)(["margin:0.6rem 0 0;display:flex;align-items:flex-start;gap:0.6rem;color:",";font-size:",";line-height:",";svg{flex-shrink:0;margin-top:0.1rem;color:",";}"],G.O9.text.muted,G.cp.body.sm,G.cp.lineHeight.body,G.O9.brand.pink),eh=X.ZP.div.withConfig({componentId:"sc-2683f52e-10"})(["width:100%;display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);gap:",";align-items:start;@media (max-width:1023px){grid-template-columns:1fr;}"],G.W0.dashboardCardGap),eg=X.ZP.section.withConfig({componentId:"sc-2683f52e-11"})(["width:100%;box-sizing:border-box;padding:",";border:1px solid ",";border-radius:12px;background:",";display:flex;flex-direction:column;gap:",";@media (max-width:640px){padding:",";gap:",";}"],G.W0.cardPadding,G.O9.border.medium,G.O9.background.panel,G.W0.dashboardContentGap,G.W0.cardPaddingMobile,G.W0.dashboardCardGap),eu=X.ZP.h2.withConfig({componentId:"sc-2683f52e-12"})(["margin:0;color:",";font-size:",";font-weight:",";letter-spacing:0.08em;text-transform:uppercase;"],G.O9.text.muted,G.cp.body.xs,G.cp.weight.bold),ef=X.ZP.div.withConfig({componentId:"sc-2683f52e-13"})(["display:flex;flex-direction:column;gap:0.6rem;"]),eb=X.ZP.label.withConfig({componentId:"sc-2683f52e-14"})(["color:",";font-size:",";font-weight:",";letter-spacing:0.06em;text-transform:uppercase;"],G.O9.text.muted,G.cp.body.xs,G.cp.weight.bold),ew=X.ZP.input.withConfig({componentId:"sc-2683f52e-15"})(["width:100%;box-sizing:border-box;padding:1rem ",";border-radius:",";border:1px solid ",";background:",";color:",";font-family:",";font-size:",";outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;&::placeholder{color:",";}&:focus{border-color:",";box-shadow:0 0 0 3px ",";}"],G.W0.formGroupGap,G.W0.radiusInput,G.O9.border.medium,G.O9.background.panel,G.O9.text.primary,G.cp.fontFamily.primary,G.cp.body.md,G.O9.text.muted,G.O9.border.pinkSoft,G.O9.shadow.pink),ey=X.ZP.textarea.withConfig({componentId:"sc-2683f52e-16"})(["width:100%;min-height:8rem;box-sizing:border-box;padding:1rem ",";border-radius:",";border:1px solid ",";background:",";color:",";font-family:",";font-size:",";line-height:",";resize:vertical;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;&::placeholder{color:",";}&:focus{border-color:",";box-shadow:0 0 0 3px ",";}"],G.W0.formGroupGap,G.W0.radiusInput,G.O9.border.medium,G.O9.background.panel,G.O9.text.primary,G.cp.fontFamily.primary,G.cp.body.md,G.cp.lineHeight.body,G.O9.text.muted,G.O9.border.pinkSoft,G.O9.shadow.pink),ex=X.ZP.div.withConfig({componentId:"sc-2683f52e-17"})(["display:flex;gap:",";align-items:flex-start;"],G.W0.formGroupGap),ev=X.ZP.div.withConfig({componentId:"sc-2683f52e-18"})(["position:relative;width:11rem;aspect-ratio:9 / 16;flex-shrink:0;border-radius:",";border:1px solid ",";background:",";overflow:hidden;img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}"],G.W0.radiusInput,G.O9.border.medium,G.O9.background.soft),eZ=X.ZP.div.withConfig({componentId:"sc-2683f52e-19"})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:",";color:",";font-size:",";font-weight:",";background:linear-gradient( 135deg,",",",","," );"],G.W0.formGroupGap,G.O9.text.inverse,G.cp.body.xs,G.cp.weight.semibold,G.O9.brand.turquoise,G.O9.brand.purple,G.O9.brand.pink),ek=X.ZP.div.withConfig({componentId:"sc-2683f52e-20"})(["display:flex;flex-direction:column;gap:0.8rem;padding-top:0.2rem;"]),eC=X.ZP.button.withConfig({componentId:"sc-2683f52e-21"})(["align-self:flex-start;padding:1rem ",";border:none;border-radius:",";background:",";color:",";display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;font-family:",";font-size:",";font-weight:",";cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease,opacity 0.2s ease;&:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0.8rem 2rem ",";}&:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;}"],G.W0.cardPadding,G.W0.radiusButton,G.O9.brand.pink,G.O9.text.inverse,G.cp.fontFamily.primary,G.cp.button.md,G.cp.weight.semibold,G.O9.shadow.pink),eO=X.ZP.button.withConfig({componentId:"sc-2683f52e-22"})(["padding:0.7rem 1.4rem;border:1px solid ",";border-radius:",";background:",";color:",";display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:",";font-size:",";font-weight:",";cursor:pointer;white-space:nowrap;transition:background 0.2s ease,color 0.2s ease,border-color 0.2s ease;&:hover:not(:disabled){background:",";color:",";border-color:",";}

1&:disabled{opacity:0.5;cursor:not-allowed;}"],G.O9.border.medium,G.W0.radiusButton,G.O9.background.panel,G.O9.text.secondary,G.cp.fontFamily.primary,G.cp.button.sm,G.cp.weight.semibold,G.O9.background.soft,G.O9.text.primary,G.O9.border.pinkSoft);X.ZP.div.withConfig({componentId:"sc-2683f52e-23"})(["display:flex;align-items:center;justify-content:space-between;gap:",";"],G.W0.formGroupGap);let eP=X.ZP.span.withConfig({componentId:"sc-2683f52e-24"})(["color:",";font-size:",";font-weight:",";"],G.O9.text.muted,G.cp.body.sm,G.cp.weight.medium),eI=X.ZP.div.withConfig({componentId:"sc-2683f52e-25"})(["display:flex;gap:0.8rem;overflow-x:auto;padding-bottom:0.4rem;scrollbar-width:thin;&::-webkit-scrollbar{height:6px;}&::-webkit-scrollbar-thumb{background:",";border-radius:999px;}"],G.O9.border.medium),eW=X.ZP.div.withConfig({componentId:"sc-2683f52e-26"})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:0.8rem;"]),ez=X.ZP.button.withConfig({componentId:"sc-2683f52e-27"})(["position:relative;flex-shrink:0;width:",";aspect-ratio:9 / 16;padding:0;border:2px solid ",";border-radius:",";background:",";overflow:hidden;cursor:pointer;transition:transform 0.15s ease,border-color 0.2s ease;img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}&:hover{border-color:",";}"],e=>{let{$strip:t}=e;return t?"6.4rem":"100%"},e=>{let{$active:t}=e;return t?G.O9.brand.pink:"transparent"},G.W0.radiusInput,G.O9.background.soft,G.O9.border.pinkSoft);X.ZP.div.withConfig({componentId:"sc-2683f52e-28"})(["position:absolute;inset:0;background:linear-gradient( 135deg,",",",","," );"],G.O9.brand.turquoise,G.O9.brand.purple,G.O9.brand.pink);let eB=X.ZP.span.withConfig({componentId:"sc-2683f52e-29"})(["position:absolute;top:0.4rem;right:0.4rem;width:1.8rem;height:1.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:",";color:",";"],G.O9.brand.pink,G.O9.text.inverse);X.ZP.div.withConfig({componentId:"sc-2683f52e-30"})(["width:100%;border-radius:10px;border:1px solid ",";overflow:hidden;background:",";"],G.O9.border.medium,G.O9.background.soft),X.ZP.img.withConfig({componentId:"sc-2683f52e-31"})(["display:block;width:100%;height:auto;max-height:34rem;object-fit:cover;"]);let eS=X.ZP.div.withConfig({componentId:"sc-2683f52e-32"})(["width:100%;height:34rem;border-radius:10px;border:1px solid ",";overflow:hidden;background:",";@media (max-width:640px){height:28rem;}"],G.O9.border.medium,G.O9.background.soft),eX=X.ZP.div.withConfig({componentId:"sc-2683f52e-33"})(["width:100%;padding:",";text-align:center;color:",";font-size:",";font-weight:",";background:",";border:1px solid ",";border-radius:10px;"],G.W0.cardPadding,G.O9.text.muted,G.cp.body.sm,G.cp.weight.semibold,G.O9.background.soft,G.O9.border.soft),eG=X.ZP.div.withConfig({componentId:"sc-2683f52e-34"})(["width:100%;display:flex;gap:",";overflow-x:auto;overflow-y:hidden;padding:1.4rem 0.4rem 1rem;scroll-padding-inline:1.6rem;-webkit-overflow-scrolling:touch;"],G.W0.formGroupGap),e_=X.ZP.div.withConfig({componentId:"sc-2683f52e-35"})(["flex:0 0 auto;width:14rem;@media (max-width:480px){width:11rem;}"]),eF=X.ZP.div.withConfig({componentId:"sc-2683f52e-36"})(["position:relative;width:100%;aspect-ratio:9 / 16;border-radius:10px;background:",";overflow:hidden;border:1px solid ",";box-shadow:",";transform:",";opacity:",";transition:box-shadow 0.2s ease,transform 0.15s ease,border-color 0.15s ease;img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}"],G.O9.background.soft,e=>{let{$active:t,$selected:i}=e;return t||i?G.O9.brand.pink:G.O9.border.medium},e=>{let{$dragging:t,$active:i,$selected:o}=e;return t?"0 1.2rem 2.6rem ".concat(G.O9.shadow.strong):o?"0 0 0 3px rgba(255, 0, 128, 0.28), 0 1.2rem 2.4rem rgba(15, 23, 42, 0.18)":i?"0 1.2rem 2.4rem rgba(15, 23, 42, 0.18)":"none"},e=>{let{$active:t,$selected:i,$dragging:o}=e;return(t||i)&&!o?"translateY(-4px)":"none"},e=>{let{$dragging:t}=e;return t?.9:1}),ej=X.ZP.button.withConfig({componentId:"sc-2683f52e-37"})(["position:absolute;bottom:0.6rem;right:0.6rem;z-index:3;width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:rgba(15,23,42,0.55);color:#ffffff;cursor:grab;touch-action:none;transition:background 0.2s ease;&:hover{background:rgba(15,23,42,0.78);}&:active{cursor:grabbing;}"]),eE=X.ZP.div.withConfig({componentId:"sc-2683f52e-38"})(["position:absolute;inset:0;background:linear-gradient( 135deg,",",",","," );"],G.O9.brand.turquoise,G.O9.brand.purple,G.O9.brand.pink),eT=X.ZP.span.withConfig({componentId:"sc-2683f52e-39"})(["position:absolute;top:0.6rem;left:0.6rem;z-index:2;min-width:2.2rem;height:2.2rem;padding:0 0.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,0.94);color:",";font-size:",";font-weight:",";box-shadow:0 1px 4px ",";"],G.O9.text.primary,G.cp.body.xs,G.cp.weight.bold,G.O9.shadow.medium),eD=X.ZP.button.withConfig({componentId:"sc-2683f52e-40"})(["position:absolute;top:0.6rem;right:0.6rem;z-index:2;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:rgba(255,255,255,0.94);color:",";cursor:pointer;box-shadow:0 1px 4px ",";opacity:0;transition:opacity 0.18s ease,color 0.2s ease,background 0.2s ease;&:hover{color:",";background:#fff;}",":hover &{opacity:1;}"],G.O9.text.secondary,G.O9.shadow.medium,G.O9.brand.pink,eF),eH=X.ZP.div.withConfig({componentId:"sc-2683f52e-41"})(["position:absolute;

1left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:0.2rem;padding:"," 0.9rem 0.9rem;text-align:left;background:linear-gradient( to top,rgba(0,0,0,0.82) 0%,rgba(0,0,0,0.4) 55%,rgba(0,0,0,0) 100% );"],G.W0.cardPaddingCompact),eL=X.ZP.h3.withConfig({componentId:"sc-2683f52e-42"})(["margin:0;color:",";font-size:",";font-weight:",";line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;"],G.O9.brand.white,G.cp.body.sm,G.cp.weight.bold),eM=X.ZP.span.withConfig({componentId:"sc-2683f52e-43"})(["color:rgba(255,255,255,0.82);font-size:",";font-weight:",";line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;"],G.cp.body.xs,G.cp.weight.medium),eN=X.ZP.div.withConfig({componentId:"sc-2683f52e-44"})(["width:100%;padding:"," ",";border:1px solid ",";border-radius:10px;background:",";text-align:center;color:",";font-size:",";font-weight:",";"],G.W0.dashboardContentGap,G.W0.cardPadding,G.O9.border.soft,G.O9.background.soft,G.O9.text.secondary,G.cp.body.sm,G.cp.weight.semibold);var eR=i(83454);let eY=p()(()=>Promise.all([i.e(1323),i.e(8157)]).then(i.bind(i,68157)),{loadableGenerated:{webpack:()=>[68157]},ssr:!1,loading:()=>(0,o.tZ)(eX,{children:"Loading map…"})}),eV=e=>"number"==typeof e&&Number.isFinite(e),eA=e=>{var t,i,r,a;let{video:d,index:l,onRemove:s,isActive:c,isSelected:p,onHover:g}=e,{attributes:u,listeners:f,setNodeRef:b,transform:w,transition:y,isDragging:x}=(0,C.nB)({id:String(d.id)}),v=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(p){var e;null===(e=v.current)||void 0===e||e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}},[p]);let Z={transform:O.ux.Transform.toString(w),transition:y,zIndex:x||p?5:void 0};return(0,o.tZ)(e_,{ref:b,style:Z,onMouseEnter:()=>g(String(d.id)),onMouseLeave:()=>g(null),children:(0,o.BX)(eF,{ref:v,$dragging:x,$active:c,$selected:p,children:[(null==d?void 0:d.thumbnail)?(0,o.tZ)("img",{src:d.thumbnail,alt:null!==(t=d.title)&&void 0!==t?t:"Video"}):(0,o.tZ)(eE,{}),(0,o.tZ)(eT,{children:l+1}),(0,o.tZ)(eD,{type:"button","aria-label":"Remove ".concat(null!==(i=d.title)&&void 0!==i?i:"video"," from playlist"),onClick:()=>s(d.id),children:(0,o.tZ)(m.Z,{size:14})}),(0,o.tZ)(ej,{type:"button","aria-label":"Drag to reorder ".concat(null!==(r=d.title)&&void 0!==r?r:"video"),...u,...f,children:(0,o.tZ)(h.Z,{size:16})}),(0,o.BX)(eH,{children:[(0,o.tZ)(eL,{children:null!==(a=d.title)&&void 0!==a?a:"Untitled video"}),d.location_name?(0,o.tZ)(eM,{children:d.location_name}):null]})]})})},eU=(0,z.Z)(e=>{var t,i,a,c,p,m,h,O,z;let{content:S,shared:X}=e,{isUserValid:_}=(0,I.a)(),F=(0,s.useRouter)(),j=F.query.playlistId,E=Array.isArray(j)?j[0]:j,{collections:T,updateCollection:D,removeItemFromCollection:H,deleteCollection:M,loading:N}=(0,W.bX)(),R=(0,n.useMemo)(()=>T.find(e=>e.id===E),[T,E]),[Y,V]=(0,n.useState)({}),[A,U]=(0,n.useState)(!0),[q,$]=(0,n.useState)(""),[J,K]=(0,n.useState)(""),[Q,ee]=(0,n.use

1State)(!1),[et,e_]=(0,n.useState)(!1),[eF,ej]=(0,n.useState)(null),[eE,eT]=(0,n.useState)(null),[eD,eH]=(0,n.useState)(!1),[eL,eM]=(0,n.useState)(!1),[eU,eq]=(0,n.useState)(!1),[e$,eJ]=(0,n.useState)(!1),eK=(0,n.useRef)(null),eQ=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(R&&eQ.current!==R.id){var e,t;$(null!==(e=R.title)&&void 0!==e?e:""),K(null!==(t=R.description)&&void 0!==t?t:""),eQ.current=R.id}},[R]);let e0=R?[...R.items].sort((e,t)=>e-t).join(","):"";(0,n.useEffect)(()=>{let e=!1;return(async()=>{if(R){if(0===R.items.length){V({}),U(!1);return}U(!0);try{let t=await Promise.all(R.items.map(e=>r.Z.get("/api/media/videos/get-single-video?videoId=".concat(e))));if(e)return;let i={};t.forEach(e=>{var t;let o=null==e?void 0:null===(t=e.data)||void 0===t?void 0:t.video;o&&(i[o.id]=o)}),V(i)}catch(t){console.error("Error hydrating playlist videos:",t),e||(0,l.yv)("Could not load some playlist videos",{variant:"error"})}finally{e||U(!1)}}})(),()=>{e=!0}},[e0]);let e2=(0,n.useMemo)(()=>R?R.items.map(e=>Y[e]).filter(e=>!!e):[],[R,Y]),e9=(0,k.Dy)((0,k.VT)(k.we,{activationConstraint:{distance:6}}),(0,k.VT)(k.Lg,{coordinateGetter:C.is})),e1=(0,n.useMemo)(()=>e2.filter(e=>eV(e.latitude)&&eV(e.longitude)),[e2]),e5=!!R&&(q.trim()!==(null!==(i=R.title)&&void 0!==i?i:"")||J.trim()!==(null!==(a=R.description)&&void 0!==a?a:"")),e6=!!R&&q.trim()!==(null!==(c=R.title)&&void 0!==c?c:""),e3=!!(null==R?void 0:R.shareSlug)&&e6,e8=async()=>{R&&q.trim()&&(ee(!0),await D(R.id,{title:q.trim(),description:J.trim()}),ee(!1))},e4=async()=>{eq(!1),await e8()},e7=async e=>{R&&await D(R.id,{coverImage:e})},te=async()=>{R&&await D(R.id,{coverImage:""})},tt=async e=>{var t;let i=null===(t=e.target.files)||void 0===t?void 0:t[0];if(e.target.value="",i&&R){eJ(!0);try{let e=await (0,eo.VX)(i);await e7(e)}catch(e){(0,l.yv)(e instanceof Error?e.message:"Could not upload the image.",{variant:"error"})}finally{eJ(!1)}}},ti=async e=>{R&&(await d().fire({title:"Remove video?",text:"Do you really want to remove this video from the playlist?",icon:"warning",showCancelButton:!0,confirmButtonColor:G.O9.brand.pink,cancelButtonColor:G.O9.text.secondary,confirmButtonText:"Yes, remove it"})).isConfirmed&&await H(R.id,e)},to=async()=>{R&&(await M(R.id),F.push("/dashboard/playlists"))},tn={canonicalUrl:"".concat(null!==(p=eR.env.NS_URL_HOSTNAME)&&void 0!==p?p:"https://www.navisavitravel.com").concat(null!==(m=null==S?void 0:S.slug)&&void 0!==m?m:"favorites"),metaDescription:null!==(h=null==S?void 0:S.metaDescription)&&void 0!==h?h:"Playlist",title:(null==R?void 0:R.title)?"".concat(R.title," | Playlist"):null!==(O=null==S?void 0:S.pageTitle)&&void 0!==O?O:"Playlist"},tr=null==S?void 0:S.openGraphMetadata,ta=null==S?void 0:S.menu;if(!_)return null;let td=T.length>0||!N.active,tl=(null==R?void 0:R.coverImage)||(null===(t=e2.find(e=>null==e?void 0:e.thumbnail))||void 0===t?void 0:t.thumbnail),ts=e2.filter(e=>e.thumbnail);return(0,o.BX)(P.Z,{isDashboard:!0,metadata:tn,ogmd:tr,menu:ta,shared:X,hideFooterTop:!0,children:[(0,o.tZ)(en,{children:R?(0,o.BX)(o.HY,{children:[(0,o.BX)(er,{type:"button",onClick:()=>F.push("/dashboard/playlists"),children:[(0,o.tZ)(g.Z,{size:15}),"Back to playlists"]}),(0,o.BX)(ed,{children:[(0,o.tZ)(ea,{children:R.title}),(0,o.BX)(el,{children:[(0,o.BX)(eC,{type:"button",onClick:()=>{R&&F.push("/dashboard/playlists/".concat(R.id,"/download"))},children:[(0,o.tZ)(u.Z,{size:15}),"Download"]}),(0,o.BX)(eC,{type:"button",onClick:()=>eM(!0),children:[(0,o.tZ)(f.Z,{size:15}),"Share"]}),(0,o.BX)(es,{type:"button",onClick:()=>eH(!0),children:[(0,o.tZ)(b.Z,{size:15}),"Delete"]})]})]}),(0,o.BX)(eh,{children:[(0,o.BX)(eg,{children:[(0,o.tZ)(eu,{children:"Details"}),(0,o.BX)(ef,{children:[(0,o.tZ)(eb,{htmlFor:"playlist-title",children:"Title"}),(0,o.tZ)(ew,{id:"playlist-title",value:q,onChange:e=>$(e.target.value.slice(0,W.TH)),maxLength:W.TH,placeholder:"Playlist title"}),R.shareSlug?(0,o.BX)(em,{children:[(0,o.tZ)(w.Z,{size:15}),(0,o.tZ)("span",{children:"Changing the title changes this playlist’s public link. Anyone with the old link will need the new one."})]}):null]}),(0,o.BX)(ef,{children:[(0,o.tZ)(eb,{htmlFor:"playlist-description",children:"Description"}),(0,o.tZ)(ey,{id:"playlist-description",value:J,onChange:e=>K(e.target.value.slice(0,W.qI)),maxLength:W.qI,placeholder:"Describe what this playlist is about"}),(0,o.BX)(ep,{children:[J.length,"/",W.qI]})]}),(0,o.BX)(ef,{children:[(0,o.tZ)(eb,{children:"Cover image"}),(0,o.BX)(ex,{children:[(0,o.tZ)(ev,{children:tl?(0,o.tZ)("img",{src:tl,alt:"".concat(R.title," cover")}):(0,o.tZ)(eZ,{children:"No cover yet"})}),(0,o.BX)(ek,{children:[(0,o.tZ)(ec,{ref:eK,type:"file",accept:"image/jpeg,image/png,image/webp",onChange:tt}),(0,o.BX)(eO,{type:"button",onClick:()=>{var e;return null===(e=eK.current)||void 0===e?void 0:e.click()},disabled:e$,children:[(0,o.tZ)(y.Z,{size:14}),e$?"Uploading...":"Upload image"]}),R.coverImage?(0,o.BX)(eO,{type:"button",onClick:te,children:[(0,o.tZ)(b.Z,{size:14}

1),"Remove cover"]}):null,ts.length>0&&(0,o.BX)(eO,{type:"button",onClick:()=>e_(e=>!e),children:[(0,o.tZ)(x.Z,{size:14}),et?"Show less":"Show all, larger"]})]})]}),ts.length>0&&(0,o.BX)(o.HY,{children:[(0,o.BX)(eP,{children:["Or use a still from one of this playlist’s videos (",ts.length,")"]}),et?(0,o.tZ)(eW,{children:ts.map(e=>{var t,i;let n=R.coverImage===e.thumbnail;return(0,o.BX)(ez,{type:"button",$active:n,"aria-label":"Use ".concat(null!==(t=e.title)&&void 0!==t?t:"this video"," as cover"),onClick:()=>e.thumbnail&&e7(e.thumbnail),children:[(0,o.tZ)("img",{src:e.thumbnail,alt:null!==(i=e.title)&&void 0!==i?i:"Video still"}),n&&(0,o.tZ)(eB,{children:(0,o.tZ)(v.Z,{size:11})})]},e.id)})}):(0,o.tZ)(eI,{children:ts.map(e=>{var t,i;let n=R.coverImage===e.thumbnail;return(0,o.BX)(ez,{type:"button",$strip:!0,$active:n,"aria-label":"Use ".concat(null!==(t=e.title)&&void 0!==t?t:"this video"," as cover"),onClick:()=>e.thumbnail&&e7(e.thumbnail),children:[(0,o.tZ)("img",{src:e.thumbnail,alt:null!==(i=e.title)&&void 0!==i?i:"Video still"}),n&&(0,o.tZ)(eB,{children:(0,o.tZ)(v.Z,{size:11})})]},e.id)})})]})]}),(0,o.BX)(eC,{type:"button",onClick:()=>{if(e3){eq(!0);return}e8()},disabled:!e5||!q.trim()||Q,children:[(0,o.tZ)(Z.Z,{size:14}),"Save changes"]})]}),(0,o.BX)(eg,{children:[(0,o.BX)(eu,{children:["Videos (",R.items.length,")"]}),e1.length>0?(0,o.tZ)(eS,{children:(0,o.tZ)(eY,{videos:e1,selectedId:eE,hoveredId:eF,onSelect:eT,onHover:ej})}):(0,o.tZ)(eX,{children:A?"Loading locations…":"No mapped locations for this playlist yet."}),A?(0,o.tZ)(B.Z,{message:"Loading videos..."}):0===e2.length?(0,o.tZ)(eN,{children:"This playlist has no videos yet."}):(0,o.tZ)(k.LB,{sensors:e9,collisionDetection:k.pE,onDragEnd:e=>{let{active:t,over:i}=e;if(!R||!i||t.id===i.id)return;let o=R.items.findIndex(e=>String(e)===t.id),n=R.items.findIndex(e=>String(e)===i.id);if(-1===o||-1===n)return;let r=(0,C.Rp)(R.items,o,n);D(R.id,{items:r})},children:(0,o.tZ)(C.Fo,{items:e2.map(e=>String(e.id)),strategy:C.PG,children:(0,o.tZ)(eG,{children:e2.map((e,t)=>(0,o.tZ)(eA,{video:e,index:t,onRemove:ti,isActive:eF===String(e.id),isSelected:eE===String(e.id),onHover:ej},e.id))})})})]})]})]}):td?(0,o.BX)(eN,{children:["Playlist not found."," ",(0,o.tZ)(er,{as:"span",onClick:()=>F.push("/dashboard/playlists"),style:{display:"inline"},children:"Back to playlists"})]}):(0,o.tZ)(B.Z,{message:"Loading playlist..."})}),(0,o.tZ)(L,{isOpen:eD,onClose:()=>eH(!1),onConfirm:to,title:"Delete this playlist?",message:"If you delete this playlist, it is not recoverable. Are you sure?",confirmLabel:"Yes, delete it",cancelLabel:"Cancel",icon:(0,o.tZ)(b.Z,{size:22})}),(0,o.tZ)(ei,{isOpen:eL,onClose:()=>eM(!1),collectionId:null!==(z=null==R?void 0:R.id)&&void 0!==z?z:null}),(0,o.tZ)(L,{isOpen:eU,onClose:()=>eq(!1),onConfirm:e4,title:"Change the title and public link?",message:"Changing the title generates a new public link for this playlist. Anyone with the old link will need the new one.",confirmLabel:"Yes, change it",cancelLabel:"Cancel",icon:(0,o.tZ)(w.Z,{size:22})})]})});var eq=!0,e$=eU},90909:function(e,t,i){"use strict";var o=i(62364),n=i(67294),r=i(85918),a=i(11163);t.Z=e=>function(t){let{user:i,isUserValid:d,loadingAuth:l,parsedUser:s}

1=(0,r.a)(),c=(0,a.useRouter)(),[p,m]=(0,n.useState)(!1),[h,g]=(0,n.useState)(!0),[u,f]=(0,n.useState)(!0);return(0,n.useEffect)(()=>{l||(f(!i||!s||!(null==s?void 0:s.customer_id)||!d),u?(m(!0),g(!1)):(g(!0),m(!1)))},[d,i,p,h,s,c]),(0,o.tZ)(e,{...t})}},50235:function(e,t,i){"use strict";i.d(t,{VX:function(){return r}});var o=i(9835);let n=["image/jpeg","image/png","image/webp"],r=async e=>{if(!n.includes(e.type))throw Error("Please choose a JPG, PNG or WEBP image.");if(e.size>10485760)throw Error("Image must be 10MB or smaller.");let{data:t}=await o.Z.post("/api/playlists/cover",e,{headers:{"Content-Type":e.type,"x-filename":encodeURIComponent(e.name)}}),i=null==t?void 0:t.url;if(!i)throw Error("Image upload failed.");return i}}},function(e){e.O(0,[4577,9332,9184,7636,3698,4097,1292,2888,9774,179],function(){return e(e.s=20741)}),_N_E=e.O()}]);