@momo-webplatform/mobase 0.2.41 → 0.2.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +4 -4
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
footer .button-download {
|
|
158
158
|
max-width: 150px;
|
|
159
159
|
}
|
|
160
|
-
`})]})},an=Hl;var Ja=require("react/jsx-runtime"),rn=({className:e,primaryMenu:t,secondaryMenu:o})=>(0,Ja.jsx)("footer",{className:r("grid grid-cols-1 flex-wrap bg-gray-900",e),children:(0,Ja.jsx)(an,{primaryMenu:t,secondaryMenu:o})});var Ct=f(require("react"),1);var Rt=require("react/jsx-runtime"),ei=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("rounded-xl border bg-card text-card-foreground shadow",e),...t}));ei.displayName="Card";var ti=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("flex flex-col space-y-1.5 p-6",e),...t}));ti.displayName="CardHeader";var oi=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("h3",{ref:o,className:r("font-semibold leading-none tracking-tight",e),...t}));oi.displayName="CardTitle";var ai=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("p",{ref:o,className:r("text-sm text-muted-foreground",e),...t}));ai.displayName="CardDescription";var ii=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("p-6 pt-0",e),...t}));ii.displayName="CardContent";var ri=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("flex items-center p-6 pt-0",e),...t}));ri.displayName="CardFooter";var he=f(require("react"),1),oe=require("cmdk");var Vt=require("@heroicons/react/16/solid"),K=require("react/jsx-runtime"),qo=he.forwardRef(({className:e,...t},o)=>(0,K.jsx)(oe.Command,{ref:o,className:r("flex text-gray-900 border border-gray-300 shadow-lg bg-white h-full w-full flex-col overflow-hidden rounded-md",e),...t}));qo.displayName=oe.Command.displayName;var nn=({children:e,...t})=>(0,K.jsx)(at,{...t,children:(0,K.jsx)($e,{className:"overflow-hidden p-0 shadow-lg",children:(0,K.jsx)(qo,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),ni=he.forwardRef(({className:e,onClickClear:t,...
|
|
160
|
+
`})]})},an=Hl;var Ja=require("react/jsx-runtime"),rn=({className:e,primaryMenu:t,secondaryMenu:o})=>(0,Ja.jsx)("footer",{className:r("grid grid-cols-1 flex-wrap bg-gray-900",e),children:(0,Ja.jsx)(an,{primaryMenu:t,secondaryMenu:o})});var Ct=f(require("react"),1);var Rt=require("react/jsx-runtime"),ei=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("rounded-xl border bg-card text-card-foreground shadow",e),...t}));ei.displayName="Card";var ti=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("flex flex-col space-y-1.5 p-6",e),...t}));ti.displayName="CardHeader";var oi=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("h3",{ref:o,className:r("font-semibold leading-none tracking-tight",e),...t}));oi.displayName="CardTitle";var ai=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("p",{ref:o,className:r("text-sm text-muted-foreground",e),...t}));ai.displayName="CardDescription";var ii=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("p-6 pt-0",e),...t}));ii.displayName="CardContent";var ri=Ct.forwardRef(({className:e,...t},o)=>(0,Rt.jsx)("div",{ref:o,className:r("flex items-center p-6 pt-0",e),...t}));ri.displayName="CardFooter";var he=f(require("react"),1),oe=require("cmdk");var Vt=require("@heroicons/react/16/solid"),K=require("react/jsx-runtime"),qo=he.forwardRef(({className:e,...t},o)=>(0,K.jsx)(oe.Command,{ref:o,className:r("flex text-gray-900 border border-gray-300 shadow-lg bg-white h-full w-full flex-col overflow-hidden rounded-md",e),...t}));qo.displayName=oe.Command.displayName;var nn=({children:e,...t})=>(0,K.jsx)(at,{...t,children:(0,K.jsx)($e,{className:"overflow-hidden p-0 shadow-lg",children:(0,K.jsx)(qo,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:e})})}),ni=he.forwardRef(({className:e,onClickClear:t,classNameInput:o,...a},i)=>{let n=he.useRef(null),[l,c]=he.useState(""),d=()=>{!l||l?.length<=0||(c(""),t?.(l))};return(0,K.jsxs)("div",{ref:n,className:r("flex items-center border-b px-3",e),"cmdk-input-wrapper":"",children:[(0,K.jsx)(Vt.MagnifyingGlassIcon,{className:"mr-2 h-4 w-4 shrink-0 text-gray-500"}),(0,K.jsx)(oe.Command.Input,{ref:i,className:r("flex h-10 text-gray-900 w-full rounded-md focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0 bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",o),value:l,onValueChange:c,...a}),(0,K.jsx)(Vt.XCircleIcon,{onClick:d,className:r("ml-2 transition-all cursor-pointer h-4 w-4 duration-75 shrink-0 text-gray-500",l?.length>0?"opacity-100":"opacity-0")})]})});ni.displayName=oe.Command.Input.displayName;var si=he.forwardRef(({className:e,...t},o)=>(0,K.jsx)(oe.Command.List,{ref:o,className:r("max-h-[300px] text-gray-900 overflow-y-auto overflow-x-hidden",e),...t}));si.displayName=oe.Command.List.displayName;var li=he.forwardRef((e,t)=>(0,K.jsx)(oe.Command.Empty,{ref:t,className:"py-6 text-gray-900 text-center text-sm",...e}));li.displayName=oe.Command.Empty.displayName;var mi=he.forwardRef(({className:e,...t},o)=>(0,K.jsx)(oe.Command.Group,{ref:o,className:r("overflow-hidden text-gray-900 p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));mi.displayName=oe.Command.Group.displayName;var ci=he.forwardRef(({className:e,...t},o)=>(0,K.jsx)(oe.Command.Separator,{ref:o,className:r("-mx-1 text-gray-900 h-px bg-border",e),...t}));ci.displayName=oe.Command.Separator.displayName;var di=he.forwardRef(({className:e,children:t,isActive:o,...a},i)=>(0,K.jsxs)(oe.Command.Item,{ref:i,className:r("relative cursor-pointer text-gray-900 flex rounded-md select-none hover:bg-gray-100 aria-selected:bg-gray-100 aria-selected:text-gray-900 items-center px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o?"bg-gray-100":"",e),...a,children:[(0,K.jsx)(Vt.CheckIcon,{className:r("h-4 w-4 mr-2",o?"opacity-100":"opacity-0")}),t]}));di.displayName=oe.Command.Item.displayName;var pi=({className:e,...t})=>(0,K.jsx)("span",{className:r("ml-auto text-xs text-gray-900 tracking-widest text-muted-foreground",e),...t});pi.displayName="CommandShortcut";var sn=require("@heroicons/react/16/solid");var lt=require("react/jsx-runtime"),ln=({className:e,value:t,label:o,children:a,placeholder:i})=>(0,lt.jsxs)("div",{className:"relative",children:[(0,lt.jsxs)(Et,{className:r("focus-visible:outline-none w-72 focus-visible:ring-0 focus-visible:ring-offset-0 focus:ring-0 select-mobase-button bg-white ring-0 transition-all rounded-md border border-gray-300 data-[placeholder]:text-gray-500 p-3 disabled:bg-gray-50 disabled:border-gray-200 disabled:pointer-events-none flex items-center justify-between data-[state=open]:border-pink-500 data-[state=open]:ring-1 hover:ring-1 hover:ring-gray-400 data-[state=open]:ring-pink-500 text-gray-900 h-11 ring-inset text-sm",e),children:[t||a||i,(0,lt.jsx)(sn.ChevronDownIcon,{className:"h-4 w-4 text-gray-700 flex-none"})]}),o&&(0,lt.jsx)("span",{className:"absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500 z-[1]",children:o})]}),mn=({children:e,className:t})=>(0,lt.jsx)(vt,{className:r("!p-0 border-none",t),children:e}),cn=({open:e,onOpenChange:t,children:o})=>(0,lt.jsx)(Lt,{open:e,onOpenChange:t,children:o});var fi=require("class-variance-authority"),dn=require("react");var pn=require("@heroicons/react/24/outline");var Tt=require("react/jsx-runtime"),zl=(0,fi.cva)("px-3 py-2 rounded-md border flex items-center space-x-2 text-gray-700 text-sm ",{variants:{typeDiv:{neutral:"bg-gray-50 border-gray-300 ",error:"bg-red-50 border-red-300",success:"bg-green-50 border-green-300",warning:"bg-yellow-50 border-yellow-300",info:"bg-blue-50 border-blue-300"},disabled:{true:"text-gray-400 bg-gray-50 opacity-55 pointer-events-none border-gray-300"}},defaultVariants:{typeDiv:"neutral"}}),Bl=(0,fi.cva)("w-5 h-5 shrink-0 border-none p-0 ",{variants:{typeIcon:{neutral:"text-gray-700",error:"text-red-700",success:"text-green-700",warning:"text-yellow-700",info:"text-blue-700"},disabled:{true:"text-gray-400"}},defaultVariants:{typeIcon:"neutral"}}),fn=(0,dn.forwardRef)(({type:e="neutral",message:t="",withAction:o=!1,onClickAction:a,className:i,disabled:n,actionClassName:l,...c},d)=>(0,Tt.jsxs)("div",{ref:d,className:r("",i,zl({typeDiv:e,disabled:n})),...c,children:[(0,Tt.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,Tt.jsx)(pn.InformationCircleIcon,{className:r(Bl({typeIcon:e,disabled:n})),width:20,height:20}),(0,Tt.jsx)("div",{children:"B\u1EA1n c\u1EA7n cho ph\xE9p website s\u1EED d\u1EE5ng th\xF4ng tin v\u1ECB tr\xED \u0111\u1EC3 s\u1EED d\u1EE5ng t\xEDnh n\u0103ng n\xE0y"})]}),o&&(0,Tt.jsx)(Nt,{variant:"primary",onClick:()=>a?.(),className:r("",l),isDisabled:n,children:o})]}));var mt=require("react"),gn=require("@heroicons/react/20/solid"),un=require("@heroicons/react/24/outline");var _e=require("react/jsx-runtime"),vn=(0,mt.forwardRef)(({disabled:e,className:t,inputClassName:o,size:a,onChange:i,onFocus:n,onClickClear:l,value:c,defaultValue:d,type:p="text",...u},h)=>{let[N,L]=(0,mt.useState)(!1),j=(0,mt.useRef)(null),Q=M=>{M&&!N&&L(!0),!M&&N&&L(!1)},q=M=>{Q(M.target.value),i?.(M)},Ne=M=>{Q(M.target.value),n?.(M)},S=()=>{let M=j.current?.querySelector("input");M&&(l?.(M.value),M.value="",M.focus(),L(!1))};return(0,mt.useEffect)(()=>{Q(d||c)},[c,d]),(0,_e.jsxs)("div",{className:r(t),ref:j,children:[(0,_e.jsxs)("div",{className:"relative flex items-center",children:[(0,_e.jsx)("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 shrink-0 text-gray-500 duration-200 ",children:(0,_e.jsx)(gn.MagnifyingGlassIcon,{className:"w-4 h-4 text-gray-500"})}),(0,_e.jsx)("input",{disabled:e,type:p,ref:h,className:r("mobase-text-input-box text-gray-900 h-10 bg-white w-full transition-all text-sm rounded-md border border-gray-300 placeholder:text-gray-500 px-9 focus:border-pink-500 disabled:bg-gray-50 disabled:border-gray-200 disabled:pointer-events-none block disabled:opacity-50",o),onChange:q,onFocus:Ne,value:c,defaultValue:d,...u}),N&&(0,_e.jsx)("button",{"aria-label":"button",type:"button",className:"absolute right-3 top-1/2 -translate-y-1/2 shrink-0 cursor-pointer text-gray-500 duration-200 hover:opacity-70 disabled:pointer-events-none",disabled:e,onClick:S,children:(0,_e.jsx)(un.XCircleIcon,{strokeWidth:2,width:20,height:20})})]}),(0,_e.jsx)("style",{children:`
|
|
161
161
|
.mobase-text-input-box:hover {
|
|
162
162
|
box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
|
|
163
163
|
}
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
.list-features-2 .feature-item {
|
|
191
191
|
background: linear-gradient(180deg, #FAFAFA 0%, rgba(255, 255, 255, 1) 91%);
|
|
192
192
|
}
|
|
193
|
-
`})]}),On=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col",children:[(0,s.jsx)("div",{className:"w-16 h-16",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex-1",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Gn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-10 gap-0 lg:gap-12",children:[(0,s.jsxs)("div",{className:"lg:col-span-4 lg:flex lg:flex-col lg:justify-center",children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r("lg:mb-0",e?.className)}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:`hidden lg:flex ${o?.className}`,align:"left"})]}),(0,s.jsxs)("div",{className:"lg:col-span-6",children:[t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-5",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col border border-gray-200 rounded-lg p-5 bg-white",children:[(0,s.jsx)("div",{className:"w-16 h-16",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:`flex lg:hidden ${o?.className}`,align:o?.align||"left"})]})]}),$n=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-5 max-w-4xl mx-auto",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col border border-gray-200 rounded-lg p-7 bg-white",children:[(0,s.jsx)("div",{className:"w-12 h-12 ",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Wn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-x-7 lg:gap-y-10",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full",children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2 text-sm",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),jn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-x-6 lg:gap-y-8",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex gap-3",children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2 text-sm",children:(0,z.default)(a.description)}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Qn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-3 gap-6",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col overflow-hidden bg-gray-100 rounded-xl",children:[(0,s.jsxs)("div",{className:"w-full flex flex-1 flex-col p-5",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]}),(0,s.jsx)("div",{className:"w-full",style:{aspectRatio:"347/220"},children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Un=({dataHeading:e,dataFeatures:t,dataButtons:o,dataBanner:a})=>(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-10 gap-10 lg:gap-14",children:[(0,s.jsx)("div",{className:"lg:col-span-6 flex items-center",children:(0,s.jsxs)("div",{className:"w-full",children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-6 md:auto-cols-auto",children:t?.map((i,n)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col",children:[(0,s.jsx)("div",{className:"w-10 h-10",children:(0,s.jsx)("img",{src:i?.image,alt:i?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[i?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(i.name)}),i?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(i.description)})]}),i?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:i.btnLink,btnName:i?.btnName,newTab:i?.newTab})})]})]},n))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]})}),a&&(0,s.jsx)("div",{className:"lg:col-span-4 flex items-center",children:(0,s.jsx)("div",{className:"max-w-md mx-auto w-full",children:(0,s.jsx)(ke,{ratio:a?.ratio||1,className:"w-full",children:(0,s.jsx)("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})})})})]}),Xn=({dataHeading:e,dataFeatures:t,dataBanner:o,dataButtons:a})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),(0,s.jsx)("div",{className:r("relative flex items-center",o&&"lg:min-h-[590px]"),children:t&&(0,s.jsxs)("div",{className:r("list-features grid grid-cols-1 md:grid-cols-2 gap-8",o?"lg:gap-y-16 lg:gap-x-0 lg:flex-wrap lg:flex lg:flex-row":"max-w-4xl mx-auto"),children:[t?.map((i,n)=>(0,s.jsxs)("div",{className:r("feature-item relative w-full",o&&"lg:basis-1/2 odd:lg:pr-48 even:lg:pl-48"),children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:i?.image,alt:i?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[i?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(i.name)}),i?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2",children:(0,z.default)(i.description)})]}),i?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:i.btnLink,btnName:i?.btnName,newTab:i?.newTab})})]})]},n)),o&&(0,s.jsxs)("div",{className:"absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 hidden lg:flex lg:justify-center lg:items-end xl:p-2 lg:p-1.5 w-72 mx-auto",style:{aspectRatio:"352/721"},children:[(0,s.jsx)("div",{className:"mockup-bg absolute inset-0 w-full h-full select-none pointer-events-none",style:{background:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-240809173159-638588215193226459.png) no-repeat bottom center/contain"}}),(0,s.jsx)("div",{className:"w-full h-full bg-gray-100 overflow-hidden",style:{borderRadius:"30px"},children:(0,s.jsx)("img",{src:o?.src,alt:o?.alt,className:"w-full h-full object-contain"})})]})]})}),a&&(0,s.jsx)(_,{isFullInMobile:a?.isFullInMobile,buttons:a?.buttons,className:a?.className,align:a?.align||"left"})]});var J=require("react/jsx-runtime"),Xl=({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})=>{switch(e){case 1:return(0,J.jsx)(Pi,{dataHeading:t,dataFeatures:o,dataButtons:a});case 2:return(0,J.jsx)(Vn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 3:return(0,J.jsx)(On,{dataHeading:t,dataFeatures:o,dataButtons:a});case 4:return(0,J.jsx)(Gn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 5:return(0,J.jsx)($n,{dataHeading:t,dataFeatures:o,dataButtons:a});case 6:return(0,J.jsx)(Wn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 7:return(0,J.jsx)(jn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 8:return(0,J.jsx)(Qn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 9:return(0,J.jsx)(Un,{dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i});case 10:return(0,J.jsx)(Xn,{dataHeading:t,dataFeatures:o,dataBanner:i,dataButtons:a});default:return(0,J.jsx)(Pi,{dataHeading:t,dataFeatures:o,dataButtons:a})}},ql=({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})=>(0,J.jsx)(J.Fragment,{children:Xl({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})}),qn=({template:e=1,background:t,className:o,idSection:a,dataHeading:i,dataFeatures:n,dataButtons:l,dataBanner:c})=>(0,J.jsx)(xe,{className:o,idSection:a,background:t,children:(0,J.jsx)(ql,{template:e,dataHeading:i,dataFeatures:n,dataButtons:l,dataBanner:c})});var Zn=f(require("react"),1),Be=f(require("@radix-ui/react-slider"),1);var kt=require("react/jsx-runtime"),Ci=Zn.forwardRef(({className:e,...t},o)=>(0,kt.jsxs)(Be.Root,{ref:o,className:r("relative flex w-full touch-none select-none items-center",t?.disabled&&"opacity-40",e),...t,children:[(0,kt.jsx)(Be.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:(0,kt.jsx)(Be.Range,{className:"absolute h-full bg-pink-500"})}),(0,kt.jsx)(Be.Thumb,{className:"hover:cursor-grabbing block h-5 w-5 rounded-full border-2 border-pink-500 bg-white ring-offset-bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"}),(0,kt.jsx)(Be.Thumb,{className:"hover:cursor-grabbing block h-5 w-5 rounded-full border-2 border-pink-500 bg-white ring-offset-bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"})]}));Ci.displayName=Be.Root.displayName;var P=require("react/jsx-runtime"),Kn=({dataHeading:e,dataBrands:t,dataButtons:o,spaceX:a,isScrollSnap:i})=>{let n={spacingX:"md:gap-x-5",spacingM:"md:gap-x-6",spacingL:"md:gap-x-7",spacingXl:"md:gap-x-10",spacing2Xl:"md:gap-x-12"};return(0,P.jsxs)(P.Fragment,{children:[e&&(0,P.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&t?.length>0&&(0,P.jsx)("div",{className:r("list-brands flex flex-row gap-y-6 md:flex-wrap md:justify-center overflow-hidden overflow-x-auto py-2",n[a||"spacingXl"],i?"snap-x snap-mandatory flex-nowrap -mx-5 pb-3":"flex-wrap justify-center"),children:t?.map((l,c)=>(0,P.jsx)("div",{className:r("flex justify-center items-center md:px-0 px-2.5 md:basis-auto",i?"snap-center shrink-0 first:pl-5 last:pr-5 basis-[28.5%]":"basis-1/2"),children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:l?.url?(0,P.jsx)("a",{href:l?.url,title:l?.name,target:l?.newTab?"_blank":"_self",className:"group",children:(0,P.jsx)("img",{src:l?.logo,loading:"lazy",alt:l?.name,className:"object-contain transition transform group-hover:scale-105"})}):(0,P.jsx)("img",{src:l?.logo,loading:"lazy",alt:l?.name,className:"object-contain"})})},c))}),o&&(0,P.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"center"})]})},Zl=({dataHeading:e,dataBrands:t,dataButtons:o,isScrollSnap:a})=>(0,P.jsxs)(P.Fragment,{children:[e&&(0,P.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&t?.length>0&&(0,P.jsx)("div",{className:r("list-brands md:grid-cols-4 md:gap-y-6 md:gap-x-7",a?"snap-x snap-mandatory flex-nowrap -mx-5 pb-3 flex md:grid overflow-hidden overflow-x-auto md:mx-0":"grid grid-cols-2 gap-x-4 gap-y-6"),children:t?.map((i,n)=>(0,P.jsx)("div",{className:r("flex justify-center items-center text-center",a?"snap-center shrink-0 first:pl-5 last:pr-5 md:first:pl-0 md:last:pr-0 basis-5/12 px-2 md:px-0":""),children:i?.url?(0,P.jsx)("a",{href:i?.url,title:i?.name,target:i?.newTab?"_blank":"_self",className:"flex justify-center items-center rounded-md border border-gray-200 duration-300 hover:border-pink-500 w-full h-full p-3",children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:(0,P.jsx)("img",{src:i?.logo,loading:"lazy",alt:i?.name,className:"object-contain"})})}):(0,P.jsx)("div",{className:"flex justify-center items-center rounded-md border border-gray-200 w-full h-full p-3",children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:(0,P.jsx)("img",{src:i?.logo,loading:"lazy",alt:i?.name,className:"object-contain"})})})},n))}),o&&(0,P.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"center"})]}),Kl=({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})=>{switch(e){case 1:return(0,P.jsx)(Kn,{dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n});case 2:return(0,P.jsx)(Zl,{dataHeading:t,dataBrands:o,dataButtons:a,isScrollSnap:n});default:return(0,P.jsx)(Kn,{dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})}},Yl=({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})=>(0,P.jsx)(P.Fragment,{children:Kl({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})}),Yn=({template:e=1,background:t,className:o,idSection:a,dataHeading:i,dataBrands:n,dataButtons:l,spaceX:c="spacingXl",isScrollSnap:d})=>(0,P.jsx)(xe,{className:o,idSection:a,background:t,children:(0,P.jsx)(Yl,{template:e,dataHeading:i,dataBrands:n,dataButtons:l,spaceX:c,isScrollSnap:d})});var ns=require("react");var G=require("react/jsx-runtime"),Jl=({author:e=""})=>(0,G.jsx)("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),em=({author:e,avatar:t})=>(0,G.jsx)("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:t?(0,G.jsx)("img",{src:t,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):(0,G.jsx)(Jl,{author:e})});function tm({avatar:e="",author:t="",time:o,statusMessage:a,isOutStanding:i}){return(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("div",{className:"flex relative items-center space-x-3",children:[(0,G.jsx)(em,{avatar:e,author:t}),(0,G.jsxs)("div",{className:"flex flex-col",children:[t&&(0,G.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:t}),(0,G.jsxs)("div",{className:"flex items-center space-x-2 text-xs",children:[o&&(0,G.jsx)("div",{className:"text-gray-400",children:o}),a&&(0,G.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,G.jsx)("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),(0,G.jsx)("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&(0,G.jsx)("div",{className:"absolute right-1 top-0",children:(0,G.jsx)("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Jn=tm;var Ti=require("react");var es=require("@heroicons/react/20/solid"),Ot=require("react/jsx-runtime"),om={1:"K\xE9n ng\u01B0\u1EDDi m\xEA",2:"K\xE9n ng\u01B0\u1EDDi m\xEA",3:"Ch\u01B0a \u01B0ng l\u1EAFm",4:"Ch\u01B0a \u01B0ng l\u1EAFm",5:"T\u1EA1m \u1ED5n",6:"T\u1EA1m \u1ED5n",7:"\u0110\xE1ng xem",8:"\u0110\xE1ng xem",9:"C\u1EF1c ph\u1EA9m!",10:"C\u1EF1c ph\u1EA9m!"},am={1:"Kh\xF4ng h\xE0i l\xF2ng",2:"Ch\u01B0a \u01B0ng l\u1EAFm",3:"T\u1EA1m \u1ED5n",4:"H\xE0i l\xF2ng",5:"R\u1EA5t h\xE0i l\xF2ng"};function im({point:e,max:t,className:o}){let a=t>5?om[e||10]:am[e||5];return(0,Ot.jsxs)("div",{className:r("flex items-center space-x-1",o),children:[(0,Ot.jsx)(es.StarIcon,{className:"w-5 h-5 text-yellow-500"}),(0,Ot.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${t}`}),(0,Ot.jsxs)("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var ts=im;var os=require("react"),Ri=f(require("html-react-parser"),1);var ea=require("react/jsx-runtime"),Jo=({children:e,maxChar:t=260,textMore:o="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[l,c]=(0,os.useState)(!0),d=()=>{c(!l)},p=(u,h,N=" ")=>u.length<=h?u:u.substring(0,u.lastIndexOf(N,h));return(0,ea.jsxs)("div",{className:r(n),children:[l?(0,Ri.default)(p(e,t)):(0,Ri.default)(e),e.length>t&&(0,ea.jsx)("span",{onClick:d,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:l?o:a})]})};var Se=require("react/jsx-runtime");function rm({content:e,thumbnails:t=[],tags:o=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[l,c]=(0,Ti.useState)(0),[d,p]=(0,Ti.useState)(!1),u=h=>{p(!0),c(h)};return(0,Se.jsxs)("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&(0,Se.jsx)(ts,{className:"mb-0.5",point:i.point,max:i.max}),e&&(0,Se.jsx)(Jo,{className:"text-sm",maxChar:n,children:e}),o?.length>0&&(0,Se.jsx)("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:o?.map(h=>(0,Se.jsx)("div",{className:"w-fit rounded-full shrink-0 bg-gray-100 text-gray-700 text-xs font-semibold py-1 px-2 text-center",children:h}))}),t?.length>0&&(0,Se.jsxs)(Zo,{open:d,onOpenChange:p,className:"grid gap-2 mt-4 overflow-hidden rounded-xl md:grid-cols-4 md:gap-2 md:rounded-none grid grid-cols-2 grid-rows-1 overflow-hidden ",children:[t?.map((h,N)=>(0,Se.jsx)(ke,{onClick:()=>u(N),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:(0,Se.jsx)("img",{src:h.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},N)),(0,Se.jsx)(Ko,{activeSlideIndex:l,images:t?.map((h,N)=>({url:h.url,titleImage:h.titleImage,idx:N})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var as=rm;var rs=require("react/jsx-runtime");function nm({actions:e=[]}){return(0,rs.jsx)("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var is=nm;var St=require("react/jsx-runtime"),ss=(0,ns.forwardRef)(({avatar:e,author:t,time:o,ratingPoint:a,content:i,tags:n,thumbnails:l,actions:c=[],statusMessage:d,isReply:p,children:u,commentSideBar:h,isOutStanding:N,limitContent:L=260},j)=>(0,St.jsxs)("div",{ref:j,className:r("",p?"ml-4 py-4":"py-5"),children:[(0,St.jsx)(Jn,{avatar:e,author:t,time:o,statusMessage:d,isOutStanding:N}),(0,St.jsx)(as,{content:i,thumbnails:l,tags:n,rating:a,commentSideBar:h,limitContent:L}),c&&c?.filter(Boolean)?.length>0&&(0,St.jsx)(is,{actions:c.filter(Boolean)}),u&&(0,St.jsx)("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:u})]}));var pt=f(require("react"),1),ls=require("class-variance-authority");var ms=require("@heroicons/react/16/solid"),cs=require("lucide-react"),$=require("react/jsx-runtime"),sm=(0,ls.cva)("flex items-center shrink-0 justify-center rounded-full shrink-0",{variants:{state:{active:"bg-pink-500 text-white shadow-[0_0px_0px_3px_rgb(255,255,255),0_0px_0px_4px_rgb(var(--mobase-pink-500))]",disabled:"bg-gray-400 text-gray-200",default:"text-gray-500 bg-white shadow-[inset_0px_0px_0px_1px_rgb(var(--mobase-gray-300))]",completed:"bg-pink-500 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),ds=pt.createContext("default");function lm(){let e=pt.useContext(ds);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var mm=pt.memo(({type:e,icon:t,stepNumber:o,size:a,isError:i})=>{let n=a==="small"?"w-3 h-3":"w-4 h-4";return i?(0,$.jsx)(cs.XIcon,{className:n}):(0,$.jsxs)("div",{children:[e==="iconStep"&&(0,$.jsx)("div",{className:n,children:t}),e==="numberStep"&&(0,$.jsx)("div",{children:o}),e==="default"&&(0,$.jsx)(ms.CheckIcon,{className:n})]})}),ps=({step:e,currentStep:t,onValueChangeStep:o,children:a})=>{let i=pt.useCallback(()=>{e!==t&&o(e)},[e,t,o]);return(0,$.jsx)("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},fs=({step:e,state:t="default",size:o="default",className:a,title:i,description:n,lastStep:l,fristStep:c,icon:d,isError:p,onValueChangeStep:u,...h})=>{let N=lm();return(0,$.jsxs)("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[(0,$.jsxs)("div",{className:"flex w-full items-center justify-center gap-2",children:[(0,$.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",c&&"opacity-0",t==="active"&&"bg-pink-300",t==="completed"&&"bg-pink-300")}),(0,$.jsx)("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",sm({state:t,size:o}),p&&"bg-red-500 text-white shadow-none",a),...h,children:(0,$.jsx)(mm,{type:N,icon:d,stepNumber:e,size:o,isError:p})}),(0,$.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",t==="completed"&&"bg-pink-300")})]}),(0,$.jsxs)("div",{className:"text-center w-full flex flex-col items-center mt-2 px-0.5",children:[i&&(0,$.jsx)("div",{className:"text-xs font-bold text-slate-900 ",children:i}),n&&(0,$.jsx)("div",{className:"text-xs text-gray-500 ",children:n})]})]})},gs=({children:e,className:t,type:o="numberStep",...a})=>(0,$.jsx)(ds.Provider,{value:o,children:(0,$.jsx)("div",{className:r("flex items-start justify-between w-full",t),...a,children:e})});var xo=f(require("react"),1);var ki=f(require("html-react-parser"),1),W=require("react/jsx-runtime"),Si=(0,xo.memo)(({dataFAQ:e,dataHeading:t})=>(0,W.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-6",children:[t&&(0,W.jsx)(k,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading||"h2",align:"left",colorScheme:"pink",sizeHeading:t?.sizeHeading,className:r("md:mb-0 mb-0 mt-2 col-span-1 text-center md:text-left",t?.className)}),e&&(0,W.jsx)("div",{className:"col-span-2",children:e[0]?.contents.map((o,a)=>(0,W.jsx)(Ye,{type:"single",collapsible:!0,className:"w-full",children:(0,W.jsxs)(Je,{value:o.title,children:[(0,W.jsx)(et,{className:"font-bold",children:o.title}),(0,W.jsx)(tt,{children:(0,ki.default)(o.description)})]})},o.title+a))})]})),us=(0,xo.memo)(({dataFAQ:e,dataHeading:t})=>(0,W.jsxs)(xo.default.Fragment,{children:[t&&(0,W.jsx)(k,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:t?.sizeHeading,className:r(t?.className)}),e&&(0,W.jsxs)(_t,{defaultValue:e[0]?.title,children:[(0,W.jsx)(bt,{className:"flex items-center sm:justify-center",children:e.map((o,a)=>(0,W.jsx)(ht,{value:o.title,children:o.title},o.title+a))}),e.map((o,a)=>(0,W.jsx)(yt,{className:"max-w-3xl mx-auto",value:o.title,children:o.contents.map((i,n)=>(0,W.jsx)(Ye,{type:"single",collapsible:!0,className:"w-full",children:(0,W.jsxs)(Je,{value:i.title,children:[(0,W.jsx)(et,{className:"font-bold",children:i.title}),(0,W.jsx)(tt,{children:(0,ki.default)(i.description)})]})},i.title+n))},o.title+a))]})]}));var Ze=require("react/jsx-runtime"),cm=({template:e,dataFAQ:t,dataHeading:o})=>{switch(e){case 1:return(0,Ze.jsx)(Si,{dataFAQ:t,dataHeading:o});case 2:return(0,Ze.jsx)(us,{dataFAQ:t,dataHeading:o});default:return(0,Ze.jsx)(Si,{dataFAQ:t,dataHeading:o})}},dm=({dataHeading:e,dataFAQ:t,template:o})=>(0,Ze.jsx)(Ze.Fragment,{children:cm({dataHeading:e,dataFAQ:t,template:o})}),vs=({dataHeading:e,dataFAQ:t=[],className:o="",background:a=""})=>{let i=t&&t?.length>1?2:1;return(0,Ze.jsx)(xe,{className:r(o),background:a,children:(0,Ze.jsx)(dm,{dataHeading:e,dataFAQ:t,template:i})})};var Gt=f(require("react"),1);var I=require("react/jsx-runtime"),pm=({src:e})=>(0,I.jsx)("div",{className:"aspect-[77/37] rounded-md relative overflow-hidden hidden md:block mb-3",children:(0,I.jsx)("img",{className:"",src:e,alt:"news-image-des"})}),fm=({src:e})=>(0,I.jsx)("div",{className:"aspect-[1/1] rounded-md relative overflow-hidden md:hidden mb-3",children:(0,I.jsx)("img",{className:"",src:e,alt:"new-image"})}),xs=({news:e})=>(0,I.jsxs)("div",{className:"group",children:[(0,I.jsx)(pm,{src:e?.thumbnails?.thumbnailDesktop}),(0,I.jsx)(fm,{src:e?.thumbnails?.thumbnailMobile}),(0,I.jsx)("div",{className:"mb-3 text-gray-900 font-medium text-sm sm:text-base group-hover:text-pink-500 line-clamp-2 leading-6",children:e?.title}),(0,I.jsx)("div",{className:"text-gray-500 text-xs",children:e?.dateTime})]}),Di=(0,Gt.memo)(({dataHeading:e,dataNews:t,cols:o=3,onClickModal:a})=>{let i=(n,l)=>{a&&(n?.preventDefault(),n?.stopPropagation(),a?.(l))};return(0,I.jsxs)(Gt.default.Fragment,{children:[e&&(0,I.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r(e?.className)}),t&&(0,I.jsx)("div",{className:`grid gap-4 sm:gap-6 grid-cols-2 sm:grid-cols-${o}`,children:t?.[0]?.contents?.map(n=>(0,I.jsx)("a",{onClick:l=>i(l,n?.id),href:n.url,target:"_blank",children:(0,I.jsx)(xs,{news:n})},n?.id))})]})}),bs=(0,Gt.memo)(({dataHeading:e,dataNews:t,cols:o=3,onClickModal:a})=>{let i=(n,l)=>{a&&(n?.preventDefault(),n?.stopPropagation(),a?.(l))};return(0,I.jsxs)(Gt.default.Fragment,{children:[e&&(0,I.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r(e?.className)}),t&&(0,I.jsxs)(_t,{defaultValue:t[0]?.title,children:[(0,I.jsx)(bt,{className:"flex items-center justify-center mb-6",children:t.map((n,l)=>(0,I.jsx)(ht,{value:n.title,children:n.title},n.title+l))}),t?.map((n,l)=>(0,I.jsx)(yt,{value:n.title,className:`grid gap-4 sm:gap-6 mt-0 grid-cols-2 sm:grid-cols-${o}`,children:n?.contents?.map(c=>(0,I.jsx)("a",{onClick:d=>i(d,c?.id),href:c.url,target:"_blank",children:(0,I.jsx)(xs,{news:c})},c?.id))},n.title+l))]})]})});var we=require("react/jsx-runtime"),gm=({template:e,dataNews:t,dataHeading:o,cols:a,onClickModal:i})=>{switch(e){case 1:return(0,we.jsx)(Di,{cols:a,dataNews:t,dataHeading:o,onClickModal:i});case 2:return(0,we.jsx)(bs,{cols:a,dataNews:t,dataHeading:o,onClickModal:i});default:return(0,we.jsx)(Di,{cols:a,dataNews:t,dataHeading:o,onClickModal:i})}},um=({dataHeading:e,dataNews:t,template:o,cols:a,onClickModal:i})=>(0,we.jsx)(we.Fragment,{children:gm({dataHeading:e,dataNews:t,template:o,cols:a,onClickModal:i})}),hs=({dataHeading:e,dataNews:t=[],className:o="",background:a="",buttonLoadMore:i,cols:n,onClickModal:l})=>{let c=t&&t?.length>1?2:1;return(0,we.jsxs)(xe,{className:r(o),background:a,children:[(0,we.jsx)(um,{dataHeading:e,dataNews:t,template:c,cols:n,onClickModal:l}),i?.isShow&&(0,we.jsx)("div",{className:"w-full flex items-center justify-center mt-8",children:(0,we.jsxs)(Mt,{action:i?.url,newTab:i?.isNewTab,variant:"outline",children:[i?.content,i?.icon]})})]})};var re=f(require("react"),1),Ps=require("@radix-ui/react-slot"),$t=require("react-hook-form");var ys=f(require("react"),1),Ii=f(require("@radix-ui/react-label"),1),ws=require("class-variance-authority");var Ns=require("react/jsx-runtime"),vm=(0,ws.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ta=ys.forwardRef(({className:e,...t},o)=>(0,Ns.jsx)(Ii.Root,{ref:o,className:r(vm(),e),...t}));ta.displayName=Ii.Root.displayName;var Ke=require("react/jsx-runtime"),Cs=$t.FormProvider,Rs=re.createContext({}),Ts=({...e})=>(0,Ke.jsx)(Rs.Provider,{value:{name:e.name},children:(0,Ke.jsx)($t.Controller,{...e})}),Wt=()=>{let e=re.useContext(Rs),t=re.useContext(ks),{getFieldState:o,formState:a}=(0,$t.useFormContext)(),i=o(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=t;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},ks=re.createContext({}),Mi=re.forwardRef(({className:e,...t},o)=>{let a=re.useId();return(0,Ke.jsx)(ks.Provider,{value:{id:a},children:(0,Ke.jsx)("div",{ref:o,className:r("space-y-2",e),...t})})});Mi.displayName="FormItem";var Ai=re.forwardRef(({className:e,...t},o)=>{let{error:a,formItemId:i}=Wt();return(0,Ke.jsx)(ta,{ref:o,className:r(a&&"text-red-500",e),htmlFor:i,...t})});Ai.displayName="FormLabel";var Li=re.forwardRef(({...e},t)=>{let{error:o,formItemId:a,formDescriptionId:i,formMessageId:n}=Wt();return(0,Ke.jsx)(Ps.Slot,{ref:t,id:a,"aria-describedby":o?`${i} ${n}`:`${i}`,"aria-invalid":!!o,...e})});Li.displayName="FormControl";var Ei=re.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:a}=Wt();return(0,Ke.jsx)("p",{ref:o,id:a,className:r("text-[0.8rem] text-gray-500",e),...t})});Ei.displayName="FormDescription";var Fi=re.forwardRef(({className:e,children:t,...o},a)=>{let{error:i,formMessageId:n}=Wt(),l=i?String(i?.message):t;return l?(0,Ke.jsx)("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...o,children:l}):null});Fi.displayName="FormMessage";var js=f(require("color"),1),Qs=f(require("tailwindcss/plugin.js"),1);var Ve="250ms",Ss={".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":Ve},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":Ve},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":Ve},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":Ve},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":Ve},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-colors":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-colors-opacity":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":Ve}};var Ds={".leading-inherit":{"line-height":"inherit"},".bg-img-inherit":{"background-image":"inherit"},".bg-clip-inherit":{"background-clip":"inherit"},".text-fill-inherit":{"-webkit-text-fill-color":"inherit"},".tap-highlight-transparent":{"-webkit-tap-highlight-color":"transparent"}};var Is={".scrollbar-hide":{"-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"}},".scrollbar-default":{"-ms-overflow-style":"auto","scrollbar-width":"auto","&::-webkit-scrollbar":{display:"block"}}};var Ms={...Ds,...Ss,...Is};var As=require("flat");function xm(e){let t={};for(let o in e){if(o.endsWith("-DEFAULT")){t[o.replace("-DEFAULT","")]=e[o];continue}t[o]=e[o]}return t}var Ls=e=>xm((0,As.flatten)(e,{safe:!0,delimiter:"-"}));var Es={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var Fs={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var _s={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var Hs={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var zs={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var Bs={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var Vs={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Os={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",DEFAULT:"#737373"};var Gs={white:"#ffffff",black:"#000000",blue:Es,green:Fs,pink:_s,purple:Hs,red:zs,yellow:Bs,gray:Os,orange:Vs};var _i={...Gs};var $s={"disabled-opacity":.5,"box-shadow":{small:"0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",medium:"0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",large:"0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"},radius:{none:"0px",sm:"0.125rem",default:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},"z-index":{negative:"-1",workbench:"0",default:"1","workbench-header":"10",modal:"100","modal-content":"101",dropdown:"1000",tooltip:"10000",notification:"100000"},"font-size":{xxs:"0.625rem",xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},"line-height":{xxs:"1rem",xs:"1rem",sm:"1.25rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem","2xl":"2rem","3xl":"2.25rem","4xl":"2.5rem","5xl":"1","6xl":"1","7xl":"1","8xl":"1","9xl":"1"}};var Ws={animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out","spin-loading":"spin 1s steps(12, end) infinite","fade-in":"fade-in 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}},"fade-in":{"0%":{opacity:"0"},"100%":{opacity:"1"}}}};var bm=e=>{let t={utilities:{},colors:{}},o=Ls(_i),a=$s,i=":root";return t.utilities[i]={},Object.entries(o).forEach(([n,l])=>{if(l)try{let[c,d,p]=(0,js.default)(l).rgb().array(),u=`--${e}-${n}`;t.utilities[i][u]=`${c} ${d} ${p}`,t.colors[n]=`rgb(var(${u}) / <alpha-value>)`}catch(c){console.log("error",c?.message)}}),Object.entries(a).forEach(([n,l])=>{if(!l)return;let c=`--${e}-${n}`;if(typeof l=="object")Object.entries(l).forEach(([d,p])=>{let u=`${c}-${d}`;t.utilities[i][u]=p});else{let d=c.includes("opacity")&&typeof l=="number"?l?.toString().replace(/^0\./,"."):l;t.utilities[i][c]=d}}),t},Us=()=>{let e="mobase",t=bm(e);return(0,Qs.default)(({addBase:o,addUtilities:a,addComponents:i})=>{i({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}}}),o({":root":{"font-smooth--webkit":"antialiased"},...t?.utilities}),a({...Ms})},{theme:{container:{center:!0},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},extend:{fontFamily:{sans:["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"],mono:["SFMono-Regular","Consolas","Liberation Mono","Menlo","monospace"]},colors:{..._i,...t?.colors,border:"rgba(var(--border))"},boxShadow:{small:`var(--${e}-box-shadow-small)`,medium:`var(--${e}-box-shadow-medium)`,large:`var(--${e}-box-shadow-large)`},borderRadius:{none:`var(--${e}-radius-none)`,sm:`var(--${e}-radius-sm)`,DEFAULT:`var(--${e}-radius-default)`,md:`var(--${e}-radius-md)`,lg:`var(--${e}-radius-lg)`,xl:`var(--${e}-radius-xl)`,"2xl":`var(--${e}-radius-2xl)`,"3xl":`var(--${e}-radius-3xl)`,full:`var(--${e}-radius-full)`},fontSize:{xxs:[`var(--${e}-font-size-xxs)`,`var(--${e}-line-height-xxs)`],xs:[`var(--${e}-font-size-xs)`,`var(--${e}-line-height-xs)`],sm:[`var(--${e}-font-size-sm)`,`var(--${e}-line-height-sm)`],base:[`var(--${e}-font-size-base)`,`var(--${e}-line-height-base)`],lg:[`var(--${e}-font-size-lg)`,`var(--${e}-line-height-lg)`],xl:[`var(--${e}-font-size-xl)`,`var(--${e}-line-height-xl)`],"2xl":[`var(--${e}-font-size-2xl)`,`var(--${e}-line-height-2xl)`],"3xl":[`var(--${e}-font-size-3xl)`,`var(--${e}-line-height-3xl)`],"4xl":[`var(--${e}-font-size-4xl)`,`var(--${e}-line-height-4xl)`],"5xl":[`var(--${e}-font-size-5xl)`,`var(--${e}-line-height-5xl)`],"6xl":[`var(--${e}-font-size-6xl)`,`var(--${e}-line-height-6xl)`],"7xl":[`var(--${e}-font-size-7xl)`,`var(--${e}-line-height-7xl)`],"8xl":[`var(--${e}-font-size-8xl)`,`var(--${e}-line-height-8xl)`],"9xl":[`var(--${e}-font-size-9xl)`,`var(--${e}-line-height-9xl)`]},zIndex:{negative:`var(--${e}-z-index-negative)`,workbench:`var(--${e}-z-index-workbench)`,default:`var(--${e}-z-index-default)`,"workbench-header":`var(--${e}-z-index-workbench-header)`,modal:`var(--${e}-z-index-modal)`,"modal-content":`var(--${e}-z-index-modal-content)`,dropdown:`var(--${e}-z-index-dropdown)`,tooltip:`var(--${e}-z-index-tooltip)`,notification:`var(--${e}-z-index-notification)`},...Ws}}})};var x=require("react/jsx-runtime"),Xs=(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("meta",{name:"abstract",content:"V\xED \u0111i\u1EC7n t\u1EED MoMo - Si\xEAu \u1EE9ng d\u1EE5ng thanh to\xE1n s\u1ED1 1 Vi\u1EC7t Nam"}),(0,x.jsx)("meta",{name:"distribution",content:"Global"}),(0,x.jsx)("meta",{name:"author",content:"V\xED MoMo"}),(0,x.jsx)("meta",{property:"fb:app_id",content:"320653355376196"}),(0,x.jsx)("meta",{property:"fb:pages",content:"138010322921640"}),(0,x.jsx)("link",{rel:"shortcut icon",href:"/favicon.ico"}),(0,x.jsx)("link",{href:"https://www.momo.vn/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),(0,x.jsx)("link",{href:"https://www.momo.vn/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),(0,x.jsx)("link",{href:"https://www.momo.vn/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),(0,x.jsx)("meta",{name:"language",content:"vietnamese"}),(0,x.jsx)("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),(0,x.jsx)("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),(0,x.jsx)("meta",{name:"RATING",content:"GENERAL"}),(0,x.jsx)("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//facebook.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//connect.facebook.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google-analytics.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google.com.vn"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.googleadservices.com"}),(0,x.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
193
|
+
`})]}),On=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col",children:[(0,s.jsx)("div",{className:"w-16 h-16",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex-1",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Gn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-10 gap-0 lg:gap-12",children:[(0,s.jsxs)("div",{className:"lg:col-span-4 lg:flex lg:flex-col lg:justify-center",children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r("lg:mb-0",e?.className)}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:`hidden lg:flex ${o?.className}`,align:"left"})]}),(0,s.jsxs)("div",{className:"lg:col-span-6",children:[t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-5",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col border border-gray-200 rounded-lg p-5 bg-white",children:[(0,s.jsx)("div",{className:"w-16 h-16",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:`flex lg:hidden ${o?.className}`,align:o?.align||"left"})]})]}),$n=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-5 max-w-4xl mx-auto",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col border border-gray-200 rounded-lg p-7 bg-white",children:[(0,s.jsx)("div",{className:"w-12 h-12 ",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-4 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Wn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-x-7 lg:gap-y-10",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full",children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2 text-sm",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),jn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-x-6 lg:gap-y-8",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex gap-3",children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2 text-sm",children:(0,z.default)(a.description)}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Qn=({dataHeading:e,dataFeatures:t,dataButtons:o})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-3 gap-6",children:t?.map((a,i)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col overflow-hidden bg-gray-100 rounded-xl",children:[(0,s.jsxs)("div",{className:"w-full flex flex-1 flex-col p-5",children:[(0,s.jsxs)("div",{className:"flex-1",children:[a?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(a.name)}),a?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(a.description)})]}),a?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]}),(0,s.jsx)("div",{className:"w-full",style:{aspectRatio:"347/220"},children:(0,s.jsx)("img",{src:a?.image,alt:a?.name,className:"w-full h-full object-contain"})})]},i))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]}),Un=({dataHeading:e,dataFeatures:t,dataButtons:o,dataBanner:a})=>(0,s.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-10 gap-10 lg:gap-14",children:[(0,s.jsx)("div",{className:"lg:col-span-6 flex items-center",children:(0,s.jsxs)("div",{className:"w-full",children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align||"left",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&(0,s.jsx)("div",{className:"list-features grid grid-cols-1 md:grid-cols-2 gap-6 md:auto-cols-auto",children:t?.map((i,n)=>(0,s.jsxs)("div",{className:"feature-item relative w-full flex flex-col",children:[(0,s.jsx)("div",{className:"w-10 h-10",children:(0,s.jsx)("img",{src:i?.image,alt:i?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[i?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(i.name)}),i?.description&&(0,s.jsx)("div",{className:"text-gray-600 mt-2 text-base",children:(0,z.default)(i.description)})]}),i?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:i.btnLink,btnName:i?.btnName,newTab:i?.newTab})})]})]},n))}),o&&(0,s.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"left"})]})}),a&&(0,s.jsx)("div",{className:"lg:col-span-4 flex items-center",children:(0,s.jsx)("div",{className:"max-w-md mx-auto w-full",children:(0,s.jsx)(ke,{ratio:a?.ratio||1,className:"w-full",children:(0,s.jsx)("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})})})})]}),Xn=({dataHeading:e,dataFeatures:t,dataBanner:o,dataButtons:a})=>(0,s.jsxs)(s.Fragment,{children:[e&&(0,s.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),(0,s.jsx)("div",{className:r("relative flex items-center",o&&"lg:min-h-[590px]"),children:t&&(0,s.jsxs)("div",{className:r("list-features grid grid-cols-1 md:grid-cols-2 gap-8",o?"lg:gap-y-16 lg:gap-x-0 lg:flex-wrap lg:flex lg:flex-row":"max-w-4xl mx-auto"),children:[t?.map((i,n)=>(0,s.jsxs)("div",{className:r("feature-item relative w-full",o&&"lg:basis-1/2 odd:lg:pr-48 even:lg:pl-48"),children:[(0,s.jsx)("div",{className:"w-12 h-12",children:(0,s.jsx)("img",{src:i?.image,alt:i?.name,className:"w-full h-full object-contain"})}),(0,s.jsxs)("div",{className:"w-full mt-3 flex flex-1 flex-col",children:[(0,s.jsxs)("div",{className:"flex-1",children:[i?.name&&(0,s.jsx)("h3",{className:"text-lg font-semibold",children:(0,z.default)(i.name)}),i?.description&&(0,s.jsx)("div",{className:"text-gray-500 mt-2",children:(0,z.default)(i.description)})]}),i?.btnLink&&(0,s.jsx)("div",{className:"mt-4",children:(0,s.jsx)(ze,{btnLink:i.btnLink,btnName:i?.btnName,newTab:i?.newTab})})]})]},n)),o&&(0,s.jsxs)("div",{className:"absolute top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 hidden lg:flex lg:justify-center lg:items-end xl:p-2 lg:p-1.5 w-72 mx-auto",style:{aspectRatio:"352/721"},children:[(0,s.jsx)("div",{className:"mockup-bg absolute inset-0 w-full h-full select-none pointer-events-none",style:{background:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-240809173159-638588215193226459.png) no-repeat bottom center/contain"}}),(0,s.jsx)("div",{className:"w-full h-full bg-gray-100 overflow-hidden",style:{borderRadius:"30px"},children:(0,s.jsx)("img",{src:o?.src,alt:o?.alt,className:"w-full h-full object-contain"})})]})]})}),a&&(0,s.jsx)(_,{isFullInMobile:a?.isFullInMobile,buttons:a?.buttons,className:a?.className,align:a?.align||"left"})]});var J=require("react/jsx-runtime"),Xl=({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})=>{switch(e){case 1:return(0,J.jsx)(Pi,{dataHeading:t,dataFeatures:o,dataButtons:a});case 2:return(0,J.jsx)(Vn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 3:return(0,J.jsx)(On,{dataHeading:t,dataFeatures:o,dataButtons:a});case 4:return(0,J.jsx)(Gn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 5:return(0,J.jsx)($n,{dataHeading:t,dataFeatures:o,dataButtons:a});case 6:return(0,J.jsx)(Wn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 7:return(0,J.jsx)(jn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 8:return(0,J.jsx)(Qn,{dataHeading:t,dataFeatures:o,dataButtons:a});case 9:return(0,J.jsx)(Un,{dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i});case 10:return(0,J.jsx)(Xn,{dataHeading:t,dataFeatures:o,dataBanner:i,dataButtons:a});default:return(0,J.jsx)(Pi,{dataHeading:t,dataFeatures:o,dataButtons:a})}},ql=({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})=>(0,J.jsx)(J.Fragment,{children:Xl({template:e,dataHeading:t,dataFeatures:o,dataButtons:a,dataBanner:i})}),qn=({template:e=1,background:t,className:o,idSection:a,dataHeading:i,dataFeatures:n,dataButtons:l,dataBanner:c})=>(0,J.jsx)(xe,{className:o,idSection:a,background:t,children:(0,J.jsx)(ql,{template:e,dataHeading:i,dataFeatures:n,dataButtons:l,dataBanner:c})});var Zn=f(require("react"),1),Be=f(require("@radix-ui/react-slider"),1);var kt=require("react/jsx-runtime"),Ci=Zn.forwardRef(({className:e,...t},o)=>(0,kt.jsxs)(Be.Root,{ref:o,className:r("relative flex w-full touch-none select-none items-center",t?.disabled&&"opacity-40",e),...t,children:[(0,kt.jsx)(Be.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:(0,kt.jsx)(Be.Range,{className:"absolute h-full bg-pink-500"})}),(0,kt.jsx)(Be.Thumb,{className:"hover:cursor-grabbing block h-5 w-5 rounded-full border-2 border-pink-500 bg-white ring-offset-bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"}),(0,kt.jsx)(Be.Thumb,{className:"hover:cursor-grabbing block h-5 w-5 rounded-full border-2 border-pink-500 bg-white ring-offset-bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"})]}));Ci.displayName=Be.Root.displayName;var P=require("react/jsx-runtime"),Kn=({dataHeading:e,dataBrands:t,dataButtons:o,spaceX:a,isScrollSnap:i})=>{let n={spacingX:"md:gap-x-5",spacingM:"md:gap-x-6",spacingL:"md:gap-x-7",spacingXl:"md:gap-x-10",spacing2Xl:"md:gap-x-12"};return(0,P.jsxs)(P.Fragment,{children:[e&&(0,P.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&t?.length>0&&(0,P.jsx)("div",{className:r("list-brands flex flex-row gap-y-6 md:flex-wrap md:justify-center overflow-hidden overflow-x-auto py-2",n[a||"spacingXl"],i?"snap-x snap-mandatory flex-nowrap -mx-5 pb-3":"flex-wrap justify-center"),children:t?.map((l,c)=>(0,P.jsx)("div",{className:r("flex justify-center items-center md:px-0 px-2.5 md:basis-auto",i?"snap-center shrink-0 first:pl-5 last:pr-5 basis-[28.5%]":"basis-1/2"),children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:l?.url?(0,P.jsx)("a",{href:l?.url,title:l?.name,target:l?.newTab?"_blank":"_self",className:"group",children:(0,P.jsx)("img",{src:l?.logo,loading:"lazy",alt:l?.name,className:"object-contain transition transform group-hover:scale-105"})}):(0,P.jsx)("img",{src:l?.logo,loading:"lazy",alt:l?.name,className:"object-contain"})})},c))}),o&&(0,P.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"center"})]})},Zl=({dataHeading:e,dataBrands:t,dataButtons:o,isScrollSnap:a})=>(0,P.jsxs)(P.Fragment,{children:[e&&(0,P.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:e?.align,colorScheme:"pink",sizeHeading:e?.sizeHeading,className:e?.className}),t&&t?.length>0&&(0,P.jsx)("div",{className:r("list-brands md:grid-cols-4 md:gap-y-6 md:gap-x-7",a?"snap-x snap-mandatory flex-nowrap -mx-5 pb-3 flex md:grid overflow-hidden overflow-x-auto md:mx-0":"grid grid-cols-2 gap-x-4 gap-y-6"),children:t?.map((i,n)=>(0,P.jsx)("div",{className:r("flex justify-center items-center text-center",a?"snap-center shrink-0 first:pl-5 last:pr-5 md:first:pl-0 md:last:pr-0 basis-5/12 px-2 md:px-0":""),children:i?.url?(0,P.jsx)("a",{href:i?.url,title:i?.name,target:i?.newTab?"_blank":"_self",className:"flex justify-center items-center rounded-md border border-gray-200 duration-300 hover:border-pink-500 w-full h-full p-3",children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:(0,P.jsx)("img",{src:i?.logo,loading:"lazy",alt:i?.name,className:"object-contain"})})}):(0,P.jsx)("div",{className:"flex justify-center items-center rounded-md border border-gray-200 w-full h-full p-3",children:(0,P.jsx)("div",{className:"w-auto max-w-36 flex justify-center items-center",children:(0,P.jsx)("img",{src:i?.logo,loading:"lazy",alt:i?.name,className:"object-contain"})})})},n))}),o&&(0,P.jsx)(_,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:o?.className,align:o?.align||"center"})]}),Kl=({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})=>{switch(e){case 1:return(0,P.jsx)(Kn,{dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n});case 2:return(0,P.jsx)(Zl,{dataHeading:t,dataBrands:o,dataButtons:a,isScrollSnap:n});default:return(0,P.jsx)(Kn,{dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})}},Yl=({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})=>(0,P.jsx)(P.Fragment,{children:Kl({template:e,dataHeading:t,dataBrands:o,dataButtons:a,spaceX:i,isScrollSnap:n})}),Yn=({template:e=1,background:t,className:o,idSection:a,dataHeading:i,dataBrands:n,dataButtons:l,spaceX:c="spacingXl",isScrollSnap:d})=>(0,P.jsx)(xe,{className:o,idSection:a,background:t,children:(0,P.jsx)(Yl,{template:e,dataHeading:i,dataBrands:n,dataButtons:l,spaceX:c,isScrollSnap:d})});var ns=require("react");var G=require("react/jsx-runtime"),Jl=({author:e=""})=>(0,G.jsx)("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),em=({author:e,avatar:t})=>(0,G.jsx)("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:t?(0,G.jsx)("img",{src:t,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):(0,G.jsx)(Jl,{author:e})});function tm({avatar:e="",author:t="",time:o,statusMessage:a,isOutStanding:i}){return(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("div",{className:"flex relative items-center space-x-3",children:[(0,G.jsx)(em,{avatar:e,author:t}),(0,G.jsxs)("div",{className:"flex flex-col",children:[t&&(0,G.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:t}),(0,G.jsxs)("div",{className:"flex items-center space-x-2 text-xs",children:[o&&(0,G.jsx)("div",{className:"text-gray-400",children:o}),a&&(0,G.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,G.jsx)("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),(0,G.jsx)("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),i&&(0,G.jsx)("div",{className:"absolute right-1 top-0",children:(0,G.jsx)("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Jn=tm;var Ti=require("react");var es=require("@heroicons/react/20/solid"),Ot=require("react/jsx-runtime"),om={1:"K\xE9n ng\u01B0\u1EDDi m\xEA",2:"K\xE9n ng\u01B0\u1EDDi m\xEA",3:"Ch\u01B0a \u01B0ng l\u1EAFm",4:"Ch\u01B0a \u01B0ng l\u1EAFm",5:"T\u1EA1m \u1ED5n",6:"T\u1EA1m \u1ED5n",7:"\u0110\xE1ng xem",8:"\u0110\xE1ng xem",9:"C\u1EF1c ph\u1EA9m!",10:"C\u1EF1c ph\u1EA9m!"},am={1:"Kh\xF4ng h\xE0i l\xF2ng",2:"Ch\u01B0a \u01B0ng l\u1EAFm",3:"T\u1EA1m \u1ED5n",4:"H\xE0i l\xF2ng",5:"R\u1EA5t h\xE0i l\xF2ng"};function im({point:e,max:t,className:o}){let a=t>5?om[e||10]:am[e||5];return(0,Ot.jsxs)("div",{className:r("flex items-center space-x-1",o),children:[(0,Ot.jsx)(es.StarIcon,{className:"w-5 h-5 text-yellow-500"}),(0,Ot.jsx)("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${t}`}),(0,Ot.jsxs)("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var ts=im;var os=require("react"),Ri=f(require("html-react-parser"),1);var ea=require("react/jsx-runtime"),Jo=({children:e,maxChar:t=260,textMore:o="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:i="text-blue-500",className:n=""})=>{let[l,c]=(0,os.useState)(!0),d=()=>{c(!l)},p=(u,h,N=" ")=>u.length<=h?u:u.substring(0,u.lastIndexOf(N,h));return(0,ea.jsxs)("div",{className:r(n),children:[l?(0,Ri.default)(p(e,t)):(0,Ri.default)(e),e.length>t&&(0,ea.jsx)("span",{onClick:d,className:r("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",i),children:l?o:a})]})};var Se=require("react/jsx-runtime");function rm({content:e,thumbnails:t=[],tags:o=[],commentSideBar:a,rating:i={point:10,max:10},limitContent:n=260}){let[l,c]=(0,Ti.useState)(0),[d,p]=(0,Ti.useState)(!1),u=h=>{p(!0),c(h)};return(0,Se.jsxs)("div",{className:"text-gray-700 mt-3 flex flex-col",children:[i.point>0&&(0,Se.jsx)(ts,{className:"mb-0.5",point:i.point,max:i.max}),e&&(0,Se.jsx)(Jo,{className:"text-sm",maxChar:n,children:e}),o?.length>0&&(0,Se.jsx)("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:o?.map(h=>(0,Se.jsx)("div",{className:"w-fit rounded-full shrink-0 bg-gray-100 text-gray-700 text-xs font-semibold py-1 px-2 text-center",children:h}))}),t?.length>0&&(0,Se.jsxs)(Zo,{open:d,onOpenChange:p,className:"grid gap-2 mt-4 overflow-hidden rounded-xl md:grid-cols-4 md:gap-2 md:rounded-none grid grid-cols-2 grid-rows-1 overflow-hidden ",children:[t?.map((h,N)=>(0,Se.jsx)(ke,{onClick:()=>u(N),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:(0,Se.jsx)("img",{src:h.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},N)),(0,Se.jsx)(Ko,{activeSlideIndex:l,images:t?.map((h,N)=>({url:h.url,titleImage:h.titleImage,idx:N})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var as=rm;var rs=require("react/jsx-runtime");function nm({actions:e=[]}){return(0,rs.jsx)("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var is=nm;var St=require("react/jsx-runtime"),ss=(0,ns.forwardRef)(({avatar:e,author:t,time:o,ratingPoint:a,content:i,tags:n,thumbnails:l,actions:c=[],statusMessage:d,isReply:p,children:u,commentSideBar:h,isOutStanding:N,limitContent:L=260},j)=>(0,St.jsxs)("div",{ref:j,className:r("",p?"ml-4 py-4":"py-5"),children:[(0,St.jsx)(Jn,{avatar:e,author:t,time:o,statusMessage:d,isOutStanding:N}),(0,St.jsx)(as,{content:i,thumbnails:l,tags:n,rating:a,commentSideBar:h,limitContent:L}),c&&c?.filter(Boolean)?.length>0&&(0,St.jsx)(is,{actions:c.filter(Boolean)}),u&&(0,St.jsx)("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:u})]}));var pt=f(require("react"),1),ls=require("class-variance-authority");var ms=require("@heroicons/react/16/solid"),cs=require("lucide-react"),$=require("react/jsx-runtime"),sm=(0,ls.cva)("flex items-center shrink-0 justify-center rounded-full shrink-0",{variants:{state:{active:"bg-pink-500 text-white shadow-[0_0px_0px_3px_rgb(255,255,255),0_0px_0px_4px_rgb(var(--mobase-pink-500))]",disabled:"bg-gray-400 text-gray-200",default:"text-gray-500 bg-white shadow-[inset_0px_0px_0px_1px_rgb(var(--mobase-gray-300))]",completed:"bg-pink-500 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),ds=pt.createContext("default");function lm(){let e=pt.useContext(ds);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var mm=pt.memo(({type:e,icon:t,stepNumber:o,size:a,isError:i,state:n})=>{let l=a==="small"?"w-3 h-3":"w-4 h-4";return i?(0,$.jsx)(cs.XIcon,{className:l}):(0,$.jsxs)("div",{children:[e==="iconStep"&&(0,$.jsx)("div",{className:l,children:t}),e==="numberStep"&&(0,$.jsx)("div",{children:o}),e==="default"&&(n==="completed"?(0,$.jsx)(ms.CheckIcon,{className:l}):(0,$.jsx)("div",{children:o}))]})}),ps=({step:e,currentStep:t,onValueChangeStep:o,children:a})=>{let i=pt.useCallback(()=>{e!==t&&o(e)},[e,t,o]);return(0,$.jsx)("div",{onClick:i,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},fs=({step:e,state:t="default",size:o="default",className:a,title:i,description:n,lastStep:l,fristStep:c,icon:d,isError:p,onValueChangeStep:u,...h})=>{let N=lm();return(0,$.jsxs)("div",{className:r("flex w-full flex-col items-center justify-center gap-1"),children:[(0,$.jsxs)("div",{className:"flex w-full items-center justify-center gap-2",children:[(0,$.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",c&&"opacity-0",t==="active"&&"bg-pink-300",t==="completed"&&"bg-pink-300")}),(0,$.jsx)("div",{className:r("flex h-7 w-7 items-center justify-center rounded-full",sm({state:t,size:o}),p&&"bg-red-500 text-white shadow-none",a),...h,children:(0,$.jsx)(mm,{type:N,icon:d,stepNumber:e,size:o,isError:p,state:t})}),(0,$.jsx)("div",{className:r("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",t==="completed"&&"bg-pink-300")})]}),(0,$.jsxs)("div",{className:"text-center w-full flex flex-col items-center mt-2 px-0.5",children:[i&&(0,$.jsx)("div",{className:"text-xs font-bold text-slate-900 ",children:i}),n&&(0,$.jsx)("div",{className:"text-xs text-gray-500 ",children:n})]})]})},gs=({children:e,className:t,type:o="numberStep",...a})=>(0,$.jsx)(ds.Provider,{value:o,children:(0,$.jsx)("div",{className:r("flex items-start justify-between w-full",t),...a,children:e})});var xo=f(require("react"),1);var ki=f(require("html-react-parser"),1),W=require("react/jsx-runtime"),Si=(0,xo.memo)(({dataFAQ:e,dataHeading:t})=>(0,W.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-6",children:[t&&(0,W.jsx)(k,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading||"h2",align:"left",colorScheme:"pink",sizeHeading:t?.sizeHeading,className:r("md:mb-0 mb-0 mt-2 col-span-1 text-center md:text-left",t?.className)}),e&&(0,W.jsx)("div",{className:"col-span-2",children:e[0]?.contents.map((o,a)=>(0,W.jsx)(Ye,{type:"single",collapsible:!0,className:"w-full",children:(0,W.jsxs)(Je,{value:o.title,children:[(0,W.jsx)(et,{className:"font-bold",children:o.title}),(0,W.jsx)(tt,{children:(0,ki.default)(o.description)})]})},o.title+a))})]})),us=(0,xo.memo)(({dataFAQ:e,dataHeading:t})=>(0,W.jsxs)(xo.default.Fragment,{children:[t&&(0,W.jsx)(k,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:t?.sizeHeading,className:r(t?.className)}),e&&(0,W.jsxs)(_t,{defaultValue:e[0]?.title,children:[(0,W.jsx)(bt,{className:"flex items-center sm:justify-center",children:e.map((o,a)=>(0,W.jsx)(ht,{value:o.title,children:o.title},o.title+a))}),e.map((o,a)=>(0,W.jsx)(yt,{className:"max-w-3xl mx-auto",value:o.title,children:o.contents.map((i,n)=>(0,W.jsx)(Ye,{type:"single",collapsible:!0,className:"w-full",children:(0,W.jsxs)(Je,{value:i.title,children:[(0,W.jsx)(et,{className:"font-bold",children:i.title}),(0,W.jsx)(tt,{children:(0,ki.default)(i.description)})]})},i.title+n))},o.title+a))]})]}));var Ze=require("react/jsx-runtime"),cm=({template:e,dataFAQ:t,dataHeading:o})=>{switch(e){case 1:return(0,Ze.jsx)(Si,{dataFAQ:t,dataHeading:o});case 2:return(0,Ze.jsx)(us,{dataFAQ:t,dataHeading:o});default:return(0,Ze.jsx)(Si,{dataFAQ:t,dataHeading:o})}},dm=({dataHeading:e,dataFAQ:t,template:o})=>(0,Ze.jsx)(Ze.Fragment,{children:cm({dataHeading:e,dataFAQ:t,template:o})}),vs=({dataHeading:e,dataFAQ:t=[],className:o="",background:a=""})=>{let i=t&&t?.length>1?2:1;return(0,Ze.jsx)(xe,{className:r(o),background:a,children:(0,Ze.jsx)(dm,{dataHeading:e,dataFAQ:t,template:i})})};var Gt=f(require("react"),1);var I=require("react/jsx-runtime"),pm=({src:e})=>(0,I.jsx)("div",{className:"aspect-[77/37] rounded-md relative overflow-hidden hidden md:block mb-3",children:(0,I.jsx)("img",{className:"",src:e,alt:"news-image-des"})}),fm=({src:e})=>(0,I.jsx)("div",{className:"aspect-[1/1] rounded-md relative overflow-hidden md:hidden mb-3",children:(0,I.jsx)("img",{className:"",src:e,alt:"new-image"})}),xs=({news:e})=>(0,I.jsxs)("div",{className:"group",children:[(0,I.jsx)(pm,{src:e?.thumbnails?.thumbnailDesktop}),(0,I.jsx)(fm,{src:e?.thumbnails?.thumbnailMobile}),(0,I.jsx)("div",{className:"mb-3 text-gray-900 font-medium text-sm sm:text-base group-hover:text-pink-500 line-clamp-2 leading-6",children:e?.title}),(0,I.jsx)("div",{className:"text-gray-500 text-xs",children:e?.dateTime})]}),Di=(0,Gt.memo)(({dataHeading:e,dataNews:t,cols:o=3,onClickModal:a})=>{let i=(n,l)=>{a&&(n?.preventDefault(),n?.stopPropagation(),a?.(l))};return(0,I.jsxs)(Gt.default.Fragment,{children:[e&&(0,I.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r(e?.className)}),t&&(0,I.jsx)("div",{className:`grid gap-4 sm:gap-6 grid-cols-2 sm:grid-cols-${o}`,children:t?.[0]?.contents?.map(n=>(0,I.jsx)("a",{onClick:l=>i(l,n?.id),href:n.url,target:"_blank",children:(0,I.jsx)(xs,{news:n})},n?.id))})]})}),bs=(0,Gt.memo)(({dataHeading:e,dataNews:t,cols:o=3,onClickModal:a})=>{let i=(n,l)=>{a&&(n?.preventDefault(),n?.stopPropagation(),a?.(l))};return(0,I.jsxs)(Gt.default.Fragment,{children:[e&&(0,I.jsx)(k,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:"pink",sizeHeading:e?.sizeHeading,className:r(e?.className)}),t&&(0,I.jsxs)(_t,{defaultValue:t[0]?.title,children:[(0,I.jsx)(bt,{className:"flex items-center justify-center mb-6",children:t.map((n,l)=>(0,I.jsx)(ht,{value:n.title,children:n.title},n.title+l))}),t?.map((n,l)=>(0,I.jsx)(yt,{value:n.title,className:`grid gap-4 sm:gap-6 mt-0 grid-cols-2 sm:grid-cols-${o}`,children:n?.contents?.map(c=>(0,I.jsx)("a",{onClick:d=>i(d,c?.id),href:c.url,target:"_blank",children:(0,I.jsx)(xs,{news:c})},c?.id))},n.title+l))]})]})});var we=require("react/jsx-runtime"),gm=({template:e,dataNews:t,dataHeading:o,cols:a,onClickModal:i})=>{switch(e){case 1:return(0,we.jsx)(Di,{cols:a,dataNews:t,dataHeading:o,onClickModal:i});case 2:return(0,we.jsx)(bs,{cols:a,dataNews:t,dataHeading:o,onClickModal:i});default:return(0,we.jsx)(Di,{cols:a,dataNews:t,dataHeading:o,onClickModal:i})}},um=({dataHeading:e,dataNews:t,template:o,cols:a,onClickModal:i})=>(0,we.jsx)(we.Fragment,{children:gm({dataHeading:e,dataNews:t,template:o,cols:a,onClickModal:i})}),hs=({dataHeading:e,dataNews:t=[],className:o="",background:a="",buttonLoadMore:i,cols:n,onClickModal:l})=>{let c=t&&t?.length>1?2:1;return(0,we.jsxs)(xe,{className:r(o),background:a,children:[(0,we.jsx)(um,{dataHeading:e,dataNews:t,template:c,cols:n,onClickModal:l}),i?.isShow&&(0,we.jsx)("div",{className:"w-full flex items-center justify-center mt-8",children:(0,we.jsxs)(Mt,{action:i?.url,newTab:i?.isNewTab,variant:"outline",children:[i?.content,i?.icon]})})]})};var re=f(require("react"),1),Ps=require("@radix-ui/react-slot"),$t=require("react-hook-form");var ys=f(require("react"),1),Ii=f(require("@radix-ui/react-label"),1),ws=require("class-variance-authority");var Ns=require("react/jsx-runtime"),vm=(0,ws.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ta=ys.forwardRef(({className:e,...t},o)=>(0,Ns.jsx)(Ii.Root,{ref:o,className:r(vm(),e),...t}));ta.displayName=Ii.Root.displayName;var Ke=require("react/jsx-runtime"),Cs=$t.FormProvider,Rs=re.createContext({}),Ts=({...e})=>(0,Ke.jsx)(Rs.Provider,{value:{name:e.name},children:(0,Ke.jsx)($t.Controller,{...e})}),Wt=()=>{let e=re.useContext(Rs),t=re.useContext(ks),{getFieldState:o,formState:a}=(0,$t.useFormContext)(),i=o(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=t;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},ks=re.createContext({}),Mi=re.forwardRef(({className:e,...t},o)=>{let a=re.useId();return(0,Ke.jsx)(ks.Provider,{value:{id:a},children:(0,Ke.jsx)("div",{ref:o,className:r("space-y-2",e),...t})})});Mi.displayName="FormItem";var Ai=re.forwardRef(({className:e,...t},o)=>{let{error:a,formItemId:i}=Wt();return(0,Ke.jsx)(ta,{ref:o,className:r(a&&"text-red-500","text-gray-700 ",e),htmlFor:i,...t})});Ai.displayName="FormLabel";var Li=re.forwardRef(({...e},t)=>{let{error:o,formItemId:a,formDescriptionId:i,formMessageId:n}=Wt();return(0,Ke.jsx)(Ps.Slot,{ref:t,id:a,"aria-describedby":o?`${i} ${n}`:`${i}`,"aria-invalid":!!o,...e})});Li.displayName="FormControl";var Ei=re.forwardRef(({className:e,...t},o)=>{let{formDescriptionId:a}=Wt();return(0,Ke.jsx)("p",{ref:o,id:a,className:r("text-[0.8rem] text-gray-500",e),...t})});Ei.displayName="FormDescription";var Fi=re.forwardRef(({className:e,children:t,...o},a)=>{let{error:i,formMessageId:n}=Wt(),l=i?String(i?.message):t;return l?(0,Ke.jsx)("p",{ref:a,id:n,className:r("text-xs font-medium text-red-500",e),...o,children:l}):null});Fi.displayName="FormMessage";var js=f(require("color"),1),Qs=f(require("tailwindcss/plugin.js"),1);var Ve="250ms",Ss={".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":Ve},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":Ve},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":Ve},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":Ve},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":Ve},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-colors":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":Ve},".transition-transform-colors-opacity":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":Ve}};var Ds={".leading-inherit":{"line-height":"inherit"},".bg-img-inherit":{"background-image":"inherit"},".bg-clip-inherit":{"background-clip":"inherit"},".text-fill-inherit":{"-webkit-text-fill-color":"inherit"},".tap-highlight-transparent":{"-webkit-tap-highlight-color":"transparent"}};var Is={".scrollbar-hide":{"-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"}},".scrollbar-default":{"-ms-overflow-style":"auto","scrollbar-width":"auto","&::-webkit-scrollbar":{display:"block"}}};var Ms={...Ds,...Ss,...Is};var As=require("flat");function xm(e){let t={};for(let o in e){if(o.endsWith("-DEFAULT")){t[o.replace("-DEFAULT","")]=e[o];continue}t[o]=e[o]}return t}var Ls=e=>xm((0,As.flatten)(e,{safe:!0,delimiter:"-"}));var Es={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var Fs={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var _s={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var Hs={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var zs={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var Bs={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var Vs={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Os={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",DEFAULT:"#737373"};var Gs={white:"#ffffff",black:"#000000",blue:Es,green:Fs,pink:_s,purple:Hs,red:zs,yellow:Bs,gray:Os,orange:Vs};var _i={...Gs};var $s={"disabled-opacity":.5,"box-shadow":{small:"0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",medium:"0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",large:"0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"},radius:{none:"0px",sm:"0.125rem",default:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},"z-index":{negative:"-1",workbench:"0",default:"1","workbench-header":"10",modal:"100","modal-content":"101",dropdown:"1000",tooltip:"10000",notification:"100000"},"font-size":{xxs:"0.625rem",xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem","7xl":"4.5rem","8xl":"6rem","9xl":"8rem"},"line-height":{xxs:"1rem",xs:"1rem",sm:"1.25rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem","2xl":"2rem","3xl":"2.25rem","4xl":"2.5rem","5xl":"1","6xl":"1","7xl":"1","8xl":"1","9xl":"1"}};var Ws={animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out","spin-loading":"spin 1s steps(12, end) infinite","fade-in":"fade-in 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both"},keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}},"fade-in":{"0%":{opacity:"0"},"100%":{opacity:"1"}}}};var bm=e=>{let t={utilities:{},colors:{}},o=Ls(_i),a=$s,i=":root";return t.utilities[i]={},Object.entries(o).forEach(([n,l])=>{if(l)try{let[c,d,p]=(0,js.default)(l).rgb().array(),u=`--${e}-${n}`;t.utilities[i][u]=`${c} ${d} ${p}`,t.colors[n]=`rgb(var(${u}) / <alpha-value>)`}catch(c){console.log("error",c?.message)}}),Object.entries(a).forEach(([n,l])=>{if(!l)return;let c=`--${e}-${n}`;if(typeof l=="object")Object.entries(l).forEach(([d,p])=>{let u=`${c}-${d}`;t.utilities[i][u]=p});else{let d=c.includes("opacity")&&typeof l=="number"?l?.toString().replace(/^0\./,"."):l;t.utilities[i][c]=d}}),t},Us=()=>{let e="mobase",t=bm(e);return(0,Qs.default)(({addBase:o,addUtilities:a,addComponents:i})=>{i({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}}}),o({":root":{"font-smooth--webkit":"antialiased"},...t?.utilities}),a({...Ms})},{theme:{container:{center:!0},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},extend:{fontFamily:{sans:["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"],mono:["SFMono-Regular","Consolas","Liberation Mono","Menlo","monospace"]},colors:{..._i,...t?.colors,border:"rgba(var(--border))"},boxShadow:{small:`var(--${e}-box-shadow-small)`,medium:`var(--${e}-box-shadow-medium)`,large:`var(--${e}-box-shadow-large)`},borderRadius:{none:`var(--${e}-radius-none)`,sm:`var(--${e}-radius-sm)`,DEFAULT:`var(--${e}-radius-default)`,md:`var(--${e}-radius-md)`,lg:`var(--${e}-radius-lg)`,xl:`var(--${e}-radius-xl)`,"2xl":`var(--${e}-radius-2xl)`,"3xl":`var(--${e}-radius-3xl)`,full:`var(--${e}-radius-full)`},fontSize:{xxs:[`var(--${e}-font-size-xxs)`,`var(--${e}-line-height-xxs)`],xs:[`var(--${e}-font-size-xs)`,`var(--${e}-line-height-xs)`],sm:[`var(--${e}-font-size-sm)`,`var(--${e}-line-height-sm)`],base:[`var(--${e}-font-size-base)`,`var(--${e}-line-height-base)`],lg:[`var(--${e}-font-size-lg)`,`var(--${e}-line-height-lg)`],xl:[`var(--${e}-font-size-xl)`,`var(--${e}-line-height-xl)`],"2xl":[`var(--${e}-font-size-2xl)`,`var(--${e}-line-height-2xl)`],"3xl":[`var(--${e}-font-size-3xl)`,`var(--${e}-line-height-3xl)`],"4xl":[`var(--${e}-font-size-4xl)`,`var(--${e}-line-height-4xl)`],"5xl":[`var(--${e}-font-size-5xl)`,`var(--${e}-line-height-5xl)`],"6xl":[`var(--${e}-font-size-6xl)`,`var(--${e}-line-height-6xl)`],"7xl":[`var(--${e}-font-size-7xl)`,`var(--${e}-line-height-7xl)`],"8xl":[`var(--${e}-font-size-8xl)`,`var(--${e}-line-height-8xl)`],"9xl":[`var(--${e}-font-size-9xl)`,`var(--${e}-line-height-9xl)`]},zIndex:{negative:`var(--${e}-z-index-negative)`,workbench:`var(--${e}-z-index-workbench)`,default:`var(--${e}-z-index-default)`,"workbench-header":`var(--${e}-z-index-workbench-header)`,modal:`var(--${e}-z-index-modal)`,"modal-content":`var(--${e}-z-index-modal-content)`,dropdown:`var(--${e}-z-index-dropdown)`,tooltip:`var(--${e}-z-index-tooltip)`,notification:`var(--${e}-z-index-notification)`},...Ws}}})};var x=require("react/jsx-runtime"),Xs=(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("meta",{name:"abstract",content:"V\xED \u0111i\u1EC7n t\u1EED MoMo - Si\xEAu \u1EE9ng d\u1EE5ng thanh to\xE1n s\u1ED1 1 Vi\u1EC7t Nam"}),(0,x.jsx)("meta",{name:"distribution",content:"Global"}),(0,x.jsx)("meta",{name:"author",content:"V\xED MoMo"}),(0,x.jsx)("meta",{property:"fb:app_id",content:"320653355376196"}),(0,x.jsx)("meta",{property:"fb:pages",content:"138010322921640"}),(0,x.jsx)("link",{rel:"shortcut icon",href:"/favicon.ico"}),(0,x.jsx)("link",{href:"https://www.momo.vn/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),(0,x.jsx)("link",{href:"https://www.momo.vn/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),(0,x.jsx)("link",{href:"https://www.momo.vn/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),(0,x.jsx)("meta",{name:"language",content:"vietnamese"}),(0,x.jsx)("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),(0,x.jsx)("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),(0,x.jsx)("meta",{name:"RATING",content:"GENERAL"}),(0,x.jsx)("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//facebook.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google.com"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),(0,x.jsx)("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//connect.facebook.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google-analytics.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google.com"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.google.com.vn"}),(0,x.jsx)("link",{rel:"preconnect",href:"//www.googleadservices.com"}),(0,x.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
194
194
|
"@context": "https://schema.org/",
|
|
195
195
|
"@type": "WebSite",
|
|
196
196
|
"@id":"https://www.momo.vn/#website",
|