https://app.identica.ai/_next/static/chunks/26282.175862bce998735e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26282],{26282:(e,t,r)=>{r.r(t),r.d(t,{default:()=>h});var s=r(95155),a=r(12115),l=r(69604),o=r(74664),n=r(59434),d=r(83754),i=r(91292);let c=a.lazy(()=>r.e(11155).then(r.t.bind(r,11155,23))),x=e=>{let{progress:t,currentStep:r,totalSteps:a}=e;return(0,s.jsxs)("div",{className:"relative w-32 h-32 flex items-center justify-center",children:[(0,s.jsxs)("svg",{className:"w-32 h-32 transform -rotate-90",viewBox:"0 0 120 120",children:[(0,s.jsx)("circle",{cx:"60",cy:"60",r:"54",stroke:"#E5E7EB",strokeWidth:"8",fill:"none"}),(0,s.jsx)("circle",{cx:"60",cy:"60",r:"54",stroke:"url(#progress-gradient)",strokeWidth:"8",fill:"none",strokeLinecap:"round",strokeDasharray:"".concat(2*Math.PI*54),strokeDashoffset:"".concat(2*Math.PI*54*(1-t/100)),style:{transition:"stroke-dashoffset 0.5s ease-in-out"}}),(0,s.jsx)("defs",{children:(0,s.jsxs)("linearGradient",{id:"progress-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[(0,s.jsx)("stop",{offset:"0%",stopColor:"#52FFBA"}),(0,s.jsx)("stop",{offset:"50%",stopColor:"#23FAEC"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#00AAFF"})]})})]}),(0,s.jsxs)("div",{className:"absolute flex flex-col items-center justify-center",children:[(0,s.jsx)("span",{className:"text-xs text-gray-500 mb-1",children:"Current Progress"}),r>=a?(0,s.jsx)("span",{className:"text-2xl font-bold text-green-600 dark:text-green-400",children:"Complete"}):(0,s.jsx)("span",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:"".concat(r+1," of ").concat(a)})]})]})};function h(e){let{progress:t,steps:r=[],currentStep:h=0,video_url:p,title:f,description:u}=e,[m,g]=(0,a.useState)(!1),[y,b]=(0,a.useState)(!1);return(0,s.jsxs)("div",{className:"w-64 md:w-[260px] bg-white dark:bg-neutral-900  border-neutral-200 dark:border-neutral-800 flex flex-col gap-5",children:[(0,s.jsx)("button",{className:"md:hidden absolute top-4 right-[-48px] bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 rounded-full shadow p-2 z-40",onClick:()=>b(e=>!e),"aria-label":y?"Close sidebar":"Open sidebar",children:y?(0,s.jsx)("span",{className:"text-lg",children:"\xd7"}):(0,s.jsx)("span",{className:"text-lg",children:"☰"})}),(0,s.jsxs)(o.A,{className:"p-4 mt-16 md:mt-0",children:[(0,s.jsx)("div",{className:"flex flex-row justify-between items-center"}),(0,s.jsx)("div",{className:"flex justify-center items-center py-2",children:(0,s.jsx)(x,{progress:t,currentStep:h,totalSteps:r.length})})]}),(0,s.jsx)("nav",{className:"flex-1 flex flex-col gap-2 mt-2 px-2",children:r.map((e,t)=>(0,s.jsxs)("div",{className:"flex flex-col px-3 py-2 rounded-lg cursor-pointer transition-colors ".concat(t===h?"bg-gradient-to-r from-[#52FFBA] via-[#23FAEC] to-[#00AAFF] border-l-4 border-[#00AAFF] text-white":"hover:bg-neutral-100 dark:hover:bg-neutral-800"),style:t===h?{color:"#000"}:{},children:[(0,s.jsx)("span",{className:"text-sm font-semibold text-gray-900 dark:text-white",style:t===h?{color:"#000"}:{},children:e.label}),(0,s.jsx)("span",{className:"text-xs text-gray-500 dark:text-gray-400",style:t===h?{color:"#000"}:{},children:e.description})]},e.label))}),p&&(0,s.jsxs)(o.A,{className:"flex flex-col gap-2 mt-2 py-4 px-3",children:[(0,s.jsxs)("div",{className:"group react-player-wrapper w-full overflow-hidden rounded-[7px] relative",children:[(0,s.jsxs)(l.Box,{className:(0,n.cn)("w-10 h-10 flex opacity-0 items-center justify-center bg-black rounded-full","absolute top-[50%] left-[50%]","transition duration-300","group-hover:opacity-100","cursor-pointer z-10"),style:{transform:"translate(-50%,  -50%)"},onClick:()=>{g(e=>!e)},children:[!m&&(0,s.jsx)(d.A,{}),m&&(0,s.jsx)(i.A,{})]}),(0,s.jsx)(a.Suspense,{fallback:(0,s.jsx)("div",{className:"w-full h-32 bg-gray-200 dark:bg-gray-700 rounded-[7px] flex items-center justify-center",children:"Loading video..."}),children:(0,s.jsx)(c,{playing:m,controlsList:"nodownload",preload:"none",url:p,width:"100%",height:"100%"})})]}),(0,s.jsx)("div",{className:"text-2xl font-medium mt-5",children:f}),(0,s.jsx)("div",{className:"text-sm leading-4 font-normal py-1",children:u})]})]})}},74664:(e,t,r)=>{r.d(t,{A:()=>d});var s=r(95155),a=r(72711),l=r(12115),o=r(59434);let n=(0,l.forwardRef)((e,t)=>{let{children:r,className:l="",as:n="div",href:d,onClick:i,disabled:c,isLink:x,...h}=e,{theme:p}=(0,a.Q)(),f=d||i||x?"cursor-pointer hover:shadow-lg active:scale-[0.98]":"";return(0,s.jsx)(x?"div":n,{ref:t,href:x?void 0:d,onClick:i,className:(0,o.cn)("rounded-[8px] transition duration-300","dark"===p?"bg-gradient-to-b from-[#171717] to-black":"bg-gradient-to-b from-[#E6E6E7] to-white !border-[#cecdcd]",f,c?"opacity-50 cursor-not-allowed pointer-events-none":"",l),...h,children:r})});n.displayName="CustomCard";let d=n},83754:(e,t,r)=>{r.d(t,{A:()=>s});var s=(0,r(86467).A)("outline","player-play","IconPlayerPlay",[["path",{d:"M7 4v16l13 -8z",key:"svg-0"}]])},91292:(e,t,r)=>{r.d(t,{A:()=>s});var s=(0,r(86467).A)("outline","player-pause","IconPlayerPause",[["path",{d:"M6 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z",key:"svg-0"}],["path",{d:"M14 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z",key:"svg-1"}]])}}]);