https://www.frogtoon.com/_next/static/chunks/8228-f9e69ede9b4caba1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4001,8228],{4664:(e,t,r)=>{"use strict";r.d(t,{LibraryModalProvider:()=>u,e:()=>h});var i=r(95155),s=r(12115),n=r(26198),a=r(92620),o=r(50824);let l={likedSongs:"tracks",albums:"albums",playlists:"playlists",artists:"artists",genres:"genres",markets:"markets",radioStations:"radio",recentlyPlayed:"tracks",adWallet:"adWallet"},d="frogtoon-library-sidebar-open";function m(e){try{if(e)return void window.sessionStorage.setItem(d,"1");window.sessionStorage.removeItem(d)}catch{}}let c=(0,s.createContext)(void 0);function u({children:e}){let{settings:t}=(0,n.t)(),{isLoggedIn:u}=(0,o.v)(),[h,b]=(0,s.useState)(!1),[x,p]=(0,s.useState)(!1),[f,w]=(0,s.useState)(368),[g,v]=(0,s.useState)(void 0),[y,j]=(0,s.useState)(void 0),[k,N]=(0,s.useState)(null);(0,s.useEffect)(()=>{if(!h||k)return;let e=!1;return Promise.all([r.e(583),r.e(2628),r.e(3211),r.e(3436),r.e(580),r.e(9103)]).then(r.bind(r,69103)).then(t=>{e||N(()=>t.default)}),()=>{e=!0}},[h,k]),(0,s.useEffect)(()=>{let e=e=>{let t=e.detail?.section?l[e.detail.section]:void 0;t&&j(t)};return window.addEventListener("frogtoon:addToLibrary:success",e),()=>window.removeEventListener("frogtoon:addToLibrary:success",e)},[]);let L=e=>{let t=e??y;return v(t),j(void 0),t},S=e=>{L(e),m(!1),p(!1),b(!0)},_=e=>{L(e),m(!0),b(!1),p(!0)},C=e=>{if(t.parkLibraryInSidebar&&window.matchMedia("(min-width: 1024px)").matches)return void _(e);v(e??y),j(void 0),m(!1),b(!0)},E=(0,s.useCallback)(()=>{b(!1),v(void 0)},[]),P=(0,s.useCallback)(()=>{m(!1),p(!1),v(void 0)},[]);return(0,s.useEffect)(()=>{u&&t.parkLibraryInSidebar&&function(){try{return"1"===window.sessionStorage.getItem(d)}catch{return!1}}()&&window.matchMedia("(min-width: 1024px)").matches&&(b(!1),p(!0))},[u,t.parkLibraryInSidebar]),(0,s.useEffect)(()=>{if(u)try{let e=window.localStorage.getItem(a.hP);if(!e)return;let t=window.localStorage.getItem(a.p6),r=t?JSON.parse(t):null;if(!(r?.intent==="library"&&"number"==typeof r?.ts&&Date.now()-r.ts<6e5))return void window.localStorage.removeItem(a.hP);window.localStorage.removeItem(a.hP),window.localStorage.removeItem(a.p6);let i=JSON.parse(e),s=i?.tab;j(void 0),v(void 0),requestAnimationFrame(()=>i?.mode==="sidebar"?void _(s):i?.mode==="modal"?void S(s):void C(s))}catch{}},[u,C,S,_]),(0,i.jsxs)(c.Provider,{value:{isOpen:h,isSidebarOpen:x,sidebarWidth:f,setSidebarWidth:w,openLibrary:C,openLibraryModal:S,openLibrarySidebar:_,closeLibraryModal:E,closeLibrarySidebar:P},children:[e,h&&k?(0,i.jsx)(k,{isOpen:h,onClose:E,onMoveToSidebar:e=>_(e??g),initialTab:g}):null]})}function h(){let e=(0,s.useContext)(c);if(void 0===e)throw Error("useLibraryModal must be used within a LibraryModalProvider");return e}},8027:(e,t,r)=>{"use strict";r.d(t,{default:()=>a});var i=r(95155),s=r(4664),n=r(20285);function a({className:e,children:t}){let{openLibrary:r}=(0,s.e)();return(0,i.jsx)("button",{type:"button",onClick:()=>{(0,n.ji)()&&function(){let e=window.webkit?.messageHandlers?.frogtoon;if(!e)return!1;try{return e.postMessage({type:"openLibrary"}),!0}catch{return!1}}()||r()},className:e,children:t})}},18405:(e,t,r)=>{"use strict";r.d(t,{default:()=>c,useToast:()=>m});var i=r(95155),s=r(12115),n=r(47650),a=r(69414),o=r(27878);function l(){let[e,t]=(0,s.useState)(null),[r,l]=(0,s.useState)(!1);if((0,s.useEffect)(()=>{let e=e=>{let r=e.detail;r?.url&&(l(!1),t({title:r.title||"Frogtoon",text:r.text,url:r.url}))},r=e=>{"Escape"===e.key&&t(null)};return window.addEventListener(a.PI,e),window.addEventListener("keydown",r),()=>{window.removeEventListener(a.PI,e),window.removeEventListener("keydown",r)}},[]),!e||"undefined"==typeof document)return null;let d=()=>{t(null),l(!1)},m=t=>{let r=(0,a.RY)(t,e.title,e.url);"email"===t?window.location.href=r:window.open(r,"_blank","noopener,noreferrer,width=600,height=520"),d()},c=async()=>{let t=(0,o.xr)(e.url,"copy");await (0,a.V$)(t)&&(l(!0),window.setTimeout(d,700))};return(0,n.createPortal)((0,i.jsxs)("div",{className:"fixed inset-0 flex items-end justify-center bg-black/55 p-4 sm:items-center",style:{zIndex:0x7fffffff},role:"presentation",children:[(0,i.jsx)("button",{type:"button",className:"absolute inset-0 cursor-default","aria-label":"Close share",onClick:d}),(0,i.jsxs)("div",{role:"dialog","aria-modal":"true","aria-label":"Share",className:"relative z-10 w-full max-w-sm rounded-2xl border border-white/10 bg-[#171a21] p-4 shadow-2xl",children:[(0,i.jsxs)("div",{className:"mb-3 flex items-start justify-between gap-3",children:[(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"text-xs font-semibold uppercase tracking-[0.18em] text-white/50",children:"Share"}),(0,i.jsx)("h2",{className:"mt-1 truncate text-base font-semibold text-white",children:e.title})]}),(0,i.jsx)("button",{type:"button",onClick:d,className:"rounded-full p-1.5 text-white/70 transition hover:bg-white/10 hover:text-white","aria-label":"Close",children:(0,i.jsx)("svg",{className:"h-4 w-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:(0,i.jsx)("path",{strokeLinecap:"round",d:"M6 6l12 12M18 6L6 18"})})})]}),(0,i.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,i.jsx)("button",{type:"button",onClick:()=>

