@momo-webplatform/mobase 0.2.76 → 0.2.77

package/dist/cjs/index.cjs

@@ -273,7 +273,7 @@
           .mark-vertical-marquee {
               mask: linear-gradient(transparent, black 16px, black calc(100% - 16px), transparent);
           }
-        `})]})};var kt=require("react/jsx-runtime"),lp=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return(0,kt.jsx)(hn,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return(0,kt.jsx)(_m,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return(0,kt.jsx)(Em,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return(0,kt.jsx)(hn,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},mp=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>(0,kt.jsx)(kt.Fragment,{children:lp({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),Bm=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>(0,kt.jsx)(ae,{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:(0,kt.jsx)(mp,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});var wn=u(require("html-react-parser"),1);var B=require("react/jsx-runtime"),Nn=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>(0,B.jsx)(nt,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>(0,B.jsxs)(st,{value:n.title,className:"last:border-none",children:[(0,B.jsx)(lt,{className:"md:text-lg",children:n.title}),(0,B.jsx)(mt,{className:"prose max-w-none",children:(0,wn.default)(n.description)})]},s))});return(0,B.jsxs)("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[(0,B.jsx)("div",{className:"relative",children:(0,B.jsxs)("div",{className:"md:sticky md:top-14",children:[o&&(0,B.jsx)(w,{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&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&(0,B.jsx)("div",{className:"col-span-2",children:a(e[0])}),t&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},Vm=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},m=c=>(0,B.jsx)(nt,{type:"single",collapsible:!0,defaultValue:c?.isActiveFistQuestion&&c?.contents?.[0]?.title||"",className:"w-full",children:c?.contents?.map((p,d)=>(0,B.jsxs)(st,{value:p.title,className:"last:border-none",children:[(0,B.jsx)(lt,{className:"md:text-lg",children:p.title}),(0,B.jsx)(mt,{className:"prose max-w-none",children:(0,wn.default)(p.description)})]},d))});return(0,B.jsxs)(B.Fragment,{children:[o&&(0,B.jsx)(w,{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&&(0,B.jsxs)(vt,{defaultValue:e[0]?.title,children:[e?.length>1&&(0,B.jsxs)(pt,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[(0,B.jsx)(ft,{className:"mb-3 text-center",children:(0,B.jsx)(Ze,{className:"inline-flex items-center w-auto mx-auto mb-0 overflow-visible",size:"base",children:e.map((c,p)=>(0,B.jsx)(Ke,{value:c.title,children:c.title},c.title+p))})}),(0,B.jsx)(gt,{}),(0,B.jsx)(ut,{})]}),e.map((c,p)=>(0,B.jsx)(Je,{className:"max-w-3xl mx-auto mt-0",value:c.title,children:m(c)},c.title+p))]}),t&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};var $t=require("react/jsx-runtime"),cp=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return(0,$t.jsx)(Nn,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return(0,$t.jsx)(Vm,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return(0,$t.jsx)(Nn,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},dp=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>(0,$t.jsx)($t.Fragment,{children:cp({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),Om=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:m=1})=>(0,$t.jsx)(ae,{className:t,idSection:r,background:a,children:(0,$t.jsx)(dp,{dataHeading:e,dataFAQ:o,template:m,dataHorizontalScroll:s,dataButtons:n})});var Nr=u(require("react"),1),Wm=require("@heroicons/react/20/solid"),$m=u(require("html-react-parser"),1);var I=require("react/jsx-runtime"),pp=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:(0,I.jsxs)("picture",{children:[(0,I.jsx)("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),(0,I.jsx)("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),(0,I.jsxs)("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[(0,I.jsx)("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}),(0,I.jsxs)("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(be,{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&&(0,I.jsx)("span",{className:"flex-none leading-none",children:"\xB7"})]}),(0,I.jsx)("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Pn=(0,Nr.memo)(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:m}=o||{},c=(d,g,v)=>{d?.preventDefault(),d?.stopPropagation(),a?a(g):window.open(v,"_blank")},p=(d,g)=>(0,I.jsxs)("div",{children:[(0,I.jsx)("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",d?.newsList?.length<4?"md:justify-center":""),children:d?.newsList?.map((v,y)=>(0,I.jsx)("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:(0,I.jsx)("div",{onClick:L=>c(L,v?.id,v?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",d?.classNameItem),children:(0,I.jsx)(pp,{news:v})},v?.id)},y))}),d?.isShowBtn&&(0,I.jsx)("div",{className:"mt-8 flex w-full items-center justify-center",children:(0,I.jsxs)(Be,{action:d?.btnUrl||r&&(()=>r?.(g)),newTab:d?.isNewTab,variant:"outline",disabled:d?.isLoading,children:[(0,$m.default)(d.btnName||"Xem th\xEAm"),d?.isLoading?(0,I.jsx)(No,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!d?.btnUrl&&(0,I.jsx)(Wm.ArrowDownIcon,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},d?.title||g);return(0,I.jsxs)(Nr.default.Fragment,{children:[e&&(0,I.jsx)(w,{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?(0,I.jsxs)(vt,{defaultValue:t[0]?.title,children:[(0,I.jsxs)(pt,{showGradientOverlay:n,gradientOverlayColor:s,className:m,children:[(0,I.jsx)(ft,{className:"mb-6 text-center",children:(0,I.jsx)(Ze,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((d,g)=>(0,I.jsx)(Ke,{value:d.title,children:d.title},d.title+g))})}),(0,I.jsx)(gt,{}),(0,I.jsx)(ut,{})]}),t.map((d,g)=>(0,I.jsx)(Je,{value:d.title,children:p(d,g)},d.title+g))]}):t?.length===1&&t[0]&&p(t[0],0)]})});var oo=require("react/jsx-runtime"),fp=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return(0,oo.jsx)(Pn,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return(0,oo.jsx)(Pn,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},gp=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>(0,oo.jsx)(oo.Fragment,{children:fp({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),Gm=({dataHeading:e,dataHorizontalScroll:o,dataNews:t=[],className:a,background:r,template:n=1,onClickModal:s,onClickLoadMore:m})=>(0,oo.jsx)(ae,{className:i(a),background:r,children:(0,oo.jsx)(gp,{dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:n,onClickModal:s,onClickLoadMore:m})});var de=require("react/jsx-runtime"),jm=({dataHeading:e,dataCTA:o,dataButtons:t})=>(0,de.jsxs)("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&&(0,de.jsx)(w,{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&&(0,de.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),up=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>(0,de.jsxs)("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:[(0,de.jsxs)("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&(0,de.jsx)(w,{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&&(0,de.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),(0,de.jsx)("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&(0,de.jsx)(G,{ratio:4/3,children:(0,de.jsx)("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),vp=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return(0,de.jsx)(jm,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return(0,de.jsx)(up,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return(0,de.jsx)(jm,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},xp=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>(0,de.jsx)(de.Fragment,{children:vp({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),Um=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:m})=>(0,de.jsx)(ae,{className:t,idSection:a,background:o,children:(0,de.jsx)(xp,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:m})});var Cn=u(require("react"),1),Pr=u(require("html-react-parser"),1);var je=require("react/jsx-runtime"),bp=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return(0,je.jsxs)("div",{className:" text-center",children:[(0,je.jsx)("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:(0,Pr.default)(t??"")}),(0,je.jsx)("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:(0,Pr.default)(o??"")}),a&&(0,je.jsx)("div",{className:"mt-2 text-sm text-gray-500",children:(0,Pr.default)(a??"")})]})},Cr=({dataMetrics:e,dataButtons:o,dataHeading:t})=>(0,je.jsxs)(Cn.default.Fragment,{children:[t&&(0,je.jsx)(w,{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&&(0,je.jsx)("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)=>(0,je.jsx)(Cn.default.Fragment,{children:(0,je.jsx)(bp,{metric:a})},r))}),o&&(0,je.jsx)(N,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});var Rn=u(require("react"),1),Rr=u(require("html-react-parser"),1);var Ue=require("react/jsx-runtime"),hp=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return(0,Ue.jsxs)("div",{className:" text-center md:text-left",children:[(0,Ue.jsx)("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:(0,Rr.default)(t??"")}),(0,Ue.jsx)("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:(0,Rr.default)(o??"")}),a&&(0,Ue.jsx)("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:(0,Rr.default)(a??"")})]})},Tn=({dataMetrics:e,dataButtons:o,dataHeading:t})=>(0,Ue.jsxs)(Rn.default.Fragment,{children:[t&&(0,Ue.jsx)(w,{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&&(0,Ue.jsx)("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)=>(0,Ue.jsx)(Rn.default.Fragment,{children:(0,Ue.jsx)(hp,{metric:a})},r))}),o&&(0,Ue.jsx)(N,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});var Gt=require("react/jsx-runtime"),yp=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return(0,Gt.jsx)(Cr,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return(0,Gt.jsx)(Tn,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return(0,Gt.jsx)(Cr,{dataMetrics:o,dataButtons:a,dataHeading:e})}},wp=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>(0,Gt.jsx)(Gt.Fragment,{children:yp({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),Qm=({dataHeading:e,dataMetrics:o=[],dataButtons:t,background:a,className:r,template:n})=>(0,Gt.jsx)(ae,{className:i(r),background:a,children:(0,Gt.jsx)(wp,{dataHeading:e,dataMetrics:o,dataButtons:t,template:n})});var qm=require("react"),xa=require("react/jsx-runtime"),Xm=(0,qm.forwardRef)(({className:e,title:o,children:t},a)=>(0,xa.jsxs)("div",{className:e,ref:a,children:[(0,xa.jsx)("div",{className:"font-semibold text-gray-800",children:o}),(0,xa.jsx)("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})]}));var Zm=require("react");var Qe=require("react/jsx-runtime"),Np=()=>(0,Qe.jsx)("div",{className:"p-3 border rounded-lg",children:(0,Qe.jsxs)("div",{className:"flex items-center gap-3",children:[(0,Qe.jsx)(ua,{className:"rounded-md h-9 w-9 "}),(0,Qe.jsx)("div",{className:"flex-1",children:(0,Qe.jsx)(ua,{className:"w-48 h-5 "})}),(0,Qe.jsx)("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function Pp(){return(0,Qe.jsx)(Qe.Fragment,{children:Array.from({length:4}).map((e,o)=>(0,Qe.jsx)(Np,{},o))})}var Ym=Pp;var ye=require("react/jsx-runtime"),Cp=({paymentMethod:e})=>(0,ye.jsx)(fa,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:(0,ye.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,ye.jsx)("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),(0,ye.jsxs)("div",{className:"grid grid-cols-1 gap-1",children:[(0,ye.jsx)("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&(0,ye.jsx)("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&(0,ye.jsx)("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),Km=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=(0,Zm.useCallback)(s=>a?.(s),[a]);return(0,ye.jsxs)(ye.Fragment,{children:[e&&(0,ye.jsx)("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?(0,ye.jsx)(Ym,{}):(0,ye.jsx)(pa,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>(0,ye.jsx)(Cp,{paymentMethod:s},s.id))})]})};var kn=require("react");var Dn=require("react/jsx-runtime"),Rp=(0,kn.forwardRef)(({children:e,className:o},t)=>(0,Dn.jsx)("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),Sn=(0,kn.forwardRef)(({children:e,className:o,...t},a)=>(0,Dn.jsx)(Rp,{ref:a,className:o,...t,children:e}));Sn.displayName="Payment";var Jm=require("react");var ba=require("react/jsx-runtime"),ec=(0,Jm.forwardRef)(({className:e,children:o},t)=>(0,ba.jsxs)("div",{className:i("",e),ref:t,children:[(0,ba.jsx)("hr",{className:"mb-5 h-px w-full bg-gray-500"}),(0,ba.jsx)("div",{className:"flex w-full items-center space-x-3",children:o})]}));var tc=require("react");var ac=require("react/jsx-runtime"),oc=(0,tc.forwardRef)(({className:e,children:o},t)=>(0,ac.jsx)("div",{className:i("pb-5",e),ref:t,children:o}));var ic=require("react");var Tr=require("@heroicons/react/20/solid");var X=require("react/jsx-runtime"),Tp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&(0,X.jsx)(Eo,{message:o,type:"success",icon:(0,X.jsx)(Tr.CheckBadgeIcon,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),kp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),(0,X.jsx)(Eo,{message:o,type:"error",icon:(0,X.jsx)(Tr.XCircleIcon,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),Sp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&(0,X.jsx)(Eo,{message:o,type:"neutral"})]}),rc=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return(0,X.jsx)(Tp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return(0,X.jsx)(kp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return(0,X.jsx)(Sp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};var kr=require("react/jsx-runtime"),nc=(0,ic.forwardRef)(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>(0,kr.jsxs)("div",{ref:s,className:i("rounded-lg  p-4",e),children:[(0,kr.jsx)(rc,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));var Dr=require("react");var Bo=require("react/jsx-runtime"),Sr=({content:e})=>(0,Bo.jsxs)("picture",{children:[(0,Bo.jsx)("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),(0,Bo.jsx)("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),(0,Bo.jsx)(Be,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});var ao=require("react/jsx-runtime"),Dp=({template:e,content:o})=>{switch(e){case 1:return(0,ao.jsx)(Sr,{content:o});default:return(0,ao.jsx)(Sr,{content:o})}},sc=(0,Dr.forwardRef)(({template:e,content:o},t)=>((0,Dr.useEffect)(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),(0,ao.jsxs)("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[(0,ao.jsx)("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:(0,ao.jsx)("div",{className:"content",children:Dp({template:e,content:o})})}),(0,ao.jsx)("style",{children:`
+        `})]})};var kt=require("react/jsx-runtime"),lp=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return(0,kt.jsx)(hn,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return(0,kt.jsx)(_m,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return(0,kt.jsx)(Em,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return(0,kt.jsx)(hn,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},mp=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>(0,kt.jsx)(kt.Fragment,{children:lp({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),Bm=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>(0,kt.jsx)(ae,{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:(0,kt.jsx)(mp,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});var wn=u(require("html-react-parser"),1);var B=require("react/jsx-runtime"),Nn=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>(0,B.jsx)(nt,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>(0,B.jsxs)(st,{value:n.title,className:"last:border-none",children:[(0,B.jsx)(lt,{className:"md:text-lg",children:n.title}),(0,B.jsx)(mt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600  max-w-none text-gray-600",children:(0,wn.default)(n.description)})]},s))});return(0,B.jsxs)("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[(0,B.jsx)("div",{className:"relative",children:(0,B.jsxs)("div",{className:"md:sticky md:top-14",children:[o&&(0,B.jsx)(w,{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&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&(0,B.jsx)("div",{className:"col-span-2",children:a(e[0])}),t&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},Vm=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},m=c=>(0,B.jsx)(nt,{type:"single",collapsible:!0,defaultValue:c?.isActiveFistQuestion&&c?.contents?.[0]?.title||"",className:"w-full",children:c?.contents?.map((p,d)=>(0,B.jsxs)(st,{value:p.title,className:"last:border-none",children:[(0,B.jsx)(lt,{className:"md:text-lg",children:p.title}),(0,B.jsx)(mt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600  max-w-none text-gray-600",children:(0,wn.default)(p.description)})]},d))});return(0,B.jsxs)(B.Fragment,{children:[o&&(0,B.jsx)(w,{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&&(0,B.jsxs)(vt,{defaultValue:e[0]?.title,children:[e?.length>1&&(0,B.jsxs)(pt,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[(0,B.jsx)(ft,{className:"mb-3 text-center",children:(0,B.jsx)(Ze,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",size:"base",children:e.map((c,p)=>(0,B.jsx)(Ke,{value:c.title,children:c.title},c.title+p))})}),(0,B.jsx)(gt,{}),(0,B.jsx)(ut,{})]}),e.map((c,p)=>(0,B.jsx)(Je,{className:"mx-auto mt-0 max-w-3xl",value:c.title,children:m(c)},c.title+p))]}),t&&(0,B.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};var $t=require("react/jsx-runtime"),cp=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return(0,$t.jsx)(Nn,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return(0,$t.jsx)(Vm,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return(0,$t.jsx)(Nn,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},dp=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>(0,$t.jsx)($t.Fragment,{children:cp({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),Om=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:m=1})=>(0,$t.jsx)(ae,{className:t,idSection:r,background:a,children:(0,$t.jsx)(dp,{dataHeading:e,dataFAQ:o,template:m,dataHorizontalScroll:s,dataButtons:n})});var Nr=u(require("react"),1),Wm=require("@heroicons/react/20/solid"),$m=u(require("html-react-parser"),1);var I=require("react/jsx-runtime"),pp=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:(0,I.jsxs)("picture",{children:[(0,I.jsx)("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),(0,I.jsx)("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),(0,I.jsxs)("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[(0,I.jsx)("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}),(0,I.jsxs)("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(be,{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&&(0,I.jsx)("span",{className:"flex-none leading-none",children:"\xB7"})]}),(0,I.jsx)("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Pn=(0,Nr.memo)(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:m}=o||{},c=(d,g,v)=>{d?.preventDefault(),d?.stopPropagation(),a?a(g):window.open(v,"_blank")},p=(d,g)=>(0,I.jsxs)("div",{children:[(0,I.jsx)("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",d?.newsList?.length<4?"md:justify-center":""),children:d?.newsList?.map((v,y)=>(0,I.jsx)("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:(0,I.jsx)("div",{onClick:L=>c(L,v?.id,v?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",d?.classNameItem),children:(0,I.jsx)(pp,{news:v})},v?.id)},y))}),d?.isShowBtn&&(0,I.jsx)("div",{className:"mt-8 flex w-full items-center justify-center",children:(0,I.jsxs)(Be,{action:d?.btnUrl||r&&(()=>r?.(g)),newTab:d?.isNewTab,variant:"outline",disabled:d?.isLoading,children:[(0,$m.default)(d.btnName||"Xem th\xEAm"),d?.isLoading?(0,I.jsx)(No,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!d?.btnUrl&&(0,I.jsx)(Wm.ArrowDownIcon,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},d?.title||g);return(0,I.jsxs)(Nr.default.Fragment,{children:[e&&(0,I.jsx)(w,{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?(0,I.jsxs)(vt,{defaultValue:t[0]?.title,children:[(0,I.jsxs)(pt,{showGradientOverlay:n,gradientOverlayColor:s,className:m,children:[(0,I.jsx)(ft,{className:"mb-6 text-center",children:(0,I.jsx)(Ze,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((d,g)=>(0,I.jsx)(Ke,{value:d.title,children:d.title},d.title+g))})}),(0,I.jsx)(gt,{}),(0,I.jsx)(ut,{})]}),t.map((d,g)=>(0,I.jsx)(Je,{value:d.title,children:p(d,g)},d.title+g))]}):t?.length===1&&t[0]&&p(t[0],0)]})});var oo=require("react/jsx-runtime"),fp=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return(0,oo.jsx)(Pn,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return(0,oo.jsx)(Pn,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},gp=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>(0,oo.jsx)(oo.Fragment,{children:fp({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),Gm=({dataHeading:e,dataHorizontalScroll:o,dataNews:t=[],className:a,background:r,template:n=1,onClickModal:s,onClickLoadMore:m})=>(0,oo.jsx)(ae,{className:i(a),background:r,children:(0,oo.jsx)(gp,{dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:n,onClickModal:s,onClickLoadMore:m})});var de=require("react/jsx-runtime"),jm=({dataHeading:e,dataCTA:o,dataButtons:t})=>(0,de.jsxs)("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&&(0,de.jsx)(w,{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&&(0,de.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),up=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>(0,de.jsxs)("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:[(0,de.jsxs)("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&(0,de.jsx)(w,{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&&(0,de.jsx)(N,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),(0,de.jsx)("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&(0,de.jsx)(G,{ratio:4/3,children:(0,de.jsx)("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),vp=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return(0,de.jsx)(jm,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return(0,de.jsx)(up,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return(0,de.jsx)(jm,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},xp=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>(0,de.jsx)(de.Fragment,{children:vp({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),Um=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:m})=>(0,de.jsx)(ae,{className:t,idSection:a,background:o,children:(0,de.jsx)(xp,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:m})});var Cn=u(require("react"),1),Pr=u(require("html-react-parser"),1);var je=require("react/jsx-runtime"),bp=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return(0,je.jsxs)("div",{className:" text-center",children:[(0,je.jsx)("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:(0,Pr.default)(t??"")}),(0,je.jsx)("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:(0,Pr.default)(o??"")}),a&&(0,je.jsx)("div",{className:"mt-2 text-sm text-gray-500",children:(0,Pr.default)(a??"")})]})},Cr=({dataMetrics:e,dataButtons:o,dataHeading:t})=>(0,je.jsxs)(Cn.default.Fragment,{children:[t&&(0,je.jsx)(w,{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&&(0,je.jsx)("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)=>(0,je.jsx)(Cn.default.Fragment,{children:(0,je.jsx)(bp,{metric:a})},r))}),o&&(0,je.jsx)(N,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});var Rn=u(require("react"),1),Rr=u(require("html-react-parser"),1);var Ue=require("react/jsx-runtime"),hp=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return(0,Ue.jsxs)("div",{className:" text-center md:text-left",children:[(0,Ue.jsx)("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:(0,Rr.default)(t??"")}),(0,Ue.jsx)("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:(0,Rr.default)(o??"")}),a&&(0,Ue.jsx)("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:(0,Rr.default)(a??"")})]})},Tn=({dataMetrics:e,dataButtons:o,dataHeading:t})=>(0,Ue.jsxs)(Rn.default.Fragment,{children:[t&&(0,Ue.jsx)(w,{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&&(0,Ue.jsx)("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)=>(0,Ue.jsx)(Rn.default.Fragment,{children:(0,Ue.jsx)(hp,{metric:a})},r))}),o&&(0,Ue.jsx)(N,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});var Gt=require("react/jsx-runtime"),yp=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return(0,Gt.jsx)(Cr,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return(0,Gt.jsx)(Tn,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return(0,Gt.jsx)(Cr,{dataMetrics:o,dataButtons:a,dataHeading:e})}},wp=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>(0,Gt.jsx)(Gt.Fragment,{children:yp({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),Qm=({dataHeading:e,dataMetrics:o=[],dataButtons:t,background:a,className:r,template:n})=>(0,Gt.jsx)(ae,{className:i(r),background:a,children:(0,Gt.jsx)(wp,{dataHeading:e,dataMetrics:o,dataButtons:t,template:n})});var qm=require("react"),xa=require("react/jsx-runtime"),Xm=(0,qm.forwardRef)(({className:e,title:o,children:t},a)=>(0,xa.jsxs)("div",{className:e,ref:a,children:[(0,xa.jsx)("div",{className:"font-semibold text-gray-800",children:o}),(0,xa.jsx)("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})]}));var Zm=require("react");var Qe=require("react/jsx-runtime"),Np=()=>(0,Qe.jsx)("div",{className:"p-3 border rounded-lg",children:(0,Qe.jsxs)("div",{className:"flex items-center gap-3",children:[(0,Qe.jsx)(ua,{className:"rounded-md h-9 w-9 "}),(0,Qe.jsx)("div",{className:"flex-1",children:(0,Qe.jsx)(ua,{className:"w-48 h-5 "})}),(0,Qe.jsx)("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function Pp(){return(0,Qe.jsx)(Qe.Fragment,{children:Array.from({length:4}).map((e,o)=>(0,Qe.jsx)(Np,{},o))})}var Ym=Pp;var ye=require("react/jsx-runtime"),Cp=({paymentMethod:e})=>(0,ye.jsx)(fa,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:(0,ye.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,ye.jsx)("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),(0,ye.jsxs)("div",{className:"grid grid-cols-1 gap-1",children:[(0,ye.jsx)("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&(0,ye.jsx)("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&(0,ye.jsx)("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),Km=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=(0,Zm.useCallback)(s=>a?.(s),[a]);return(0,ye.jsxs)(ye.Fragment,{children:[e&&(0,ye.jsx)("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?(0,ye.jsx)(Ym,{}):(0,ye.jsx)(pa,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>(0,ye.jsx)(Cp,{paymentMethod:s},s.id))})]})};var kn=require("react");var Dn=require("react/jsx-runtime"),Rp=(0,kn.forwardRef)(({children:e,className:o},t)=>(0,Dn.jsx)("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),Sn=(0,kn.forwardRef)(({children:e,className:o,...t},a)=>(0,Dn.jsx)(Rp,{ref:a,className:o,...t,children:e}));Sn.displayName="Payment";var Jm=require("react");var ba=require("react/jsx-runtime"),ec=(0,Jm.forwardRef)(({className:e,children:o},t)=>(0,ba.jsxs)("div",{className:i("",e),ref:t,children:[(0,ba.jsx)("hr",{className:"mb-5 h-px w-full bg-gray-500"}),(0,ba.jsx)("div",{className:"flex w-full items-center space-x-3",children:o})]}));var tc=require("react");var ac=require("react/jsx-runtime"),oc=(0,tc.forwardRef)(({className:e,children:o},t)=>(0,ac.jsx)("div",{className:i("pb-5",e),ref:t,children:o}));var ic=require("react");var Tr=require("@heroicons/react/20/solid");var X=require("react/jsx-runtime"),Tp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&(0,X.jsx)(Eo,{message:o,type:"success",icon:(0,X.jsx)(Tr.CheckBadgeIcon,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),kp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),(0,X.jsx)(Eo,{message:o,type:"error",icon:(0,X.jsx)(Tr.XCircleIcon,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),Sp=({iconPaymentResult:e,message:o="",title:t=""})=>(0,X.jsxs)("div",{className:"grid grid-cols-1 gap-4",children:[(0,X.jsxs)("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&(0,X.jsx)("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&(0,X.jsx)("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&(0,X.jsx)(Eo,{message:o,type:"neutral"})]}),rc=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return(0,X.jsx)(Tp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return(0,X.jsx)(kp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return(0,X.jsx)(Sp,{status:e,title:o,message:t,iconPaymentResult:a||(0,X.jsx)("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};var kr=require("react/jsx-runtime"),nc=(0,ic.forwardRef)(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>(0,kr.jsxs)("div",{ref:s,className:i("rounded-lg  p-4",e),children:[(0,kr.jsx)(rc,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));var Dr=require("react");var Bo=require("react/jsx-runtime"),Sr=({content:e})=>(0,Bo.jsxs)("picture",{children:[(0,Bo.jsx)("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),(0,Bo.jsx)("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),(0,Bo.jsx)(Be,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});var ao=require("react/jsx-runtime"),Dp=({template:e,content:o})=>{switch(e){case 1:return(0,ao.jsx)(Sr,{content:o});default:return(0,ao.jsx)(Sr,{content:o})}},sc=(0,Dr.forwardRef)(({template:e,content:o},t)=>((0,Dr.useEffect)(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),(0,ao.jsxs)("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[(0,ao.jsx)("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:(0,ao.jsx)("div",{className:"content",children:Dp({template:e,content:o})})}),(0,ao.jsx)("style",{children:`
               .container-topbar .content {
                 width: 100%;
                 aspect-ratio: 1088/50;