https://whisperwall.io/_next/static/chunks/app/layout-02468e4d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{7805:function(e,t,s){Promise.resolve().then(s.bind(s,7125)),Promise.resolve().then(s.t.bind(s,4742,23)),Promise.resolve().then(s.t.bind(s,7960,23))},7125:function(e,t,s){"use strict";s.d(t,{Providers:function(){return v}});var a=s(7437),n=s(605),i=s(2265),l=s(5922);function r({children:e,...t}){return(0,a.jsx)(l.f,{...t,children:e})}var o=s(5242),d=s(5095),c=s(909),m=s(5900),h=s(2023),x=s(2489),p=s(8896),u=s(6858),g=s(2451),w=s(2934),f=s(407);function b(){let{isActive:e,currentStep:t,steps:s,nextStep:n,prevStep:l,endTutorial:r,goToStep:b,mounted:v}=(0,o.o)(),[j,N]=(0,i.useState)(null),[y,k]=(0,i.useState)({}),[S,C]=(0,i.useState)(!1),E=(0,i.useRef)(null),Z=s[t];if((0,i.useEffect)(()=>{if(!v||!e||!Z)return;let t=()=>{let e=window.innerWidth<640;C(e);let t=e?window.innerWidth-24:Math.min(400,window.innerWidth-40);if(Z.targetSelector&&!e){let e=document.querySelector(Z.targetSelector);if(e){let s=e.getBoundingClientRect();N({top:s.top-8+window.scrollY,left:s.left-8,width:s.width+16,height:s.height+16});let a=0,n=0;switch(Z.position||"bottom"){case"top":a=s.top-300-20+window.scrollY,n=s.left+s.width/2-t/2;break;case"bottom":a=s.bottom+20+window.scrollY,n=s.left+s.width/2-t/2;break;case"left":a=s.top+s.height/2-140+window.scrollY,n=s.left-t-20;break;case"right":a=s.top+s.height/2-140+window.scrollY,n=s.right+20;break;case"center":a=window.innerHeight/2-140+window.scrollY,n=window.innerWidth/2-t/2}n=Math.max(12,Math.min(n,window.innerWidth-t-12)),k({top:a=Math.max(12+window.scrollY,a),left:n,width:t})}else N(null),k({top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t})}else e?(N(null),k({bottom:"env(safe-area-inset-bottom, 0px)",left:0,right:0,width:"100%",maxHeight:"60vh"})):(N(null),k({top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:t}))};return t(),window.addEventListener("resize",t),window.addEventListener("scroll",t),()=>{window.removeEventListener("resize",t),window.removeEventListener("scroll",t)}},[v,e,Z,t]),!v||!e||!Z)return null;let $=(t+1)/s.length*100,P=s.length>(S?5:10);return(0,a.jsx)(d.M,{children:(0,a.jsxs)("div",{className:"fixed inset-0 z-[9999] pointer-events-none",children:[(0,a.jsx)(c.E.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"absolute inset-0 pointer-events-auto",onClick:r,style:{background:j?`radial-gradient(ellipse ${j.width+40}px ${j.height+40}px at ${j.left+j.width/2}px ${j.top+j.height/2}px, transparent 0%, rgba(0, 0, 0, 0.85) 100%)`:"rgba(0, 0, 0, 0.85)"}}),j&&!S&&(0,a.jsx)(c.E.div,{initial:{scale:.8,opacity:0},animate:{scale:1,opacity:1},className:"absolute rounded-lg border-2 border-emerald-400 pointer-events-none",style:{top:j.top,left:j.left,width:j.width,height:j.height,boxShadow:"0 0 0 4px rgba(52, 211, 153, 0.3), 0 0 30px rgba(52, 211, 153, 0.4)"},children:(0,a.jsx)(c.E.div,{animate:{boxShadow:["0 0 0 0px rgba(52, 211, 153, 0.4)","0 0 0 10px rgba(52, 211, 153, 0)"]},transition:{duration:1.5,repeat:1/0},className:"absolute inset-0 rounded-lg"})}),(0,a.jsx)(c.E.div,{ref:E,initial:{opacity:0,scale:.95,y:S?50:10},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.95,y:S?50:10},transition:{type:"spring",damping:25,stiffness:300},className:`absolute pointer-events-auto ${S?"rounded-t-2xl rounded-b-none":""}`,style:y,onClick:e=>e.stopPropagation(),children:(0,a.jsxs)("div",{className:`bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 border border-slate-700/50 shadow-2xl overflow-hidden ${S?"rounded-t-2xl":"rounded-2xl"}`,children:[(0,a.jsx)("div",{className:"bg-gradient-to-r from-emerald-600/20 via-teal-600/20 to-cyan-600/20 px-4 sm:px-6 py-3 sm:py-4 border-b border-slate-700/50",children:(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 sm:gap-3",children:[(0,a.jsx)("div",{className:"w-8 h-8 sm:w-10 sm:h-10 rounded-lg sm:rounded-xl bg-gradient-to-br from-emerald-500 to-teal-600 flex items-center justify-center shadow-lg shadow-emerald-500/20",children:(0,a.jsx)(m.Z,{className:"w-4 h-4 sm:w-5 sm:h-5 text-white"})}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-1.5 sm:gap-2",children:[(0,a.jsx)(h.Z,{className:"w-3 h-3 sm:w-4 sm:h-4 text-emerald-400"}),(0,a.jsx)("span",{className:"text-[10px] sm:text-xs font-medium text-emerald-400 uppercase tracking-wider",children:"Tutorial"})]}),(0,a.jsxs)("span",{className:"text-xs sm:text-sm text-slate-400",children:[t+1," / ",s.length]})]})]}),(0,a.jsx)("button",{onClick:r,className:"p-1.5 sm:p-2 hover:bg-slate-700/50 rounded-lg transition-colors group",children:(0,a.jsx)(x.Z,{className:"w-4 h-4 sm:w-5 sm:h-5 text-slate-400 group-hover:text-white"})})]})}),(0,a.jsx)("div",{className:"h-1 bg-slate-800",children:(0,a.jsx)(c.E.div,{className:"h-full bg-gradient-to-r from-emerald-500 via-teal-500 to-cyan-500",initial:{width:0},animate:{width:`${$}%`},transition:{duration:.3}})}),(0,a.jsx)("div",{className:`p-4 sm:p-6 ${S?"max-h-[30vh] overflow-y-auto":""}`,children:(0,a.jsxs)(c.E.div,{initial:{opacity:0,x:10},animate:{opacity:1,x:0},transition:{delay:.1},children:[(0,a.jsxs)("div",{className:"flex items-start gap-2 sm:gap-3 mb-2 sm:mb-3",children:[(0,a.jsx)(p.Z,{className:"w-4 h-4 sm:w-5 sm:h-5 text-emerald-400 mt-0.5 flex-shrink-0"}),(0,a.jsx)("h3",{className:"text-base sm:text-xl font-bold text-white leading-tight",children:Z.title})]}),(0,a.jsx)("p",{className:"text-sm sm:text-base text-slate-300 leading-relaxed ml-6 sm:ml-8 whitespace-pre-line",children:Z.description}),Z.action&&(0,a.jsxs)("div",{className:"mt-3 sm:mt-4 ml-6 sm:ml-8 flex items-start gap-2 text-xs sm:text-sm text-cyan-400 bg-cyan-400/10 px-2.5 sm:px-3 py-2 rounded-lg border border-cyan-400/20",children:[(0,a.jsx)(u.Z,{className:"w-3 h-3 sm:w-4 sm:h-4 mt-0.5 flex-shrink-0"}),(0,a.jsx)("span",{children:Z.action})]})]},t)}),(0,a.jsxs)("div",{className:"px-4 sm:px-6 py-4 bg-slate-800/80 border-t border-slate-700/50 flex items-center gap-3",children:[(0,a.jsxs)("button",{onClick:l,disabled:0===t,className:"flex-shrink-0 flex items-center justify-center gap-1 sm:gap-2 px-3 sm:px-4 py-2.5 min-h-[44px] text-sm font-medium text-slate-300 hover:text-white hover:bg-slate-700/50 rounded-lg disabled:opacity-40 disabled:cursor-not-allowed transition-colors",children:[(0,a.jsx)(g.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Back"})]}),(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center gap-1 sm:gap-1.5 min-w-0 overflow-hidden",children:P?(0,a.jsxs)("span",{className:"text-xs text-slate-400 font-medium whitespace-nowrap",children:[t+1," of ",s.length]}):s.map((e,s)=>(0,a.jsx)("button",{onClick:()=>b(s),className:`w-2 h-2 rounded-full transition-all flex-shrink-0 ${s===t?"w-6 bg-emerald-500":s<t?"bg-emerald-500/50":"bg-slate-600"}`},s))}),(0,a.jsx)("button",{onClick:n,className:"flex-shrink-0 flex items-center justify-center gap-1.5 sm:gap-2 px-4 sm:px-5 py-2.5 min-h-[44px] text-sm font-semibold bg-gradient-to-r from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white rounded-lg shadow-lg shadow-emerald-500/20 transition-all active:scale-95",children:t===s.length-1?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.Z,{className:"w-4 h-4"}),(0,a.jsx)("span",{children:"Done"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{children:"Next"}),(0,a.jsx)(f.Z,{className:"w-4 h-4"})]})})]})]})})]})})}function v({children:e}){return(0,a.jsx)(n.SessionProvider,{children:(0,a.jsx)(r,{attribute:"class",defaultTheme:"dark",enableSystem:!0,disableTransitionOnChange:!0,children:(0,a.jsxs)(o.Z,{children:[e,(0,a.jsx)(b,{})]})})})}},5242:function(e,t,s){"use strict";s.d(t,{Z:function(){return l},o:function(){return r}});var a=s(7437),n=s(2265);let i=(0,n.createContext)({currentStep:0,steps:[],setSteps:()=>{},nextStep:()=>{},prevStep:()=>{},goToStep:()=>{},endTutorial:()=>{},startTutorial:()=>{},isActive:!1,mounted:!1});function l({children:e}

1){let[t,s]=(0,n.useState)(!1),[l,r]=(0,n.useState)(0),[o,d]=(0,n.useState)([]),[c,m]=(0,n.useState)(!1);(0,n.useEffect)(()=>{m(!0)},[]);let h=(0,n.useCallback)(()=>{o.length>0&&(r(0),s(!0))},[o.length]),x=(0,n.useCallback)(()=>{s(!1),r(0)},[]),p=(0,n.useCallback)(()=>{l<o.length-1?r(e=>e+1):x()},[l,o.length,x]),u=(0,n.useCallback)(()=>{l>0&&r(e=>e-1)},[l]),g=(0,n.useCallback)(e=>{e>=0&&e<o.length&&r(e)},[o.length]),w=(0,n.useMemo)(()=>({currentStep:l,steps:o,setSteps:d,nextStep:p,prevStep:u,goToStep:g,endTutorial:x,startTutorial:h,isActive:t,mounted:c}),[l,o,p,u,g,x,h,t,c]);return(0,a.jsx)(i.Provider,{value:w,children:e})}function r(){return(0,n.useContext)(i)}},7960:function(){}},function(e){e.O(0,[540,652,605,437,971,117,744],function(){return e(e.s=7805)}),_N_E=e.O()}]);