https://gpfi.grameenphone.com/_next/static/chunks/5700.8c2dd73f5ead8724.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5700],{85700:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return k}});var i=n(26042),a=n(85893),s=n(67294),r=n(57747),l=n(93717),o=n(71293),c=n(55281),u=n(86859),d=n(30829),p=n(74285),x=n(83459),m=n(62503),f=n(25675),h=n.n(f),v=n(36959),_=n(36066),b=n.n(_),g=n(17412),j=n(25981),k=function(e){var t,n,f,_,k,S,C=e.data,w=(0,j.Z)(null==C?void 0:C.purchase_bar_steps),N=function(e={}){let{index:t=0,count:n}=e,[i,a]=(0,s.useState)(t);return{activeStep:i,setActiveStep:a,activeStepPercent:i/("number"==typeof n?n-1:0),isActiveStep:e=>e===i,isCompleteStep:e=>e<i,isIncompleteStep:e=>e>i,getStatus:e=>e<i?"complete":e>i?"incomplete":"active",goToNext(){a(e=>"number"==typeof n?Math.min(n,e+1):e+1)},goToPrevious(){a(e=>Math.max(0,e-1))}}}({index:-1,count:null==w?void 0:null===(t=w[0])||void 0===t?void 0:t.length}),y=N.activeStep;return N.setActiveStep,(0,a.jsxs)(v.CommonSection,{containerConfig:{maxW:"900px",px:"0px"},display:"flex",flexDir:"column",alignItems:"center",justifyContent:"center",bg:{base:"#F8FAFC"},children:[(0,a.jsxs)(r.xu,{w:"100%",maxW:"1262px",pt:{base:"28px",md:"36px"},mx:"auto",children:[(0,a.jsxs)(l.k,{flexDir:{base:"column",md:"column"},alignItems:{base:"center",md:"center"},justifyContent:"space-between",children:[(0,a.jsxs)(r.xu,{textAlign:{base:"center",md:"center"},maxW:{base:"257px",md:"100%"},children:[(0,a.jsx)(o.x,{mb:"8px",color:"#334155",fontWeight:"400",fontSize:{base:"14px",md:"20px"},lineHeight:{base:"17.63px",md:"30px"},whiteSpace:"normal",display:"inline-block",children:null==C?void 0:C.field_short_description}),(0,a.jsx)(o.x,{mb:0,color:"#020617",fontWeight:{base:"500",md:"700"},fontSize:{base:"18px",md:"36px"},lineHeight:{base:"24px",md:"60px"},letterSpacing:"-4%",fontFamily:"'TelenorEvolutionUI', Telenor, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans Bengali', sans-serif",children:null==C?void 0:C.field_title})]}),(0,a.jsxs)(r.xu,{position:"relative",w:"256px",h:"166.18px",mt:{base:0,md:0},mr:{base:0,md:0},children:[" ",(0,a.jsx)(h(),{src:null==C?void 0:null===(n=C.field_product_image)||void 0===n?void 0:n.uri,alt:null!==(S=null==C?void 0:null===(f=C.field_product_image)||void 0===f?void 0:f.name)&&void 0!==S?S:"product image",width:256,height:166.18})]})]}),(0,a.jsx)(r.xu,{mt:{base:"32px",md:"40.46px"},mb:{base:"38px",md:"64px"},w:"100%",maxW:"797px",mx:"auto",px:{base:"34px",md:"55px"},children:(0,a.jsx)(c.K,{children:(0,a.jsx)(u.v,{className:"".concat(b().homepagestepper),size:"sm",index:y,gap:"0",children:null==w?void 0:w.map(function(e,t){return(0,a.jsxs)(d.h,{gap:"0",children:[(0,a.jsxs)(r.xu,{position:"relative",children:[(0,a.jsx)(p.O,{children:(0,a.jsx)(x.k,{complete:null==e?void 0:e.field_value,incomplete:null==e?void 0:e.field_value,active:null==e?void 0:e.field_value})}),(0,a.jsx)(o.x,{mb:0,position:"absolute",transform:"translate(-50%, 0px)",whiteSpace:{md:"nowrap"},textAlign:"center",left:"50%",mt:{base:"8px",md:"28px"},fontWeight:{md:"500"},fontSize:{base:"12px",md:"16px"},lineHeight:{base:"15.11px",md:"20.14px"},letterSpacing:{base:"-2%",md:0},minW:"50px",children:e.field_title})]}),(0,a.jsx)(m.F,{_horizontal:{ml:"0"}})]},t)})})})})]}),(0,a.jsx)(l.k,{children:(0,a.jsx)(v.CommonLink,{href:"".concat(null==C?void 0:null===(_=C.field_link_and_button_text)||void 0===_?void 0:_.uri),display:"flex",justifyContent:"center",alignItems:"center",w:{md:"224px"},h:{base:"40px",md:"48px"},color:"white",bg:"#157EE7",borderRadius:"6px",px:"18px",py:"8px",mt:{base:"32px",md:"40px"},mb:{base:"28px",md:"59px"},mx:"auto",fontSize:{base:"16px",md:"20px"},lineHeight:"24px",fontWeight:"500",onClick:function(){var e;return(0,g.bD)("gpfi_Order_now_Tab",(0,i.Z)({source:"order journey",CTA_text:null==C?void 0:null===(e=C.field_link_and_button_text)||void 0===e?void 0:e.title},(0,g.hl)()))},children:null==C?void 0:null===(k=C.field_link_and_button_text)||void 0===k?void 0:k.title})})]})}},36066:function(e){e.exports={homepagestepper:"stepper_homepagestepper__ltLJA",ordergpfi:"stepper_ordergpfi__CVBbE"}},86859:function(e,t,n){"use strict";n.d(t,{v:function(){return d}});var i=n(69220),a=n(25432),s=n(16554),r=n(27440),l=n(33179),o=n(16914),

