@momo-webplatform/mobase 0.2.76 → 0.2.77

package/dist/esm/index.js

@@ -273,7 +273,7 @@ import*as wo from"react";import{ChevronDownIcon as Ul}from"@heroicons/react/20/s
           .mark-vertical-marquee {
               mask: linear-gradient(transparent, black 16px, black calc(100% - 16px), transparent);
           }
-        `})]})};import{Fragment as hg,jsx as Zt}from"react/jsx-runtime";var vg=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return Zt(Wr,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return Zt(cl,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return Zt(sl,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return Zt(Wr,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},xg=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>Zt(hg,{children:vg({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),bg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>Zt(G,{className:i(e===1&&(n?.length??0)>3?"[&>.wrapper]:max-w-full [&>.wrapper]:md:px-0":"",e===3?"overflow-hidden":"",t),idSection:a,background:o,children:Zt(xg,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});import dl from"html-react-parser";import{Fragment as yg,jsx as oe,jsxs as Kt}from"react/jsx-runtime";var jr=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>oe(at,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>Kt(rt,{value:n.title,className:"last:border-none",children:[oe(it,{className:"md:text-lg",children:n.title}),oe(nt,{className:"prose max-w-none",children:dl(n.description)})]},s))});return Kt("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[oe("div",{className:"relative",children:Kt("div",{className:"md:sticky md:top-14",children:[o&&oe(b,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"left",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&oe("div",{className:"col-span-2",children:a(e[0])}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},pl=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},l=m=>oe(at,{type:"single",collapsible:!0,defaultValue:m?.isActiveFistQuestion&&m?.contents?.[0]?.title||"",className:"w-full",children:m?.contents?.map((d,c)=>Kt(rt,{value:d.title,className:"last:border-none",children:[oe(it,{className:"md:text-lg",children:d.title}),oe(nt,{className:"prose max-w-none",children:dl(d.description)})]},c))});return Kt(yg,{children:[o&&oe(b,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"center",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),e&&Kt(gt,{defaultValue:e[0]?.title,children:[e?.length>1&&Kt(ct,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[oe(dt,{className:"mb-3 text-center",children:oe($e,{className:"inline-flex items-center w-auto mx-auto mb-0 overflow-visible",size:"base",children:e.map((m,d)=>oe(Ge,{value:m.title,children:m.title},m.title+d))})}),oe(pt,{}),oe(ft,{})]}),e.map((m,d)=>oe(je,{className:"max-w-3xl mx-auto mt-0",value:m.title,children:l(m)},m.title+d))]}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};import{Fragment as Cg,jsx as vo}from"react/jsx-runtime";var wg=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return vo(jr,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return vo(pl,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return vo(jr,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},Ng=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>vo(Cg,{children:wg({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),Pg=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:l=1})=>vo(G,{className:t,idSection:r,background:a,children:vo(Ng,{dataHeading:e,dataFAQ:o,template:l,dataHorizontalScroll:s,dataButtons:n})});import Rg,{memo as Tg}from"react";import{ArrowDownIcon as kg}from"@heroicons/react/20/solid";import Sg from"html-react-parser";import{Fragment as fl,jsx as X,jsxs as et}from"react/jsx-runtime";var Dg=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return et(fl,{children:[X("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:et("picture",{children:[X("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),X("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),et("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[X("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-gray-900 group-hover:text-pink-500 md:line-clamp-none",children:e?.title}),et("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&et(fl,{children:[X(ce,{variant:"default",className:"shink-0 line-clamp-1 justify-start whitespace-normal text-left text-xs",onClick:t=>o(t,e?.categoryUrl||""),title:e?.category,children:e?.category}),e?.category&&e?.dateTime&&X("span",{className:"flex-none leading-none",children:"\xB7"})]}),X("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Ur=Tg(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:l}=o||{},m=(c,p,u)=>{c?.preventDefault(),c?.stopPropagation(),a?a(p):window.open(u,"_blank")},d=(c,p)=>et("div",{children:[X("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",c?.newsList?.length<4?"md:justify-center":""),children:c?.newsList?.map((u,v)=>X("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:X("div",{onClick:k=>m(k,u?.id,u?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",c?.classNameItem),children:X(Dg,{news:u})},u?.id)},v))}),c?.isShowBtn&&X("div",{className:"mt-8 flex w-full items-center justify-center",children:et(Ee,{action:c?.btnUrl||r&&(()=>r?.(p)),newTab:c?.isNewTab,variant:"outline",disabled:c?.isLoading,children:[Sg(c.btnName||"Xem th\xEAm"),c?.isLoading?X(oo,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!c?.btnUrl&&X(kg,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},c?.title||p);return et(Rg.Fragment,{children:[e&&X(b,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i(e?.className)}),t?.length>1?et(gt,{defaultValue:t[0]?.title,children:[et(ct,{showGradientOverlay:n,gradientOverlayColor:s,className:l,children:[X(dt,{className:"mb-6 text-center",children:X($e,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((c,p)=>X(Ge,{value:c.title,children:c.title},c.title+p))})}),X(pt,{}),X(ft,{})]}),t.map((c,p)=>X(je,{value:c.title,children:d(c,p)},c.title+p))]}):t?.length===1&&t[0]&&d(t[0],0)]})});import{Fragment as Lg,jsx as Xo}from"react/jsx-runtime";var Mg=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return Xo(Ur,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return Xo(Ur,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},Ig=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>Xo(Lg,{children:Mg({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),Ag=({dataHeading:e,dataHorizontalScroll:o,dataNews:t=[],className:a,background:r,template:n=1,onClickModal:s,onClickLoadMore:l})=>Xo(G,{className:i(a),background:r,children:Xo(Ig,{dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:n,onClickModal:s,onClickLoadMore:l})});import{Fragment as _g,jsx as Re,jsxs as Qr}from"react/jsx-runtime";var gl=({dataHeading:e,dataCTA:o,dataButtons:t})=>Qr("div",{className:"rounded-2xl block relative overflow-hidden lg:overflow-visible  p-6 md:py-14 md:px-10 bg-pink-50",style:{background:o?.background},children:[e&&Re(b,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"black",sizeHeading:e.sizeHeading,className:e.className}),t&&Re(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),Eg=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>Qr("div",{className:"grid gap-6 grid-cols-1 md:grid-cols-2 rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 pb-0 md:px-10 bg-pink-700 md:pb-0 md:pt-0",style:o?.background?{background:o.background}:{},children:[Qr("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&Re(b,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"left",colorScheme:e.colorScheme||"white",sizeHeading:e.sizeHeading,className:e.className}),t&&Re(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),Re("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&Re(A,{ratio:4/3,children:Re("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),Hg=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return Re(gl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return Re(Eg,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return Re(gl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},Fg=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>Re(_g,{children:Hg({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),zg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})=>Re(G,{className:t,idSection:a,background:o,children:Re(Fg,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})});import ul from"react";import qr from"html-react-parser";import{jsx as Lt,jsxs as vl}from"react/jsx-runtime";var Bg=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return vl("div",{className:" text-center",children:[Lt("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:qr(t??"")}),Lt("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:qr(o??"")}),a&&Lt("div",{className:"mt-2 text-sm text-gray-500",children:qr(a??"")})]})},Oa=({dataMetrics:e,dataButtons:o,dataHeading:t})=>vl(ul.Fragment,{children:[t&&Lt(b,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Lt("div",{className:"grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",children:e?.map((a,r)=>Lt(ul.Fragment,{children:Lt(Bg,{metric:a})},r))}),o&&Lt(y,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import xl from"react";import Xr from"html-react-parser";import{jsx as Et,jsxs as bl}from"react/jsx-runtime";var Vg=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return bl("div",{className:" text-center md:text-left",children:[Et("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:Xr(t??"")}),Et("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Xr(o??"")}),a&&Et("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:Xr(a??"")})]})},Yr=({dataMetrics:e,dataButtons:o,dataHeading:t})=>bl(xl.Fragment,{children:[t&&Et(b,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Et("div",{className:"grid grid-cols-2 gap-10 py-4 md:grid-cols-4 md:gap-4 md:py-0",children:e?.map((a,r)=>Et(xl.Fragment,{children:Et(Vg,{metric:a})},r))}),o&&Et(y,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import{Fragment as Gg,jsx as xo}from"react/jsx-runtime";var Og=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return xo(Oa,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return xo(Yr,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return xo(Oa,{dataMetrics:o,dataButtons:a,dataHeading:e})}},Wg=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>xo(Gg,{children:Og({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),$g=({dataHeading:e,dataMetrics:o=[],dataButtons:t,background:a,className:r,template:n})=>xo(G,{className:i(r),background:a,children:xo(Wg,{dataHeading:e,dataMetrics:o,dataButtons:t,template:n})});import{forwardRef as jg}from"react";import{jsx as hl,jsxs as Qg}from"react/jsx-runtime";var Ug=jg(({className:e,title:o,children:t},a)=>Qg("div",{className:e,ref:a,children:[hl("div",{className:"font-semibold text-gray-800",children:o}),hl("div",{style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-241105114139-638664036992710012.png)",backgroundSize:"30%",backgroundPosition:"53% 25%"},className:"mt-4 grid grid-cols-1 gap-4 rounded-lg border bg-no-repeat p-3 text-gray-800",children:t})]}));import{useCallback as Kg}from"react";import{Fragment as Zg,jsx as Jt,jsxs as Yg}from"react/jsx-runtime";var qg=()=>Jt("div",{className:"p-3 border rounded-lg",children:Yg("div",{className:"flex items-center gap-3",children:[Jt(ka,{className:"rounded-md h-9 w-9 "}),Jt("div",{className:"flex-1",children:Jt(ka,{className:"w-48 h-5 "})}),Jt("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function Xg(){return Jt(Zg,{children:Array.from({length:4}).map((e,o)=>Jt(qg,{},o))})}var yl=Xg;import{Fragment as tu,jsx as wt,jsxs as Zr}from"react/jsx-runtime";var Jg=({paymentMethod:e})=>wt(Ta,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:Zr("div",{className:"flex items-center space-x-3",children:[wt("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),Zr("div",{className:"grid grid-cols-1 gap-1",children:[wt("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&wt("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&wt("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),eu=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=Kg(s=>a?.(s),[a]);return Zr(tu,{children:[e&&wt("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?wt(yl,{}):wt(Ra,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>wt(Jg,{paymentMethod:s},s.id))})]})};import{forwardRef as wl}from"react";import{jsx as Pl}from"react/jsx-runtime";var ou=wl(({children:e,className:o},t)=>Pl("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),Nl=wl(({children:e,className:o,...t},a)=>Pl(ou,{ref:a,className:o,...t,children:e}));Nl.displayName="Payment";import{forwardRef as au}from"react";import{jsx as Cl,jsxs as iu}from"react/jsx-runtime";var ru=au(({className:e,children:o},t)=>iu("div",{className:i("",e),ref:t,children:[Cl("hr",{className:"mb-5 h-px w-full bg-gray-500"}),Cl("div",{className:"flex w-full items-center space-x-3",children:o})]}));import{forwardRef as nu}from"react";import{jsx as lu}from"react/jsx-runtime";var su=nu(({className:e,children:o},t)=>lu("div",{className:i("pb-5",e),ref:t,children:o}));import{forwardRef as gu}from"react";import{CheckBadgeIcon as mu,XCircleIcon as cu}from"@heroicons/react/20/solid";import{jsx as ne,jsxs as bo}from"react/jsx-runtime";var du=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(Wo,{message:o,type:"success",icon:ne(mu,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),pu=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),ne(Wo,{message:o,type:"error",icon:ne(cu,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),fu=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(Wo,{message:o,type:"neutral"})]}),Rl=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return ne(du,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return ne(pu,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return ne(fu,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};import{jsx as vu,jsxs as xu}from"react/jsx-runtime";var uu=gu(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>xu("div",{ref:s,className:i("rounded-lg  p-4",e),children:[vu(Rl,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));import{forwardRef as hu,useEffect as yu}from"react";import{jsx as Kr,jsxs as bu}from"react/jsx-runtime";var Wa=({content:e})=>bu("picture",{children:[Kr("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),Kr("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),Kr(Ee,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});import{jsx as Yo,jsxs as Pu}from"react/jsx-runtime";var wu=({template:e,content:o})=>{switch(e){case 1:return Yo(Wa,{content:o});default:return Yo(Wa,{content:o})}},Nu=hu(({template:e,content:o},t)=>(yu(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),Pu("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[Yo("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:Yo("div",{className:"content",children:wu({template:e,content:o})})}),Yo("style",{children:`
+        `})]})};import{Fragment as hg,jsx as Zt}from"react/jsx-runtime";var vg=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return Zt(Wr,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return Zt(cl,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return Zt(sl,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return Zt(Wr,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},xg=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>Zt(hg,{children:vg({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),bg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>Zt(G,{className:i(e===1&&(n?.length??0)>3?"[&>.wrapper]:max-w-full [&>.wrapper]:md:px-0":"",e===3?"overflow-hidden":"",t),idSection:a,background:o,children:Zt(xg,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});import dl from"html-react-parser";import{Fragment as yg,jsx as oe,jsxs as Kt}from"react/jsx-runtime";var jr=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>oe(at,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>Kt(rt,{value:n.title,className:"last:border-none",children:[oe(it,{className:"md:text-lg",children:n.title}),oe(nt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600  max-w-none text-gray-600",children:dl(n.description)})]},s))});return Kt("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[oe("div",{className:"relative",children:Kt("div",{className:"md:sticky md:top-14",children:[o&&oe(b,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"left",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&oe("div",{className:"col-span-2",children:a(e[0])}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},pl=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},l=m=>oe(at,{type:"single",collapsible:!0,defaultValue:m?.isActiveFistQuestion&&m?.contents?.[0]?.title||"",className:"w-full",children:m?.contents?.map((d,c)=>Kt(rt,{value:d.title,className:"last:border-none",children:[oe(it,{className:"md:text-lg",children:d.title}),oe(nt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600  max-w-none text-gray-600",children:dl(d.description)})]},c))});return Kt(yg,{children:[o&&oe(b,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"center",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),e&&Kt(gt,{defaultValue:e[0]?.title,children:[e?.length>1&&Kt(ct,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[oe(dt,{className:"mb-3 text-center",children:oe($e,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",size:"base",children:e.map((m,d)=>oe(Ge,{value:m.title,children:m.title},m.title+d))})}),oe(pt,{}),oe(ft,{})]}),e.map((m,d)=>oe(je,{className:"mx-auto mt-0 max-w-3xl",value:m.title,children:l(m)},m.title+d))]}),t&&oe(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};import{Fragment as Cg,jsx as vo}from"react/jsx-runtime";var wg=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return vo(jr,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return vo(pl,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return vo(jr,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},Ng=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>vo(Cg,{children:wg({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),Pg=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:l=1})=>vo(G,{className:t,idSection:r,background:a,children:vo(Ng,{dataHeading:e,dataFAQ:o,template:l,dataHorizontalScroll:s,dataButtons:n})});import Rg,{memo as Tg}from"react";import{ArrowDownIcon as kg}from"@heroicons/react/20/solid";import Sg from"html-react-parser";import{Fragment as fl,jsx as X,jsxs as et}from"react/jsx-runtime";var Dg=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return et(fl,{children:[X("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:et("picture",{children:[X("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),X("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),et("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[X("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-gray-900 group-hover:text-pink-500 md:line-clamp-none",children:e?.title}),et("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&et(fl,{children:[X(ce,{variant:"default",className:"shink-0 line-clamp-1 justify-start whitespace-normal text-left text-xs",onClick:t=>o(t,e?.categoryUrl||""),title:e?.category,children:e?.category}),e?.category&&e?.dateTime&&X("span",{className:"flex-none leading-none",children:"\xB7"})]}),X("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Ur=Tg(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:l}=o||{},m=(c,p,u)=>{c?.preventDefault(),c?.stopPropagation(),a?a(p):window.open(u,"_blank")},d=(c,p)=>et("div",{children:[X("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",c?.newsList?.length<4?"md:justify-center":""),children:c?.newsList?.map((u,v)=>X("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:X("div",{onClick:k=>m(k,u?.id,u?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",c?.classNameItem),children:X(Dg,{news:u})},u?.id)},v))}),c?.isShowBtn&&X("div",{className:"mt-8 flex w-full items-center justify-center",children:et(Ee,{action:c?.btnUrl||r&&(()=>r?.(p)),newTab:c?.isNewTab,variant:"outline",disabled:c?.isLoading,children:[Sg(c.btnName||"Xem th\xEAm"),c?.isLoading?X(oo,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!c?.btnUrl&&X(kg,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},c?.title||p);return et(Rg.Fragment,{children:[e&&X(b,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i(e?.className)}),t?.length>1?et(gt,{defaultValue:t[0]?.title,children:[et(ct,{showGradientOverlay:n,gradientOverlayColor:s,className:l,children:[X(dt,{className:"mb-6 text-center",children:X($e,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((c,p)=>X(Ge,{value:c.title,children:c.title},c.title+p))})}),X(pt,{}),X(ft,{})]}),t.map((c,p)=>X(je,{value:c.title,children:d(c,p)},c.title+p))]}):t?.length===1&&t[0]&&d(t[0],0)]})});import{Fragment as Lg,jsx as Xo}from"react/jsx-runtime";var Mg=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return Xo(Ur,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return Xo(Ur,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},Ig=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>Xo(Lg,{children:Mg({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),Ag=({dataHeading:e,dataHorizontalScroll:o,dataNews:t=[],className:a,background:r,template:n=1,onClickModal:s,onClickLoadMore:l})=>Xo(G,{className:i(a),background:r,children:Xo(Ig,{dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:n,onClickModal:s,onClickLoadMore:l})});import{Fragment as _g,jsx as Re,jsxs as Qr}from"react/jsx-runtime";var gl=({dataHeading:e,dataCTA:o,dataButtons:t})=>Qr("div",{className:"rounded-2xl block relative overflow-hidden lg:overflow-visible  p-6 md:py-14 md:px-10 bg-pink-50",style:{background:o?.background},children:[e&&Re(b,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"black",sizeHeading:e.sizeHeading,className:e.className}),t&&Re(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),Eg=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>Qr("div",{className:"grid gap-6 grid-cols-1 md:grid-cols-2 rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 pb-0 md:px-10 bg-pink-700 md:pb-0 md:pt-0",style:o?.background?{background:o.background}:{},children:[Qr("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&Re(b,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"left",colorScheme:e.colorScheme||"white",sizeHeading:e.sizeHeading,className:e.className}),t&&Re(y,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),Re("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&Re(A,{ratio:4/3,children:Re("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),Hg=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return Re(gl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return Re(Eg,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return Re(gl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},Fg=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>Re(_g,{children:Hg({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),zg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})=>Re(G,{className:t,idSection:a,background:o,children:Re(Fg,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})});import ul from"react";import qr from"html-react-parser";import{jsx as Lt,jsxs as vl}from"react/jsx-runtime";var Bg=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return vl("div",{className:" text-center",children:[Lt("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:qr(t??"")}),Lt("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:qr(o??"")}),a&&Lt("div",{className:"mt-2 text-sm text-gray-500",children:qr(a??"")})]})},Oa=({dataMetrics:e,dataButtons:o,dataHeading:t})=>vl(ul.Fragment,{children:[t&&Lt(b,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Lt("div",{className:"grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",children:e?.map((a,r)=>Lt(ul.Fragment,{children:Lt(Bg,{metric:a})},r))}),o&&Lt(y,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import xl from"react";import Xr from"html-react-parser";import{jsx as Et,jsxs as bl}from"react/jsx-runtime";var Vg=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return bl("div",{className:" text-center md:text-left",children:[Et("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:Xr(t??"")}),Et("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Xr(o??"")}),a&&Et("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:Xr(a??"")})]})},Yr=({dataMetrics:e,dataButtons:o,dataHeading:t})=>bl(xl.Fragment,{children:[t&&Et(b,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Et("div",{className:"grid grid-cols-2 gap-10 py-4 md:grid-cols-4 md:gap-4 md:py-0",children:e?.map((a,r)=>Et(xl.Fragment,{children:Et(Vg,{metric:a})},r))}),o&&Et(y,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import{Fragment as Gg,jsx as xo}from"react/jsx-runtime";var Og=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return xo(Oa,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return xo(Yr,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return xo(Oa,{dataMetrics:o,dataButtons:a,dataHeading:e})}},Wg=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>xo(Gg,{children:Og({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),$g=({dataHeading:e,dataMetrics:o=[],dataButtons:t,background:a,className:r,template:n})=>xo(G,{className:i(r),background:a,children:xo(Wg,{dataHeading:e,dataMetrics:o,dataButtons:t,template:n})});import{forwardRef as jg}from"react";import{jsx as hl,jsxs as Qg}from"react/jsx-runtime";var Ug=jg(({className:e,title:o,children:t},a)=>Qg("div",{className:e,ref:a,children:[hl("div",{className:"font-semibold text-gray-800",children:o}),hl("div",{style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-241105114139-638664036992710012.png)",backgroundSize:"30%",backgroundPosition:"53% 25%"},className:"mt-4 grid grid-cols-1 gap-4 rounded-lg border bg-no-repeat p-3 text-gray-800",children:t})]}));import{useCallback as Kg}from"react";import{Fragment as Zg,jsx as Jt,jsxs as Yg}from"react/jsx-runtime";var qg=()=>Jt("div",{className:"p-3 border rounded-lg",children:Yg("div",{className:"flex items-center gap-3",children:[Jt(ka,{className:"rounded-md h-9 w-9 "}),Jt("div",{className:"flex-1",children:Jt(ka,{className:"w-48 h-5 "})}),Jt("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function Xg(){return Jt(Zg,{children:Array.from({length:4}).map((e,o)=>Jt(qg,{},o))})}var yl=Xg;import{Fragment as tu,jsx as wt,jsxs as Zr}from"react/jsx-runtime";var Jg=({paymentMethod:e})=>wt(Ta,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:Zr("div",{className:"flex items-center space-x-3",children:[wt("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),Zr("div",{className:"grid grid-cols-1 gap-1",children:[wt("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&wt("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&wt("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),eu=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=Kg(s=>a?.(s),[a]);return Zr(tu,{children:[e&&wt("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?wt(yl,{}):wt(Ra,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>wt(Jg,{paymentMethod:s},s.id))})]})};import{forwardRef as wl}from"react";import{jsx as Pl}from"react/jsx-runtime";var ou=wl(({children:e,className:o},t)=>Pl("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),Nl=wl(({children:e,className:o,...t},a)=>Pl(ou,{ref:a,className:o,...t,children:e}));Nl.displayName="Payment";import{forwardRef as au}from"react";import{jsx as Cl,jsxs as iu}from"react/jsx-runtime";var ru=au(({className:e,children:o},t)=>iu("div",{className:i("",e),ref:t,children:[Cl("hr",{className:"mb-5 h-px w-full bg-gray-500"}),Cl("div",{className:"flex w-full items-center space-x-3",children:o})]}));import{forwardRef as nu}from"react";import{jsx as lu}from"react/jsx-runtime";var su=nu(({className:e,children:o},t)=>lu("div",{className:i("pb-5",e),ref:t,children:o}));import{forwardRef as gu}from"react";import{CheckBadgeIcon as mu,XCircleIcon as cu}from"@heroicons/react/20/solid";import{jsx as ne,jsxs as bo}from"react/jsx-runtime";var du=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(Wo,{message:o,type:"success",icon:ne(mu,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),pu=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),ne(Wo,{message:o,type:"error",icon:ne(cu,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),fu=({iconPaymentResult:e,message:o="",title:t=""})=>bo("div",{className:"grid grid-cols-1 gap-4",children:[bo("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(Wo,{message:o,type:"neutral"})]}),Rl=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return ne(du,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return ne(pu,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return ne(fu,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};import{jsx as vu,jsxs as xu}from"react/jsx-runtime";var uu=gu(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>xu("div",{ref:s,className:i("rounded-lg  p-4",e),children:[vu(Rl,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));import{forwardRef as hu,useEffect as yu}from"react";import{jsx as Kr,jsxs as bu}from"react/jsx-runtime";var Wa=({content:e})=>bu("picture",{children:[Kr("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),Kr("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),Kr(Ee,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});import{jsx as Yo,jsxs as Pu}from"react/jsx-runtime";var wu=({template:e,content:o})=>{switch(e){case 1:return Yo(Wa,{content:o});default:return Yo(Wa,{content:o})}},Nu=hu(({template:e,content:o},t)=>(yu(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),Pu("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[Yo("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:Yo("div",{className:"content",children:wu({template:e,content:o})})}),Yo("style",{children:`
               .container-topbar .content {
                 width: 100%;
                 aspect-ratio: 1088/50;