https://open.kafi.vn/x/_next/static/chunks/14pm3g~n9w2vp.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,62344,(e,t,s)=>{"use strict";Object.defineProperty(s,"__esModule",{value:!0});var l={default:function(){return u},getImageProps:function(){return c}};for(var i in l)Object.defineProperty(s,i,{enumerable:!0,get:l[i]});let r=e.r(81258),n=e.r(13017),a=e.r(7792),d=r._(e.r(55612));function c(e){let{props:t}=(0,n.getImgProps)(e,{defaultLoader:d.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[32,48,64,96,128,256,384],qualities:[100,75],path:"/x/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,s]of Object.entries(t))void 0===s&&delete t[e];return{props:t}}let u=a.Image},82876,(e,t,s)=>{t.exports=e.r(62344)},23185,e=>{"use strict";var t=e.i(7983),s=e.i(82876),l=e.i(75157);e.s(["Image",0,({src:e,...i})=>{let r="string"==typeof e&&e.startsWith("/")?e.slice(1):e;return(0,t.jsx)(s.default,{src:`${l.BASE_PATH}/${r}`,...i})}])},63743,e=>{"use strict";var t=e.i(7983),s=e.i(62593),l=e.i(75157),i=e.i(23185);e.s(["Stepper",0,({steps:e})=>{let r,[n,a]=(0,s.useState)(1),[d,c]=(0,s.useState)((r=e.find(e=>1===e.id),r?.subSteps&&r.subSteps.length>

10?r.subSteps[0].id:null)),[u,o]=(0,s.useState)(0),f=()=>e.find(e=>e.id===n);(0,s.useEffect)(()=>{let t=e.find(e=>e.id===n);if(t?.subSteps&&t.subSteps.length>0){let e=t.subSteps[0].id;c(t=>t!==e?e:t)}else c(e=>null!==e?null:e)},[n,e]),(0,s.useEffect)(()=>{let e=f();if(!e?.subSteps||0===e.subSteps.length)return;let t=setInterval(()=>{let t=(e.subSteps.findIndex(e=>e.id===d)+1)%e.subSteps.length;c(e.subSteps[t].id)},5e3);return()=>clearInterval(t)},[d,n]),(0,s.useEffect)(()=>{null!==d&&o(e=>e+1)},[d]);let x=()=>{let e=f();if(!e)return"";if(d&&e.subSteps){let t=e.subSteps.find(e=>e.id===d);return t?.image||e.image||""}return e.image||""},p=e=>{a(e)};return(0,t.jsxs)("div",{className:"flex flex-col gap-8 lg:flex-row lg:gap-12",children:[(0,t.jsx)("div",{className:"flex-1",children:(0,t.jsx)("div",{className:"space-y-0",children:e.map((s,i)=>{let r=n===s.id,u=n>s.id,o=r||u,f=i===e.length-1;return(0,t.jsx)("div",{className:"relative",children:(0,t.jsxs)("div",{className:"flex items-center gap-4",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center self-stretch",children:[(0,t.jsx)("button",{onClick:()=>p(s.id),className:`z-10 flex size-12 shrink-0 cursor-pointer items-center justify-center rounded-full border-2 bg-white text-lg font-bold transition-colors ${o?"border-[#00C9A7] text-[#00C9A7]":"border-gray-300 text-gray-400"}`,children:s.id}),!f&&(0,t.jsx)("div",{className:`my-2 w-0 flex-1 border-l-2 border-dashed ${n>s.id?"border-[#00C9A7]":"border-gray-300"}`})]}),(0,t.jsxs)("div",{className:"flex-1 pb-5 lg:pb-10",children:[(0,t.jsx)("button",{onClick:()=>p(s.id),className:`mb-1 w-full cursor-pointer pt-2 text-left text-xl font-bold transition-colors lg:mb-4 lg:text-2xl ${o?"text-[#171717]":"text-[#737373]"}`,children:s.title}),r&&(s.content?(0,t.jsx)("div",{className:"mt-4",children:s.content}):s.subSteps&&s.subSteps.length>0&&(0,t.jsx)("div",{className:"mt-4 space-y-2",children:s.subSteps.map((e,i)=>{let r=s.subSteps.findIndex(e=>e.id===d);return(0,t.jsx)("button",{onClick:()=>{var t,l;return t=s.id,l=e.id,void(a(t),c(l))},className:(0,l.cn)("block w-full cursor-pointer rounded-lg py-1 text-left text-base font-semibold whitespace-pre-line will-change-transform","transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)]",-1!==r&&i<=r?"text-[#404040]":"text-[#a3a3a3]"),children:e.title},e.id)})}))]})]})},s.id)})})}),(0,t.jsx)("div",{className:"sticky top-0 flex h-fit w-full items-center justify-center overflow-hidden lg:w-[400px] xl:w-[500px]",children:x()&&(0,t.jsx)("div",{className:"slide-in-from-left relative aspect-9/16 w-full max-w-[410px]",children:(0,t.jsx)(i.Image,{src:x(),alt:"Step illustration",fill:!0,className:"object-contain",sizes:"(max-width: 768px) 100vw, 500px",quality:100,loading:"eager"})},u)})]})}])}]);