1m("x"),className:"rounded-xl border border-white/10 bg-white/[0.05] px-3 py-2.5 text-sm font-medium text-white/90 hover:bg-white/10",children:"X"}),(0,i.jsx)("button",{type:"button",onClick:()=>m("facebook"),className:"rounded-xl border border-white/10 bg-white/[0.05] px-3 py-2.5 text-sm font-medium text-white/90 hover:bg-white/10",children:"Facebook"}),(0,i.jsx)("button",{type:"button",onClick:()=>m("whatsapp"),className:"rounded-xl border border-white/10 bg-white/[0.05] px-3 py-2.5 text-sm font-medium text-white/90 hover:bg-white/10",children:"WhatsApp"}),(0,i.jsx)("button",{type:"button",onClick:()=>m("email"),className:"rounded-xl border border-white/10 bg-white/[0.05] px-3 py-2.5 text-sm font-medium text-white/90 hover:bg-white/10",children:"Email"})]}),(0,i.jsx)("button",{type:"button",onClick:()=>{c()},className:"mt-3 w-full rounded-xl bg-white px-3 py-2.5 text-sm font-semibold text-black transition hover:bg-gray-200",children:r?"Link copied":"Copy link"})]})]}),document.body)}let d=(0,s.createContext)(void 0);function m(){let e=(0,s.useContext)(d);return e||{showToast:()=>{}}}function c({children:e}){let[t,r]=(0,s.useState)([]),n=(0,s.useCallback)((e,t="info",i)=>{let s=`${Date.now()}-${Math.random().toString(36).slice(2)}`;r(r=>[...r,{id:s,message:e,type:t,actionLabel:i?.actionLabel,onAction:i?.onAction}]),setTimeout(()=>{r(e=>e.filter(e=>e.id!==s))},2500)},[]);return(0,s.useEffect)(()=>{let e=e=>{try{let t=e.detail;if(t?.item){let e=t.section||"library";n(`Added to ${"likedSongs"===e?"Liked Songs":e}: ${t.item.title||""}`,"success")}}catch{}},t=e=>{try{let t=e.detail;n(t?.message||"Saved only on this device","info")}catch{}};return window.addEventListener("frogtoon:addToLibrary:success",e),window.addEventListener("frogtoon:addToLibrary:localOnly",t),()=>{window.removeEventListener("frogtoon:addToLibrary:success",e),window.removeEventListener("frogtoon:addToLibrary:localOnly",t)}},[n]),(0,i.jsxs)(d.Provider,{value:{showToast:n},children:[e,(0,i.jsx)(l,{}),(0,i.jsx)("div",{className:"fixed bottom-6 left-1/2 -translate-x-1/2 z-[100200] space-y-2 w-[90%] max-w-md pointer-events-none",children:t.map(e=>(0,i.jsx)("div",{className:`px-4 py-3 rounded-lg shadow-lg text-sm text-white backdrop-blur-md border pointer-events-auto
2              ${"success"===e.type?"bg-green-600/80 border-green-500/50":""}
3              ${"error"===e.type?"bg-red-600/80 border-red-500/50":""}
4              ${"info"===e.type?"bg-gray-800/80 border-white/10":""}
5            `,role:"status","aria-live":"polite",children:(0,i.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,i.jsx)("span",{children:e.message}),e.actionLabel&&e.onAction?(0,i.jsx)("button",{type:"button",onClick:()=>{e.onAction?.(),r(t=>t.filter(t=>t.id!==e.id))},className:"rounded-full border border-white/15 bg-white/10 px-3 py-1 text-xs font-semibold text-white transition hover:bg-white/20",children:e.actionLabel}):null]})},e.id))})]})}},35814:(e,t,r)=>{"use strict";r.d(t,{F:()=>n});var i=r(67260),s=r(62391);function n(e){return(0,i.N)((0,s.QC)(e))}},36686:()=>{},46736:(e,t,r)=>{"use strict";r.d(t,{default:()=>n});var i=r(95155),s=r(21035);function n({items:e,title:t="Trending Albums",thumbnailRemoteLookup:r,thumbnailBackgroundRepair:n}){return e.length?(0,i.jsx)(s.default,{priorityCount:0,items:e.map(e=>({href:e.href,type:"album",id:e.id||e.href.split("/").pop()||`${e.artist}-${e.name}`,title:e.name,artist:e.artist,subtitle:e.artist,image:e.image,thumbnailRemoteLookup:r,thumbnailBackgroundRepair:n}))}):null}},48402:(e,t,r)=>{Promise.resolve().then(r.bind(r,46736)),Promise.resolve().then(r.bind(r,8027)),Promise.resolve().then(r.bind(r,64371)),Promise.resolve().then(r.bind(r,39584)),Promise.resolve().then(r.bind(r,21035)),Promise.resolve().then(r.bind(r,94105)),Promise.resolve().then(r.bind(r,87215)),Promise.resolve().then(r.bind(r,49792)),Promise.resolve().then(r.t.bind(r,52619,23))},64371:(e,t,r)=>{"use strict";r.d(t,{default:()=>d});var i=r(95155),s=r(52619),n=r.n(s),a=r(20063),o=r(35814),l=r(62391);function d({href:e="/spotify-import-guide?source=banner",className:t="",mobileCompact:r=!1}){let s=(0,a.usePathname)(),{locale:d}=(0,l.RV)(s??"/"),m=(0,o.F)(d??"en").spotifyImportBanner,c=(0,l.dS)(e,d??"en");return r?(0,i.jsxs)(n(),{href:c,prefetch:!1,className:`group relative w-full overflow-hidden rounded-[1.75rem] border border-emerald-400/20 bg-[linear-gradient(135deg,rgba(9,18,24,0.96),rgba(15,34,46,0.96))] text-left shadow-[0_18px_50px_rgba(0,0,0,0.28)] transition hover:border-emerald-300/35 hover:shadow-[0_22px_60px_rgba(16,185,129,0.12)] ${t}`,"aria-label":m.openGuideAriaLabel,children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(52,211,153,0.14),transparent_34%),radial-gradient(circle_at_bottom_right,rgba(45,212,191,0.12),transparent_28%)]"}),(0,i.jsxs)("div",{className:"relative flex min-h-[100px] items-center justify-between gap-4 px-4 py-3",children:[(0,i.jsxs)("div",{className:"min-w-0",children:[(0,i.jsx)("p",{className:"text-[0.64rem] font-semibold uppercase tracking-[0.28em] text-emerald-200",children:m.badge}),(0,i.jsx)("h3",{className:"mt-2 text-[1rem] font-semibold leading-5 text-white",children:m.compactTitle}),(0,i.jsx)("p",{className:"mt-1 text-xs leading-5 text-white/82",children:m.compactBody})]}),(0,i.jsx)("div",{className:"inline-flex h-10 shrink-0 items-center justify-center rounded-full bg-emerald-400 px-4 text-center text-xs font-semibold text-slate-950 transition group-hover:bg-emerald-300",children:m.openGuide})]})]}):(0,i.jsxs)(n(),{href:c,prefetch:!1,className:`group relative w-full overflow-hidden rounded-[1.75rem] border border-emerald-400/20 bg-[linear-gradient(135deg,rgba(9,18,24,0.96),rgba(15,34,46,0.96))] text-left shadow-[0_18px_50px_rgba(0,0,0,0.28)] transition hover:border-emerald-300/35 hover:shadow-[0_22px_60px_rgba(16,185,129,0.12)] ${t}`,"aria-label":m.openGuideAriaLabel,children:[(0,i.jsx)("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(52,211,153,0.14),transparent_34%),radial-gradient(circle_at_bottom_right,rgba(45,212,191,0.12),transparent_28%)]"}),(0,i.jsxs)("div",{className:"relative flex min-h-[90px] flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:gap-4 sm:px-7",children:[(0,i.jsxs)("div",{className:"min-w-0 sm:max-w-3xl",children:[(0,i.jsx)("p",{className:"text-[0.8rem] font-semibold uppercase tracking-[0.34em] text-emerald-200 sm:text-[0.68rem]",children:m.badge}),(0,i.jsx)("h3",{className:"mt-3 text-[1.35rem] font-semibold leading-[1.28] tracking-[-0.02em] text-white sm:mt-1.5 sm:text-[1.6rem] sm:leading-tight",children:m.desktopTitle}),(0,i.jsxs)("p",{className:"mt-3 text-[0.96rem] leading-6 text-white/84 sm:mt-1.5 sm:max-w-2xl sm:text-sm sm:leading-5",children:[(0,i.jsx)("span",{className:"sm:hidden",children:m.mobileBody}),(0,i.jsx)("span",{className:"hidden sm:inline",children:m.desktopBody})]})]}),(0,i.jsx)("div",{className:"self-start sm:flex sm:shrink-0 sm:self-auto sm:justify-end",children:(0,i.jsxs)("div",{className:"inline-flex h-12 items-center justify-center rounded-full bg-emerald-400 px-5 text-center text-sm font-semibold leading-none text-slate-950 transition group-hover:bg-emerald-300 sm:h-14 sm:px-6 sm:text-base",children:[(0,i.jsx)("span",{className:"sm:hidden",children:m.openGuide}),(0,i.jsx)("span",{className:"hidden sm:inline",children:m.importFromSpotify})]})})]})]})}},68616:(e,t,r)=>{"use strict";r.d(t,{T:()=>a});var i=r(12115);let s={twoXl:1536,xl:1280,lg:1024,sm:640},n={base:2,sm:3,lg:4,xl:5,twoXl:6};function a(e,t){let[r,a]=(0,i.useState)(e);return(0,i.useEffect)(()=>{let r={...n,...t},i=()=>{a(function(e,t,r){let i=Math.max(2,e),n=Math.max(1,Math.ceil(i/Math.max(r.base,r.sm,r.lg,r.xl,r.twoXl)));return Math.max(2,Math.min(i,(t>=s.twoXl?r.twoXl:t>=s.xl?r.xl:t>=s.lg?r.lg:t>=s.sm?r.sm:r.base)*n))}(e,window.innerWidth,r))};return i(),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("resize",i)}},[e,t?.base,t?.sm,t?.lg,t?.xl,t?.twoXl]),r}}}]);