1c=n(67294),u=n(85893),d=(0,s.G)(function(e,t){let n=(0,r.jC)("Stepper",e),{children:s,index:d,orientation:p="horizontal",showLastSeparator:x=!1,...m}=(0,l.Lr)(e),f=c.Children.toArray(s),h=f.length;return(0,u.jsx)(o.m.div,{ref:t,"aria-label":"Progress","data-orientation":p,...m,__css:n.stepper,className:(0,a.cx)("chakra-stepper",e.className),children:(0,u.jsx)(i.q_,{value:n,children:f.map((e,t)=>{var n;return(0,u.jsx)(i.eg,{value:{index:t,status:t<d?"complete":t>d?"incomplete":"active",orientation:p,showLastSeparator:x,count:h,isFirst:0===t,isLast:t===h-1},children:e},t)})})})})},74285:function(e,t,n){"use strict";n.d(t,{O:function(){return l}});var i=n(69220),a=n(25432),s=n(16914),r=n(85893);function l(e){let{status:t}=(0,i.sV)(),n=(0,i.tR)();return(0,r.jsx)(s.m.div,{"data-status":t,...e,__css:n.indicator,className:(0,a.cx)("chakra-step__indicator",e.className)})}},69220:function(e,t,n){"use strict";n.d(t,{eg:function(){return s},q_:function(){return l},sV:function(){return r},tR:function(){return o}});var i=n(55227),a=n(56071),[s,r]=(0,i.k)({name:"StepContext"}),[l,o]=(0,a.eC)("Stepper")},30829:function(e,t,n){"use strict";n.d(t,{h:function(){return o}});var i=n(69220),a=n(25432),s=n(16554),r=n(16914),l=n(85893),o=(0,s.G)(function(e,t){let{orientation:n,status:s,showLastSeparator:o}=(0,i.sV)(),c=(0,i.tR)();return(0,l.jsx)(r.m.div,{ref:t,"data-status":s,"data-orientation":n,"data-stretch":(0,a.PB)(o),__css:c.step,...e,className:(0,a.cx)("chakra-step",e.className)})})},62503:function(e,t,n){"use strict";n.d(t,{F:function(){return o}});var i=n(69220),a=n(25432),s=n(16554),r=n(16914),l=n(85893),o=(0,s.G)(function(e,t){let{orientation:n,status:s,isLast:o,showLastSeparator:c}=(0,i.sV)(),u=(0,i.tR)();return o&&!c?null:(0,l.jsx)(r.m.div,{ref:t,role:"separator","data-orientation":n,"data-status":s,__css:u.separator,...e,className:(0,a.cx)("chakra-step__separator",e.className)})})},83459:function(e,t,n){"use strict";n.d(t,{k:function(){return r}});var i=n(69220),a=n(25432),s=n(85893);function r(e){let{complete:t,incomplete:n,active:r}=e,l=(0,i.sV)(),o=null;switch(l.status){case"complete":o=(0,a.Pu)(t,l);break;case"incomplete":o=(0,a.Pu)(n,l);break;case"active":o=(0,a.Pu)(r,l)}return o?(0,s.jsx)(s.Fragment,{children:o}):null}}}]);