@momo-webplatform/mobase 0.2.95 → 0.2.96
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 +16 -16
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +14 -14
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/solid";import*as Me from"@radix-ui/react-accordion";import*as qm from"react";import{twMerge as Xm}from"tailwind-merge";var vt={Business:{Phome:"1900636652",Phome_Format:"1900 636 652 (Ph\xED 1.000\u0111/ph\xFAt)",Email:"merchant.care@momo.vn"},Support:{Hotline:"1900545441",Hotline_Format:"1900 5454 41",Phone_Ext_1:"02873065555",Phone_Ext_1_Format:"028.7306.5555",Phone_Ext_2:"02899995555",Phone_Ext_2_Format:"028.9999.5555",Email:"hotro@momo.vn"}};var $i={Address:"L\u1EA7u 6, To\xE0 nh\xE0 Ph\xFA M\u1EF9 H\u01B0ng, s\u1ED1 8 Ho\xE0ng V\u0103n Th\xE1i, khu ph\u1ED1 1, Ph\u01B0\u1EDDng T\xE2n Ph\xFA, Qu\u1EADn 7, Th\xE0nh ph\u1ED1 H\u1ED3 Ch\xED Minh"};var Vo=[{Name:"Facebook",Image:"https://homepage.momocdn.net/styles/desktop/images/social/facebook.svg",Link:"https://www.facebook.com/vimomo"},{Name:"Linkedin",Image:"https://homepage.momocdn.net/styles/desktop/images/social/linkedin.svg",Link:"https://www.linkedin.com/company/momo-mservice/"},{Name:"Youtube",Image:"https://homepage.momocdn.net/styles/desktop/images/social/youtube.svg",Link:"https://www.youtube.com/channel/UCKHHW-qL2JoZqcSNm1jPlqw"}],xr=[{Name:"App Store",Image:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",Link:"https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong"},{Name:"Google Play",Image:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",Link:"https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong"}];var de={Business:{Phome:"1900636652",Phome_Format:"1900 636 652 (Ph\xED 1.000\u0111/ph\xFAt)",Email:"merchant.care@momo.vn"},Support:{Hotline:"1900545441",Hotline_Format:"1900 5454 41",Phone_Ext_1:"02873065555",Phone_Ext_1_Format:"028.7306.5555",Phone_Ext_2:"02899995555",Phone_Ext_2_Format:"028.9999.5555",Phone_Ext_3:"02855555555",Phone_Ext_3_Format:"028.5555.5555",Email:"hotro@momo.vn"}};import{createMedia as Ym}from"@artsy/fresnel";function i(...e){return Xm(e)}var Gi=Ym({breakpoints:{xs:0,sm:640,md:768,lg:1024,xl:1280}}),Pv=Gi.createMediaStyle(),{Media:Ze,MediaContextProvider:uo}=Gi;import{jsx as vo,jsxs as Km}from"react/jsx-runtime";var ht=Wo.forwardRef(({className:e,...o},t)=>vo(Me.Root,{ref:t,...o}));ht.displayName="AccordionRoot";var xt=Wo.forwardRef(({className:e,...o},t)=>vo(Me.Item,{ref:t,className:i("border-b border-gray-200",e),...o}));xt.displayName="AccordionItem";var bt=Wo.forwardRef(({className:e,children:o,...t},a)=>vo(Me.Header,{className:"flex",children:Km(Me.Trigger,{ref:a,className:i("flex flex-1 items-center justify-between py-4 text-left font-medium text-gray-900 transition-all hover:text-pink-600 hover:underline [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:text-pink-600",e),...t,children:[o,vo(Zm,{className:" ml-1 h-5 w-5 shrink-0 transition-transform duration-200"})]})}));bt.displayName=Me.Trigger.displayName;var yt=Wo.forwardRef(({className:e,children:o,...t},a)=>vo(Me.Content,{ref:a,className:" data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-left transition-all ",...t,children:vo("div",{className:i("pb-4 pt-0 text-gray-900 ",e),children:o})}));yt.displayName=Me.Content.displayName;import*as ji from"react";import{Slot as tc}from"@radix-ui/react-slot";import{cva as oc}from"class-variance-authority";import{jsx as Ie,jsxs as ec}from"react/jsx-runtime";var Jm=({className:e})=>ec("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"none",className:`${e}`,children:[Ie("path",{opacity:"0.9",fillRule:"evenodd",clipRule:"evenodd",d:"M15 9H19C19.55 9 20 9.45 20 10C20 10.55 19.55 11 19 11H15C14.45 11 14 10.55 14 10C14 9.45 14.45 9 15 9Z",fill:"currentColor"}),Ie("path",{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M14.8301 11.634L18.2942 13.634C18.7706 13.909 18.9353 14.5237 18.6603 15C18.3853 15.4763 17.7706 15.641 17.2942 15.366L13.8301 13.366C13.3538 13.091 13.1891 12.4763 13.4641 12C13.7391 11.5237 14.3538 11.359 14.8301 11.634Z",fill:"currentColor"}),Ie("path",{opacity:"0.25",fillRule:"evenodd",clipRule:"evenodd",d:"M13.366 13.8301L15.366 17.2942C15.641 17.7706 15.4763 18.3853 14.9999 18.6603C14.5236 18.9353 13.9089 18.7706 13.6339 18.2942L11.6339 14.8301C11.3589 14.3538 11.5236 13.7391 11.9999 13.4641C12.4763 13.1891 13.091 13.3538 13.366 13.8301Z",fill:"currentColor"}),Ie("path",{opacity:"0.3",fillRule:"evenodd",clipRule:"evenodd",d:"M11 15V19C11 19.55 10.55 20 10 20C9.45 20 9 19.55 9 19V15C9 14.45 9.45 14 10 14C10.55 14 11 14.45 11 15Z",fill:"currentColor"}),Ie("path",{opacity:"0.35",fillRule:"evenodd",clipRule:"evenodd",d:"M8.36597 14.8301L6.36597 18.2942C6.09097 18.7706 5.47626 18.9353 4.99994 18.6603C4.52363 18.3853 4.35892 17.7706 4.63392 17.2942L6.63392 13.8301C6.90892 13.3538 7.52363 13.1891 7.99994 13.4641C8.47626 13.7391 8.64097 14.3538 8.36597 14.8301Z",fill:"currentColor"}),Ie("path",{opacity:"0.4",fillRule:"evenodd",clipRule:"evenodd",d:"M6.16986 13.366L2.70576 15.366C2.22945 15.641 1.61474 15.4763 1.33974 15C1.06474 14.5237 1.22945 13.909 1.70576 13.634L5.16986 11.634C5.64618 11.359 6.26089 11.5237 6.53589 12C6.81089 12.4763 6.64618 13.091 6.16986 13.366Z",fill:"currentColor"}),Ie("path",{opacity:"0.45",fillRule:"evenodd",clipRule:"evenodd",d:"M5 11H1C0.45 11 0 10.55 0 10C0 9.45 0.45 9 1 9H5C5.55 9 6 9.45 6 10C6 10.55 5.55 11 5 11Z",fill:"currentColor"}),Ie("path",{opacity:"0.5",fillRule:"evenodd",clipRule:"evenodd",d:"M5.16986 8.36603L1.70576 6.36603C1.22945 6.09103 1.06474 5.47632 1.33974 5C1.61474 4.52369 2.22945 4.35898 2.70576 4.63398L6.16986 6.63398C6.64618 6.90898 6.81089 7.52369 6.53589 8C6.26089 8.47632 5.64618 8.64103 5.16986 8.36603Z",fill:"currentColor"}),Ie("path",{opacity:"0.55",fillRule:"evenodd",clipRule:"evenodd",d:"M6.63403 6.16986L4.63403 2.70576C4.35903 2.22945 4.52374 1.61474 5.00006 1.33974C5.47637 1.06474 6.09108 1.22945 6.36608 1.70576L8.36608 5.16986C8.64108 5.64618 8.47637 6.26089 8.00006 6.53589C7.52374 6.81089 6.90903 6.64618 6.63403 6.16986Z",fill:"currentColor"}),Ie("path",{opacity:"0.65",fillRule:"evenodd",clipRule:"evenodd",d:"M9 5L9 1C9 0.45 9.45 0 10 0C10.55 0 11 0.45 11 1V5C11 5.55 10.55 6 10 6C9.45 6 9 5.55 9 5Z",fill:"currentColor"}),Ie("path",{opacity:"0.75",fillRule:"evenodd",clipRule:"evenodd",d:"M11.634 5.16986L13.634 1.70576C13.909 1.22945 14.5237 1.06474 15.0001 1.33974C15.4764 1.61474 15.6411 2.22945 15.3661 2.70576L13.3661 6.16986C13.0911 6.64618 12.4764 6.81089 12.0001 6.53589C11.5237 6.26089 11.359 5.64618 11.634 5.16986Z",fill:"currentColor"}),Ie("path",{opacity:"0.85",fillRule:"evenodd",clipRule:"evenodd",d:"M13.8301 6.63397L17.2942 4.63397C17.7706 4.35897 18.3853 4.52368 18.6603 5C18.9353 5.47631 18.7706 6.09102 18.2942 6.36602L14.8301 8.36602C14.3538 8.64102 13.7391 8.47631 13.4641 8C13.1891 7.52368 13.3538 6.90897 13.8301 6.63397Z",fill:"currentColor"})]}),ho=Jm;import{Fragment as rc,jsx as br,jsxs as ac}from"react/jsx-runtime";var Ke=oc("focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-lg border border-transparent text-sm font-bold transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed",{variants:{variant:{primary:"bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",secondary:"border-gray-300 bg-white text-gray-900 hover:bg-gray-100 disabled:bg-white disabled:text-gray-400",outline:"border-pink-500 bg-white text-pink-500 hover:bg-pink-50 disabled:border-pink-300 disabled:bg-white disabled:text-pink-300",tonal:"bg-pink-100 text-pink-500 hover:bg-pink-200 disabled:bg-gray-200 disabled:text-gray-400",danger:"bg-red-500 text-white hover:bg-red-600 disabled:bg-red-300",transparent:"bg-transparent text-gray-900 hover:bg-gray-100 disabled:bg-transparent disabled:text-gray-400"},size:{default:"h-10 px-4 text-sm",sm:"h-8 rounded-md px-3 text-sm",lg:"h-12 px-4 text-base"}},defaultVariants:{variant:"primary",size:"default"}}),Ae=ji.forwardRef(({className:e,variant:o="primary",size:t="default",asChild:a=!1,isLoading:r=!1,isDisabled:n=!1,...s},l)=>{let m=a?tc:"button",c=i(Ke({variant:o,size:t,className:e}),{"cursor-wait":r});return br(rc,{children:a?br(m,{className:c,type:"button",disabled:n,ref:l,...s,children:s.children}):ac(m,{className:c,type:"button",disabled:n,ref:l,...s,children:[r&&br(ho,{className:`${t==="default"||t==="sm"?"w-4 h-4":"w-5 h-5"} animate-spin-loading mr-2`}),s.children]})})});Ae.displayName="Button";import{QRCodeSVG as nc}from"qrcode.react";import*as $o from"react";import{XMarkIcon as ic}from"@heroicons/react/16/solid";import*as X from"@radix-ui/react-dialog";import{jsx as wt,jsxs as yr}from"react/jsx-runtime";var We=X.Root,Go=X.Trigger,Qi=X.Portal,wr=X.Close,Nr=$o.forwardRef(({className:e,...o},t)=>wt(X.Overlay,{ref:t,className:i("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 !duration-300",e),...o}));Nr.displayName=X.Overlay.displayName;var Le=$o.forwardRef(({className:e,positionRightCloseBtn:o,hideCloseBtn:t=!1,size:a="md",position:r="center",height:n="auto",isFull:s=!1,children:l,...m},c)=>{let d={base:"fixed z-50 flex bg-white shadow-lg sm:rounded-xl bg-white text-gray-900 w-full max-w-[calc(-64px_+_100vw)] max-h-[calc(-64px_+_100vh)] flex-col",center:"left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",bottom:"!duration-300 bottom-0 sm:bottom-1/2 left-1/2 rounded-t-xl sm:translate-y-1/2 data-[state=closed]:animate-out -translate-x-1/2 data-[state=open]:animate-in data-[state=open]:slide-in-from-left-1/2 ease-in-out data-[state=open]:slide-in-from-bottom-2/3 data-[state=closed]:slide-out-to-bottom-2/3 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 max-w-full max-h-[calc(100%_-_calc(32px_+_env(safe-area-inset-top,0)))] sm:max-h-[calc(-64px_+_100vh)] sm:max-w-[calc(-64px_+_100vw)]",left:"!duration-300 max-h-screen !h-full rounded-r-xl sm:rounded-l-none top-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left ease-in-out",right:"!duration-300 !h-full rounded-l-xl sm:rounded-r-none max-h-screen top-0 right-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right ease-in-out"},p={sm:"w-80 sm:w-80",md:"w-[512px] sm:w-[512px]",lg:"w-[672px] sm:w-[672px]",xl:"w-[1024px] sm:w-[1024px]"},g={auto:"h-auto sm:h-auto",small:"h-[480px] sm:h-[480px]",large:"h-[640px] sm:h-[640px]",full:"h-full"},v=[d.base,d[r],p[a],g[n],s&&"h-full max-h-screen max-w-full w-full rounded-none sm:rounded-xl sm:max-h-[calc(-64px_+_100vh)]",e];return yr(Qi,{children:[wt(Nr,{}),yr(X.Content,{ref:c,className:i(...v),...m,children:[l,!t&&yr(X.Close,{className:i("absolute left-3 top-2 flex h-8 w-8 items-center justify-center rounded-full text-gray-900 before:absolute before:inset-0 before:left-0 before:top-0 before:z-[-1] before:select-none before:rounded-full before:bg-gray-200 before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-100 focus:outline-none focus:ring-0 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-700 md:left-auto md:right-4 md:top-3",o&&"left-auto right-3 md:right-4"),title:"\u0110\xF3ng",children:[wt(ic,{className:"h-5 w-5 text-gray-700"}),wt("span",{className:"sr-only",children:"Close"})]})]})]})});Le.displayName=X.Content.displayName;var xo=({className:e,...o})=>wt("div",{className:i("dialog-header flex h-12 w-full shrink-0 items-center justify-center border-b border-gray-200 px-10 py-2 md:h-14 md:px-12 md:py-3",e),...o});xo.displayName="DialogHeader";var Je=({className:e,isCondensed:o=!1,...t})=>wt("div",{className:i("dialog-body flex-1 overflow-y-auto p-6",o&&"p-5",e),...t});Je.displayName="DialogBody";var Ui=({className:e,isDivider:o=!0,...t})=>wt("div",{className:i("dialog-footer flex shrink-0 justify-center space-x-2 px-6 pb-4 sm:flex-row sm:justify-end [&>*]:basis-1/2 [&>*]:sm:basis-auto",o&&"border-t border-gray-200 py-3",e),...t});Ui.displayName="DialogFooter";var bo=$o.forwardRef(({className:e,...o},t)=>wt(X.Title,{ref:t,className:i("line-clamp-1 max-w-full text-base font-semibold",e),...o}));bo.displayName=X.Title.displayName;var qi=$o.forwardRef(({className:e,...o},t)=>wt(X.Description,{ref:t,className:i("text-sm text-gray-700",e),...o}));qi.displayName=X.Description.displayName;import{Fragment as Pr,jsx as D,jsxs as pe}from"react/jsx-runtime";var sc=({img:e="",children:o,isQrForAll:t})=>pe(Pr,{children:[D("div",{className:"qrcode__scan__container",children:pe("div",{className:"qrcode__scan",children:[D("div",{className:"qrcode__gradient",children:D("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),D("div",{className:"qrcode__border",children:D("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),D("div",{className:"p-4 qrcode__image",children:e?D("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:e,loading:"lazy"}):o})]})}),D("div",{className:"mt-4 text-sm text-white",children:t?pe(Pr,{children:[D("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),D("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):pe(Pr,{children:[D("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:D("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",D("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),D("style",{children:`
|
|
1
|
+
import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/solid";import*as Me from"@radix-ui/react-accordion";import*as qm from"react";import{twMerge as Xm}from"tailwind-merge";var vt={Business:{Phome:"1900636652",Phome_Format:"1900 636 652 (Ph\xED 1.000\u0111/ph\xFAt)",Email:"merchant.care@momo.vn"},Support:{Hotline:"1900545441",Hotline_Format:"1900 5454 41",Phone_Ext_1:"02873065555",Phone_Ext_1_Format:"028.7306.5555",Phone_Ext_2:"02899995555",Phone_Ext_2_Format:"028.9999.5555",Email:"hotro@momo.vn"}};var $i={Address:"L\u1EA7u 6, To\xE0 nh\xE0 Ph\xFA M\u1EF9 H\u01B0ng, s\u1ED1 8 Ho\xE0ng V\u0103n Th\xE1i, khu ph\u1ED1 1, Ph\u01B0\u1EDDng T\xE2n Ph\xFA, Qu\u1EADn 7, Th\xE0nh ph\u1ED1 H\u1ED3 Ch\xED Minh"};var Vo=[{Name:"Facebook",Image:"https://homepage.momocdn.net/styles/desktop/images/social/facebook.svg",Link:"https://www.facebook.com/vimomo"},{Name:"Linkedin",Image:"https://homepage.momocdn.net/styles/desktop/images/social/linkedin.svg",Link:"https://www.linkedin.com/company/momo-mservice/"},{Name:"Youtube",Image:"https://homepage.momocdn.net/styles/desktop/images/social/youtube.svg",Link:"https://www.youtube.com/channel/UCKHHW-qL2JoZqcSNm1jPlqw"}],xr=[{Name:"App Store",Image:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",Link:"https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong"},{Name:"Google Play",Image:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",Link:"https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong"}];var de={Business:{Phome:"1900636652",Phome_Format:"1900 636 652 (Ph\xED 1.000\u0111/ph\xFAt)",Email:"merchant.care@momo.vn"},Support:{Hotline:"1900545441",Hotline_Format:"1900 5454 41",Phone_Ext_1:"02873065555",Phone_Ext_1_Format:"028.7306.5555",Phone_Ext_2:"02899995555",Phone_Ext_2_Format:"028.9999.5555",Phone_Ext_3:"02855555555",Phone_Ext_3_Format:"028.5555.5555",Email:"hotro@momo.vn"}};import{createMedia as Ym}from"@artsy/fresnel";function i(...e){return Xm(e)}var Gi=Ym({breakpoints:{xs:0,sm:640,md:768,lg:1024,xl:1280}}),Cv=Gi.createMediaStyle(),{Media:Ze,MediaContextProvider:uo}=Gi;import{jsx as vo,jsxs as Km}from"react/jsx-runtime";var ht=Wo.forwardRef(({className:e,...o},t)=>vo(Me.Root,{ref:t,...o}));ht.displayName="AccordionRoot";var xt=Wo.forwardRef(({className:e,...o},t)=>vo(Me.Item,{ref:t,className:i("border-b border-gray-200",e),...o}));xt.displayName="AccordionItem";var bt=Wo.forwardRef(({className:e,children:o,...t},a)=>vo(Me.Header,{className:"flex",children:Km(Me.Trigger,{ref:a,className:i("flex flex-1 items-center justify-between py-4 text-left font-medium text-gray-900 transition-all hover:text-pink-600 hover:underline [&[data-state=open]>svg]:rotate-180 [&[data-state=open]]:text-pink-600",e),...t,children:[o,vo(Zm,{className:" ml-1 h-5 w-5 shrink-0 transition-transform duration-200"})]})}));bt.displayName=Me.Trigger.displayName;var yt=Wo.forwardRef(({className:e,children:o,...t},a)=>vo(Me.Content,{ref:a,className:" data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-left transition-all ",...t,children:vo("div",{className:i("pb-4 pt-0 text-gray-900 ",e),children:o})}));yt.displayName=Me.Content.displayName;import*as ji from"react";import{Slot as tc}from"@radix-ui/react-slot";import{cva as oc}from"class-variance-authority";import{jsx as Ie,jsxs as ec}from"react/jsx-runtime";var Jm=({className:e})=>ec("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"none",className:`${e}`,children:[Ie("path",{opacity:"0.9",fillRule:"evenodd",clipRule:"evenodd",d:"M15 9H19C19.55 9 20 9.45 20 10C20 10.55 19.55 11 19 11H15C14.45 11 14 10.55 14 10C14 9.45 14.45 9 15 9Z",fill:"currentColor"}),Ie("path",{opacity:"0.2",fillRule:"evenodd",clipRule:"evenodd",d:"M14.8301 11.634L18.2942 13.634C18.7706 13.909 18.9353 14.5237 18.6603 15C18.3853 15.4763 17.7706 15.641 17.2942 15.366L13.8301 13.366C13.3538 13.091 13.1891 12.4763 13.4641 12C13.7391 11.5237 14.3538 11.359 14.8301 11.634Z",fill:"currentColor"}),Ie("path",{opacity:"0.25",fillRule:"evenodd",clipRule:"evenodd",d:"M13.366 13.8301L15.366 17.2942C15.641 17.7706 15.4763 18.3853 14.9999 18.6603C14.5236 18.9353 13.9089 18.7706 13.6339 18.2942L11.6339 14.8301C11.3589 14.3538 11.5236 13.7391 11.9999 13.4641C12.4763 13.1891 13.091 13.3538 13.366 13.8301Z",fill:"currentColor"}),Ie("path",{opacity:"0.3",fillRule:"evenodd",clipRule:"evenodd",d:"M11 15V19C11 19.55 10.55 20 10 20C9.45 20 9 19.55 9 19V15C9 14.45 9.45 14 10 14C10.55 14 11 14.45 11 15Z",fill:"currentColor"}),Ie("path",{opacity:"0.35",fillRule:"evenodd",clipRule:"evenodd",d:"M8.36597 14.8301L6.36597 18.2942C6.09097 18.7706 5.47626 18.9353 4.99994 18.6603C4.52363 18.3853 4.35892 17.7706 4.63392 17.2942L6.63392 13.8301C6.90892 13.3538 7.52363 13.1891 7.99994 13.4641C8.47626 13.7391 8.64097 14.3538 8.36597 14.8301Z",fill:"currentColor"}),Ie("path",{opacity:"0.4",fillRule:"evenodd",clipRule:"evenodd",d:"M6.16986 13.366L2.70576 15.366C2.22945 15.641 1.61474 15.4763 1.33974 15C1.06474 14.5237 1.22945 13.909 1.70576 13.634L5.16986 11.634C5.64618 11.359 6.26089 11.5237 6.53589 12C6.81089 12.4763 6.64618 13.091 6.16986 13.366Z",fill:"currentColor"}),Ie("path",{opacity:"0.45",fillRule:"evenodd",clipRule:"evenodd",d:"M5 11H1C0.45 11 0 10.55 0 10C0 9.45 0.45 9 1 9H5C5.55 9 6 9.45 6 10C6 10.55 5.55 11 5 11Z",fill:"currentColor"}),Ie("path",{opacity:"0.5",fillRule:"evenodd",clipRule:"evenodd",d:"M5.16986 8.36603L1.70576 6.36603C1.22945 6.09103 1.06474 5.47632 1.33974 5C1.61474 4.52369 2.22945 4.35898 2.70576 4.63398L6.16986 6.63398C6.64618 6.90898 6.81089 7.52369 6.53589 8C6.26089 8.47632 5.64618 8.64103 5.16986 8.36603Z",fill:"currentColor"}),Ie("path",{opacity:"0.55",fillRule:"evenodd",clipRule:"evenodd",d:"M6.63403 6.16986L4.63403 2.70576C4.35903 2.22945 4.52374 1.61474 5.00006 1.33974C5.47637 1.06474 6.09108 1.22945 6.36608 1.70576L8.36608 5.16986C8.64108 5.64618 8.47637 6.26089 8.00006 6.53589C7.52374 6.81089 6.90903 6.64618 6.63403 6.16986Z",fill:"currentColor"}),Ie("path",{opacity:"0.65",fillRule:"evenodd",clipRule:"evenodd",d:"M9 5L9 1C9 0.45 9.45 0 10 0C10.55 0 11 0.45 11 1V5C11 5.55 10.55 6 10 6C9.45 6 9 5.55 9 5Z",fill:"currentColor"}),Ie("path",{opacity:"0.75",fillRule:"evenodd",clipRule:"evenodd",d:"M11.634 5.16986L13.634 1.70576C13.909 1.22945 14.5237 1.06474 15.0001 1.33974C15.4764 1.61474 15.6411 2.22945 15.3661 2.70576L13.3661 6.16986C13.0911 6.64618 12.4764 6.81089 12.0001 6.53589C11.5237 6.26089 11.359 5.64618 11.634 5.16986Z",fill:"currentColor"}),Ie("path",{opacity:"0.85",fillRule:"evenodd",clipRule:"evenodd",d:"M13.8301 6.63397L17.2942 4.63397C17.7706 4.35897 18.3853 4.52368 18.6603 5C18.9353 5.47631 18.7706 6.09102 18.2942 6.36602L14.8301 8.36602C14.3538 8.64102 13.7391 8.47631 13.4641 8C13.1891 7.52368 13.3538 6.90897 13.8301 6.63397Z",fill:"currentColor"})]}),ho=Jm;import{Fragment as rc,jsx as br,jsxs as ac}from"react/jsx-runtime";var Ke=oc("focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-lg border border-transparent text-sm font-bold transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed",{variants:{variant:{primary:"bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",secondary:"border-gray-300 bg-white text-gray-900 hover:bg-gray-100 disabled:bg-white disabled:text-gray-400",outline:"border-pink-500 bg-white text-pink-500 hover:bg-pink-50 disabled:border-pink-300 disabled:bg-white disabled:text-pink-300",tonal:"bg-pink-100 text-pink-500 hover:bg-pink-200 disabled:bg-gray-200 disabled:text-gray-400",danger:"bg-red-500 text-white hover:bg-red-600 disabled:bg-red-300",transparent:"bg-transparent text-gray-900 hover:bg-gray-100 disabled:bg-transparent disabled:text-gray-400"},size:{default:"h-10 px-4 text-sm",sm:"h-8 rounded-md px-3 text-sm",lg:"h-12 px-4 text-base"}},defaultVariants:{variant:"primary",size:"default"}}),Ae=ji.forwardRef(({className:e,variant:o="primary",size:t="default",asChild:a=!1,isLoading:r=!1,isDisabled:n=!1,...s},l)=>{let m=a?tc:"button",c=i(Ke({variant:o,size:t,className:e}),{"cursor-wait":r});return br(rc,{children:a?br(m,{className:c,type:"button",disabled:n,ref:l,...s,children:s.children}):ac(m,{className:c,type:"button",disabled:n,ref:l,...s,children:[r&&br(ho,{className:`${t==="default"||t==="sm"?"w-4 h-4":"w-5 h-5"} animate-spin-loading mr-2`}),s.children]})})});Ae.displayName="Button";import{QRCodeSVG as nc}from"qrcode.react";import*as $o from"react";import{XMarkIcon as ic}from"@heroicons/react/16/solid";import*as X from"@radix-ui/react-dialog";import{jsx as wt,jsxs as yr}from"react/jsx-runtime";var We=X.Root,Go=X.Trigger,Qi=X.Portal,wr=X.Close,Nr=$o.forwardRef(({className:e,...o},t)=>wt(X.Overlay,{ref:t,className:i("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 !duration-300",e),...o}));Nr.displayName=X.Overlay.displayName;var Le=$o.forwardRef(({className:e,positionRightCloseBtn:o,hideCloseBtn:t=!1,size:a="md",position:r="center",height:n="auto",isFull:s=!1,children:l,...m},c)=>{let d={base:"fixed z-50 flex bg-white shadow-lg sm:rounded-xl bg-white text-gray-900 w-full max-w-[calc(-64px_+_100vw)] max-h-[calc(-64px_+_100vh)] flex-col",center:"left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",bottom:"!duration-300 bottom-0 sm:bottom-1/2 left-1/2 rounded-t-xl sm:translate-y-1/2 data-[state=closed]:animate-out -translate-x-1/2 data-[state=open]:animate-in data-[state=open]:slide-in-from-left-1/2 ease-in-out data-[state=open]:slide-in-from-bottom-2/3 data-[state=closed]:slide-out-to-bottom-2/3 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 max-w-full max-h-[calc(100%_-_calc(32px_+_env(safe-area-inset-top,0)))] sm:max-h-[calc(-64px_+_100vh)] sm:max-w-[calc(-64px_+_100vw)]",left:"!duration-300 max-h-screen !h-full rounded-r-xl sm:rounded-l-none top-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left ease-in-out",right:"!duration-300 !h-full rounded-l-xl sm:rounded-r-none max-h-screen top-0 right-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right ease-in-out"},p={sm:"w-80 sm:w-80",md:"w-[512px] sm:w-[512px]",lg:"w-[672px] sm:w-[672px]",xl:"w-[1024px] sm:w-[1024px]"},g={auto:"h-auto sm:h-auto",small:"h-[480px] sm:h-[480px]",large:"h-[640px] sm:h-[640px]",full:"h-full"},v=[d.base,d[r],p[a],g[n],s&&"h-full max-h-screen max-w-full w-full rounded-none sm:rounded-xl sm:max-h-[calc(-64px_+_100vh)]",e];return yr(Qi,{children:[wt(Nr,{}),yr(X.Content,{ref:c,className:i(...v),...m,children:[l,!t&&yr(X.Close,{className:i("absolute left-3 top-2 flex h-8 w-8 items-center justify-center rounded-full text-gray-900 before:absolute before:inset-0 before:left-0 before:top-0 before:z-[-1] before:select-none before:rounded-full before:bg-gray-200 before:opacity-0 before:transition-opacity before:content-[''] hover:before:opacity-100 focus:outline-none focus:ring-0 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-700 md:left-auto md:right-4 md:top-3",o&&"left-auto right-3 md:right-4"),title:"\u0110\xF3ng",children:[wt(ic,{className:"h-5 w-5 text-gray-700"}),wt("span",{className:"sr-only",children:"Close"})]})]})]})});Le.displayName=X.Content.displayName;var xo=({className:e,...o})=>wt("div",{className:i("dialog-header flex h-12 w-full shrink-0 items-center justify-center border-b border-gray-200 px-10 py-2 md:h-14 md:px-12 md:py-3",e),...o});xo.displayName="DialogHeader";var Je=({className:e,isCondensed:o=!1,...t})=>wt("div",{className:i("dialog-body flex-1 overflow-y-auto p-6",o&&"p-5",e),...t});Je.displayName="DialogBody";var Ui=({className:e,isDivider:o=!0,...t})=>wt("div",{className:i("dialog-footer flex shrink-0 justify-center space-x-2 px-6 pb-4 sm:flex-row sm:justify-end [&>*]:basis-1/2 [&>*]:sm:basis-auto",o&&"border-t border-gray-200 py-3",e),...t});Ui.displayName="DialogFooter";var bo=$o.forwardRef(({className:e,...o},t)=>wt(X.Title,{ref:t,className:i("line-clamp-1 max-w-full text-base font-semibold",e),...o}));bo.displayName=X.Title.displayName;var qi=$o.forwardRef(({className:e,...o},t)=>wt(X.Description,{ref:t,className:i("text-sm text-gray-700",e),...o}));qi.displayName=X.Description.displayName;import{Fragment as Pr,jsx as D,jsxs as pe}from"react/jsx-runtime";var sc=({img:e="",children:o,isQrForAll:t})=>pe(Pr,{children:[D("div",{className:"qrcode__scan__container",children:pe("div",{className:"qrcode__scan",children:[D("div",{className:"qrcode__gradient",children:D("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),D("div",{className:"qrcode__border",children:D("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),D("div",{className:"p-4 qrcode__image",children:e?D("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:e,loading:"lazy"}):o})]})}),D("div",{className:"mt-4 text-sm text-white",children:t?pe(Pr,{children:[D("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),D("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):pe(Pr,{children:[D("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:D("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",D("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),D("style",{children:`
|
|
2
2
|
.qrcode__scan__container {
|
|
3
3
|
padding: 15px;
|
|
4
4
|
background-color: white;
|
|
@@ -129,14 +129,14 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
129
129
|
footer .button-download {
|
|
130
130
|
max-width: 150px;
|
|
131
131
|
}
|
|
132
|
-
`})]})},us=af;import{jsx as vs}from"react/jsx-runtime";var nf=({className:e,primaryMenu:o,secondaryMenu:t})=>vs("footer",{className:i("grid grid-cols-1 flex-wrap bg-gray-900",e),children:vs(us,{primaryMenu:o,secondaryMenu:t})});import*as ao from"react";import{jsx as Io}from"react/jsx-runtime";var hs=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("rounded-xl border bg-card text-card-foreground shadow",e),...o}));hs.displayName="Card";var xs=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("flex flex-col space-y-1.5 p-6",e),...o}));xs.displayName="CardHeader";var bs=ao.forwardRef(({className:e,...o},t)=>Io("h3",{ref:t,className:i("font-semibold leading-none tracking-tight",e),...o}));bs.displayName="CardTitle";var ys=ao.forwardRef(({className:e,...o},t)=>Io("p",{ref:t,className:i("text-sm text-muted-foreground",e),...o}));ys.displayName="CardDescription";var ws=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("p-6 pt-0",e),...o}));ws.displayName="CardContent";var Ns=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("flex items-center p-6 pt-0",e),...o}));Ns.displayName="CardFooter";import*as He from"react";import{Command as we}from"cmdk";import{XCircleIcon as sf,MagnifyingGlassIcon as lf}from"@heroicons/react/16/solid";import{jsx as Te,jsxs as cf}from"react/jsx-runtime";var ai=He.forwardRef(({className:e,...o},t)=>Te(we,{ref:t,className:i("flex text-gray-900 border border-gray-300 shadow-lg bg-white h-full w-full flex-col overflow-hidden rounded-md",e),...o}));ai.displayName=we.displayName;var mf=({children:e,...o})=>Te(We,{...o,children:Te(Le,{className:"overflow-hidden p-0 shadow-lg",children:Te(ai,{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})})}),Ps=He.forwardRef(({className:e,onClickClear:o,classNameInput:t,...a},r)=>{let n=He.useRef(null),[s,l]=He.useState(""),m=()=>{!s||s?.length<=0||(l(""),o?.(s))};return cf("div",{ref:n,className:i("flex items-center border-b px-2",e),"cmdk-input-wrapper":"",children:[Te(lf,{className:"mr-2 h-4 w-4 shrink-0 text-gray-500"}),Te(we.Input,{ref:r,className:i("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",t),value:s,onValueChange:l,...a}),Te(sf,{onClick:m,className:i("ml-2 transition-all cursor-pointer h-4 w-4 duration-75 shrink-0 text-gray-500",s?.length>0?"opacity-100":"opacity-0")})]})});Ps.displayName=we.Input.displayName;var Cs=He.forwardRef(({className:e,...o},t)=>Te(we.List,{ref:t,className:i("max-h-[300px] text-gray-900 overflow-y-auto overflow-x-hidden",e),...o}));Cs.displayName=we.List.displayName;var Rs=He.forwardRef((e,o)=>Te(we.Empty,{ref:o,className:"py-6 text-gray-900 text-center text-sm",...e}));Rs.displayName=we.Empty.displayName;var Ts=He.forwardRef(({className:e,...o},t)=>Te(we.Group,{ref:t,className:i("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),...o}));Ts.displayName=we.Group.displayName;var ks=He.forwardRef(({className:e,...o},t)=>Te(we.Separator,{ref:t,className:i("-mx-1 text-gray-900 h-px bg-border",e),...o}));ks.displayName=we.Separator.displayName;var Ss=He.forwardRef(({className:e,children:o,...t},a)=>Te(we.Item,{ref:a,className:i("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",e),...t,children:o}));Ss.displayName=we.Item.displayName;var Ds=({className:e,...o})=>Te("span",{className:i("ml-auto text-xs text-gray-900 tracking-widest text-muted-foreground",e),...o});Ds.displayName="CommandShortcut";import{ChevronDownIcon as df}from"@heroicons/react/16/solid";import{jsx as Ua,jsxs as Ms}from"react/jsx-runtime";var pf=({className:e,value:o,label:t,children:a,placeholder:r,size:n})=>Ms("div",{className:"relative",children:[Ms(Xo,{className:i("select-mobase-button flex h-11 w-72 items-center justify-between rounded-md border border-gray-300 bg-white p-3 text-sm text-gray-900 ring-0 ring-inset transition-all hover:ring-1 hover:ring-gray-400 focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:pointer-events-none disabled:border-gray-200 disabled:bg-gray-50 data-[state=open]:border-pink-500 data-[placeholder]:text-gray-500 data-[state=open]:ring-1 data-[state=open]:ring-pink-500",n===2&&"h-12 text-base",e),children:[o||a||r,Ua(df,{className:"h-4 w-4 flex-none text-gray-700"})]}),t&&Ua("span",{className:"absolute -top-2 left-2 z-[1] bg-white px-1.5 text-xs text-gray-500",children:t})]}),ff=({children:e,className:o,...t})=>Ua(To,{className:i("border-none !p-0",o),...t,children:e}),gf=({open:e,onOpenChange:o,children:t,...a})=>Ua(qo,{open:e,onOpenChange:o,...a,children:t});import{
|
|
132
|
+
`})]})},us=af;import{jsx as vs}from"react/jsx-runtime";var nf=({className:e,primaryMenu:o,secondaryMenu:t})=>vs("footer",{className:i("grid grid-cols-1 flex-wrap bg-gray-900",e),children:vs(us,{primaryMenu:o,secondaryMenu:t})});import*as ao from"react";import{jsx as Io}from"react/jsx-runtime";var hs=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("rounded-xl border bg-card text-card-foreground shadow",e),...o}));hs.displayName="Card";var xs=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("flex flex-col space-y-1.5 p-6",e),...o}));xs.displayName="CardHeader";var bs=ao.forwardRef(({className:e,...o},t)=>Io("h3",{ref:t,className:i("font-semibold leading-none tracking-tight",e),...o}));bs.displayName="CardTitle";var ys=ao.forwardRef(({className:e,...o},t)=>Io("p",{ref:t,className:i("text-sm text-muted-foreground",e),...o}));ys.displayName="CardDescription";var ws=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("p-6 pt-0",e),...o}));ws.displayName="CardContent";var Ns=ao.forwardRef(({className:e,...o},t)=>Io("div",{ref:t,className:i("flex items-center p-6 pt-0",e),...o}));Ns.displayName="CardFooter";import*as He from"react";import{Command as we}from"cmdk";import{XCircleIcon as sf,MagnifyingGlassIcon as lf}from"@heroicons/react/16/solid";import{jsx as Te,jsxs as cf}from"react/jsx-runtime";var ai=He.forwardRef(({className:e,...o},t)=>Te(we,{ref:t,className:i("flex text-gray-900 border border-gray-300 shadow-lg bg-white h-full w-full flex-col overflow-hidden rounded-md",e),...o}));ai.displayName=we.displayName;var mf=({children:e,...o})=>Te(We,{...o,children:Te(Le,{className:"overflow-hidden p-0 shadow-lg",children:Te(ai,{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})})}),Ps=He.forwardRef(({className:e,onClickClear:o,classNameInput:t,...a},r)=>{let n=He.useRef(null),[s,l]=He.useState(""),m=()=>{!s||s?.length<=0||(l(""),o?.(s))};return cf("div",{ref:n,className:i("flex items-center border-b px-2",e),"cmdk-input-wrapper":"",children:[Te(lf,{className:"mr-2 h-4 w-4 shrink-0 text-gray-500"}),Te(we.Input,{ref:r,className:i("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",t),value:s,onValueChange:l,...a}),Te(sf,{onClick:m,className:i("ml-2 transition-all cursor-pointer h-4 w-4 duration-75 shrink-0 text-gray-500",s?.length>0?"opacity-100":"opacity-0")})]})});Ps.displayName=we.Input.displayName;var Cs=He.forwardRef(({className:e,...o},t)=>Te(we.List,{ref:t,className:i("max-h-[300px] text-gray-900 overflow-y-auto overflow-x-hidden",e),...o}));Cs.displayName=we.List.displayName;var Rs=He.forwardRef((e,o)=>Te(we.Empty,{ref:o,className:"py-6 text-gray-900 text-center text-sm",...e}));Rs.displayName=we.Empty.displayName;var Ts=He.forwardRef(({className:e,...o},t)=>Te(we.Group,{ref:t,className:i("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),...o}));Ts.displayName=we.Group.displayName;var ks=He.forwardRef(({className:e,...o},t)=>Te(we.Separator,{ref:t,className:i("-mx-1 text-gray-900 h-px bg-border",e),...o}));ks.displayName=we.Separator.displayName;var Ss=He.forwardRef(({className:e,children:o,...t},a)=>Te(we.Item,{ref:a,className:i("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",e),...t,children:o}));Ss.displayName=we.Item.displayName;var Ds=({className:e,...o})=>Te("span",{className:i("ml-auto text-xs text-gray-900 tracking-widest text-muted-foreground",e),...o});Ds.displayName="CommandShortcut";import{ChevronDownIcon as df}from"@heroicons/react/16/solid";import{jsx as Ua,jsxs as Ms}from"react/jsx-runtime";var pf=({className:e,value:o,label:t,children:a,placeholder:r,size:n})=>Ms("div",{className:"relative",children:[Ms(Xo,{className:i("select-mobase-button flex h-11 w-72 items-center justify-between rounded-md border border-gray-300 bg-white p-3 text-sm text-gray-900 ring-0 ring-inset transition-all hover:ring-1 hover:ring-gray-400 focus:ring-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:pointer-events-none disabled:border-gray-200 disabled:bg-gray-50 data-[state=open]:border-pink-500 data-[placeholder]:text-gray-500 data-[state=open]:ring-1 data-[state=open]:ring-pink-500",n===2&&"h-12 text-base",e),children:[o||a||r,Ua(df,{className:"h-4 w-4 flex-none text-gray-700"})]}),t&&Ua("span",{className:"absolute -top-2 left-2 z-[1] bg-white px-1.5 text-xs text-gray-500",children:t})]}),ff=({children:e,className:o,...t})=>Ua(To,{className:i("border-none !p-0",o),...t,children:e}),gf=({open:e,onOpenChange:o,children:t,...a})=>Ua(qo,{open:e,onOpenChange:o,...a,children:t});import{forwardRef as uf}from"react";import{InformationCircleIcon as vf}from"@heroicons/react/24/outline";import{cva as As}from"class-variance-authority";import hf from"html-react-parser";import{jsx as ri,jsxs as Is}from"react/jsx-runtime";var xf=As("flex items-center space-x-2 rounded-md border px-3 py-2 text-sm text-gray-700 ",{variants:{typeDiv:{neutral:"border-gray-300 bg-gray-50 ",error:"border-red-300 bg-red-50",success:"border-green-300 bg-green-50",warning:"border-yellow-300 bg-yellow-50",info:"border-blue-300 bg-blue-50"},disabled:{true:"pointer-events-none border-gray-300 bg-gray-50 text-gray-400 opacity-55"}},defaultVariants:{typeDiv:"neutral"}}),bf=As("h-5 w-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"}}),ca=uf(({type:e="neutral",message:o="",withAction:t=!1,onClickAction:a,className:r,disabled:n,actionClassName:s,icon:l,...m},c)=>Is("div",{ref:c,className:i("",r,xf({typeDiv:e,disabled:n})),...m,children:[Is("div",{className:"flex items-center space-x-2",children:[l||ri(vf,{className:i(bf({typeIcon:e,disabled:n})),width:20,height:20}),o&&ri("div",{children:hf(o)})]}),t&&ri(fe,{variant:"primary",onClick:()=>a?.(),className:i("",s),isDisabled:n,children:t})]}));import{forwardRef as yf,useEffect as wf,useRef as Nf,useState as Pf}from"react";import{MagnifyingGlassIcon as Cf}from"@heroicons/react/20/solid";import{XCircleIcon as Rf}from"@heroicons/react/24/outline";import{jsx as Ao,jsxs as Ls}from"react/jsx-runtime";var Tf=yf(({disabled:e,className:o,inputClassName:t,size:a,onChange:r,onFocus:n,onClickClear:s,value:l,defaultValue:m,type:c="text",...d},p)=>{let[g,v]=Pf(!1),P=Nf(null),w=F=>{F&&!g&&v(!0),!F&&g&&v(!1)},C=F=>{w(F.target.value),r?.(F)},z=F=>{w(F.target.value),n?.(F)},_=()=>{let F=P.current?.querySelector("input");F&&(s?.(F.value),F.value="",F.focus(),v(!1))};return wf(()=>{w(m||l)},[l,m]),Ls("div",{className:i(o),ref:P,children:[Ls("div",{className:"relative flex items-center",children:[Ao("div",{className:"absolute left-3 top-1/2 -translate-y-1/2 shrink-0 text-gray-500 duration-200 ",children:Ao(Cf,{className:"w-4 h-4 text-gray-500"})}),Ao("input",{disabled:e,type:c,ref:p,className:i("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",t),onChange:C,onFocus:z,value:l,defaultValue:m,...d}),g&&Ao("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:_,children:Ao(Rf,{strokeWidth:2,width:20,height:20})})]}),Ao("style",{children:`
|
|
133
133
|
.mobase-text-input-box:hover {
|
|
134
134
|
box-shadow: 0px 0px 0px 1px rgb(var(--mobase-gray-400) / 1) inset;
|
|
135
135
|
}
|
|
136
136
|
.mobase-text-input-box:focus {
|
|
137
137
|
box-shadow: 0px 0px 0px 1px rgb(var(--mobase-pink-500) / 1) inset;
|
|
138
138
|
}
|
|
139
|
-
`})]})});import*as ke from"@radix-ui/react-dialog";import zs,{useContext as
|
|
139
|
+
`})]})});import*as ke from"@radix-ui/react-dialog";import zs,{useContext as kf,useEffect as Fs,useState as ii}from"react";import{X as Sf}from"lucide-react";import Df from"lodash";import{jsx as re,jsxs as It}from"react/jsx-runtime";var Es=zs.createContext(void 0);function Hs(){let e=kf(Es);if(!e)throw new Error("useLightboxGalleryContext must be used within a LightboxGallery");return e}var ni=({children:e,open:o,onOpenChange:t,className:a})=>re(Es.Provider,{value:{open:o,onOpenChange:t},children:re(ke.Root,{open:o,onOpenChange:t,children:re("div",{className:i("lightbox-gallery",a),children:e})})}),Mf=({children:e,src:o,alt:t,className:a,classNameImage:r,onClick:n,ratio:s=4/3})=>{let{onOpenChange:l}=Hs(),m=()=>{n?.(),l&&l(!0)};return It(ke.Trigger,{className:i("",a),onClick:m,children:[e,re(E,{ratio:s,className:"rounded-lg cursor-pointer",children:re("img",{src:o,alt:t,className:i("w-full h-full object-cover rounded-lg",r)})})]})},_s=zs.forwardRef(({className:e,children:o,...t},a)=>{let{onOpenChange:r}=Hs(),n=()=>{r&&r(!1)};return It(ke.Portal,{children:[re(ke.Overlay,{className:"bg-black fixed inset-0 bg-black/80 z-50"}),It(ke.Content,{ref:a,className:i("fixed z-[999] w-full h-full inset-0 grid w-full mx-auto bg-black duration-200","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",e),...t,children:[o,It(ke.Close,{onClick:n,className:"flex transition-all z-10 text-sm items-center space-x-1 absolute left-3 top-6 md:left-6 hover:bg-white/20 text-white rounded-md px-4 py-2",children:[re(Sf,{className:"h-4 w-4 mt-0.5"}),re("div",{className:"",children:"\u0110\xF3ng c\u1EEDa s\u1ED5"})]})]})]})});_s.displayName=ke.Content.displayName;var si=({images:e,activeSlideIndex:o=0,withSideBar:t,subHtmlSideBar:a,classNameSubHtmSideBar:r})=>{let[n,s]=ii(""),[l,m]=ii(),[c,d]=ii(0);Fs(()=>{l&&(d(l.selectedScrollSnap()+1),l.on("select",()=>{d(l.selectedScrollSnap()+1)}))},[l]);let p=g=>{let v=Df.filter(e,(w,C)=>C===(g>0?g-1:g)),P=v.length>0?v[0]?.titleImage:"";s(P)};return Fs(()=>{p(c)},[c]),It(_s,{className:"flex py-0",children:[It("div",{className:" flex-1 relative",children:[It("div",{className:"flex items-center text-sm justify-center absolute top-8 md:top-10 w-full",children:[c||1," / ",e?.length]}),It(ge,{opts:{startIndex:o},setApi:m,className:"w-full h-full relative",children:[re(ue,{className:i("h-screen -ml-3 md:-ml-4",t?"sm:w-[calc(100vw-448px)] w-screen":"w-screen"),children:e.map((g,v)=>re(le,{className:"pl-6 md:pl-4",children:It("div",{className:" w-full h-full relative pt-28 overflow-hidden flex flex-col",children:[re("div",{className:"flex-1 relative",children:re("img",{src:g.url,alt:"",className:"absolute h-full w-full object-contain"})}),re("div",{className:"flex-0",children:re("div",{className:"text-sm px-20 text-center text-white/80 my-4 flex items-center justify-center w-full",children:re("div",{className:"line-clamp-3",children:n})})})]})},v))}),re(No,{className:"left-10 top-[50%] w-10 h-10 sm:opacity-100 opacity-0"}),re(Po,{className:"right-10 top-[50%] w-10 h-10 sm:opacity-100 opacity-0"})]})]}),t&&re("div",{className:i("hidden md:block bg-white text-gray-900 p-6 w-full max-w-md",r),children:a})]})};import*as Vt from"react";import{CheckIcon as If}from"@heroicons/react/16/solid";import*as da from"@radix-ui/react-checkbox";import*as Wt from"@radix-ui/react-radio-group";import{Circle as Af}from"lucide-react";import{jsx as lt,jsxs as Vs}from"react/jsx-runtime";var Bs=Vt.createContext({hideIndicator:!1});function Lf(){let e=Vt.useContext(Bs);if(!e)throw new Error("ChoiceboxGroup.Item must be used within a ChoiceboxGroup ");return e}var qa=Vt.forwardRef(({className:e,hideIndicator:o=!1,...t},a)=>lt(Bs.Provider,{value:{hideIndicator:o},children:lt(Wt.Root,{className:i("grid gap-2",o&&"hide-indicator",e),...t,ref:a})}));qa.displayName=Wt.Root.displayName;var Xa=Vt.forwardRef(({className:e,children:o,...t},a)=>{let r=Lf(),{hideIndicator:n}=r??{};return Vs(Wt.Item,{ref:a,className:i("group relative block flex w-full cursor-pointer items-center space-x-2 rounded-md border border-gray-300 bg-white p-3 text-left text-gray-900 ring-inset ring-pink-500 hover:border-pink-500 disabled:pointer-events-none disabled:cursor-default disabled:border-gray-300 disabled:bg-gray-100 data-[state=checked]:border-pink-500 data-[state=checked]:ring-[1px] md:px-4 md:py-3",e),...t,children:[lt("div",{className:"min-w-0 flex-1",children:o}),!n&<("div",{className:i("has aspect-square h-4 w-4 flex-none rounded-full border-2 border-gray-300 group-disabled:cursor-default group-disabled:bg-gray-200 group-disabled:data-[state=checked]:bg-gray-100 group-disabled:data-[state=checked]:text-gray-300 group-data-[state=checked]:border-none group-data-[state=checked]:bg-pink-500 group-data-[state=checked]:text-white"),children:lt(Wt.Indicator,{className:"flex h-full w-full items-center justify-center rounded-full ",children:lt(Af,{className:"h-1.5 w-1.5 fill-current text-current"})})})]})});Xa.displayName=Wt.Item.displayName;var Os=Vt.forwardRef(({className:e,children:o,hideIndicator:t=!1,...a},r)=>Vs(da.Root,{ref:r,className:i("group relative flex w-full cursor-pointer items-center space-x-2 rounded-md border border-gray-300 bg-white p-3 text-left text-gray-900 ring-inset ring-pink-500 hover:border-pink-500 disabled:pointer-events-none disabled:cursor-default disabled:border-gray-300 disabled:bg-gray-100 data-[state=checked]:border-pink-500 data-[state=checked]:ring-[1px] md:px-4 md:py-3",e),...a,children:[lt("div",{className:"min-w-0 flex-1",children:o}),!t&<("div",{className:"ring-offset-background h-4 w-4 shrink-0 rounded border-2 border-gray-300 group-disabled:cursor-default group-disabled:bg-gray-300 group-disabled:data-[state=checked]:bg-gray-400 group-disabled:data-[state=checked]:text-gray-100 group-data-[state=checked]:border-none group-data-[state=checked]:bg-pink-500 group-data-[state=checked]:text-white",children:lt(da.Indicator,{className:i("flex items-center justify-center text-current"),children:lt(If,{className:"h-4 w-4"})})})]}));Os.displayName=da.Root.displayName;import{cva as Ff}from"class-variance-authority";import{jsx as Ef}from"react/jsx-runtime";var Ws=Ff("inline-flex items-center rounded-md border border-gray-300 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 font-semibold",{variants:{variant:{default:"border-transparent bg-pink-500 text-white/90 shadow hover:bg-pink-500/80",secondary:"border-transparent bg-gray-200 text-gray-900 hover:bg-gray-200/80",outline:"text-gray-900",danger:"border-transparent bg-red-500 text-white/90 shadow hover:bg-red-500/80"}},defaultVariants:{variant:"default"}});function zf({className:e,variant:o,...t}){return Ef("div",{className:i(Ws({variant:o}),e),...t})}import*as Gs from"react";import*as pa from"@radix-ui/react-progress";import{cva as js}from"class-variance-authority";import{jsx as $s}from"react/jsx-runtime";var Hf=js("h-full w-full rounded-full flex-1 transition-all",{variants:{variant:{progress:"bg-pink-500",success:"bg-green-600",disabled:"bg-gray-400",empty:"bg-gray-200"}},defaultVariants:{variant:"progress"}}),_f=js("relative h-4 w-full overflow-hidden rounded-full bg-gray-200",{variants:{size:{small:"h-[6px]",medium:"h-2",large:"h-[10px]"}},defaultVariants:{size:"medium"}}),Qs=Gs.forwardRef(({className:e,value:o,variant:t="progress",size:a="medium",disabled:r=!1,...n},s)=>$s(pa.Root,{ref:s,className:i("",_f({size:a}),e),...n,children:$s(pa.Indicator,{className:i("",Hf({variant:t})),style:{transform:`translateX(-${100-(o||0)}%)`}})}));Qs.displayName=pa.Root.displayName;import{jsx as Bf}from"react/jsx-runtime";function Ya({className:e,...o}){return Bf("div",{className:i("animate-pulse rounded-md bg-gray-200",e),...o})}import{Fragment as Of,jsx as ro,jsxs as Us}from"react/jsx-runtime";function li({size:e="md",color:o="bg-pink-500",className:t,template:a="default"}){let r={xs:"size-4",sm:"size-5",md:"size-7",lg:"size-9"},n={xs:"size-1",sm:"size-1.5",md:"size-2",lg:"size-3"};return ro("div",{className:"flex justify-center items-center",role:"status",children:(()=>{switch(a){case"dots":return Us("div",{className:"spinner_dots inline-flex items-center ",children:[[...Array(3)].map((l,m)=>ro("span",{className:i("size-2 rounded-full m-[1px] inline-block ",o,n[e],t)},m)),ro("style",{children:`
|
|
140
140
|
.spinner_dots span {
|
|
141
141
|
animation-name: spinner-dots;
|
|
142
142
|
animation-duration: 1.4s;
|
|
@@ -163,7 +163,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
163
163
|
opacity: .2;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
`})]});case"default":default:return Us(
|
|
166
|
+
`})]});case"default":default:return Us(Of,{children:[ro("div",{className:i("spinner_wrapper relative size-5 overflow-hidden",r[e],t),children:ro("div",{className:i("spinner relative left-1/2 top-1/2 size-5 ",r[e],t),children:[...Array(12)].map((l,m)=>ro("div",{className:i(`spinner_bar child-${m+1}`,o)},m))})}),ro("style",{children:`
|
|
167
167
|
.spinner_bar {
|
|
168
168
|
animation: spinner_spin 1.2s linear infinite;
|
|
169
169
|
border-radius: 20px;
|
|
@@ -243,7 +243,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
243
243
|
opacity: 0.15;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
-
`})]})}})()})}import*as qs from"react";import*as mt from"@radix-ui/react-slider";import{jsx as $t,jsxs as Of}from"react/jsx-runtime";var Xs=qs.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},r)=>Of(mt.Root,{ref:r,className:i("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[$t(mt.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:$t(mt.Range,{className:"absolute h-full bg-pink-500"})}),$t(mt.Thumb,{className:"group relative",children:$t("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:o&&$t("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:o})})}),$t(mt.Thumb,{className:"group relative",children:$t("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:t&&$t("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:t})})})]}));Xs.displayName=mt.Root.displayName;import{forwardRef as tg}from"react";import{Fragment as Gf,jsx as _e,jsxs as Za}from"react/jsx-runtime";var Vf=({author:e=""})=>_e("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),Wf=({author:e,avatar:o})=>_e("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?_e("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):_e(Vf,{author:e})});function $f({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:r}){return _e(Gf,{children:Za("div",{className:"flex relative items-center space-x-3",children:[_e(Wf,{avatar:e,author:o}),Za("div",{className:"flex flex-col",children:[o&&_e("div",{className:"font-semibold text-gray-900 text-sm",children:o}),Za("div",{className:"flex items-center space-x-2 text-xs",children:[t&&_e("div",{className:"text-gray-400",children:t}),a&&Za("div",{className:"flex items-center space-x-2",children:[_e("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),_e("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),r&&_e("div",{className:"absolute right-1 top-0",children:_e("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Ys=$f;import{useState as tl}from"react";import{StarIcon as jf}from"@heroicons/react/20/solid";import{jsx as Zs,jsxs as Ks}from"react/jsx-runtime";var Qf={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!"},Uf={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 qf({point:e,max:o,className:t}){let a=o>5?Qf[e||10]:Uf[e||5];return Ks("div",{className:i("flex items-center space-x-1",t),children:[Zs(jf,{className:"w-5 h-5 text-yellow-500"}),Zs("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),Ks("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var Js=qf;import{useState as Xf}from"react";import el from"html-react-parser";import{jsx as Yf,jsxs as Zf}from"react/jsx-runtime";var mi=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:r="text-blue-500",className:n=""})=>{let[s,l]=Xf(!0),m=()=>{l(!s)},c=(d,p,g=" ")=>d.length<=p?d:d.substring(0,d.lastIndexOf(g,p));return Zf("div",{className:i(n),children:[s?el(c(e,o)):el(e),e.length>o&&Yf("span",{onClick:m,className:i("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",r),children:s?t:a})]})};import{jsx as io,jsxs as ol}from"react/jsx-runtime";function Kf({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:r={point:10,max:10},limitContent:n=260}){let[s,l]=tl(0),[m,c]=tl(!1),d=p=>{c(!0),l(p)};return ol("div",{className:"text-gray-700 mt-3 flex flex-col",children:[r.point>0&&io(Js,{className:"mb-0.5",point:r.point,max:r.max}),e&&io(mi,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&io("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(p=>io("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:p}))}),o?.length>0&&ol(ni,{open:m,onOpenChange:c,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:[o?.map((p,g)=>io(E,{onClick:()=>d(g),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:io("img",{src:p.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},g)),io(si,{activeSlideIndex:s,images:o?.map((p,g)=>({url:p.url,titleImage:p.titleImage,idx:g})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var al=Kf;import{jsx as eg}from"react/jsx-runtime";function Jf({actions:e=[]}){return eg("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var rl=Jf;import{jsx as Ka,jsxs as ag}from"react/jsx-runtime";var og=tg(({avatar:e,author:o,time:t,ratingPoint:a,content:r,tags:n,thumbnails:s,actions:l=[],statusMessage:m,isReply:c,children:d,commentSideBar:p,isOutStanding:g,limitContent:v=260},P)=>ag("div",{ref:P,className:i("",c?"ml-4 py-4":"py-5"),children:[Ka(Ys,{avatar:e,author:o,time:t,statusMessage:m,isOutStanding:g}),Ka(al,{content:r,thumbnails:s,tags:n,rating:a,commentSideBar:p,limitContent:v}),l&&l?.filter(Boolean)?.length>0&&Ka(rl,{actions:l.filter(Boolean)}),d&&Ka("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:d})]}));import*as Gt from"react";import{cva as rg}from"class-variance-authority";import{CheckIcon as ig}from"@heroicons/react/16/solid";import{XIcon as ng}from"lucide-react";import{jsx as Ne,jsxs as Ja}from"react/jsx-runtime";var sg=rg("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-300 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),il=Gt.createContext("default");function lg(){let e=Gt.useContext(il);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var mg=Gt.memo(({type:e,icon:o,stepNumber:t,size:a,isError:r,state:n})=>{let s=a==="small"?"w-3 h-3":"w-4 h-4";return r?Ne(ng,{className:s}):Ja("div",{children:[e==="iconStep"&&Ne("div",{className:s,children:o}),e==="numberStep"&&Ne("div",{children:t}),e==="default"&&(n==="completed"?Ne(ig,{className:s}):Ne("div",{children:t}))]})}),cg=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let r=Gt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return Ne("div",{onClick:r,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},dg=({step:e,state:o="default",size:t="default",placement:a="default",className:r,title:n,description:s,lastStep:l,fristStep:m,icon:c,isError:d,onValueChangeStep:p,...g})=>{let v=lg();return Ja("div",{className:i("flex w-full flex-col items-center justify-center gap-1"),children:[Ja("div",{className:"flex w-full items-center justify-center gap-2",children:[Ne("div",{className:i("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),Ne("div",{className:i("flex h-7 w-7 items-center justify-center rounded-full",sg({state:o,size:t}),d&&"bg-red-500 text-white shadow-none",r),...g,children:Ne(mg,{type:v,icon:c,stepNumber:e,size:t,isError:d,state:o})}),Ne("div",{className:i("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),Ja("div",{className:i("text-center w-full flex flex-col items-center mt-2 px-0.5",a=="left"&&"text-left items-start"),children:[n&&Ne("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&Ne("div",{className:"text-xs text-gray-500 ",children:s})]})]})},pg=({children:e,className:o,type:t="numberStep",...a})=>Ne(il.Provider,{value:t,children:Ne("div",{className:i("flex items-start justify-between w-full",o),...a,children:e})});import*as Pe from"react";import{Slot as vg}from"@radix-ui/react-slot";import{Controller as hg,FormProvider as xg,useFormContext as bg}from"react-hook-form";import*as nl from"react";import*as ci from"@radix-ui/react-label";import{cva as fg}from"class-variance-authority";import{jsx as ug}from"react/jsx-runtime";var gg=fg("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),er=nl.forwardRef(({className:e,...o},t)=>ug(ci.Root,{ref:t,className:i(gg(),e),...o}));er.displayName=ci.Root.displayName;import{jsx as jt}from"react/jsx-runtime";var di=xg,sl=Pe.createContext({}),pi=({...e})=>jt(sl.Provider,{value:{name:e.name},children:jt(hg,{...e})}),fa=()=>{let e=Pe.useContext(sl),o=Pe.useContext(ll),{getFieldState:t,formState:a}=bg(),r=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=o;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...r}},ll=Pe.createContext({}),tr=Pe.forwardRef(({className:e,...o},t)=>{let a=Pe.useId();return jt(ll.Provider,{value:{id:a},children:jt("div",{ref:t,className:i("space-y-2",e),...o})})});tr.displayName="FormItem";var or=Pe.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:r}=fa();return jt(er,{ref:t,className:i(a&&"text-red-500","text-gray-700 ",e),htmlFor:r,...o})});or.displayName="FormLabel";var ar=Pe.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:r,formMessageId:n}=fa();return jt(vg,{ref:o,id:a,"aria-describedby":t?`${r} ${n}`:`${r}`,"aria-invalid":!!t,...e})});ar.displayName="FormControl";var rr=Pe.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=fa();return jt("p",{ref:t,id:a,className:i("text-[0.8rem] text-gray-500",e),...o})});rr.displayName="FormDescription";var ir=Pe.forwardRef(({className:e,children:o,...t},a)=>{let{error:r,formMessageId:n}=fa(),s=r?String(r?.message):o;return s?jt("p",{ref:a,id:n,className:i("text-xs font-medium text-red-500",e),...t,children:s}):null});ir.displayName="FormMessage";import*as At from"react";import*as R from"@radix-ui/react-dropdown-menu";import{ChevronRight as yg,Check as wg}from"lucide-react";import{jsx as he,jsxs as ga}from"react/jsx-runtime";var Ng=R.Root,Pg=R.Trigger,Cg=R.Group,Rg=R.Portal,Tg=R.Sub,kg=R.RadioGroup,ml=At.forwardRef(({className:e,inset:o,children:t,...a},r)=>ga(R.SubTrigger,{ref:r,className:i("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",e),...a,children:[t,he(yg,{className:"ml-auto"})]}));ml.displayName=R.SubTrigger.displayName;var cl=At.forwardRef(({className:e,...o},t)=>he(R.SubContent,{ref:t,className:i("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-0",e),...o}));cl.displayName=R.SubContent.displayName;var dl=At.forwardRef(({className:e,sideOffset:o=4,...t},a)=>he(R.Portal,{children:he(R.Content,{ref:a,sideOffset:o,className:i("z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white p-1 text-gray-900 shadow-small data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ",e),...t})}));dl.displayName=R.Content.displayName;var pl=At.forwardRef(({className:e,inset:o,...t},a)=>he(R.Item,{ref:a,className:i("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 ",o&&"pl-8",e),...t}));pl.displayName=R.Item.displayName;var fl=At.forwardRef(({className:e,children:o,checked:t,...a},r)=>ga(R.CheckboxItem,{ref:r,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),checked:t,...a,children:[ga("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&he("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),he(R.ItemIndicator,{children:he("div",{className:"size-3.5 rounded-sm border border-pink-500 bg-pink-500 flex items-center justify-center text-white absolute inset-0",children:he(wg,{size:16,strokeWidth:3})})})]}),o]}));fl.displayName=R.CheckboxItem.displayName;var gl=At.forwardRef(({className:e,children:o,...t},a)=>ga(R.RadioItem,{ref:a,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),...t,children:[ga("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[he("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),he(R.ItemIndicator,{children:he("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));gl.displayName=R.RadioItem.displayName;var ul=At.forwardRef(({className:e,inset:o,...t},a)=>he(R.Label,{ref:a,className:i("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));ul.displayName=R.Label.displayName;var vl=At.forwardRef(({className:e,...o},t)=>he(R.Separator,{ref:t,className:i("-mx-1 my-1 h-px bg-gray-100",e),...o}));vl.displayName=R.Separator.displayName;var hl=({className:e,...o})=>he("span",{className:i("ml-auto text-xs tracking-widest opacity-60",e),...o});hl.displayName="DropdownMenuShortcut";import{Slot as Sg}from"@radix-ui/react-slot";import no from"html-react-parser";var xl=e=>{try{let o=new URL(e.trim());return o.protocol==="http:"||o.protocol==="https:"}catch{return!1}};import{Fragment as nr,jsx as A,jsxs as ct}from"react/jsx-runtime";var bl=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&A("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,r)=>A("div",{className:i("basis-full px-3.5 md:basis-1/3",o.length===4&&"md:basis-1/2 lg:basis-1/4"),children:ct("div",{className:"h-full rounded-lg border border-gray-100 bg-white px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[A("div",{className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-pink-500 text-xl font-bold text-white",children:r+1}),ct("div",{className:"mt-6 w-full",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]})},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Dg=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&A("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,r)=>ct("div",{className:i("basis-full px-3.5 text-center md:basis-1/3",o.length===4&&"md:basis-1/2 lg:basis-1/4"),children:[ct("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[A("div",{className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-white bg-pink-500 text-lg font-bold text-white",children:r+1}),a?.image&&A("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:A(E,{ratio:1,children:A("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),ct("div",{className:"mt-6 w-full",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Mg=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o.length>0&&A("div",{className:"flex flex-col justify-center gap-y-14 md:flex-row md:gap-x-4 ",children:o.map((a,r)=>ct("div",{className:i("basis-full text-center","relative","before:contents-['*'] before:absolute before:bg-gray-200 first:before:hidden","after:contents-['*'] after:absolute after:bg-gray-200 last:after:hidden","before:-top-10 before:start-1/2 before:h-6 before:w-[1px]","md:before:inset-auto md:before:-start-3.5 md:before:top-8 md:before:h-[1px] md:before:w-[calc(50%-2rem)]","after:-bottom-10 after:start-1/2 after:h-6 after:w-[1px]","md:after:inset-auto md:after:-end-3.5 md:after:top-8 md:after:h-[1px] md:after:w-[calc(50%-2rem)]"),children:[a?.image&&A("span",{className:"mx-auto flex size-12 items-center justify-center rounded-full bg-pink-500 md:size-14",children:typeof a.image=="string"?xl(a.image)?A("img",{src:a.image,className:"block object-cover"}):A(Sg,{className:"h-6 w-6 stroke-white stroke-2",children:no(a.image.replace(/\n|\r/g,""))}):a.image}),ct("div",{className:"mt-4 w-full md:mt-6",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Ig=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return A(bl,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return A(Dg,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 3:return A(Mg,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return A(bl,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},Ag=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>A(nr,{children:Ig({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),Lg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataHowItWorks:n,dataButtons:s})=>A(O,{className:t,idSection:a,background:o,children:A(Ag,{template:e,dataHeading:r,dataHowItWorks:n,dataButtons:s})});import{cva as Fg}from"class-variance-authority";import yl from"html-react-parser";import{CheckIcon as wl}from"lucide-react";import{Fragment as fi,jsx as xe,jsxs as Nl}from"react/jsx-runtime";var zg=Fg("mt-6 list-inside text-gray-800",{variants:{template:{1:"grid grid-cols-1 gap-y-3 ",2:"grid grid-cols-1 gap-y-3 ",3:"mx-auto mt-0 mt-8 grid max-w-5xl grid-cols-1 items-center gap-4 text-left text-sm font-semibold md:mt-12 md:grid-cols-4 md:gap-12"}},defaultVariants:{template:1}}),Eg=({template:e,name:o,image:t,isFeatures:a})=>xe(fi,{children:(()=>{switch(e){case 1:case 2:return xe(fi,{children:Nl("li",{className:i("flex space-x-4",!a&&"hidden"),children:[t?xe("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:xe("img",{src:t,alt:"",className:"max-w-full"})}):xe("div",{className:"mt-0.5 flex h-5 w-5 flex-none items-center justify-center rounded-full bg-pink-100",children:xe(wl,{className:"h-4 w-4 text-pink-500"})}),o&&xe("div",{className:"ml-2 ",children:yl(o)})]})});case 3:return Nl("li",{className:"flex h-full space-x-4",children:[t?xe("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:xe("img",{src:t,alt:"",className:"max-w-full"})}):xe("div",{className:"flex h-5 w-5 flex-none items-center justify-center rounded-full bg-pink-100 p-1",children:xe(wl,{className:"h-4 w-4 text-pink-500"})}),o&&xe("div",{className:"my-auto ml-2 md:my-0",children:yl(o)})]});default:return null}})()}),sr=({dataFeatures:e,template:o=1})=>xe(fi,{children:(e?.length??0)>0&&xe("ul",{className:i("",zg({template:o})),children:e?.map((t,a)=>xe(Eg,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});import{XIcon as Hg}from"lucide-react";import{jsx as K,jsxs as ua}from"react/jsx-runtime";var Pl=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,r)=>a/r):e,_g=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:r=()=>{}})=>ua(uo,{children:[K(Ze,{greaterThan:"sm",children:ua(E,{className:i(""),ratio:Pl(o),children:[K("img",{src:e,className:i("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&ua(We,{children:[K(Go,{onClick:r,children:K("div",{className:"absolute top-0 z-10 hidden h-full w-full cursor-pointer items-center justify-center transition-transform group-hover:scale-105 md:flex",children:K("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:ua("g",{fill:"none",fillRule:"evenodd",children:[K("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),K("path",{d:"M34.667 24.335c0 .515-.529.885-.529.885l-14.84 9.133c-1.08.704-1.965.182-1.965-1.153V15.467c0-1.338.884-1.856 1.968-1.153L34.14 23.45c-.002 0 .527.37.527.885Z",fill:"#FFF",fillRule:"nonzero"})]})})})}),K(Le,{hideCloseBtn:!0,size:"xl",position:"center",className:"bg-transparent shadow-none",children:ua(Je,{className:"relative bg-transparent p-4 text-center",children:[K("div",{className:"aspect-[16/9] w-full p-0",children:K("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?autoplay=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full"})}),K(wr,{asChild:!0,children:K(ie,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:K(Hg,{className:"h-6 w-6"})})})]})})]})]})}),a&&K(Ze,{lessThan:"md",children:K("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:K("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?controls=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full object-cover md:hidden"})})})]}),lr=({type:e=1,src:o,ratio:t,className:a,classNameMedia:r,youtubeId:n,onClickFC:s=()=>{}})=>K("div",{className:a,children:n?K(_g,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):K(E,{ratio:Pl(t),children:K("img",{src:o,className:i("h-full w-full object-cover",r,o?"":"bg-gray-200"),alt:""})})});import Bg from"html-react-parser";import{Fragment as Vg,jsx as mr,jsxs as gi}from"react/jsx-runtime";var Og=({value:e,suffix:o,unit:t,description:a,idx:r})=>gi("div",{className:i(""),children:[e&&gi("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&gi("span",{children:[o," ",t]})]}),a&&mr("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:Bg(a)})]}),cr=({dataStats:e})=>mr(Vg,{children:(e?.length??0)>0&&mr("ul",{className:i("mt-8 grid w-full auto-cols-[minmax(0,150px)] grid-flow-col gap-3 md:mt-10"),children:e?.map((o,t)=>mr(Og,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});import{Fragment as Cl,jsx as J,jsxs as va}from"react/jsx-runtime";var ui=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va("div",{className:i("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[va("div",{className:"col-span-1 ",children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),J(sr,{dataFeatures:t,template:a}),o&&J(x,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),J(cr,{dataStats:r})]}),J("div",{className:"col-span-1 md:pl-10",children:s||J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),Rl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va("div",{className:i("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[J("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),va("div",{className:"order-1 col-span-1 md:order-2",children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),J(sr,{dataFeatures:t,template:a}),o&&J("div",{className:"flex w-full items-center justify-center md:justify-start",children:J(x,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),J(cr,{dataStats:r})]})]}),Tl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va(Cl,{children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"center",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),o&&J(x,{align:"center",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:"inline-flex w-full items-center justify-center text-center text-base font-semibold md:w-full"}),J(sr,{dataFeatures:t,template:a}),J("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:J(cr,{dataStats:r})}),s||J(Cl,{children:n?.src&&J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});import{Fragment as Qg,jsx as so}from"react/jsx-runtime";var Wg=`var(
|
|
246
|
+
`})]})}})()})}import*as qs from"react";import*as mt from"@radix-ui/react-slider";import{jsx as $t,jsxs as Vf}from"react/jsx-runtime";var Xs=qs.forwardRef(({className:e,showIndicatorValue1:o,showIndicatorValue2:t,...a},r)=>Vf(mt.Root,{ref:r,className:i("relative flex w-full touch-none select-none items-center",a?.disabled&&"opacity-40",e),...a,children:[$t(mt.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-gray-200",children:$t(mt.Range,{className:"absolute h-full bg-pink-500"})}),$t(mt.Thumb,{className:"group relative",children:$t("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:o&&$t("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:o})})}),$t(mt.Thumb,{className:"group relative",children:$t("div",{className:"ring-offset-bg-white focus-visible:ring-ring block h-5 w-5 rounded-full border-2 border-pink-500 bg-white transition-colors focus-visible:outline-none focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 group-hover:cursor-grabbing",children:t&&$t("div",{className:" absolute bottom-3/4 left-1/2 mb-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-black/90 px-2.5 py-1.5 text-sm opacity-0 duration-300 group-hover:bottom-full group-hover:opacity-100",children:t})})})]}));Xs.displayName=mt.Root.displayName;import{forwardRef as og}from"react";import{Fragment as jf,jsx as _e,jsxs as Za}from"react/jsx-runtime";var Wf=({author:e=""})=>_e("div",{className:"text-center shrink-0 text-lg font-semibold text-pink-600",children:e?.charAt(0)}),$f=({author:e,avatar:o})=>_e("div",{className:"w-9 h-9 flex items-center mt-0.5 justify-center rounded-full bg-pink-200 relative overflow-hidden",children:o?_e("img",{src:o,alt:e?.charAt(0),className:"shrink-0 object-cover",width:36,height:36}):_e(Wf,{author:e})});function Gf({avatar:e="",author:o="",time:t,statusMessage:a,isOutStanding:r}){return _e(jf,{children:Za("div",{className:"flex relative items-center space-x-3",children:[_e($f,{avatar:e,author:o}),Za("div",{className:"flex flex-col",children:[o&&_e("div",{className:"font-semibold text-gray-900 text-sm",children:o}),Za("div",{className:"flex items-center space-x-2 text-xs",children:[t&&_e("div",{className:"text-gray-400",children:t}),a&&Za("div",{className:"flex items-center space-x-2",children:[_e("div",{className:"w-1 h-1 mt-0.5 bg-gray-400 rounded-full"}),_e("div",{className:"ml-2 text-pink-500",children:a})]})]})]}),r&&_e("div",{className:"absolute right-1 top-0",children:_e("img",{alt:"",src:"https://homepage.momocdn.net/img/momo-upload-api-230629163313-638236531936463134.png",className:"w-5",loading:"lazy"})})]})})}var Ys=Gf;import{useState as tl}from"react";import{StarIcon as Qf}from"@heroicons/react/20/solid";import{jsx as Zs,jsxs as Ks}from"react/jsx-runtime";var Uf={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!"},qf={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 Xf({point:e,max:o,className:t}){let a=o>5?Uf[e||10]:qf[e||5];return Ks("div",{className:i("flex items-center space-x-1",t),children:[Zs(Qf,{className:"w-5 h-5 text-yellow-500"}),Zs("div",{className:"font-semibold text-gray-900 text-sm",children:`${e}/${o}`}),Ks("span",{className:"font-semibold text-gray-900 text-sm",children:[" ","\xA0\xB7 ",a]})," "]})}var Js=Xf;import{useState as Yf}from"react";import el from"html-react-parser";import{jsx as Zf,jsxs as Kf}from"react/jsx-runtime";var mi=({children:e,maxChar:o=260,textMore:t="...Xem th\xEAm",textLess:a="Thu g\u1ECDn",btnClass:r="text-blue-500",className:n=""})=>{let[s,l]=Yf(!0),m=()=>{l(!s)},c=(d,p,g=" ")=>d.length<=p?d:d.substring(0,d.lastIndexOf(g,p));return Kf("div",{className:i(n),children:[s?el(c(e,o)):el(e),e.length>o&&Zf("span",{onClick:m,className:i("read-or-hide cursor-pointer text-md w-fit pl-1 hover:underline",r),children:s?t:a})]})};import{jsx as io,jsxs as ol}from"react/jsx-runtime";function Jf({content:e,thumbnails:o=[],tags:t=[],commentSideBar:a,rating:r={point:10,max:10},limitContent:n=260}){let[s,l]=tl(0),[m,c]=tl(!1),d=p=>{c(!0),l(p)};return ol("div",{className:"text-gray-700 mt-3 flex flex-col",children:[r.point>0&&io(Js,{className:"mb-0.5",point:r.point,max:r.max}),e&&io(mi,{className:"text-sm",maxChar:n,children:e}),t?.length>0&&io("div",{className:"w-full oveflow-x-auto flex items-center space-x-2 mt-2.5",children:t?.map(p=>io("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:p}))}),o?.length>0&&ol(ni,{open:m,onOpenChange:c,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:[o?.map((p,g)=>io(E,{onClick:()=>d(g),className:"rounded-lg cursor-pointer object-cover",ratio:4/3,children:io("img",{src:p.url,alt:"",className:"w-full h-full rounded-lg object-cover"})},g)),io(si,{activeSlideIndex:s,images:o?.map((p,g)=>({url:p.url,titleImage:p.titleImage,idx:g})),withSideBar:!!a,subHtmlSideBar:a})]})]})}var al=Jf;import{jsx as tg}from"react/jsx-runtime";function eg({actions:e=[]}){return tg("div",{className:"flex items-center space-x-4 mt-4 text-gray-700",children:e})}var rl=eg;import{jsx as Ka,jsxs as rg}from"react/jsx-runtime";var ag=og(({avatar:e,author:o,time:t,ratingPoint:a,content:r,tags:n,thumbnails:s,actions:l=[],statusMessage:m,isReply:c,children:d,commentSideBar:p,isOutStanding:g,limitContent:v=260},P)=>rg("div",{ref:P,className:i("",c?"ml-4 py-4":"py-5"),children:[Ka(Ys,{avatar:e,author:o,time:t,statusMessage:m,isOutStanding:g}),Ka(al,{content:r,thumbnails:s,tags:n,rating:a,commentSideBar:p,limitContent:v}),l&&l?.filter(Boolean)?.length>0&&Ka(rl,{actions:l.filter(Boolean)}),d&&Ka("div",{className:"border-l grid grid-cols-1 divide-y divide-gray-200 ml-2 mt-3 border-l-gray-300 ",children:d})]}));import*as Gt from"react";import{cva as ig}from"class-variance-authority";import{CheckIcon as ng}from"@heroicons/react/16/solid";import{XIcon as sg}from"lucide-react";import{jsx as Ne,jsxs as Ja}from"react/jsx-runtime";var lg=ig("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-300 text-white"},size:{default:"h-7 w-7 text-sm",small:"h-6 w-6 text-xs"}},defaultVariants:{state:"default",size:"default"}}),il=Gt.createContext("default");function mg(){let e=Gt.useContext(il);if(!e)throw new Error("ProgressStepsItem must be used within a ProgressSteps");return e}var cg=Gt.memo(({type:e,icon:o,stepNumber:t,size:a,isError:r,state:n})=>{let s=a==="small"?"w-3 h-3":"w-4 h-4";return r?Ne(sg,{className:s}):Ja("div",{children:[e==="iconStep"&&Ne("div",{className:s,children:o}),e==="numberStep"&&Ne("div",{children:t}),e==="default"&&(n==="completed"?Ne(ng,{className:s}):Ne("div",{children:t}))]})}),dg=({step:e,currentStep:o,onValueChangeStep:t,children:a})=>{let r=Gt.useCallback(()=>{e!==o&&t(e)},[e,o,t]);return Ne("div",{onClick:r,className:"flex w-full flex-col items-center justify-center gap-1 cursor-pointer",children:a})},pg=({step:e,state:o="default",size:t="default",placement:a="default",className:r,title:n,description:s,lastStep:l,fristStep:m,icon:c,isError:d,onValueChangeStep:p,...g})=>{let v=mg();return Ja("div",{className:i("flex w-full flex-col items-center justify-center gap-1"),children:[Ja("div",{className:"flex w-full items-center justify-center gap-2",children:[Ne("div",{className:i("flex h-px grow shrink-0 basis-0 bg-gray-200",m&&"opacity-0",a=="left"&&"hidden",o==="active"&&"bg-pink-300",o==="completed"&&"bg-pink-300")}),Ne("div",{className:i("flex h-7 w-7 items-center justify-center rounded-full",lg({state:o,size:t}),d&&"bg-red-500 text-white shadow-none",r),...g,children:Ne(cg,{type:v,icon:c,stepNumber:e,size:t,isError:d,state:o})}),Ne("div",{className:i("flex h-px grow shrink-0 basis-0 bg-gray-200",l&&"opacity-0",o==="completed"&&"bg-pink-300")})]}),Ja("div",{className:i("text-center w-full flex flex-col items-center mt-2 px-0.5",a=="left"&&"text-left items-start"),children:[n&&Ne("div",{className:"text-xs font-bold text-slate-900 ",children:n}),s&&Ne("div",{className:"text-xs text-gray-500 ",children:s})]})]})},fg=({children:e,className:o,type:t="numberStep",...a})=>Ne(il.Provider,{value:t,children:Ne("div",{className:i("flex items-start justify-between w-full",o),...a,children:e})});import*as Pe from"react";import{Slot as hg}from"@radix-ui/react-slot";import{Controller as xg,FormProvider as bg,useFormContext as yg}from"react-hook-form";import*as nl from"react";import*as ci from"@radix-ui/react-label";import{cva as gg}from"class-variance-authority";import{jsx as vg}from"react/jsx-runtime";var ug=gg("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),er=nl.forwardRef(({className:e,...o},t)=>vg(ci.Root,{ref:t,className:i(ug(),e),...o}));er.displayName=ci.Root.displayName;import{jsx as jt}from"react/jsx-runtime";var di=bg,sl=Pe.createContext({}),pi=({...e})=>jt(sl.Provider,{value:{name:e.name},children:jt(xg,{...e})}),fa=()=>{let e=Pe.useContext(sl),o=Pe.useContext(ll),{getFieldState:t,formState:a}=yg(),r=t(e.name,a);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=o;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...r}},ll=Pe.createContext({}),tr=Pe.forwardRef(({className:e,...o},t)=>{let a=Pe.useId();return jt(ll.Provider,{value:{id:a},children:jt("div",{ref:t,className:i("space-y-2",e),...o})})});tr.displayName="FormItem";var or=Pe.forwardRef(({className:e,...o},t)=>{let{error:a,formItemId:r}=fa();return jt(er,{ref:t,className:i(a&&"text-red-500","text-gray-700 ",e),htmlFor:r,...o})});or.displayName="FormLabel";var ar=Pe.forwardRef(({...e},o)=>{let{error:t,formItemId:a,formDescriptionId:r,formMessageId:n}=fa();return jt(hg,{ref:o,id:a,"aria-describedby":t?`${r} ${n}`:`${r}`,"aria-invalid":!!t,...e})});ar.displayName="FormControl";var rr=Pe.forwardRef(({className:e,...o},t)=>{let{formDescriptionId:a}=fa();return jt("p",{ref:t,id:a,className:i("text-[0.8rem] text-gray-500",e),...o})});rr.displayName="FormDescription";var ir=Pe.forwardRef(({className:e,children:o,...t},a)=>{let{error:r,formMessageId:n}=fa(),s=r?String(r?.message):o;return s?jt("p",{ref:a,id:n,className:i("text-xs font-medium text-red-500",e),...t,children:s}):null});ir.displayName="FormMessage";import*as At from"react";import*as R from"@radix-ui/react-dropdown-menu";import{ChevronRight as wg,Check as Ng}from"lucide-react";import{jsx as he,jsxs as ga}from"react/jsx-runtime";var Pg=R.Root,Cg=R.Trigger,Rg=R.Group,Tg=R.Portal,kg=R.Sub,Sg=R.RadioGroup,ml=At.forwardRef(({className:e,inset:o,children:t,...a},r)=>ga(R.SubTrigger,{ref:r,className:i("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",e),...a,children:[t,he(wg,{className:"ml-auto"})]}));ml.displayName=R.SubTrigger.displayName;var cl=At.forwardRef(({className:e,...o},t)=>he(R.SubContent,{ref:t,className:i("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-0",e),...o}));cl.displayName=R.SubContent.displayName;var dl=At.forwardRef(({className:e,sideOffset:o=4,...t},a)=>he(R.Portal,{children:he(R.Content,{ref:a,sideOffset:o,className:i("z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white p-1 text-gray-900 shadow-small data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ",e),...t})}));dl.displayName=R.Content.displayName;var pl=At.forwardRef(({className:e,inset:o,...t},a)=>he(R.Item,{ref:a,className:i("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 ",o&&"pl-8",e),...t}));pl.displayName=R.Item.displayName;var fl=At.forwardRef(({className:e,children:o,checked:t,...a},r)=>ga(R.CheckboxItem,{ref:r,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),checked:t,...a,children:[ga("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:[t===!1&&he("div",{className:"size-3.5 rounded-sm border border-gray-400 absolute inset-0"}),he(R.ItemIndicator,{children:he("div",{className:"size-3.5 rounded-sm border border-pink-500 bg-pink-500 flex items-center justify-center text-white absolute inset-0",children:he(Ng,{size:16,strokeWidth:3})})})]}),o]}));fl.displayName=R.CheckboxItem.displayName;var gl=At.forwardRef(({className:e,children:o,...t},a)=>ga(R.RadioItem,{ref:a,className:i("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 ",e),...t,children:[ga("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:[he("div",{className:"size-3.5 rounded-full border border-gray-400 absolute inset-0"}),he(R.ItemIndicator,{children:he("div",{className:"size-3.5 rounded-full border-4 border-pink-500 absolute inset-0"})})]}),o]}));gl.displayName=R.RadioItem.displayName;var ul=At.forwardRef(({className:e,inset:o,...t},a)=>he(R.Label,{ref:a,className:i("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...t}));ul.displayName=R.Label.displayName;var vl=At.forwardRef(({className:e,...o},t)=>he(R.Separator,{ref:t,className:i("-mx-1 my-1 h-px bg-gray-100",e),...o}));vl.displayName=R.Separator.displayName;var hl=({className:e,...o})=>he("span",{className:i("ml-auto text-xs tracking-widest opacity-60",e),...o});hl.displayName="DropdownMenuShortcut";import{Slot as Dg}from"@radix-ui/react-slot";import no from"html-react-parser";var xl=e=>{try{let o=new URL(e.trim());return o.protocol==="http:"||o.protocol==="https:"}catch{return!1}};import{Fragment as nr,jsx as A,jsxs as ct}from"react/jsx-runtime";var bl=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&A("div",{className:"-mx-3.5 flex flex-row flex-wrap justify-center gap-y-5",children:o.map((a,r)=>A("div",{className:i("basis-full px-3.5 md:basis-1/3",o.length===4&&"md:basis-1/2 lg:basis-1/4"),children:ct("div",{className:"h-full rounded-lg border border-gray-100 bg-white px-6 py-8 text-center shadow-lg md:px-4 lg:px-6",children:[A("div",{className:"mx-auto flex h-9 w-9 items-center justify-center rounded-full bg-pink-500 text-xl font-bold text-white",children:r+1}),ct("div",{className:"mt-6 w-full",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]})},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Mg=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&A("div",{className:"-mx-3.5 mt-9 flex flex-row flex-wrap justify-center gap-y-9",children:o.map((a,r)=>ct("div",{className:i("basis-full px-3.5 text-center md:basis-1/3",o.length===4&&"md:basis-1/2 lg:basis-1/4"),children:[ct("div",{className:"relative mx-auto flex h-52 w-52 items-center justify-center",children:[A("div",{className:"absolute -left-4 -top-4 z-10 flex h-12 w-12 items-center justify-center rounded-full border-4 border-white bg-pink-500 text-lg font-bold text-white",children:r+1}),a?.image&&A("div",{className:"aspect-1 w-full overflow-hidden rounded-lg bg-gray-100",children:A(E,{ratio:1,children:A("img",{src:a.image,alt:a.title,className:"h-full w-full object-cover"})})})]}),ct("div",{className:"mt-6 w-full",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Ig=({dataHeading:e,dataHowItWorks:o,dataButtons:t})=>ct(nr,{children:[e&&A(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o.length>0&&A("div",{className:"flex flex-col justify-center gap-y-14 md:flex-row md:gap-x-4 ",children:o.map((a,r)=>ct("div",{className:i("basis-full text-center","relative","before:contents-['*'] before:absolute before:bg-gray-200 first:before:hidden","after:contents-['*'] after:absolute after:bg-gray-200 last:after:hidden","before:-top-10 before:start-1/2 before:h-6 before:w-[1px]","md:before:inset-auto md:before:-start-3.5 md:before:top-8 md:before:h-[1px] md:before:w-[calc(50%-2rem)]","after:-bottom-10 after:start-1/2 after:h-6 after:w-[1px]","md:after:inset-auto md:after:-end-3.5 md:after:top-8 md:after:h-[1px] md:after:w-[calc(50%-2rem)]"),children:[a?.image&&A("span",{className:"mx-auto flex size-12 items-center justify-center rounded-full bg-pink-500 md:size-14",children:typeof a.image=="string"?xl(a.image)?A("img",{src:a.image,className:"block object-cover"}):A(Dg,{className:"h-6 w-6 stroke-white stroke-2",children:no(a.image.replace(/\n|\r/g,""))}):a.image}),ct("div",{className:"mt-4 w-full md:mt-6",children:[A("div",{className:"w-full text-xl font-semibold",children:no(a.title)}),a?.description&&A("div",{className:"mt-2 text-base text-gray-600",children:no(a.description)})]})]},r))}),t&&A(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Ag=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>{switch(e){case 1:return A(bl,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 2:return A(Mg,{dataHeading:o,dataHowItWorks:t,dataButtons:a});case 3:return A(Ig,{dataHeading:o,dataHowItWorks:t,dataButtons:a});default:return A(bl,{dataHeading:o,dataHowItWorks:t,dataButtons:a})}},Lg=({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})=>A(nr,{children:Ag({template:e,dataHeading:o,dataHowItWorks:t,dataButtons:a})}),Fg=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataHowItWorks:n,dataButtons:s})=>A(O,{className:t,idSection:a,background:o,children:A(Lg,{template:e,dataHeading:r,dataHowItWorks:n,dataButtons:s})});import{cva as zg}from"class-variance-authority";import yl from"html-react-parser";import{CheckIcon as wl}from"lucide-react";import{Fragment as fi,jsx as xe,jsxs as Nl}from"react/jsx-runtime";var Eg=zg("mt-6 list-inside text-gray-800",{variants:{template:{1:"grid grid-cols-1 gap-y-3 ",2:"grid grid-cols-1 gap-y-3 ",3:"mx-auto mt-0 mt-8 grid max-w-5xl grid-cols-1 items-center gap-4 text-left text-sm font-semibold md:mt-12 md:grid-cols-4 md:gap-12"}},defaultVariants:{template:1}}),Hg=({template:e,name:o,image:t,isFeatures:a})=>xe(fi,{children:(()=>{switch(e){case 1:case 2:return xe(fi,{children:Nl("li",{className:i("flex space-x-4",!a&&"hidden"),children:[t?xe("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:xe("img",{src:t,alt:"",className:"max-w-full"})}):xe("div",{className:"mt-0.5 flex h-5 w-5 flex-none items-center justify-center rounded-full bg-pink-100",children:xe(wl,{className:"h-4 w-4 text-pink-500"})}),o&&xe("div",{className:"ml-2 ",children:yl(o)})]})});case 3:return Nl("li",{className:"flex h-full space-x-4",children:[t?xe("div",{className:"flex h-10 w-10 flex-none shrink-0 items-center justify-center",children:xe("img",{src:t,alt:"",className:"max-w-full"})}):xe("div",{className:"flex h-5 w-5 flex-none items-center justify-center rounded-full bg-pink-100 p-1",children:xe(wl,{className:"h-4 w-4 text-pink-500"})}),o&&xe("div",{className:"my-auto ml-2 md:my-0",children:yl(o)})]});default:return null}})()}),sr=({dataFeatures:e,template:o=1})=>xe(fi,{children:(e?.length??0)>0&&xe("ul",{className:i("",Eg({template:o})),children:e?.map((t,a)=>xe(Hg,{name:t?.name,template:o,image:t?.image,idx:a,isFeatures:!0},a))})});import{XIcon as _g}from"lucide-react";import{jsx as K,jsxs as ua}from"react/jsx-runtime";var Pl=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,r)=>a/r):e,Bg=({src:e,ratio:o,className:t,youtubeId:a,onClickFC:r=()=>{}})=>ua(uo,{children:[K(Ze,{greaterThan:"sm",children:ua(E,{className:i(""),ratio:Pl(o),children:[K("img",{src:e,className:i("hidden h-full w-full object-cover md:block",t,e?"":"bg-gray-200"),alt:""}),a&&ua(We,{children:[K(Go,{onClick:r,children:K("div",{className:"absolute top-0 z-10 hidden h-full w-full cursor-pointer items-center justify-center transition-transform group-hover:scale-105 md:flex",children:K("svg",{className:"h-14 w-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:ua("g",{fill:"none",fillRule:"evenodd",children:[K("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),K("path",{d:"M34.667 24.335c0 .515-.529.885-.529.885l-14.84 9.133c-1.08.704-1.965.182-1.965-1.153V15.467c0-1.338.884-1.856 1.968-1.153L34.14 23.45c-.002 0 .527.37.527.885Z",fill:"#FFF",fillRule:"nonzero"})]})})})}),K(Le,{hideCloseBtn:!0,size:"xl",position:"center",className:"bg-transparent shadow-none",children:ua(Je,{className:"relative bg-transparent p-4 text-center",children:[K("div",{className:"aspect-[16/9] w-full p-0",children:K("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?autoplay=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full"})}),K(wr,{asChild:!0,children:K(ie,{variant:"secondary",className:"absolute right-0 top-0 rounded-full",size:"sm",children:K(_g,{className:"h-6 w-6"})})})]})})]})]})}),a&&K(Ze,{lessThan:"md",children:K("div",{className:"realtive aspect-[16/9] w-full overflow-hidden md:hidden",children:K("iframe",{title:a,src:`https://www.youtube.com/embed/${a}?controls=1`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0,className:"h-full w-full object-cover md:hidden"})})})]}),lr=({type:e=1,src:o,ratio:t,className:a,classNameMedia:r,youtubeId:n,onClickFC:s=()=>{}})=>K("div",{className:a,children:n?K(Bg,{type:e,src:o,ratio:t,youtubeId:n,onClickFC:s}):K(E,{ratio:Pl(t),children:K("img",{src:o,className:i("h-full w-full object-cover",r,o?"":"bg-gray-200"),alt:""})})});import Og from"html-react-parser";import{Fragment as Wg,jsx as mr,jsxs as gi}from"react/jsx-runtime";var Vg=({value:e,suffix:o,unit:t,description:a,idx:r})=>gi("div",{className:i(""),children:[e&&gi("div",{className:"line-clamp-2 font-bold text-pink-500",children:[e,(o||t)&&gi("span",{children:[o," ",t]})]}),a&&mr("div",{className:"mt-1 text-sm leading-tight text-gray-500",children:Og(a)})]}),cr=({dataStats:e})=>mr(Wg,{children:(e?.length??0)>0&&mr("ul",{className:i("mt-8 grid w-full auto-cols-[minmax(0,150px)] grid-flow-col gap-3 md:mt-10"),children:e?.map((o,t)=>mr(Vg,{value:o?.value,suffix:o?.suffix,unit:o?.unit,description:o?.description,idx:t},t))})});import{Fragment as Cl,jsx as J,jsxs as va}from"react/jsx-runtime";var ui=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va("div",{className:i("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6 "),children:[va("div",{className:"col-span-1 ",children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),J(sr,{dataFeatures:t,template:a}),o&&J(x,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons}),J(cr,{dataStats:r})]}),J("div",{className:"col-span-1 md:pl-10",children:s||J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})})]}),Rl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va("div",{className:i("grid grid-cols-1 items-center gap-8 md:grid-cols-2 md:gap-6"),children:[J("div",{className:"order-2 col-span-1 md:order-1 md:pr-10",children:s||J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId})}),va("div",{className:"order-1 col-span-1 md:order-2",children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"left",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),J(sr,{dataFeatures:t,template:a}),o&&J("div",{className:"flex w-full items-center justify-center md:justify-start",children:J(x,{align:"left",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons})}),J(cr,{dataStats:r})]})]}),Tl=({dataHeading:e,dataButtons:o,dataFeatures:t,template:a,dataStats:r,dataMedia:n,advancedComponent:s})=>va(Cl,{children:[J(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h1",align:"center",sizeHeading:e?.sizeHeading,colorScheme:e?.colorScheme||"black",className:i("mb-0 md:mb-0",e?.className)}),o&&J(x,{align:"center",isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:"inline-flex w-full items-center justify-center text-center text-base font-semibold md:w-full"}),J(sr,{dataFeatures:t,template:a}),J("div",{className:" mx-auto max-w-xl [&>ul]:justify-center",children:J(cr,{dataStats:r})}),s||J(Cl,{children:n?.src&&J(lr,{type:n?.type||1,src:n?.src||"",ratio:n?.ratio,youtubeId:n?.youtubeId,className:"mt-8 md:mt-12",classNameMedia:"rounded-lg"})})]});import{Fragment as Ug,jsx as so}from"react/jsx-runtime";var $g=`var(
|
|
247
247
|
--gradient-pink-1,
|
|
248
248
|
linear-gradient(
|
|
249
249
|
38deg,
|
|
@@ -265,7 +265,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
265
265
|
rgba(255, 255, 255, 0) 80%
|
|
266
266
|
),
|
|
267
267
|
#fff
|
|
268
|
-
)
|
|
268
|
+
)`,Gg=({template:e,dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,dataMedia:n,advancedComponent:s})=>{switch(e){case 1:return so(ui,{dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,template:e,dataMedia:n,advancedComponent:s});case 2:return so(Rl,{dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,template:e,dataMedia:n,advancedComponent:s});case 3:return so(Tl,{dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,template:e,dataMedia:n,advancedComponent:s});default:return so(ui,{dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,template:e,dataMedia:n,advancedComponent:s})}},jg=({template:e,dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,dataMedia:n,advancedComponent:s})=>so(Ug,{children:Gg({template:e,dataHeading:o,dataButtons:t,dataFeatures:a,dataStats:r,dataMedia:n,advancedComponent:s})}),Qg=({template:e=1,idSection:o,dataHeading:t,dataButtons:a,dataFeatures:r,dataStats:n,dataMedia:s,className:l,background:m,advancedComponent:c=null})=>so(O,{className:i(l),background:m??$g,idSection:o,children:so(jg,{dataButtons:a,template:e,dataHeading:t,dataFeatures:r,dataStats:n,dataMedia:s,advancedComponent:c})});import{memo as qg}from"react";import{Fragment as Xg,jsx as Lo,jsxs as Yg}from"react/jsx-runtime";var dr=qg(({dataHeading:e,dataBrands:o,dataButtons:t,spaceX:a,isScrollSnap:r})=>{let n={"20px":"md:gap-x-5","28px":"md:gap-x-7","36px":"md:gap-x-9","40px":"md:gap-x-10","48px":"md:gap-x-12","56px":"md:gap-x-14","64px":"md:gap-x-16","80px":"md:gap-x-20"};return Yg(Xg,{children:[e&&Lo(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&Lo("div",{className:i("list-brands flex flex-row gap-y-6 overflow-hidden overflow-x-auto py-2 md:flex-wrap md:justify-center",n[a||"20px"],r?"-mx-5 snap-x snap-mandatory flex-nowrap space-x-5 px-5 pb-3 md:mx-0 md:space-x-0 md:px-0":"mx-auto max-w-xs flex-wrap justify-center md:max-w-full"),children:o?.map((s,l)=>{let m=s?.url?"a":"div",c=s?.url?{href:s.url,title:s.name,target:s.newTab?"_blank":"_self"}:{};return Lo("div",{className:i("flex max-h-28 w-auto items-center justify-center md:max-w-36 md:basis-auto md:px-0",r?"shrink-0 basis-1/3 snap-center":"basis-1/2 px-3"),children:Lo(m,{...c,className:"group flex h-full w-full items-center justify-center",children:Lo("img",{src:s?.logo,loading:"lazy",alt:s?.name,className:i("max-h-full max-w-full object-contain",s?.url&&"transform transition group-hover:scale-105")})})},l)})}),t&&Lo(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})});import{memo as Zg}from"react";import{Fragment as Kg,jsx as lo,jsxs as Jg}from"react/jsx-runtime";var vi=Zg(({dataHeading:e,dataBrands:o,dataButtons:t,isScrollSnap:a})=>Jg(Kg,{children:[e&&lo(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o?.length>0&&lo("div",{className:i("list-brands flex md:flex-wrap md:justify-center md:gap-y-6",a?"-mx-5 snap-x snap-mandatory flex-nowrap space-x-5 overflow-hidden overflow-x-auto px-5 pb-3 md:mx-0 md:space-x-0 md:px-0":"-mx-2.5 flex-wrap gap-y-5 md:-mx-3"),children:o.map((r,n)=>{let s=r?.url?"a":"div",l=r?.url?{href:r.url,title:r.name,target:r.newTab?"_blank":"_self"}:{};return lo("div",{className:i("flex items-center justify-center text-center md:basis-1/4 md:px-3",a?"shrink-0 basis-5/12 snap-center":"basis-1/2 px-2.5"),children:lo(s,{...l,className:"flex h-full w-full items-center justify-center rounded-md border border-gray-200 bg-white p-3 duration-300 hover:border-pink-500",children:lo("div",{className:"flex w-full items-center justify-center",children:lo("img",{src:r?.logo,loading:"lazy",alt:r?.name,className:"h-auto max-h-28 w-auto max-w-full object-contain"})})})},n)})}),t&&lo(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}));import{memo as eu}from"react";import{Fragment as tu,jsx as qe,jsxs as xi}from"react/jsx-runtime";var hi=(e,o)=>{if(!e)return qe("div",{className:i("h-full w-full",o)});let t=e.url?"a":"div";return qe("div",{className:i("h-full w-full",o),children:qe(t,{...e.url&&{href:e.url,title:e.name,target:e.newTab?"_blank":"_self"},className:i("flex h-full w-full items-center justify-center rounded-md border border-gray-200 bg-white p-3",e.url&&"duration-300 hover:border-pink-500"),children:qe("div",{className:"flex h-full w-full items-center justify-center",children:qe("img",{src:e.logo,alt:e.name,className:"h-auto max-h-full w-auto max-w-full object-contain"})})})})},bi=eu(({dataHeading:e,dataBrands:o,dataButtons:t})=>{let a=yo(),r=[],n=[];if(o&&o.length>10){let s=Math.ceil(o.length/2);r.push(...o.slice(0,s)),n.push(...o.slice(s))}return xi(tu,{children:[e&&qe(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&o.length>0&&xi(ge,{opts:{align:a?"center":"start"},className:"w-full",children:[qe(ue,{classNameContent:"overflow-visible md:overflow-hidden",children:o.length>=12?r.map((s,l)=>xi(le,{className:"flex shrink-0 basis-5/12 flex-col items-center justify-between gap-3 pl-3 md:basis-1/4 md:gap-4 md:pl-4 lg:basis-1/6",children:[hi(s,"min-h-0 flex-1"),n[l]?hi(n[l],"min-h-0 flex-1"):qe("div",{className:"min-h-0 flex-1"})]},l)):o.map((s,l)=>qe(le,{className:"flex basis-5/12 items-center justify-center pl-3 md:basis-1/4 md:pl-4 lg:basis-1/6",children:hi(s)},l))}),qe(Co,{className:"mt-5"})]}),t&&qe(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})});import{memo as lu}from"react";import{useEffect as ou,useState as yi}from"react";import{animate as kl,motion as au,useMotionValue as ru}from"motion/react";import iu from"react-use-measure";import{jsx as su,jsxs as nu}from"react/jsx-runtime";function Fo({children:e,gap:o=16,speed:t=100,speedOnHover:a,direction:r="horizontal",reverse:n=!1,className:s,classNameMotion:l}){let[m,c]=yi(t),[d,{width:p,height:g}]=iu(),v=ru(0),[P,w]=yi(!1),[C,z]=yi(0);ou(()=>{let F,N=(r==="horizontal"?p:g)+o,B=n?-N/2:0,L=n?0:-N/2,Ve=Math.abs(L-B)/m;if(P){let Oo=Math.abs(v.get()-L)/m;F=kl(v,[v.get(),L],{ease:"linear",duration:Oo,onComplete:()=>{w(!1),z(Um=>Um+1)}})}else F=kl(v,[B,L],{ease:"linear",duration:Ve,repeat:1/0,repeatType:"loop",repeatDelay:0,onRepeat:()=>{v.set(B)}});return F?.stop},[C,v,m,p,g,o,P,r,n]);let _=a?{onHoverStart:()=>{w(!0),c(a)},onHoverEnd:()=>{w(!0),c(t)},onTouchStart:()=>{w(!0),c(a)},onTouchEnd:()=>{w(!0),c(t)}}:{};return su("div",{className:i("overflow-hidden",s),children:nu(au.div,{className:i("flex w-max",l),style:{...r==="horizontal"?{x:v,paddingLeft:o}:{y:v},gap:`${o}px`,flexDirection:r==="horizontal"?"row":"column"},ref:d,..._,children:[e,e]})})}import{Fragment as Dl,jsx as Se,jsxs as mu}from"react/jsx-runtime";var Sl=(e,o)=>{let t=e?.url?"a":"div";return Se("div",{className:i("h-full w-full",o),children:Se(t,{...e?.url&&{href:e.url,title:e.name,target:e.newTab?"_blank":"_self"},className:i("flex h-full w-full items-center justify-center rounded-md border border-gray-200 bg-white p-3",e?.url&&"duration-300 hover:border-pink-500"),children:Se("div",{className:"flex h-full w-full items-center justify-center",children:Se("img",{src:e?.logo,alt:e?.name,className:"`h-auto max-h-full w-auto max-w-full object-contain"})})})})},wi=lu(({dataHeading:e,dataBrands:o,dataButtons:t})=>{let a=o?.length??0,r=a>6;return mu(Dl,{children:[e&&Se(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),a>0&&Se(Dl,{children:r?Se("div",{className:"mark-horizontal-slider relative overflow-hidden",children:Se(Fo,{direction:"horizontal",speed:70,speedOnHover:.05,gap:20,className:"inline-flex flex-row",children:o?.map((n,s)=>Se("div",{className:"w-32 md:w-40",children:Sl(n)},s))})}):Se("div",{className:i("list-brands -mx-5 flex snap-x snap-mandatory flex-nowrap space-x-3 overflow-hidden overflow-x-auto px-5 pb-3 md:-mx-3 md:flex-wrap md:justify-center md:gap-y-6 md:space-x-0 md:px-0"),children:o?.map((n,s)=>Se("div",{className:"flex shrink-0 basis-5/12 snap-center items-center justify-center md:basis-1/4 md:px-3 lg:basis-1/6",children:Sl(n)},s))})}),t&&Se(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"}),Se("style",{children:`
|
|
269
269
|
.mark-horizontal-slider {
|
|
270
270
|
mask-image: linear-gradient(
|
|
271
271
|
to right,
|
|
@@ -282,15 +282,15 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
282
282
|
transparent 100%
|
|
283
283
|
);
|
|
284
284
|
}
|
|
285
|
-
`})]})});import{Fragment as
|
|
285
|
+
`})]})});import{Fragment as fu,jsx as Qt}from"react/jsx-runtime";var cu=({template:e,dataHeading:o,dataBrands:t,dataButtons:a,spaceX:r,isScrollSnap:n})=>{switch(e){case 1:return Qt(dr,{dataHeading:o,dataBrands:t,dataButtons:a,spaceX:r,isScrollSnap:n});case 2:return Qt(vi,{dataHeading:o,dataBrands:t,dataButtons:a,isScrollSnap:n});case 3:return Qt(bi,{dataHeading:o,dataBrands:t,dataButtons:a,isScrollSnap:n});case 4:return Qt(wi,{dataHeading:o,dataBrands:t,dataButtons:a,isScrollSnap:n});default:return Qt(dr,{dataHeading:o,dataBrands:t,dataButtons:a,spaceX:r,isScrollSnap:n})}},du=({template:e,dataHeading:o,dataBrands:t,dataButtons:a,spaceX:r,isScrollSnap:n})=>Qt(fu,{children:cu({template:e,dataHeading:o,dataBrands:t,dataButtons:a,spaceX:r,isScrollSnap:n})}),pu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataBrands:n,dataButtons:s,spaceX:l="20px",isScrollSnap:m})=>Qt(O,{className:i(e===3&&"overflow-hidden md:overflow-visible",t),idSection:a,background:o,children:Qt(du,{template:e,dataHeading:r,dataBrands:n,dataButtons:s,spaceX:l,isScrollSnap:m})});import{useState as gu}from"react";import{ChevronRightIcon as uu}from"@heroicons/react/16/solid";import q from"html-react-parser";import{Fragment as Lt,jsx as f,jsxs as b}from"react/jsx-runtime";var dt=({btnLink:e,btnName:o,newTab:t})=>f(fe,{variant:"primary",asChild:!0,children:b("a",{href:e,target:t?"_blank":"_self",rel:"noreferrer",children:[o||"Xem chi ti\u1EBFt",f(uu,{className:"h-4 w-4"})]})}),Ni=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-3 lg:gap-12",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col text-center",children:[a?.image&&f("div",{className:"mx-auto h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mx-auto mt-4 w-full max-w-xs flex-1 md:max-w-full",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Ml=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features list-features-2 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col overflow-hidden rounded-md border border-gray-200 p-5",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"}),f("style",{children:`
|
|
286
286
|
.list-features-2 .feature-item {
|
|
287
287
|
background: linear-gradient(180deg, #FAFAFA 0%, rgba(255, 255, 255, 1) 91%);
|
|
288
288
|
}
|
|
289
|
-
`})]}),Il=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-3 lg:gap-12",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 w-full flex-1",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Al=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b("div",{className:"grid grid-cols-1 gap-0 lg:grid-cols-10 lg:gap-12",children:[b("div",{className:"lg:col-span-4 lg:flex lg:flex-col lg:justify-center",children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"left",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i("text-center lg:mb-0 lg:text-left",e?.className)}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:`hidden lg:flex ${t?.className}`,align:"left"})]}),b("div",{className:"lg:col-span-6",children:[o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-5",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col rounded-lg border border-gray-200 bg-white p-5",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:`flex lg:hidden ${t?.className}`,align:"center"})]})]}),Ll=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features mx-auto grid max-w-4xl grid-cols-1 gap-5 md:grid-cols-2",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col rounded-lg border border-gray-200 bg-white p-7",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Fl=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 lg:gap-x-7 lg:gap-y-10",children:o?.map((a,r)=>b("div",{className:"feature-item relative w-full",children:[a?.image&&f("div",{className:"h-12 w-12",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-sm text-gray-500",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),zl=({dataHeading:e,dataFeatures:o,dataButtons:t})=>{let a=o?.length||0,r={default:"md:basis-1/5",special:"md:basis-1/4"},n={6:3,7:4,8:4},l=a>=1&&a<=4||[6,7,8].includes(a)?r.special:r.default,m=n[a]??-1,c=(d,p)=>{let g=d?.btnLink?"a":"div",v=d?.btnLink?{href:d.btnLink,target:d?.newTab?"_blank":"_self",rel:"noopener noreferrer",title:d?.btnName}:{};return f("div",{className:i("basis-1/2 px-2 lg:px-5",l,p===m&&"md:break-after-row",d?.btnLink&&"group cursor-pointer"),children:b(g,{...v,className:"feature-item relative flex w-full flex-col items-center gap-3",children:[d?.image&&f("div",{className:"h-16 w-16 transition-transform duration-300 group-hover:scale-105",children:f("img",{src:d?.image,alt:d?.name,className:"h-full w-full object-contain",loading:"lazy"})}),b("div",{className:"w-full flex-1 text-center",children:[d?.name&&f("h3",{className:"text-base duration-300 group-hover:text-pink-500",children:q(d.name)}),d?.description&&f("div",{className:"mt-2 text-sm text-gray-500",children:q(d.description)})]})]})},p)};return b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features -mx-2 flex flex-wrap justify-center gap-y-10 lg:-mx-5",children:o.map((d,p)=>c(d,p))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})},El=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-3",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col overflow-hidden rounded-xl bg-gray-100",children:[b("div",{className:"flex w-full flex-1 flex-col p-5",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]}),a?.image&&f("div",{className:"w-full",style:{aspectRatio:"347/220"},children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Hl=({dataHeading:e,dataFeatures:o,dataButtons:t,dataBanner:a})=>b("div",{className:"grid grid-cols-1 gap-10 lg:grid-cols-10 lg:gap-14",children:[f("div",{className:"flex items-center lg:col-span-6",children:b("div",{className:"w-full",children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"left",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i("text-center lg:text-left",e?.className)}),o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:auto-cols-auto md:grid-cols-2",children:o?.map((r,n)=>b("div",{className:"feature-item relative flex w-full flex-col",children:[r?.image&&f("div",{className:"h-10 w-10",children:f("img",{src:r?.image,alt:r?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[r?.name&&f("h3",{className:"text-lg font-semibold",children:q(r.name)}),r?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(r.description)})]}),r?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:r.btnLink,btnName:r?.btnName,newTab:r?.newTab})})]})]},n))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"left"})]})}),a&&f("div",{className:"flex items-center lg:col-span-4",children:f("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:f(E,{ratio:a?.ratio||1,className:"w-full",children:f("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})})})})]}),_l=({dataHeading:e,dataFeatures:o,dataBanner:t,dataButtons:a})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),f("div",{className:i("relative flex items-center",t&&"lg:min-h-[590px]"),children:o&&b("div",{className:i("list-features grid grid-cols-1 gap-8 md:grid-cols-2",t?"lg:flex lg:flex-row lg:flex-wrap lg:gap-x-0 lg:gap-y-16":"mx-auto max-w-4xl"),children:[o?.map((r,n)=>b("div",{className:i("feature-item relative w-full",t&&"lg:basis-1/2 odd:lg:pr-48 even:lg:pl-48"),children:[r?.image&&f("div",{className:"h-12 w-12",children:f("img",{src:r?.image,alt:r?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[r?.name&&f("h3",{className:"text-lg font-semibold",children:q(r.name)}),r?.description&&f("div",{className:"mt-2 text-gray-500",children:q(r.description)})]}),r?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:r.btnLink,btnName:r?.btnName,newTab:r?.newTab})})]})]},n)),t&&b("div",{className:"absolute left-1/2 top-1/2 mx-auto hidden w-72 -translate-x-1/2 -translate-y-1/2 lg:flex lg:items-end lg:justify-center lg:p-1.5 xl:p-2",style:{aspectRatio:"352/721"},children:[f("div",{className:"mockup-bg pointer-events-none absolute inset-0 h-full w-full select-none",style:{background:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-240809173159-638588215193226459.png) no-repeat bottom center/contain"}}),f("div",{className:"h-full w-full overflow-hidden bg-gray-100",style:{borderRadius:"30px"},children:f("img",{src:t?.src,alt:t?.alt,className:"h-full w-full object-contain"})})]})]})}),a&&f(x,{isFullInMobile:a?.isFullInMobile,buttons:a?.buttons,className:a?.className,align:"center"})]}),Bl=({dataHeading:e,dataFeatures:o,dataButtons:t,dataBanner:a})=>{let[r,n]=fu(0),s=yo();return b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&b("div",{className:"grid grid-cols-1 gap-10 md:grid-cols-2 lg:gap-14",children:[f("div",{children:f("div",{className:"list-features w-full md:border-l-2 md:border-gray-200",children:f(ht,{type:"single",collapsible:s,onValueChange:l=>{let m=parseInt(l);isNaN(m)||n(m)},defaultValue:r.toString(),children:o?.map((l,m)=>b(xt,{value:m.toString(),className:"feature-item group relative flex w-full flex-col border-y-0 border-b last:border-b-0 md:-ml-0.5 md:border-b-0 md:border-l-2 md:border-gray-200 md:pl-5 md:[&[data-state=open]]:border-pink-500",children:[f(bt,{className:"py-3 text-left text-lg font-semibold md:group-first:pt-0 md:group-last:pb-0 [&>svg]:md:hidden",children:q(l.name||"")}),b(yt,{className:"grid grid-cols-1 gap-y-3 md:group-last:mt-3",children:[l?.description&&f("div",{className:"text-muted-foreground",children:q(l.description||"")}),l?.btnLink&&f("div",{className:"",children:f(dt,{btnLink:l.btnLink,btnName:l?.btnName,newTab:l?.newTab})}),l?.image&&!a?.src&&f("div",{className:"mx-auto mt-5 w-full max-w-xs md:hidden",children:f(E,{ratio:1,className:"w-full",children:f("img",{src:l?.image,alt:l?.name,className:"h-full w-full object-contain"})})})]})]},m))})})}),f("div",{className:i(a?.src?"flex":"hidden md:flex"),children:f("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:a?.src?f(E,{ratio:a?.ratio||1,className:"w-full",children:f("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})}):f("div",{className:"hidden md:flex",children:o?.[r]?.image?f(E,{ratio:1,className:"w-full",children:f("img",{src:o?.[r]?.image,alt:o?.[r]?.name,className:"h-full w-full object-contain",loading:"lazy"})}):f("div",{className:"h-0 w-0"})})})})]}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})};import{Fragment as xu,jsx as be}from"react/jsx-runtime";var uu=({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})=>{switch(e){case 1:return be(Ni,{dataHeading:o,dataFeatures:t,dataButtons:a});case 2:return be(Ml,{dataHeading:o,dataFeatures:t,dataButtons:a});case 3:return be(Il,{dataHeading:o,dataFeatures:t,dataButtons:a});case 4:return be(Al,{dataHeading:o,dataFeatures:t,dataButtons:a});case 5:return be(Ll,{dataHeading:o,dataFeatures:t,dataButtons:a});case 6:return be(Fl,{dataHeading:o,dataFeatures:t,dataButtons:a});case 7:return be(zl,{dataHeading:o,dataFeatures:t,dataButtons:a});case 8:return be(El,{dataHeading:o,dataFeatures:t,dataButtons:a});case 9:return be(Hl,{dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r});case 10:return be(_l,{dataHeading:o,dataFeatures:t,dataBanner:r,dataButtons:a});case 11:return be(Bl,{dataHeading:o,dataFeatures:t,dataBanner:r,dataButtons:a});default:return be(Ni,{dataHeading:o,dataFeatures:t,dataButtons:a})}},vu=({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})=>be(xu,{children:uu({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})}),hu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataFeatures:n,dataButtons:s,dataBanner:l})=>be(O,{className:t,idSection:a,background:o,children:be(vu,{template:e,dataHeading:r,dataFeatures:n,dataButtons:s,dataBanner:l})});import{StarIcon as bu}from"@heroicons/react/24/solid";import Pi from"html-react-parser";import yu from"lodash";var pr=["bg-red-500","bg-blue-500","bg-green-500","bg-yellow-500","bg-purple-500","bg-pink-500","bg-orange-500","bg-green-700"],fr=({name:e=""})=>{let o=e?.trim()?.split(/\s+/)||[];return o?.length>1?`${o?.[o?.length-2]?.[0]?.toUpperCase()}${o?.[o?.length-1]?.[0]?.toUpperCase()}`:o?.[0]?.[0]?.toUpperCase()||""},gr=(e,o)=>o[e%o.length];import{Fragment as Vl,jsx as ee,jsxs as zo}from"react/jsx-runtime";var wu=({avatar:e="",name:o="",index:t=0})=>{if(yu.isEmpty(e)){let a=fr({name:o})??"",r=gr(t,pr);return ee("div",{className:i("flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold text-white ",r),children:a})}return ee("div",{className:"h-9 w-9 shrink-0 overflow-hidden rounded-full",children:ee("img",{src:e,loading:"lazy",className:"h-full w-full object-cover",alt:o})})},Ol=({testimonial:e,className:o,index:t})=>ee("div",{className:i("testimonial-item",o),children:zo("div",{className:"relative h-full rounded-xl border border-gray-100 bg-white px-5 pb-10 pt-4 shadow-md sm:px-5",children:[zo("div",{className:"flex flex-nowrap items-center space-x-2",children:[ee(wu,{avatar:e.avatar,name:e.name,index:t}),zo("div",{className:"min-w-0 flex-1 pl-1",children:[ee("div",{className:"overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-gray-700",children:e.name}),e?.position&&ee("div",{className:"text-xs font-normal text-pink-500",children:Pi(e.position)})]})]}),zo("div",{className:"mt-3",children:[e?.shortTitle&&ee("div",{className:"text-sm font-bold text-gray-700",children:Pi(e.shortTitle)}),e?.description&&ee("div",{className:"relative mt-1 max-h-full overflow-hidden text-sm leading-normal text-gray-600",children:Pi(e.description)})]}),zo("div",{className:"absolute bottom-0 left-0 right-0 flex items-center justify-between space-x-2 p-4 md:px-5",children:[e?.date&&ee("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&ee("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(a,r)=>ee(bu,{className:`h-4 w-4 ${r<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},r))})]})]})}),Ci=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>{let a=o?.length??0,r=a>3;return zo(Vl,{children:[e&&ee(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),a>0&&ee(Vl,{children:r?ee("div",{className:"relative -mx-5 overflow-hidden md:mx-0",children:ee(Fo,{direction:"horizontal",speed:70,speedOnHover:.05,gap:24,className:"pb-1.5",children:o?.map((n,s)=>ee(Ol,{testimonial:n,index:s,className:"mb-2 w-64 md:w-96"},`testimonial-${s}`))})}):ee("div",{className:"-mx-5 flex snap-x snap-mandatory flex-nowrap gap-y-6 space-x-5 overflow-hidden overflow-x-auto px-5 pb-3 md:-mx-3 md:w-full md:flex-wrap md:justify-center md:space-x-0",children:o?.map((n,s)=>ee(Ol,{testimonial:n,index:s,className:"shrink-0 basis-10/12 snap-center md:px-3 lg:basis-1/3"},`testimonial-${s}`))})}),t&&ee(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})};import{StarIcon as Wl}from"@heroicons/react/24/solid";import Ri from"html-react-parser";import{Fragment as Cu,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Nu=({className:e})=>H("svg",{width:"42",height:"36",className:e,viewBox:"0 0 42 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:H("path",{d:"M23.8986 36V25.1748C23.8986 18.3776 25.3972 12.8392 28.3944 8.55944C31.4704 4.1958 36.0056 1.34266 42 0V8.18182C39.3183 8.85315 37.1887 10.1119 35.6113 11.958C34.0338 13.7203 33.0084 15.8601 32.5352 18.3776H39.6338V36H23.8986ZM0 36V25.1748C0 18.3776 1.49859 12.8392 4.49577 8.55944C7.57183 4.1958 12.0676 1.34266 17.9831 0V8.18182C15.3014 8.85315 13.1718 10.1119 11.5944 11.958C10.0169 13.7203 8.99155 15.8601 8.51831 18.3776H15.6169V36H0Z",fill:"#F95396"})}),Pu=({testimonial:e,className:o})=>H("div",{className:i("testimonial-item shadow-small relative h-full w-full cursor-grab select-none overflow-hidden rounded-xl bg-white p-5 md:p-10",o),children:Xe("div",{className:"flex h-full md:space-x-10",children:[e?.avatar&&H("div",{className:"relative hidden w-52 flex-none grow-0 items-start md:flex",children:H(E,{ratio:2/3,className:"w-full",children:H("img",{src:e?.avatar,alt:e?.name,loading:"lazy",className:"h-full w-full object-contain"})})}),Xe("div",{className:"flex grow flex-col justify-between gap-y-5 md:gap-y-6",children:[Xe("div",{className:"flex flex-none items-end space-x-2 md:order-2 lg:space-x-6",children:[Xe("div",{className:"grow",children:[e?.name&&H("div",{className:"text-sm font-bold md:text-base",children:e.name}),e?.position&&H("div",{className:"mt-1 text-xs font-normal text-gray-500",children:Ri(e.position)})]}),(e?.date||Number(e?.rating)>0)&&Xe("div",{className:"hidden flex-none grow-0 text-right md:grid md:grid-cols-1 md:gap-1",children:[e?.date&&H("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&H("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(t,a)=>H(Wl,{className:`h-4 w-4 flex-none ${a<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},a))})]}),e?.avatar&&H("div",{className:"relative w-28 flex-none grow-0 md:hidden",children:H(E,{ratio:2/3,className:"w-full",children:H("img",{src:e?.avatar,alt:e?.name,loading:"lazy",className:"h-full w-full object-contain"})})})]}),Xe("div",{className:"flex flex-1 flex-col md:flex-none",children:[Xe("div",{className:"flex-1",children:[Xe("div",{className:"mb-1.5 flex flex-none space-x-3",children:[H(Nu,{className:"h-5 w-5 md:h-6 md:w-6"}),e?.shortTitle&&H("div",{className:"flex-none text-base font-medium md:text-lg",children:Ri(e.shortTitle)})]}),e?.description&&H("blockquote",{className:"relative flex-1 text-justify text-base",children:Ri(e.description)})]}),(e?.date||Number(e?.rating)>0)&&Xe("div",{className:i("mt-2 flex flex-none items-center space-x-2 md:hidden",e?.date&&e?.rating?"justify-between":"justify-end"),children:[e?.date&&H("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&H("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(t,a)=>H(Wl,{className:`h-4 w-4 flex-none ${a<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},a))})]})]})]})]})}),$l=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>Xe(Cu,{children:[e&&H(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),(o??[]).length>0&&Xe(ge,{className:"w-full",children:[H(ue,{classNameContent:"!overflow-visible",className:"-ml-5 md:-ml-6",children:o?.map((a,r)=>H(le,{className:"basis-full pl-5 md:pl-6 lg:basis-10/12 xl:basis-9/12",children:H(Pu,{testimonial:a})},r))}),(o??[]).length>1&&H(Co,{className:"mt-8"})]}),t&&H(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]});import{StarIcon as Ru}from"@heroicons/react/24/solid";import Ti from"html-react-parser";import Tu from"lodash";import{Fragment as jl,jsx as $,jsxs as mo}from"react/jsx-runtime";var ku=({avatar:e="",name:o="",index:t=0})=>{if(Tu.isEmpty(e)){let a=fr({name:o})??"",r=gr(t,pr);return $("div",{className:i("flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold text-white",r),children:a})}return $("div",{className:"h-9 w-9 shrink-0 overflow-hidden rounded-full",children:$("img",{src:e,loading:"lazy",className:"h-full w-full object-cover",alt:o})})},Gl=({testimonial:e,className:o,index:t})=>$("div",{className:i("testimonial-item",o),children:mo("div",{className:"relative h-full rounded-xl border border-gray-100 bg-white px-5 pb-10 pt-4 shadow-md sm:px-5",children:[mo("div",{className:"flex flex-nowrap items-center space-x-2",children:[$(ku,{avatar:e.avatar,name:e.name,index:t}),mo("div",{className:"flex-1 pl-1",children:[$("div",{className:"overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-gray-700",children:e.name}),e?.position&&$("div",{className:"text-xs font-normal text-pink-500",children:Ti(e.position)})]})]}),mo("div",{className:"mt-3",children:[e?.shortTitle&&$("div",{className:"text-sm font-bold text-gray-700",children:Ti(e.shortTitle)}),e?.description&&$("div",{className:"relative mt-1 max-h-full overflow-hidden text-sm leading-normal text-gray-600",children:Ti(e.description)})]}),mo("div",{className:"absolute bottom-0 left-0 right-0 flex items-center justify-between space-x-2 p-4 md:px-5",children:[e?.date&&$("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&$("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(a,r)=>$(Ru,{className:`h-4 w-4 ${r<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},r))})]})]})}),Ql=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>{let a=o?.length??0,r=a>3,n={lg:[{reverse:!1,speed:40},{reverse:!0,speed:50},{reverse:!1,speed:30}],md:[{reverse:!1,speed:30},{reverse:!0,speed:40}],sm:[{reverse:!1,speed:30}]},s=l=>$(jl,{children:l.map((m,c)=>$(Fo,{direction:"vertical",reverse:m.reverse,speed:m.speed,speedOnHover:.05,gap:24,className:"px-0.5",classNameMotion:"w-full",children:o?.map((d,p)=>$(Gl,{testimonial:d,index:p,className:"px-0 first:pl-0 last:pr-0"},`testimonial-${c}-${p}`))},`slider-${c}`))});return mo(jl,{children:[e&&$(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),a>0&&$(uo,{children:r?mo("div",{className:"mark-vertical-marquee relative h-[600px] overflow-hidden",children:[$(Ze,{greaterThanOrEqual:"lg",className:"grid w-full grid-cols-3 gap-6",children:s(n.lg)}),$(Ze,{between:["sm","lg"],className:"grid w-full grid-cols-2 gap-6",children:s(n.md)}),$(Ze,{between:["xs","sm"],className:"grid w-full grid-cols-1 gap-6",children:s(n.sm)})]}):$("div",{className:"flex w-full flex-wrap justify-center gap-y-6 md:-mx-3",children:o?.map((l,m)=>$(Gl,{testimonial:l,index:m,className:"basis-full md:basis-1/2 md:px-3 lg:basis-1/3"},`testimonial-${m}`))})}),t&&$(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"}),$("style",{children:`
|
|
289
|
+
`})]}),Il=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-3 lg:gap-12",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 w-full flex-1",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Al=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b("div",{className:"grid grid-cols-1 gap-0 lg:grid-cols-10 lg:gap-12",children:[b("div",{className:"lg:col-span-4 lg:flex lg:flex-col lg:justify-center",children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"left",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i("text-center lg:mb-0 lg:text-left",e?.className)}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:`hidden lg:flex ${t?.className}`,align:"left"})]}),b("div",{className:"lg:col-span-6",children:[o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-5",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col rounded-lg border border-gray-200 bg-white p-5",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:`flex lg:hidden ${t?.className}`,align:"center"})]})]}),Ll=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features mx-auto grid max-w-4xl grid-cols-1 gap-5 md:grid-cols-2",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col rounded-lg border border-gray-200 bg-white p-7",children:[a?.image&&f("div",{className:"h-16 w-16",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-4 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Fl=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 lg:gap-x-7 lg:gap-y-10",children:o?.map((a,r)=>b("div",{className:"feature-item relative w-full",children:[a?.image&&f("div",{className:"h-12 w-12",children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-sm text-gray-500",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),zl=({dataHeading:e,dataFeatures:o,dataButtons:t})=>{let a=o?.length||0,r={default:"md:basis-1/5",special:"md:basis-1/4"},n={6:3,7:4,8:4},l=a>=1&&a<=4||[6,7,8].includes(a)?r.special:r.default,m=n[a]??-1,c=(d,p)=>{let g=d?.btnLink?"a":"div",v=d?.btnLink?{href:d.btnLink,target:d?.newTab?"_blank":"_self",rel:"noopener noreferrer",title:d?.btnName}:{};return f("div",{className:i("basis-1/2 px-2 lg:px-5",l,p===m&&"md:break-after-row",d?.btnLink&&"group cursor-pointer"),children:b(g,{...v,className:"feature-item relative flex w-full flex-col items-center gap-3",children:[d?.image&&f("div",{className:"h-16 w-16 transition-transform duration-300 group-hover:scale-105",children:f("img",{src:d?.image,alt:d?.name,className:"h-full w-full object-contain",loading:"lazy"})}),b("div",{className:"w-full flex-1 text-center",children:[d?.name&&f("h3",{className:"text-base duration-300 group-hover:text-pink-500",children:q(d.name)}),d?.description&&f("div",{className:"mt-2 text-sm text-gray-500",children:q(d.description)})]})]})},p)};return b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features -mx-2 flex flex-wrap justify-center gap-y-10 lg:-mx-5",children:o.map((d,p)=>c(d,p))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})},El=({dataHeading:e,dataFeatures:o,dataButtons:t})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:grid-cols-3",children:o?.map((a,r)=>b("div",{className:"feature-item relative flex w-full flex-col overflow-hidden rounded-xl bg-gray-100",children:[b("div",{className:"flex w-full flex-1 flex-col p-5",children:[b("div",{className:"flex-1",children:[a?.name&&f("h3",{className:"text-lg font-semibold",children:q(a.name)}),a?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(a.description)})]}),a?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:a.btnLink,btnName:a?.btnName,newTab:a?.newTab})})]}),a?.image&&f("div",{className:"w-full",style:{aspectRatio:"347/220"},children:f("img",{src:a?.image,alt:a?.name,className:"h-full w-full object-contain"})})]},r))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]}),Hl=({dataHeading:e,dataFeatures:o,dataButtons:t,dataBanner:a})=>b("div",{className:"grid grid-cols-1 gap-10 lg:grid-cols-10 lg:gap-14",children:[f("div",{className:"flex items-center lg:col-span-6",children:b("div",{className:"w-full",children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"left",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i("text-center lg:text-left",e?.className)}),o&&f("div",{className:"list-features grid grid-cols-1 gap-6 md:auto-cols-auto md:grid-cols-2",children:o?.map((r,n)=>b("div",{className:"feature-item relative flex w-full flex-col",children:[r?.image&&f("div",{className:"h-10 w-10",children:f("img",{src:r?.image,alt:r?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[r?.name&&f("h3",{className:"text-lg font-semibold",children:q(r.name)}),r?.description&&f("div",{className:"mt-2 text-base text-gray-600",children:q(r.description)})]}),r?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:r.btnLink,btnName:r?.btnName,newTab:r?.newTab})})]})]},n))}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"left"})]})}),a&&f("div",{className:"flex items-center lg:col-span-4",children:f("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:f(E,{ratio:a?.ratio||1,className:"w-full",children:f("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})})})})]}),_l=({dataHeading:e,dataFeatures:o,dataBanner:t,dataButtons:a})=>b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),f("div",{className:i("relative flex items-center",t&&"lg:min-h-[590px]"),children:o&&b("div",{className:i("list-features grid grid-cols-1 gap-8 md:grid-cols-2",t?"lg:flex lg:flex-row lg:flex-wrap lg:gap-x-0 lg:gap-y-16":"mx-auto max-w-4xl"),children:[o?.map((r,n)=>b("div",{className:i("feature-item relative w-full",t&&"lg:basis-1/2 odd:lg:pr-48 even:lg:pl-48"),children:[r?.image&&f("div",{className:"h-12 w-12",children:f("img",{src:r?.image,alt:r?.name,className:"h-full w-full object-contain"})}),b("div",{className:"mt-3 flex w-full flex-1 flex-col",children:[b("div",{className:"flex-1",children:[r?.name&&f("h3",{className:"text-lg font-semibold",children:q(r.name)}),r?.description&&f("div",{className:"mt-2 text-gray-500",children:q(r.description)})]}),r?.btnLink&&f("div",{className:"mt-4",children:f(dt,{btnLink:r.btnLink,btnName:r?.btnName,newTab:r?.newTab})})]})]},n)),t&&b("div",{className:"absolute left-1/2 top-1/2 mx-auto hidden w-72 -translate-x-1/2 -translate-y-1/2 lg:flex lg:items-end lg:justify-center lg:p-1.5 xl:p-2",style:{aspectRatio:"352/721"},children:[f("div",{className:"mockup-bg pointer-events-none absolute inset-0 h-full w-full select-none",style:{background:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-240809173159-638588215193226459.png) no-repeat bottom center/contain"}}),f("div",{className:"h-full w-full overflow-hidden bg-gray-100",style:{borderRadius:"30px"},children:f("img",{src:t?.src,alt:t?.alt,className:"h-full w-full object-contain"})})]})]})}),a&&f(x,{isFullInMobile:a?.isFullInMobile,buttons:a?.buttons,className:a?.className,align:"center"})]}),Bl=({dataHeading:e,dataFeatures:o,dataButtons:t,dataBanner:a})=>{let[r,n]=gu(0),s=yo();return b(Lt,{children:[e&&f(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:e?.className}),o&&b("div",{className:"grid grid-cols-1 gap-10 md:grid-cols-2 lg:gap-14",children:[f("div",{children:f("div",{className:"list-features w-full md:border-l-2 md:border-gray-200",children:f(ht,{type:"single",collapsible:s,onValueChange:l=>{let m=parseInt(l);isNaN(m)||n(m)},defaultValue:r.toString(),children:o?.map((l,m)=>b(xt,{value:m.toString(),className:"feature-item group relative flex w-full flex-col border-y-0 border-b last:border-b-0 md:-ml-0.5 md:border-b-0 md:border-l-2 md:border-gray-200 md:pl-5 md:[&[data-state=open]]:border-pink-500",children:[f(bt,{className:"py-3 text-left text-lg font-semibold md:group-first:pt-0 md:group-last:pb-0 [&>svg]:md:hidden",children:q(l.name||"")}),b(yt,{className:"grid grid-cols-1 gap-y-3 md:group-last:mt-3",children:[l?.description&&f("div",{className:"text-muted-foreground",children:q(l.description||"")}),l?.btnLink&&f("div",{className:"",children:f(dt,{btnLink:l.btnLink,btnName:l?.btnName,newTab:l?.newTab})}),l?.image&&!a?.src&&f("div",{className:"mx-auto mt-5 w-full max-w-xs md:hidden",children:f(E,{ratio:1,className:"w-full",children:f("img",{src:l?.image,alt:l?.name,className:"h-full w-full object-contain"})})})]})]},m))})})}),f("div",{className:i(a?.src?"flex":"hidden md:flex"),children:f("div",{className:"mx-auto w-full max-w-xs md:max-w-md",children:a?.src?f(E,{ratio:a?.ratio||1,className:"w-full",children:f("img",{src:a?.src,alt:a?.alt,loading:"lazy",className:"h-full w-full object-cover"})}):f("div",{className:"hidden md:flex",children:o?.[r]?.image?f(E,{ratio:1,className:"w-full",children:f("img",{src:o?.[r]?.image,alt:o?.[r]?.name,className:"h-full w-full object-contain",loading:"lazy"})}):f("div",{className:"h-0 w-0"})})})})]}),t&&f(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})};import{Fragment as bu,jsx as be}from"react/jsx-runtime";var vu=({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})=>{switch(e){case 1:return be(Ni,{dataHeading:o,dataFeatures:t,dataButtons:a});case 2:return be(Ml,{dataHeading:o,dataFeatures:t,dataButtons:a});case 3:return be(Il,{dataHeading:o,dataFeatures:t,dataButtons:a});case 4:return be(Al,{dataHeading:o,dataFeatures:t,dataButtons:a});case 5:return be(Ll,{dataHeading:o,dataFeatures:t,dataButtons:a});case 6:return be(Fl,{dataHeading:o,dataFeatures:t,dataButtons:a});case 7:return be(zl,{dataHeading:o,dataFeatures:t,dataButtons:a});case 8:return be(El,{dataHeading:o,dataFeatures:t,dataButtons:a});case 9:return be(Hl,{dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r});case 10:return be(_l,{dataHeading:o,dataFeatures:t,dataBanner:r,dataButtons:a});case 11:return be(Bl,{dataHeading:o,dataFeatures:t,dataBanner:r,dataButtons:a});default:return be(Ni,{dataHeading:o,dataFeatures:t,dataButtons:a})}},hu=({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})=>be(bu,{children:vu({template:e,dataHeading:o,dataFeatures:t,dataButtons:a,dataBanner:r})}),xu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataFeatures:n,dataButtons:s,dataBanner:l})=>be(O,{className:t,idSection:a,background:o,children:be(hu,{template:e,dataHeading:r,dataFeatures:n,dataButtons:s,dataBanner:l})});import{StarIcon as yu}from"@heroicons/react/24/solid";import Pi from"html-react-parser";import wu from"lodash";var pr=["bg-red-500","bg-blue-500","bg-green-500","bg-yellow-500","bg-purple-500","bg-pink-500","bg-orange-500","bg-green-700"],fr=({name:e=""})=>{let o=e?.trim()?.split(/\s+/)||[];return o?.length>1?`${o?.[o?.length-2]?.[0]?.toUpperCase()}${o?.[o?.length-1]?.[0]?.toUpperCase()}`:o?.[0]?.[0]?.toUpperCase()||""},gr=(e,o)=>o[e%o.length];import{Fragment as Vl,jsx as ee,jsxs as zo}from"react/jsx-runtime";var Nu=({avatar:e="",name:o="",index:t=0})=>{if(wu.isEmpty(e)){let a=fr({name:o})??"",r=gr(t,pr);return ee("div",{className:i("flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold text-white ",r),children:a})}return ee("div",{className:"h-9 w-9 shrink-0 overflow-hidden rounded-full",children:ee("img",{src:e,loading:"lazy",className:"h-full w-full object-cover",alt:o})})},Ol=({testimonial:e,className:o,index:t})=>ee("div",{className:i("testimonial-item",o),children:zo("div",{className:"relative h-full rounded-xl border border-gray-100 bg-white px-5 pb-10 pt-4 shadow-md sm:px-5",children:[zo("div",{className:"flex flex-nowrap items-center space-x-2",children:[ee(Nu,{avatar:e.avatar,name:e.name,index:t}),zo("div",{className:"min-w-0 flex-1 pl-1",children:[ee("div",{className:"overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-gray-700",children:e.name}),e?.position&&ee("div",{className:"text-xs font-normal text-pink-500",children:Pi(e.position)})]})]}),zo("div",{className:"mt-3",children:[e?.shortTitle&&ee("div",{className:"text-sm font-bold text-gray-700",children:Pi(e.shortTitle)}),e?.description&&ee("div",{className:"relative mt-1 max-h-full overflow-hidden text-sm leading-normal text-gray-600",children:Pi(e.description)})]}),zo("div",{className:"absolute bottom-0 left-0 right-0 flex items-center justify-between space-x-2 p-4 md:px-5",children:[e?.date&&ee("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&ee("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(a,r)=>ee(yu,{className:`h-4 w-4 ${r<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},r))})]})]})}),Ci=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>{let a=o?.length??0,r=a>3;return zo(Vl,{children:[e&&ee(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),a>0&&ee(Vl,{children:r?ee("div",{className:"relative -mx-5 overflow-hidden md:mx-0",children:ee(Fo,{direction:"horizontal",speed:70,speedOnHover:.05,gap:24,className:"pb-1.5",children:o?.map((n,s)=>ee(Ol,{testimonial:n,index:s,className:"mb-2 w-64 md:w-96"},`testimonial-${s}`))})}):ee("div",{className:"-mx-5 flex snap-x snap-mandatory flex-nowrap gap-y-6 space-x-5 overflow-hidden overflow-x-auto px-5 pb-3 md:-mx-3 md:w-full md:flex-wrap md:justify-center md:space-x-0",children:o?.map((n,s)=>ee(Ol,{testimonial:n,index:s,className:"shrink-0 basis-10/12 snap-center md:px-3 lg:basis-1/3"},`testimonial-${s}`))})}),t&&ee(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]})};import{StarIcon as Wl}from"@heroicons/react/24/solid";import Ri from"html-react-parser";import{Fragment as Ru,jsx as H,jsxs as Xe}from"react/jsx-runtime";var Pu=({className:e})=>H("svg",{width:"42",height:"36",className:e,viewBox:"0 0 42 36",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:H("path",{d:"M23.8986 36V25.1748C23.8986 18.3776 25.3972 12.8392 28.3944 8.55944C31.4704 4.1958 36.0056 1.34266 42 0V8.18182C39.3183 8.85315 37.1887 10.1119 35.6113 11.958C34.0338 13.7203 33.0084 15.8601 32.5352 18.3776H39.6338V36H23.8986ZM0 36V25.1748C0 18.3776 1.49859 12.8392 4.49577 8.55944C7.57183 4.1958 12.0676 1.34266 17.9831 0V8.18182C15.3014 8.85315 13.1718 10.1119 11.5944 11.958C10.0169 13.7203 8.99155 15.8601 8.51831 18.3776H15.6169V36H0Z",fill:"#F95396"})}),Cu=({testimonial:e,className:o})=>H("div",{className:i("testimonial-item shadow-small relative h-full w-full cursor-grab select-none overflow-hidden rounded-xl bg-white p-5 md:p-10",o),children:Xe("div",{className:"flex h-full md:space-x-10",children:[e?.avatar&&H("div",{className:"relative hidden w-52 flex-none grow-0 items-start md:flex",children:H(E,{ratio:2/3,className:"w-full",children:H("img",{src:e?.avatar,alt:e?.name,loading:"lazy",className:"h-full w-full object-contain"})})}),Xe("div",{className:"flex grow flex-col justify-between gap-y-5 md:gap-y-6",children:[Xe("div",{className:"flex flex-none items-end space-x-2 md:order-2 lg:space-x-6",children:[Xe("div",{className:"grow",children:[e?.name&&H("div",{className:"text-sm font-bold md:text-base",children:e.name}),e?.position&&H("div",{className:"mt-1 text-xs font-normal text-gray-500",children:Ri(e.position)})]}),(e?.date||Number(e?.rating)>0)&&Xe("div",{className:"hidden flex-none grow-0 text-right md:grid md:grid-cols-1 md:gap-1",children:[e?.date&&H("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&H("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(t,a)=>H(Wl,{className:`h-4 w-4 flex-none ${a<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},a))})]}),e?.avatar&&H("div",{className:"relative w-28 flex-none grow-0 md:hidden",children:H(E,{ratio:2/3,className:"w-full",children:H("img",{src:e?.avatar,alt:e?.name,loading:"lazy",className:"h-full w-full object-contain"})})})]}),Xe("div",{className:"flex flex-1 flex-col md:flex-none",children:[Xe("div",{className:"flex-1",children:[Xe("div",{className:"mb-1.5 flex flex-none space-x-3",children:[H(Pu,{className:"h-5 w-5 md:h-6 md:w-6"}),e?.shortTitle&&H("div",{className:"flex-none text-base font-medium md:text-lg",children:Ri(e.shortTitle)})]}),e?.description&&H("blockquote",{className:"relative flex-1 text-justify text-base",children:Ri(e.description)})]}),(e?.date||Number(e?.rating)>0)&&Xe("div",{className:i("mt-2 flex flex-none items-center space-x-2 md:hidden",e?.date&&e?.rating?"justify-between":"justify-end"),children:[e?.date&&H("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&H("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(t,a)=>H(Wl,{className:`h-4 w-4 flex-none ${a<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},a))})]})]})]})]})}),$l=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>Xe(Ru,{children:[e&&H(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),(o??[]).length>0&&Xe(ge,{className:"w-full",children:[H(ue,{classNameContent:"!overflow-visible",className:"-ml-5 md:-ml-6",children:o?.map((a,r)=>H(le,{className:"basis-full pl-5 md:pl-6 lg:basis-10/12 xl:basis-9/12",children:H(Cu,{testimonial:a})},r))}),(o??[]).length>1&&H(Co,{className:"mt-8"})]}),t&&H(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"})]});import{StarIcon as Tu}from"@heroicons/react/24/solid";import Ti from"html-react-parser";import ku from"lodash";import{Fragment as jl,jsx as $,jsxs as mo}from"react/jsx-runtime";var Su=({avatar:e="",name:o="",index:t=0})=>{if(ku.isEmpty(e)){let a=fr({name:o})??"",r=gr(t,pr);return $("div",{className:i("flex h-9 w-9 shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold text-white",r),children:a})}return $("div",{className:"h-9 w-9 shrink-0 overflow-hidden rounded-full",children:$("img",{src:e,loading:"lazy",className:"h-full w-full object-cover",alt:o})})},Gl=({testimonial:e,className:o,index:t})=>$("div",{className:i("testimonial-item",o),children:mo("div",{className:"relative h-full rounded-xl border border-gray-100 bg-white px-5 pb-10 pt-4 shadow-md sm:px-5",children:[mo("div",{className:"flex flex-nowrap items-center space-x-2",children:[$(Su,{avatar:e.avatar,name:e.name,index:t}),mo("div",{className:"flex-1 pl-1",children:[$("div",{className:"overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-gray-700",children:e.name}),e?.position&&$("div",{className:"text-xs font-normal text-pink-500",children:Ti(e.position)})]})]}),mo("div",{className:"mt-3",children:[e?.shortTitle&&$("div",{className:"text-sm font-bold text-gray-700",children:Ti(e.shortTitle)}),e?.description&&$("div",{className:"relative mt-1 max-h-full overflow-hidden text-sm leading-normal text-gray-600",children:Ti(e.description)})]}),mo("div",{className:"absolute bottom-0 left-0 right-0 flex items-center justify-between space-x-2 p-4 md:px-5",children:[e?.date&&$("div",{className:"text-xs text-gray-400",children:e.date}),Number(e?.rating)>0&&$("div",{className:"flex flex-nowrap space-x-0.5 text-sm",children:Array.from({length:5},(a,r)=>$(Tu,{className:`h-4 w-4 ${r<Number(e.rating)?"text-yellow-400":"text-gray-200"}`},r))})]})]})}),Ql=({dataHeading:e,dataTestimonials:o,dataButtons:t})=>{let a=o?.length??0,r=a>3,n={lg:[{reverse:!1,speed:40},{reverse:!0,speed:50},{reverse:!1,speed:30}],md:[{reverse:!1,speed:30},{reverse:!0,speed:40}],sm:[{reverse:!1,speed:30}]},s=l=>$(jl,{children:l.map((m,c)=>$(Fo,{direction:"vertical",reverse:m.reverse,speed:m.speed,speedOnHover:.05,gap:24,className:"px-0.5",classNameMotion:"w-full",children:o?.map((d,p)=>$(Gl,{testimonial:d,index:p,className:"px-0 first:pl-0 last:pr-0"},`testimonial-${c}-${p}`))},`slider-${c}`))});return mo(jl,{children:[e&&$(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"pink",sizeHeading:e.sizeHeading,className:e.className}),a>0&&$(uo,{children:r?mo("div",{className:"mark-vertical-marquee relative h-[600px] overflow-hidden",children:[$(Ze,{greaterThanOrEqual:"lg",className:"grid w-full grid-cols-3 gap-6",children:s(n.lg)}),$(Ze,{between:["sm","lg"],className:"grid w-full grid-cols-2 gap-6",children:s(n.md)}),$(Ze,{between:["xs","sm"],className:"grid w-full grid-cols-1 gap-6",children:s(n.sm)})]}):$("div",{className:"flex w-full flex-wrap justify-center gap-y-6 md:-mx-3",children:o?.map((l,m)=>$(Gl,{testimonial:l,index:m,className:"basis-full md:basis-1/2 md:px-3 lg:basis-1/3"},`testimonial-${m}`))})}),t&&$(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:t?.className,align:"center"}),$("style",{children:`
|
|
290
290
|
.mark-vertical-marquee {
|
|
291
291
|
mask: linear-gradient(transparent, black 16px, black calc(100% - 16px), transparent);
|
|
292
292
|
}
|
|
293
|
-
`})]})};import{Fragment as Iu,jsx as co}from"react/jsx-runtime";var Su=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return co(Ci,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return co(Ql,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return co($l,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return co(Ci,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},Du=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>co(Iu,{children:Su({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),Mu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>co(O,{className:i(e===1&&(n?.length??0)>3?"[&>.wrapper]:max-w-full [&>.wrapper]:md:px-0":"",e===3?"overflow-hidden":"",t),idSection:a,background:o,children:co(Du,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});import Ul from"html-react-parser";import{Fragment as Au,jsx as ae,jsxs as po}from"react/jsx-runtime";var ki=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>ae(ht,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>po(xt,{value:n.title,className:"last:border-none",children:[ae(bt,{className:"md:text-lg",children:n.title}),ae(yt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600 max-w-none text-gray-600",children:Ul(n.description)})]},s))});return po("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[ae("div",{className:"relative",children:po("div",{className:"md:sticky md:top-16",children:[o&&ae(h,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"left",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&ae("div",{className:"col-span-2",children:a(e[0])}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},ql=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},l=m=>ae(ht,{type:"single",collapsible:!0,defaultValue:m?.isActiveFistQuestion&&m?.contents?.[0]?.title||"",className:"w-full",children:m?.contents?.map((c,d)=>po(xt,{value:c.title,className:"last:border-none",children:[ae(bt,{className:"md:text-lg",children:c.title}),ae(yt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600 max-w-none text-gray-600",children:Ul(c.description)})]},d))});return po(Au,{children:[o&&ae(h,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"center",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),e&&po(kt,{defaultValue:e[0]?.title,children:[e?.length>1&&po(Pt,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[ae(Ct,{className:"mb-3 text-center",children:ae(et,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",size:"base",children:e.map((m,c)=>ae(tt,{value:m.title,children:m.title},m.title+c))})}),ae(Rt,{}),ae(Tt,{})]}),e.map((m,c)=>ae(ot,{className:"mx-auto mt-0 max-w-3xl",value:m.title,children:l(m)},m.title+c))]}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};import{Fragment as Eu,jsx as Eo}from"react/jsx-runtime";var Lu=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return Eo(ki,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return Eo(ql,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return Eo(ki,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},Fu=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>Eo(Eu,{children:Lu({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),zu=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:l=1})=>Eo(O,{className:t,idSection:r,background:a,children:Eo(Fu,{dataHeading:e,dataFAQ:o,template:l,dataHorizontalScroll:s,dataButtons:n})});import Hu,{memo as _u}from"react";import{ArrowDownIcon as Bu}from"@heroicons/react/20/solid";import Ou from"html-react-parser";import{Fragment as Xl,jsx as Y,jsxs as pt}from"react/jsx-runtime";var Vu=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return pt(Xl,{children:[Y("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:pt("picture",{children:[Y("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),Y("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),pt("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[Y("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-gray-900 group-hover:text-pink-500 md:line-clamp-none",children:e?.title}),pt("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&pt(Xl,{children:[Y(fe,{variant:"default",className:"shink-0 line-clamp-1 justify-start whitespace-normal text-left text-xs",onClick:t=>o(t,e?.categoryUrl||""),title:e?.category,children:e?.category}),e?.category&&e?.dateTime&&Y("span",{className:"flex-none leading-none",children:"\xB7"})]}),Y("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Si=_u(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:l}=o||{},m=(d,p,g)=>{d?.preventDefault(),d?.stopPropagation(),a?a(p):window.open(g,"_blank")},c=(d,p)=>pt("div",{children:[Y("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",d?.newsList?.length<4?"md:justify-center":""),children:d?.newsList?.map((g,v)=>Y("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:Y("div",{onClick:P=>m(P,g?.id,g?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",d?.classNameItem),children:Y(Vu,{news:g})},g?.id)},v))}),d?.isShowBtn&&Y("div",{className:"mt-8 flex w-full items-center justify-center",children:pt($e,{action:d?.btnUrl||r&&(()=>r?.(p)),newTab:d?.isNewTab,variant:"outline",disabled:d?.isLoading,children:[Ou(d.btnName||"Xem th\xEAm"),d?.isLoading?Y(ho,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!d?.btnUrl&&Y(Bu,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},d?.title||p);return pt(Hu.Fragment,{children:[e&&Y(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i(e?.className)}),t?.length>1?pt(kt,{defaultValue:t[0]?.title,children:[pt(Pt,{showGradientOverlay:n,gradientOverlayColor:s,className:l,children:[Y(Ct,{className:"mb-6 text-center",children:Y(et,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((d,p)=>Y(tt,{value:d.title,children:d.title},d.title+p))})}),Y(Rt,{}),Y(Tt,{})]}),t.map((d,p)=>Y(ot,{value:d.title,children:c(d,p)},d.title+p))]}):t?.length===1&&t[0]&&c(t[0],0)]})});import{Fragment as ju,jsx as ha}from"react/jsx-runtime";var Wu=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return ha(Si,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return ha(Si,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},$u=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>ha(ju,{children:Wu({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),Gu=({idSection:e,dataHeading:o,dataHorizontalScroll:t,dataNews:a=[],className:r,background:n,template:s=1,onClickModal:l,onClickLoadMore:m})=>ha(O,{className:i(r),background:n,idSection:e,children:ha($u,{dataHeading:o,dataHorizontalScroll:t,dataNews:a,template:s,onClickModal:l,onClickLoadMore:m})});import{Fragment as Yu,jsx as De,jsxs as Di}from"react/jsx-runtime";var Yl=({dataHeading:e,dataCTA:o,dataButtons:t})=>Di("div",{className:"rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 md:py-14 md:px-10 bg-pink-50",style:{background:o?.background},children:[e&&De(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"black",sizeHeading:e.sizeHeading,className:e.className}),t&&De(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),Qu=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>Di("div",{className:"grid gap-6 grid-cols-1 md:grid-cols-2 rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 pb-0 md:px-10 bg-pink-700 md:pb-0 md:pt-0",style:o?.background?{background:o.background}:{},children:[Di("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&De(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"left",colorScheme:e.colorScheme||"white",sizeHeading:e.sizeHeading,className:e.className}),t&&De(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),De("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&De(E,{ratio:4/3,children:De("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),Uu=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return De(Yl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return De(Qu,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return De(Yl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},qu=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>De(Yu,{children:Uu({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),Xu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})=>De(O,{className:t,idSection:a,background:o,children:De(qu,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})});import Zl from"react";import Mi from"html-react-parser";import{jsx as Ut,jsxs as Kl}from"react/jsx-runtime";var Zu=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return Kl("div",{className:" text-center",children:[Ut("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:Mi(t??"")}),Ut("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Mi(o??"")}),a&&Ut("div",{className:"mt-2 text-sm text-gray-500",children:Mi(a??"")})]})},ur=({dataMetrics:e,dataButtons:o,dataHeading:t})=>Kl(Zl.Fragment,{children:[t&&Ut(h,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Ut("div",{className:"grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",children:e?.map((a,r)=>Ut(Zl.Fragment,{children:Ut(Zu,{metric:a})},r))}),o&&Ut(x,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import Jl from"react";import Ii from"html-react-parser";import{jsx as qt,jsxs as em}from"react/jsx-runtime";var Ku=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return em("div",{className:" text-center md:text-left",children:[qt("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:Ii(t??"")}),qt("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Ii(o??"")}),a&&qt("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:Ii(a??"")})]})},Ai=({dataMetrics:e,dataButtons:o,dataHeading:t})=>em(Jl.Fragment,{children:[t&&qt(h,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&qt("div",{className:"grid grid-cols-2 gap-10 py-4 md:grid-cols-4 md:gap-4 md:py-0",children:e?.map((a,r)=>qt(Jl.Fragment,{children:qt(Ku,{metric:a})},r))}),o&&qt(x,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import{Fragment as o0,jsx as Ho}from"react/jsx-runtime";var Ju=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return Ho(ur,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return Ho(Ai,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return Ho(ur,{dataMetrics:o,dataButtons:a,dataHeading:e})}},e0=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>Ho(o0,{children:Ju({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),t0=({idSection:e,dataHeading:o,dataMetrics:t=[],dataButtons:a,background:r,className:n,template:s})=>Ho(O,{className:i(n),background:r,idSection:e,children:Ho(e0,{dataHeading:o,dataMetrics:t,dataButtons:a,template:s})});import{forwardRef as a0}from"react";import{jsx as tm,jsxs as i0}from"react/jsx-runtime";var r0=a0(({className:e,title:o,children:t},a)=>i0("div",{className:e,ref:a,children:[tm("div",{className:"font-semibold text-gray-800",children:o}),tm("div",{style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-241105114139-638664036992710012.png)",backgroundSize:"30%",backgroundPosition:"53% 25%"},className:"mt-4 grid grid-cols-1 gap-4 rounded-lg border bg-no-repeat p-3 text-gray-800",children:t})]}));import{useCallback as c0}from"react";import{Fragment as m0,jsx as fo,jsxs as l0}from"react/jsx-runtime";var n0=()=>fo("div",{className:"p-3 border rounded-lg",children:l0("div",{className:"flex items-center gap-3",children:[fo(Ya,{className:"rounded-md h-9 w-9 "}),fo("div",{className:"flex-1",children:fo(Ya,{className:"w-48 h-5 "})}),fo("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function s0(){return fo(m0,{children:Array.from({length:4}).map((e,o)=>fo(n0,{},o))})}var om=s0;import{Fragment as f0,jsx as Ft,jsxs as Li}from"react/jsx-runtime";var d0=({paymentMethod:e})=>Ft(Xa,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:Li("div",{className:"flex items-center space-x-3",children:[Ft("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),Li("div",{className:"grid grid-cols-1 gap-1",children:[Ft("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&Ft("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&Ft("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),p0=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=c0(s=>a?.(s),[a]);return Li(f0,{children:[e&&Ft("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?Ft(om,{}):Ft(qa,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>Ft(d0,{paymentMethod:s},s.id))})]})};import{forwardRef as am}from"react";import{jsx as im}from"react/jsx-runtime";var g0=am(({children:e,className:o},t)=>im("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),rm=am(({children:e,className:o,...t},a)=>im(g0,{ref:a,className:o,...t,children:e}));rm.displayName="Payment";import{forwardRef as u0}from"react";import{jsx as nm,jsxs as h0}from"react/jsx-runtime";var v0=u0(({className:e,children:o},t)=>h0("div",{className:i("",e),ref:t,children:[nm("hr",{className:"mb-5 h-px w-full bg-gray-500"}),nm("div",{className:"flex w-full items-center space-x-3",children:o})]}));import{forwardRef as x0}from"react";import{jsx as y0}from"react/jsx-runtime";var b0=x0(({className:e,children:o},t)=>y0("div",{className:i("pb-5",e),ref:t,children:o}));import{forwardRef as T0}from"react";import{CheckBadgeIcon as w0,XCircleIcon as N0}from"@heroicons/react/20/solid";import{jsx as ne,jsxs as _o}from"react/jsx-runtime";var P0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(ca,{message:o,type:"success",icon:ne(w0,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),C0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),ne(ca,{message:o,type:"error",icon:ne(N0,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),R0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(ca,{message:o,type:"neutral"})]}),sm=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return ne(P0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return ne(C0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return ne(R0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};import{jsx as S0,jsxs as D0}from"react/jsx-runtime";var k0=T0(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>D0("div",{ref:s,className:i("rounded-lg p-4",e),children:[S0(sm,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));import{forwardRef as I0,useEffect as A0}from"react";import{jsx as Fi,jsxs as M0}from"react/jsx-runtime";var vr=({content:e})=>M0("picture",{children:[Fi("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),Fi("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),Fi($e,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});import{jsx as xa,jsxs as z0}from"react/jsx-runtime";var L0=({template:e,content:o})=>{switch(e){case 1:return xa(vr,{content:o});default:return xa(vr,{content:o})}},F0=I0(({template:e,content:o},t)=>(A0(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),z0("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[xa("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:xa("div",{className:"content",children:L0({template:e,content:o})})}),xa("style",{children:`
|
|
293
|
+
`})]})};import{Fragment as Au,jsx as co}from"react/jsx-runtime";var Du=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>{switch(e){case 1:return co(Ci,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 2:return co(Ql,{dataHeading:o,dataTestimonials:t,dataButtons:a});case 3:return co($l,{dataHeading:o,dataTestimonials:t,dataButtons:a});default:return co(Ci,{dataHeading:o,dataTestimonials:t,dataButtons:a})}},Mu=({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})=>co(Au,{children:Du({template:e,dataHeading:o,dataTestimonials:t,dataButtons:a})}),Iu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataTestimonials:n,dataButtons:s})=>co(O,{className:i(e===1&&(n?.length??0)>3?"[&>.wrapper]:max-w-full [&>.wrapper]:md:px-0":"",e===3?"overflow-hidden":"",t),idSection:a,background:o,children:co(Mu,{template:e,dataHeading:r,dataTestimonials:n,dataButtons:s})});import Ul from"html-react-parser";import{Fragment as Lu,jsx as ae,jsxs as po}from"react/jsx-runtime";var ki=({dataFAQ:e,dataHeading:o,dataButtons:t})=>{let a=r=>ae(ht,{type:"single",collapsible:!0,defaultValue:r?.isActiveFistQuestion&&r?.contents?.[0]?.title||"",className:"w-full",children:r?.contents?.map((n,s)=>po(xt,{value:n.title,className:"last:border-none",children:[ae(bt,{className:"md:text-lg",children:n.title}),ae(yt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600 max-w-none text-gray-600",children:Ul(n.description)})]},s))});return po("div",{className:"grid grid-cols-1 gap-y-0 md:grid-cols-3 md:gap-x-10",children:[ae("div",{className:"relative",children:po("div",{className:"md:sticky md:top-16",children:[o&&ae(h,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"left",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("hidden md:mt-6 md:flex",t?.className),align:"left"})]})}),e&&e.length>0&&e[0]&&ae("div",{className:"col-span-2",children:a(e[0])}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i("mt-3 md:hidden",t?.className),align:"center"})]})},ql=({dataFAQ:e,dataHeading:o,dataButtons:t,dataHorizontalScroll:a})=>{let{showGradientOverlay:r=!0,gradientOverlayColor:n,className:s}=a||{},l=m=>ae(ht,{type:"single",collapsible:!0,defaultValue:m?.isActiveFistQuestion&&m?.contents?.[0]?.title||"",className:"w-full",children:m?.contents?.map((c,d)=>po(xt,{value:c.title,className:"last:border-none",children:[ae(bt,{className:"md:text-lg",children:c.title}),ae(yt,{className:"prose prose-sm sm:prose-base prose-strong:text-gray-600 max-w-none text-gray-600",children:Ul(c.description)})]},d))});return po(Lu,{children:[o&&ae(h,{tagline:o.tagline,title:o.title,description:o.description,tagHeading:o.tagHeading||"h2",align:"center",colorScheme:o.colorScheme||"pink",sizeHeading:o.sizeHeading,className:i(o.className)}),e&&po(kt,{defaultValue:e[0]?.title,children:[e?.length>1&&po(Pt,{showGradientOverlay:r,gradientOverlayColor:n,className:s,children:[ae(Ct,{className:"mb-3 text-center",children:ae(et,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",size:"base",children:e.map((m,c)=>ae(tt,{value:m.title,children:m.title},m.title+c))})}),ae(Rt,{}),ae(Tt,{})]}),e.map((m,c)=>ae(ot,{className:"mx-auto mt-0 max-w-3xl",value:m.title,children:l(m)},m.title+c))]}),t&&ae(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className),align:"center"})]})};import{Fragment as Hu,jsx as Eo}from"react/jsx-runtime";var Fu=({template:e,dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})=>{switch(e){case 1:return Eo(ki,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});case 2:return Eo(ql,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r});default:return Eo(ki,{dataFAQ:o,dataHeading:t,dataButtons:a,dataHorizontalScroll:r})}},zu=({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})=>Eo(Hu,{children:Fu({dataHeading:e,dataFAQ:o,template:t,dataButtons:a,dataHorizontalScroll:r})}),Eu=({dataHeading:e,dataFAQ:o=[],className:t,background:a,idSection:r,dataButtons:n,dataHorizontalScroll:s,template:l=1})=>Eo(O,{className:t,idSection:r,background:a,children:Eo(zu,{dataHeading:e,dataFAQ:o,template:l,dataHorizontalScroll:s,dataButtons:n})});import _u,{memo as Bu}from"react";import{ArrowDownIcon as Ou}from"@heroicons/react/20/solid";import Vu from"html-react-parser";import{Fragment as Xl,jsx as Y,jsxs as pt}from"react/jsx-runtime";var Wu=({news:e})=>{let o=(t,a)=>{t?.preventDefault(),t?.stopPropagation(),window.open(a,"_blank")};return pt(Xl,{children:[Y("div",{className:"relative block aspect-[1/1] overflow-hidden rounded-md bg-gray-100 md:aspect-[77/37] md:rounded-none",children:pt("picture",{children:[Y("source",{media:"(min-width: 640px)",srcSet:e?.thumbnailDesktop}),Y("img",{className:"h-full w-full object-cover",src:e?.thumbnailMobile,alt:e?.title})]})}),pt("div",{className:"mt-3 flex flex-1 flex-col md:mt-0 md:p-3",children:[Y("div",{className:"line-clamp-2 flex-1 text-sm font-medium text-gray-900 group-hover:text-pink-500 md:line-clamp-none",children:e?.title}),pt("div",{className:"mt-2 flex items-center space-x-1",children:[e?.category&&e?.categoryUrl&&pt(Xl,{children:[Y(fe,{variant:"default",className:"shink-0 line-clamp-1 justify-start whitespace-normal text-left text-xs",onClick:t=>o(t,e?.categoryUrl||""),title:e?.category,children:e?.category}),e?.category&&e?.dateTime&&Y("span",{className:"flex-none leading-none",children:"\xB7"})]}),Y("div",{className:"flex-none text-xs text-gray-500",children:e?.dateTime})]})]})]})},Si=Bu(({dataHeading:e,dataHorizontalScroll:o,dataNews:t,onClickModal:a,onClickLoadMore:r})=>{let{showGradientOverlay:n=!0,gradientOverlayColor:s,className:l}=o||{},m=(d,p,g)=>{d?.preventDefault(),d?.stopPropagation(),a?a(p):window.open(g,"_blank")},c=(d,p)=>pt("div",{children:[Y("div",{className:i("-mx-2 flex flex-row flex-wrap gap-y-5",d?.newsList?.length<4?"md:justify-center":""),children:d?.newsList?.map((g,v)=>Y("div",{className:"min-w-0 basis-1/2 px-2 lg:basis-1/4",children:Y("div",{onClick:P=>m(P,g?.id,g?.url),className:i("group flex cursor-pointer flex-col overflow-hidden md:h-full md:rounded-md md:bg-white md:shadow-md",d?.classNameItem),children:Y(Wu,{news:g})},g?.id)},v))}),d?.isShowBtn&&Y("div",{className:"mt-8 flex w-full items-center justify-center",children:pt($e,{action:d?.btnUrl||r&&(()=>r?.(p)),newTab:d?.isNewTab,variant:"outline",disabled:d?.isLoading,children:[Vu(d.btnName||"Xem th\xEAm"),d?.isLoading?Y(ho,{className:"animate-spin-loading ml-2 h-5 w-5"}):r&&!d?.btnUrl&&Y(Ou,{className:"-mb-1 ml-2 h-5 w-5 animate-bounce"})]})})]},d?.title||p);return pt(_u.Fragment,{children:[e&&Y(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading,align:"center",colorScheme:e?.colorScheme||"pink",sizeHeading:e?.sizeHeading,className:i(e?.className)}),t?.length>1?pt(kt,{defaultValue:t[0]?.title,children:[pt(Pt,{showGradientOverlay:n,gradientOverlayColor:s,className:l,children:[Y(Ct,{className:"mb-6 text-center",children:Y(et,{className:"mx-auto mb-0 inline-flex w-auto items-center overflow-visible",children:t.map((d,p)=>Y(tt,{value:d.title,children:d.title},d.title+p))})}),Y(Rt,{}),Y(Tt,{})]}),t.map((d,p)=>Y(ot,{value:d.title,children:c(d,p)},d.title+p))]}):t?.length===1&&t[0]&&c(t[0],0)]})});import{Fragment as Qu,jsx as ha}from"react/jsx-runtime";var $u=({template:e,dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})=>{switch(e){case 1:return ha(Si,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n});default:return ha(Si,{dataNews:o,dataHeading:t,dataHorizontalScroll:a,onClickModal:r,onClickLoadMore:n})}},Gu=({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})=>ha(Qu,{children:$u({dataHeading:e,dataHorizontalScroll:o,dataNews:t,template:a,onClickModal:r,onClickLoadMore:n})}),ju=({idSection:e,dataHeading:o,dataHorizontalScroll:t,dataNews:a=[],className:r,background:n,template:s=1,onClickModal:l,onClickLoadMore:m})=>ha(O,{className:i(r),background:n,idSection:e,children:ha(Gu,{dataHeading:o,dataHorizontalScroll:t,dataNews:a,template:s,onClickModal:l,onClickLoadMore:m})});import{Fragment as Zu,jsx as De,jsxs as Di}from"react/jsx-runtime";var Yl=({dataHeading:e,dataCTA:o,dataButtons:t})=>Di("div",{className:"rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 md:py-14 md:px-10 bg-pink-50",style:{background:o?.background},children:[e&&De(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"center",colorScheme:e.colorScheme||"black",sizeHeading:e.sizeHeading,className:e.className}),t&&De(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"center"})]}),Uu=({dataHeading:e,dataCTA:o,dataButtons:t,dataMedia:a})=>Di("div",{className:"grid gap-6 grid-cols-1 md:grid-cols-2 rounded-2xl block relative overflow-hidden lg:overflow-visible p-6 pb-0 md:px-10 bg-pink-700 md:pb-0 md:pt-0",style:o?.background?{background:o.background}:{},children:[Di("div",{className:"md:py-14 flex flex-col justify-center",children:[e&&De(h,{tagline:e.tagline,title:e.title,description:e.description,tagHeading:e.tagHeading,align:"left",colorScheme:e.colorScheme||"white",sizeHeading:e.sizeHeading,className:e.className}),t&&De(x,{isFullInMobile:t?.isFullInMobile,buttons:t?.buttons,className:i(t?.className,"mt-0 md:mt-0"),align:"left"})]}),De("div",{className:" max-w-sm mx-auto md:ml-auto md:mr-0 w-full md:pt-10 self-end",children:a&&De(E,{ratio:4/3,children:De("img",{src:a.src,alt:a.alt,className:"h-full w-full rounded-md object-contain"})})})]}),qu=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>{switch(e){case 1:return De(Yl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});case 2:return De(Uu,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r});default:return De(Yl,{dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}},Xu=({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})=>De(Zu,{children:qu({template:e,dataHeading:o,dataCTA:t,dataButtons:a,dataMedia:r})}),Yu=({template:e=1,background:o,className:t,idSection:a,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})=>De(O,{className:t,idSection:a,background:o,children:De(Xu,{template:e,dataHeading:r,dataCTA:n,dataButtons:s,dataMedia:l})});import Zl from"react";import Mi from"html-react-parser";import{jsx as Ut,jsxs as Kl}from"react/jsx-runtime";var Ku=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return Kl("div",{className:" text-center",children:[Ut("div",{className:"text-3xl font-bold text-pink-500 md:text-4xl",children:Mi(t??"")}),Ut("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Mi(o??"")}),a&&Ut("div",{className:"mt-2 text-sm text-gray-500",children:Mi(a??"")})]})},ur=({dataMetrics:e,dataButtons:o,dataHeading:t})=>Kl(Zl.Fragment,{children:[t&&Ut(h,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&Ut("div",{className:"grid grid-cols-1 gap-10 py-4 md:grid-cols-3 md:gap-4 md:py-0",children:e?.map((a,r)=>Ut(Zl.Fragment,{children:Ut(Ku,{metric:a})},r))}),o&&Ut(x,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import Jl from"react";import Ii from"html-react-parser";import{jsx as qt,jsxs as em}from"react/jsx-runtime";var Ju=({metric:e})=>{let{metricTitle:o="",metricValue:t="",metricDescription:a=""}=e??{};return em("div",{className:" text-center md:text-left",children:[qt("div",{className:"mt-2 text-2xl font-bold text-pink-500 md:text-3xl",children:Ii(t??"")}),qt("div",{className:"mt-2 text-sm font-semibold text-gray-900",children:Ii(o??"")}),a&&qt("div",{className:"mt-2 hidden text-sm text-gray-500 md:block",children:Ii(a??"")})]})},Ai=({dataMetrics:e,dataButtons:o,dataHeading:t})=>em(Jl.Fragment,{children:[t&&qt(h,{tagline:t?.tagline,title:t?.title,description:t?.description,tagHeading:t?.tagHeading,align:"center",colorScheme:t?.colorScheme||"pink",sizeHeading:t?.sizeHeading,className:i(t?.className)}),e&&e?.length>0&&qt("div",{className:"grid grid-cols-2 gap-10 py-4 md:grid-cols-4 md:gap-4 md:py-0",children:e?.map((a,r)=>qt(Jl.Fragment,{children:qt(Ju,{metric:a})},r))}),o&&qt(x,{isFullInMobile:o?.isFullInMobile,buttons:o?.buttons,className:i(o?.className,"mt-8 md:mt-10"),align:"center"})]});import{Fragment as a0,jsx as Ho}from"react/jsx-runtime";var e0=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>{switch(t){case 1:return Ho(ur,{dataMetrics:o,dataButtons:a,dataHeading:e});case 2:return Ho(Ai,{dataMetrics:o,dataButtons:a,dataHeading:e});default:return Ho(ur,{dataMetrics:o,dataButtons:a,dataHeading:e})}},t0=({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})=>Ho(a0,{children:e0({dataHeading:e,dataMetrics:o,template:t,dataButtons:a})}),o0=({idSection:e,dataHeading:o,dataMetrics:t=[],dataButtons:a,background:r,className:n,template:s})=>Ho(O,{className:i(n),background:r,idSection:e,children:Ho(t0,{dataHeading:o,dataMetrics:t,dataButtons:a,template:s})});import{forwardRef as r0}from"react";import{jsx as tm,jsxs as n0}from"react/jsx-runtime";var i0=r0(({className:e,title:o,children:t},a)=>n0("div",{className:e,ref:a,children:[tm("div",{className:"font-semibold text-gray-800",children:o}),tm("div",{style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-241105114139-638664036992710012.png)",backgroundSize:"30%",backgroundPosition:"53% 25%"},className:"mt-4 grid grid-cols-1 gap-4 rounded-lg border bg-no-repeat p-3 text-gray-800",children:t})]}));import{useCallback as d0}from"react";import{Fragment as c0,jsx as fo,jsxs as m0}from"react/jsx-runtime";var s0=()=>fo("div",{className:"p-3 border rounded-lg",children:m0("div",{className:"flex items-center gap-3",children:[fo(Ya,{className:"rounded-md h-9 w-9 "}),fo("div",{className:"flex-1",children:fo(Ya,{className:"w-48 h-5 "})}),fo("div",{className:"w-4 h-4 border-2 border-gray-200 rounded-full"})]})});function l0(){return fo(c0,{children:Array.from({length:4}).map((e,o)=>fo(s0,{},o))})}var om=l0;import{Fragment as g0,jsx as Ft,jsxs as Li}from"react/jsx-runtime";var p0=({paymentMethod:e})=>Ft(Xa,{disabled:e?.disabled,value:e?.paymentMethod,className:"data-[state=checked]:bg-pink-50/50",children:Li("div",{className:"flex items-center space-x-3",children:[Ft("img",{className:"h-9 w-9 object-cover",src:e.logo,alt:e?.name}),Li("div",{className:"grid grid-cols-1 gap-1",children:[Ft("div",{className:"md:text-md line-clamp-2 text-sm font-medium text-gray-700",children:e?.name}),e?.label&&Ft("div",{className:"text-xs font-semibold text-pink-500",children:e?.label}),e?.description&&Ft("div",{className:"text-xs font-normal text-gray-500 ",children:e?.description})]})]})}),f0=({title:e="Ch\u1ECDn ph\u01B0\u01A1ng th\u1EE9c thanh to\xE1n",paymentMethods:o,isLoading:t,onSelectPaymentMethod:a,defaultPaymentMethod:r=""})=>{let n=d0(s=>a?.(s),[a]);return Li(g0,{children:[e&&Ft("div",{className:"text-base font-semibold text-gray-800 ",children:e}),t?Ft(om,{}):Ft(qa,{defaultValue:r??"captureWallet",orientation:"vertical",className:"grid grid-cols-1 gap-4",onValueChange:n,children:o?.length>0&&o?.map(s=>Ft(p0,{paymentMethod:s},s.id))})]})};import{forwardRef as am}from"react";import{jsx as im}from"react/jsx-runtime";var u0=am(({children:e,className:o},t)=>im("div",{ref:t,className:i("grid grid-cols-1 gap-4 bg-white",o),children:e})),rm=am(({children:e,className:o,...t},a)=>im(u0,{ref:a,className:o,...t,children:e}));rm.displayName="Payment";import{forwardRef as v0}from"react";import{jsx as nm,jsxs as x0}from"react/jsx-runtime";var h0=v0(({className:e,children:o},t)=>x0("div",{className:i("",e),ref:t,children:[nm("hr",{className:"mb-5 h-px w-full bg-gray-500"}),nm("div",{className:"flex w-full items-center space-x-3",children:o})]}));import{forwardRef as b0}from"react";import{jsx as w0}from"react/jsx-runtime";var y0=b0(({className:e,children:o},t)=>w0("div",{className:i("pb-5",e),ref:t,children:o}));import{forwardRef as k0}from"react";import{CheckBadgeIcon as N0,XCircleIcon as P0}from"@heroicons/react/20/solid";import{jsx as ne,jsxs as _o}from"react/jsx-runtime";var C0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(ca,{message:o,type:"success",icon:ne(N0,{className:"h-5 w-5 shrink-0 text-green-500"})})]}),R0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),ne(ca,{message:o,type:"error",icon:ne(P0,{className:"h-5 w-5 shrink-0 text-red-600"})})]}),T0=({iconPaymentResult:e,message:o="",title:t=""})=>_o("div",{className:"grid grid-cols-1 gap-4",children:[_o("div",{className:"flex flex-col items-center space-y-3 md:flex-row md:space-x-3 md:space-y-0",children:[e&&ne("div",{className:"relative h-12 w-12 shrink-0 overflow-hidden object-cover",children:e}),t&&ne("div",{className:"text-center text-lg font-bold text-gray-800 md:text-left md:text-2xl",children:t})]}),o&&ne(ca,{message:o,type:"neutral"})]}),sm=({status:e,title:o,message:t,iconPaymentResult:a})=>{switch(e){case"success":return ne(C0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",width:48,height:48,src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161325-638664200053564141.svg"})});case"failed":return ne(R0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161658-638664202186984790.svg"})});case"pending":return ne(T0,{status:e,title:o,message:t,iconPaymentResult:a||ne("img",{className:"",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-241105161636-638664201963670899.svg"})});default:}};import{jsx as D0,jsxs as M0}from"react/jsx-runtime";var S0=k0(({className:e,status:o,message:t,title:a,iconPaymentResult:r,children:n},s)=>M0("div",{ref:s,className:i("rounded-lg p-4",e),children:[D0(sm,{iconPaymentResult:r,title:a,message:t,status:o}),n]}));import{forwardRef as A0,useEffect as L0}from"react";import{jsx as Fi,jsxs as I0}from"react/jsx-runtime";var vr=({content:e})=>I0("picture",{children:[Fi("source",{media:"(max-width: 639px)",srcSet:e?.imageMobile||e.imageDesktop}),Fi("img",{alt:"main-banner-top",className:"w-full",src:e.imageDesktop}),Fi($e,{variant:"transparent",className:"absolute inset-0 h-full w-full opacity-0",...e?.button})]});import{jsx as xa,jsxs as E0}from"react/jsx-runtime";var F0=({template:e,content:o})=>{switch(e){case 1:return xa(vr,{content:o});default:return xa(vr,{content:o})}},z0=A0(({template:e,content:o},t)=>(L0(()=>{let a=document.querySelector(".container-topbar");if(a instanceof HTMLElement){let r=a.offsetHeight;document.documentElement.style.setProperty("--container-topbar-height",`${r}px`)}},[o]),E0("div",{ref:t,className:"container-topbar relative flex items-center justify-between",style:{background:o?.background||"#fafafa"},children:[xa("div",{className:"mx-auto w-full max-w-6xl px-0 md:px-8 lg:px-8",children:xa("div",{className:"content",children:F0({template:e,content:o})})}),xa("style",{children:`
|
|
294
294
|
.container-topbar .content {
|
|
295
295
|
width: 100%;
|
|
296
296
|
aspect-ratio: 1088/50;
|
|
@@ -308,7 +308,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
308
308
|
aspect-ratio: 720/88;
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
`})]})));import*as ba from"react";import{XIcon as
|
|
311
|
+
`})]})));import*as ba from"react";import{XIcon as H0}from"lucide-react";import{Drawer as Be}from"vaul";import{jsx as ft,jsxs as zi}from"react/jsx-runtime";var lm=({shouldScaleBackground:e=!0,...o})=>ft(Be.Root,{shouldScaleBackground:e,...o});lm.displayName="Drawer";var _0=Be.Trigger,mm=Be.Portal,B0=Be.Close,Ei=ba.forwardRef(({className:e,...o},t)=>ft(Be.Overlay,{ref:t,className:i("fixed inset-0 z-50 bg-black/50",e),...o}));Ei.displayName=Be.Overlay.displayName;var cm=ba.forwardRef(({className:e,children:o,hideCloseButton:t=!1,...a},r)=>zi(mm,{children:[ft(Ei,{}),zi(Be.Content,{ref:r,className:i("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto max-h-[90dvh] flex-col rounded-t-xl border bg-white",e),...a,children:[!t&&zi(Be.Close,{className:i("data-[state=open]:outline-focus absolute right-2 top-2 select-none appearance-none rounded-full p-2 text-gray-700 outline-none hover:bg-gray-100 active:bg-gray-200 data-[state=open]:z-10 data-[state=open]:outline-2 data-[state=open]:outline-offset-2"),title:"\u0110\xF3ng",children:[ft(H0,{className:"h-5 w-5"}),ft("span",{className:"sr-only",children:"Close"})]}),o]})]}));cm.displayName="DrawerContent";var dm=({className:e,...o})=>ft("div",{className:i("grid gap-1.5 p-5 text-left",e),...o});dm.displayName="DrawerHeader";var pm=({className:e,...o})=>ft("div",{className:i("mt-auto flex flex-col gap-2 p-4",e),...o});pm.displayName="DrawerFooter";var fm=ba.forwardRef(({className:e,...o},t)=>ft(Be.Title,{ref:t,className:i(" truncate text-lg font-semibold leading-none tracking-tight",e),...o}));fm.displayName=Be.Title.displayName;var gm=ba.forwardRef(({className:e,...o},t)=>ft(Be.Description,{ref:t,className:i("truncate text-sm text-gray-500",e),...o}));gm.displayName=Be.Description.displayName;var um=({children:e,className:o,...t})=>ft("div",{className:i("drawer-body flex-1 overflow-y-auto p-5",o),...t,children:e});um.displayName="DrawerBody";import*as go from"react";import{OTPInput as O0,OTPInputContext as V0}from"input-otp";import{Minus as W0}from"lucide-react";import{jsx as Bo,jsxs as vm}from"react/jsx-runtime";var hm=go.forwardRef(({className:e,containerClassName:o,...t},a)=>Bo(O0,{ref:a,containerClassName:i("flex items-center gap-2 has-[:disabled]:opacity-50",o),className:i("disabled:cursor-not-allowed",e),...t}));hm.displayName="InputOTP";var xm=go.forwardRef(({className:e,...o},t)=>Bo("div",{ref:t,className:i("flex items-center",e),...o}));xm.displayName="InputOTPGroup";var bm=go.forwardRef(({index:e,className:o,...t},a)=>{let r=go.useContext(V0),{char:n,hasFakeCaret:s,isActive:l}=r.slots[e]??{};return vm("div",{ref:a,className:i("border-input relative flex h-9 w-9 items-center justify-center border-y border-r border-gray-400 text-sm text-gray-900 shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",l&&"ring-ring z-10 ring-1",o),...t,children:[n,s&&vm("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:[Bo("div",{className:"animate-caret-blink h-4 w-px bg-gray-500 duration-1000"}),Bo("style",{children:`
|
|
312
312
|
@keyframes caret-blink {
|
|
313
313
|
0%, 70%, 100% {
|
|
314
314
|
opacity: 1;
|
|
@@ -321,7 +321,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
321
321
|
.animate-caret-blink {
|
|
322
322
|
animation: caret-blink 1.25s ease-out infinite;
|
|
323
323
|
}
|
|
324
|
-
`})]})]})});bm.displayName="InputOTPSlot";var ym=go.forwardRef(({...e},o)=>Bo("div",{ref:o,role:"separator",...e,children:Bo(
|
|
324
|
+
`})]})]})});bm.displayName="InputOTPSlot";var ym=go.forwardRef(({...e},o)=>Bo("div",{ref:o,role:"separator",...e,children:Bo(W0,{className:"text-gray-400"})}));ym.displayName="InputOTPSeparator";import{useEffect as Cm,useRef as ev,useState as Rm}from"react";import{toPng as tv}from"html-to-image";import wa from"react";import{LucideMessageCircleQuestion as X0}from"lucide-react";import{QRCodeSVG as Y0}from"qrcode.react";async function wm(e){return new Promise((o,t)=>{let a=new window.Image;a.crossOrigin="Anonymous",a.onload=function(){let r=document.createElement("canvas");r.width=a.width,r.height=a.height;let n=r.getContext("2d");if(!n){t("Kh\xF4ng l\u1EA5y \u0111\u01B0\u1EE3c context c\u1EE7a canvas");return}n.drawImage(a,0,0);let s=r.toDataURL("image/png");o(s)},a.onerror=function(r){t(r)},a.src=e})}import $0 from"html-react-parser";import{Fragment as U0,jsx as se,jsxs as Ye}from"react/jsx-runtime";var G0=()=>{let e=[{text:"Ng\u01B0\u1EDDi d\xF9ng l\u01B0u m\xE3 QR v\u1EC1 m\xE1y (nh\u1EA5n gi\u1EEF \u1EA3nh ho\u1EB7c ch\u1EE5p m\xE0n h\xECnh)."},{text:"M\u1EDF \u1EE9ng d\u1EE5ng Ng\xE2n h\xE0ng ho\u1EB7c V\xED \u0111i\u1EC7n t\u1EED"},{text:'Trong app, ch\u1ECDn ch\u1EE9c n\u0103ng "Qu\xE9t QR" (th\u01B0\u1EDDng l\xE0 bi\u1EC3u t\u01B0\u1EE3ng camera/scan) \u0111\u1EC3 t\u1EA3i \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'},{text:'"Ch\u1ECDn \u1EA3nh t\u1EEB th\u01B0 vi\u1EC7n" / "T\u1EA3i \u1EA3nh QR" ch\u1ECDn \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'}];return se("ul",{className:"grid grid-cols-1 gap-y-6 -ml-3 list-decimal md:hidden",children:e.map((o,t)=>Ye("li",{className:"flex relative gap-4 items-center",children:[se("div",{className:"flex relative z-20 flex-shrink-0 justify-center items-center w-8 h-8 text-sm font-semibold text-gray-700 bg-gray-100 rounded-full",children:t+1}),Ye("div",{className:"flex flex-1 gap-2 items-start",children:[se("p",{className:"text-sm leading-relaxed text-gray-700",children:$0(o.text)}),t<e.length-1&&se("div",{className:"absolute left-4 top-8 w-px h-12 bg-gray-400 transform -translate-x-1/2"})]})]},t))})},j0=({isQrForAll:e,shortTitle:o,className:t})=>Ye("div",{className:`hidden grid-cols-1 gap-y-6 py-8 text-sm md:grid ${t}`,children:[Ye("div",{className:"flex flex-nowrap items-start",children:[se("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:se("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),Ye("div",{className:"flex-1 pl-4",children:[se("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 1 :"}),se("div",{className:"mt-1 text-gray-500",children:e?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"})]})]}),Ye("div",{className:"flex flex-nowrap items-center",children:[se("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:se("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),Ye("div",{className:"flex-1 pl-4",children:[se("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 2 :"}),se("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),Ye("div",{className:"flex flex-nowrap items-center",children:[se("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:se("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),Ye("div",{className:"flex-1 pl-4",children:[se("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 3 :"}),Ye("div",{className:"mt-1 text-gray-500",children:["B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c ",o||"Truy c\u1EADp ngay"]})]})]})]}),Q0=({isQrForAll:e=!1,shortTitle:o,className:t=""})=>Ye(U0,{children:[se(j0,{isQrForAll:e,shortTitle:o,className:t}),se(G0,{})]}),Hi=Q0;import{jsx as ya,jsxs as Nm}from"react/jsx-runtime";var q0=({children:e,title:o="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:t=!1,shortTitle:a,open:r,onOpenChange:n})=>Nm(We,{open:r,onOpenChange:n,children:[ya(Go,{asChild:!0,children:e}),Nm(Le,{position:"bottom",children:[ya(xo,{children:ya(bo,{children:o})}),ya(Je,{children:ya(Hi,{isQrForAll:t,shortTitle:a})})]})]}),_i=q0;import{Fragment as hr,jsx as T,jsxs as ce}from"react/jsx-runtime";var Z0=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:r,priceOrder:n})=>ce(hr,{children:[ce("div",{className:"relative select-none qrcode__scan__container",children:[ce("div",{className:"flex justify-center items-center space-x-2 w-full md:hidden",children:[T("img",{src:"https://homepage.momocdn.net/pwa/images/logoMomox50.png",width:28,height:28,alt:"QR all",className:"select-none shrink-0"}),T("div",{className:"h-[14px] w-[2px] shrink-0 select-none bg-gray-200"}),T("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250711102030-638878260300337990.png",width:56,height:25,alt:"QR all",className:"select-none shrink-0"})]}),ce("div",{className:"select-none qrcode__scan",children:[T("div",{className:"invisible opacity-0 select-none qrcode__gradient md:visible md:opacity-100",children:T("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),T("div",{className:"invisible opacity-0 select-none qrcode__border md:visible md:opacity-100",children:T("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),T("div",{className:"p-4 select-none qrcode__image",children:e?T("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:e,loading:"lazy",onLoad:a}):wa.Children.map(o,s=>(wa.isValidElement(s),s))})]}),n&&ce("div",{className:"text-sm text-gray-900 md:hidden",children:[T("div",{className:"",children:"Th\xF4ng tin thanh to\xE1n"}),T("div",{className:"text-base font-bold text-gray-900",children:n})]})]}),r&&ce("div",{className:i("mt-3 text-sm text-gray-900 md:hidden"),children:[T("span",{children:"M\xE3 h\u1EBFt h\u1EA1n v\xE0o: "}),T("span",{className:"font-semibold",children:r})]}),T("div",{className:"hidden mt-4 text-sm font-semibold text-gray-900 md:block",children:t?ce(hr,{children:[T("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250710143736-638877550567721225.png",width:220,height:28,className:"mx-auto",alt:"QR all"}),T("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):ce(hr,{children:[T("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:T("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",T("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})})]}),K0=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:r,priceOrder:n,className:s=""})=>ce(hr,{children:[T("div",{className:i(s),children:T(Z0,{dateExpired:r,priceOrder:n,img:e,isQrForAll:t,onQrLoaded:a,children:o})}),T("style",{children:`
|
|
325
325
|
.qrcode__scan__container {
|
|
326
326
|
padding: 15px;
|
|
327
327
|
background-color: white;
|
|
@@ -389,7 +389,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
389
389
|
transform: translate3d(0, 30%, 0);
|
|
390
390
|
}
|
|
391
391
|
}
|
|
392
|
-
`})]}),
|
|
392
|
+
`})]}),J0=({isQrForAll:e,qrImage:o,qrLink:t,logoQr:a="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:r,loading:n,onQrLoaded:s,qrImageBase64:l,qrCodeRef:m,dateExpired:c,priceOrder:d,titleOrder:p})=>{let[g,v]=wa.useState(void 0);return wa.useEffect(()=>{a?wm(a).then(v).catch(()=>v(void 0)):v(void 0)},[a]),wa.useEffect(()=>{t&&g&&typeof s=="function"&&!o&&s()},[t,g,s,o]),ce("div",{className:"relative z-[1] ",children:[ce("div",{className:"relative z-[1] bg-pink-50 bg-repeat-y px-5 py-6 text-center",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png) ",backgroundPosition:"right bottom",backgroundSize:"auto 30px"},ref:m,children:[T("img",{className:"hidden absolute right-6 top-14 pointer-events-none select-none md:flex",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250821154232-638913877527374430.png",alt:"pattern-qr"}),T("div",{className:i(" mb-2 hidden text-base font-bold text-gray-900 md:block",l&&"opacity-0 md:opacity-100"),children:p||"Qu\xE9t QR \u0111\u1EC3 thanh to\xE1n"}),l&&T("div",{className:"absolute top-0 right-0 left-0 visible z-20 opacity-100 cursor-pointer md:hidden md:select-none",children:T("img",{src:l,alt:"QR Code"})}),ce(K0,{img:o,isQrForAll:e,onQrLoaded:s,dateExpired:c,priceOrder:d,children:[t&&g&&!o&&T(Y0,{value:t,size:215,imageSettings:{src:`${g}`,height:40,width:40,excavate:!0},level:"H"}),r&&T("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:T("span",{className:"text-lg font-bold text-pink-600",children:"QR Code \u0111\xE3 h\u1EBFt h\u1EA1n"})}),n&&T("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:T(li,{size:"lg"})})]})]}),ce("div",{className:"relative z-10 px-5 pb-5 text-center bg-pink-50 bg-repeat-y select-none qrcode__guide",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png) ",backgroundPosition:"right top",backgroundSize:"auto 30px"},children:[ce("div",{className:i("qrcode__guide absolute -top-24 right-20 z-50 cursor-pointer select-none md:opacity-0",l&&"opacity-100 md:opacity-0"),children:[ce("div",{className:"rounded-full ripple size-5",children:[T("div",{className:"ripple-1"}),T("div",{className:"ripple-2"})]}),T("img",{className:"object-contain relative z-10 -mt-1 drop-shadow-lg select-none qrcode__hand size-7",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250714154408-638881046482607959.png",alt:"Momo Hand Icon"})]}),T("div",{className:"mb-2 text-sm font-semibold text-pink-600 md:hidden",children:"Nh\u1EA5n gi\u1EEF QR \u0111\u1EC3 l\u01B0u"}),T(_i,{isQrForAll:!0,shortTitle:"Thanh to\xE1n ngay",title:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n QR",children:ce("div",{className:"flex justify-center items-center space-x-1 text-sm font-semibold text-center text-pink-600 cursor-pointer",children:[T("div",{children:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n"})," ",T(X0,{className:"size-4"})," "]})}),T("style",{children:`
|
|
393
393
|
.ripple {
|
|
394
394
|
box-sizing: border-box;
|
|
395
395
|
position: relative;
|
|
@@ -445,7 +445,7 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
445
445
|
transform: scale(1) translateY(0);
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
|
-
`})]})]})},Pm=K0;import{Fragment as rv,jsx as Bi}from"react/jsx-runtime";var tv=["qrcode__gradient","qrcode__guide","qrcode__title"],ov=e=>!tv.some(o=>e.classList?.contains(o)),av=({loading:e=!1,isExpriedQR:o,qrLink:t,qrImage:a,logoQr:r,dateExpired:n,priceOrder:s,titleOrder:l,className:m})=>{let c=J0(null),[d,p]=Rm(null),[g,v]=Rm(!1);return Cm(()=>{if(g&&c.current){let P=setTimeout(()=>{c.current&&ev(c.current,{filter:ov}).then(w=>{p(w)}).catch(w=>{console.error("Error generating QR image:",w)})},2e3);return()=>clearTimeout(P)}},[g,t]),Cm(()=>{e&&v(!1)},[e]),Bi(rv,{children:Bi("div",{className:i("relative h-full md:col-span-7 md:rounded-lg",m),children:Bi(Pm,{isQrForAll:!0,qrImage:a,qrLink:t,logoQr:r,expired:o,loading:e,qrCodeRef:c,titleOrder:l,onQrLoaded:()=>{v(!0)},qrImageBase64:d,dateExpired:n,priceOrder:s})})})};import{jsx as zt,jsxs as Oi}from"react/jsx-runtime";var iv=e=>{switch(e){case"email":return{type:"email",inputMode:"email",autoComplete:"email"};case"phone":return{type:"tel",inputMode:"tel",pattern:"[0-9+\\-\\s\\(\\)]*",autoComplete:"tel"};case"number":return{type:"text",inputMode:"numeric",pattern:"[0-9]*",autoComplete:"off"};case"password":return{type:"password",autoComplete:"current-password"};case"text":default:return{type:"text",autoComplete:"off"}}},Tm=({field:e,control:o,className:t=""})=>{let a=r=>{let{value:n,onChange:s,onBlur:l}=r;switch(e.type){case"textarea":return zt(Wr,{placeholder:e.placeholder,value:n||"",onChange:d=>s(d.target.value),onBlur:l,disabled:e.disabled,className:t,maxLength:e.maxLength,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false"});case"boolean":let m=n!==void 0?!!n:!!e.defaultChecked;return Oi("div",{className:"flex items-center space-x-3",children:[zt(ja,{checked:m,onCheckedChange:d=>{s(d)},disabled:e.disabled,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false"}),e.switchLabel&&zt("span",{className:"text-sm text-gray-700",children:e.switchLabel})]});default:let c=iv(e.type);return zt(ei,{...c,placeholder:e.placeholder,value:n||"",isError:r.error,onChange:d=>{let p=d.target.value;e.type==="number"&&(p=p.replace(/[^0-9]/g,"")),e.type==="phone"&&(p=p.replace(/[^0-9+\-\s()]/g,"")),s(p)},onBlur:l,disabled:e.disabled,className:t,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false",maxLength:e.maxLength})}};return zt(pi,{control:o,name:e.name,render:({field:r,fieldState:n})=>Oi(tr,{className:e.className,children:[e.label&&Oi(or,{htmlFor:e.name,children:[e.label,e.required&&zt("span",{className:"ml-1 text-red-500","aria-label":"required",children:"*"})]}),zt(ar,{children:a({...r,error:n.error})}),e.description&&zt(rr,{id:`${e.name}-description`,children:e.description}),zt(ir,{})]})})};import{useMemo as Sm}from"react";import{zodResolver as nv}from"@hookform/resolvers/zod";import{useForm as sv}from"react-hook-form";import{z as Na}from"zod";var km=e=>{let o={};return e.forEach(t=>{let a;switch(t.type){case"email":a=Na.string().email("Email kh\xF4ng h\u1EE3p l\u1EC7");break;case"text":a=Na.string().regex(/^[a-zA-ZÀ-ỹ0-9\s\-_.]*$/,`${t.label||t.name} kh\xF4ng \u0111\u01B0\u1EE3c ch\u1EE9a k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t`);break;case"boolean":a=Na.boolean();break;case"phone":case"number":case"password":case"textarea":default:a=Na.string()}t.type==="boolean"?t.required&&(a=a.refine(r=>r===!0,{message:`${t.label||t.name} l\xE0 b\u1EAFt bu\u1ED9c`})):(t.required&&(a=a.min(1,`${t.label||t.name} l\xE0 b\u1EAFt bu\u1ED9c`)),t.minLength&&t.minLength>0&&(a=a.min(t.minLength,`${t.label||t.name} ph\u1EA3i c\xF3 \xEDt nh\u1EA5t ${t.minLength} k\xFD t\u1EF1`)),t.maxLength&&t.maxLength>0&&(a=a.max(t.maxLength,`${t.label||t.name} kh\xF4ng \u0111\u01B0\u1EE3c v\u01B0\u1EE3t qu\xE1 ${t.maxLength} k\xFD t\u1EF1`)),t.type==="phone"&&t.required&&(a=a.min(10,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`).max(15,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`)),t.pattern&&(a=a.regex(t.pattern,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`)),t.customValidation&&(a=a.refine(t.customValidation,{message:"Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7"})),t.required||(a=a.optional())),o[t.name]=a}),Na.object(o)};var Dm=e=>{let o=Sm(()=>km(e),[e]),t=Sm(()=>{let r={};return e.forEach(n=>{switch(n.type){case"boolean":n.value!==void 0?r[n.name]=!!n.value:r[n.name]=!!n.defaultChecked;break;default:n.value!==void 0?r[n.name]=n.value:r[n.name]=""}}),r},[e]),a=sv({resolver:nv(o),defaultValues:t,mode:"onSubmit"});return{form:a,formData:a.watch(),errors:a.formState.errors,isValid:a.formState.isValid,isSubmitting:a.formState.isSubmitting,reset:a.reset,setValue:a.setValue,trigger:a.trigger}};import{Fragment as Mm,jsx as Ce,jsxs as Vi}from"react/jsx-runtime";var lv=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,r)=>a/r)||1:e||1,mv=({dataHeading:e,dataMedia:o,captchaComponent:t,onSubmit:a,fieldsSchema:r,loading:n=!1,onFieldChange:s,onValidationError:l,dataButtons:m,classNameMedia:c,classNameFormLead:d,classNameWrapper:p,classNameCaptcha:g})=>{let{form:v,errors:P,reset:w}=Dm(r),C=async B=>{try{s&&Object.entries(B).forEach(([L,Oe])=>{s(L,Oe)}),a&&await a(B,w)}catch(L){if(console.error("Form submission error:",L),l){let Oe={};Object.entries(P).forEach(([Ve,Pa])=>{Oe[Ve]={message:Pa?.message||"C\xF3 l\u1ED7i x\u1EA3y ra"}}),l(Oe)}}},z=()=>{v.handleSubmit(C)()},_=()=>{let B=(m.buttons||[]).map((L,Oe)=>{let Ve=L.variant==="primary";return Oe===0||Ve?{...L,action:z,isLoading:n,isDisabled:n}:L});return{...m,buttons:B}},F=()=>"space-y-4",ut=()=>Ce(Mm,{children:o&&Ce(E,{className:i("mb-6 shrink-0",c),ratio:lv(o?.ratio),children:Ce("img",{src:o?.src,alt:o?.alt||"Avatar",className:"object-cover w-full h-full shrink-0"})})}),N=()=>Vi("div",{className:i("p-8 bg-white shadow-small",d),children:[e&&Ce(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h2",align:e?.align||"center",sizeHeading:e?.sizeHeading||"small",colorScheme:e?.colorScheme||"black",className:"mb-6"}),Ce(di,{...v,children:Vi("form",{onSubmit:v.handleSubmit(C),className:"space-y-6",children:[Ce("div",{className:F(),children:r.map(B=>Ce(Tm,{field:B,control:v.control},B.name))}),t&&Ce("div",{className:i("flex",g),children:t}),Ce(x,{..._()})]})})]});return Ce(Mm,{children:Vi("div",{className:i("grid items-center",o?"grid-cols-1 gap-6 md:grid-cols-2":"grid-cols-1",p),children:[o&&Ce("div",{className:"shrink-0",children:ut()}),Ce("div",{className:"overflow-hidden relative mx-auto max-w-xl rounded-lg",children:N()})]})})},cv=({idSection:e,background:o,className:t,...a})=>Ce(O,{className:t,idSection:e,background:o,children:Ce(mv,{...a})});import fv from"color";import gv from"tailwindcss/plugin.js";var Im={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 Am={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var Lm={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var Fm={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var zm={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var Em={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var Hm={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var _m={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Bm={50:"#FAF9FA",100:"#F5F4F5",200:"#E7E4E6",300:"#D6D1D4",400:"#A69BA2",500:"#796B73",600:"#574D53",700:"#443B41",800:"#292427",900:"#1C171A",DEFAULT:"#1C171A"};var Om={white:"#ffffff",black:"#000000",blue:Am,green:Lm,pink:Fm,purple:zm,red:Em,yellow:Hm,gray:Bm,orange:_m};var Wi={...Om};var Vm={"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 gt="250ms",Wm={".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":gt},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":gt},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":gt},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":gt},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":gt},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":gt},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":gt},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":gt},".transition-transform-colors":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":gt},".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":gt}};var $m={".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 Gm={".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 jm={...$m,...Wm,...Gm};import{flatten as dv}from"flat";function pv(e){let o={};for(let t in e){if(t.endsWith("-DEFAULT")){o[t.replace("-DEFAULT","")]=e[t];continue}o[t]=e[t]}return o}var Qm=e=>pv(dv(e,{safe:!0,delimiter:"-"}));var uv=e=>{let o={utilities:{},colors:{}},t=Qm(Wi),a=Vm,r=":root";return o.utilities[r]={},Object.entries(t).forEach(([n,s])=>{if(s)try{let[l,m,c]=fv(s).rgb().array(),d=`--${e}-${n}`;o.utilities[r][d]=`${l} ${m} ${c}`,o.colors[n]=`rgb(var(${d}) / <alpha-value>)`}catch(l){console.log("error",l?.message)}}),Object.entries(a).forEach(([n,s])=>{if(!s)return;let l=`--${e}-${n}`;if(typeof s=="object")Object.entries(s).forEach(([m,c])=>{let d=`${l}-${m}`;o.utilities[r][d]=c});else{let m=l.includes("opacity")&&typeof s=="number"?s?.toString().replace(/^0\./,"."):s;o.utilities[r][l]=m}}),o},vv=()=>{let e="mobase",o=uv(e);return gv(({addBase:t,addUtilities:a,addComponents:r})=>{r({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}},body:{color:"rgb(var(--mobase-gray-900))"}}),t({":root":{"font-smooth--webkit":"antialiased"},...o?.utilities}),a({...jm})},{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:{...Wi,...o?.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)`},...Im}}})};import{Fragment as xv,jsx as I,jsxs as bv}from"react/jsx-runtime";var hv=bv(xv,{children:[I("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"}),I("meta",{name:"distribution",content:"Global"}),I("meta",{name:"author",content:"V\xED MoMo"}),I("meta",{property:"fb:app_id",content:"320653355376196"}),I("meta",{property:"fb:pages",content:"138010322921640"}),I("link",{rel:"shortcut icon",href:"/favicon.ico"}),I("link",{href:"https://www.momo.vn/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),I("link",{href:"https://www.momo.vn/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),I("link",{href:"https://www.momo.vn/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),I("meta",{name:"language",content:"vietnamese"}),I("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),I("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),I("meta",{name:"RATING",content:"GENERAL"}),I("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),I("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),I("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),I("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),I("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),I("link",{rel:"dns-prefetch",href:"//facebook.com"}),I("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),I("link",{rel:"dns-prefetch",href:"//www.google.com"}),I("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),I("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),I("link",{rel:"preconnect",href:"//connect.facebook.net"}),I("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),I("link",{rel:"preconnect",href:"//www.google-analytics.com"}),I("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),I("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),I("link",{rel:"preconnect",href:"//www.google.com"}),I("link",{rel:"preconnect",href:"//www.google.com.vn"}),I("link",{rel:"preconnect",href:"//www.googleadservices.com"}),I("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
448
|
+
`})]})]})},Pm=J0;import{Fragment as iv,jsx as Bi}from"react/jsx-runtime";var ov=["qrcode__gradient","qrcode__guide","qrcode__title"],av=e=>!ov.some(o=>e.classList?.contains(o)),rv=({loading:e=!1,isExpriedQR:o,qrLink:t,qrImage:a,logoQr:r,dateExpired:n,priceOrder:s,titleOrder:l,className:m})=>{let c=ev(null),[d,p]=Rm(null),[g,v]=Rm(!1);return Cm(()=>{if(g&&c.current){let P=setTimeout(()=>{c.current&&tv(c.current,{filter:av}).then(w=>{p(w)}).catch(w=>{console.error("Error generating QR image:",w)})},2e3);return()=>clearTimeout(P)}},[g,t]),Cm(()=>{e&&v(!1)},[e]),Bi(iv,{children:Bi("div",{className:i("relative h-full md:col-span-7 md:rounded-lg",m),children:Bi(Pm,{isQrForAll:!0,qrImage:a,qrLink:t,logoQr:r,expired:o,loading:e,qrCodeRef:c,titleOrder:l,onQrLoaded:()=>{v(!0)},qrImageBase64:d,dateExpired:n,priceOrder:s})})})};import{jsx as zt,jsxs as Oi}from"react/jsx-runtime";var nv=e=>{switch(e){case"email":return{type:"email",inputMode:"email",autoComplete:"email"};case"phone":return{type:"tel",inputMode:"tel",pattern:"[0-9+\\-\\s\\(\\)]*",autoComplete:"tel"};case"number":return{type:"text",inputMode:"numeric",pattern:"[0-9]*",autoComplete:"off"};case"password":return{type:"password",autoComplete:"current-password"};case"text":default:return{type:"text",autoComplete:"off"}}},Tm=({field:e,control:o,className:t=""})=>{let a=r=>{let{value:n,onChange:s,onBlur:l}=r;switch(e.type){case"textarea":return zt(Wr,{placeholder:e.placeholder,value:n||"",onChange:d=>s(d.target.value),onBlur:l,disabled:e.disabled,className:t,maxLength:e.maxLength,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false"});case"boolean":let m=n!==void 0?!!n:!!e.defaultChecked;return Oi("div",{className:"flex items-center space-x-3",children:[zt(ja,{checked:m,onCheckedChange:d=>{s(d)},disabled:e.disabled,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false"}),e.switchLabel&&zt("span",{className:"text-sm text-gray-700",children:e.switchLabel})]});default:let c=nv(e.type);return zt(ei,{...c,placeholder:e.placeholder,value:n||"",isError:r.error,onChange:d=>{let p=d.target.value;e.type==="number"&&(p=p.replace(/[^0-9]/g,"")),e.type==="phone"&&(p=p.replace(/[^0-9+\-\s()]/g,"")),s(p)},onBlur:l,disabled:e.disabled,className:t,"aria-describedby":e.description?`${e.name}-description`:void 0,"aria-invalid":r.error?"true":"false",maxLength:e.maxLength})}};return zt(pi,{control:o,name:e.name,render:({field:r,fieldState:n})=>Oi(tr,{className:e.className,children:[e.label&&Oi(or,{htmlFor:e.name,children:[e.label,e.required&&zt("span",{className:"ml-1 text-red-500","aria-label":"required",children:"*"})]}),zt(ar,{children:a({...r,error:n.error})}),e.description&&zt(rr,{id:`${e.name}-description`,children:e.description}),zt(ir,{})]})})};import{useMemo as Sm}from"react";import{zodResolver as sv}from"@hookform/resolvers/zod";import{useForm as lv}from"react-hook-form";import{z as Na}from"zod";var km=e=>{let o={};return e.forEach(t=>{let a;switch(t.type){case"email":a=Na.string().email("Email kh\xF4ng h\u1EE3p l\u1EC7");break;case"text":a=Na.string().regex(/^[a-zA-ZÀ-ỹ0-9\s\-_.]*$/,`${t.label||t.name} kh\xF4ng \u0111\u01B0\u1EE3c ch\u1EE9a k\xFD t\u1EF1 \u0111\u1EB7c bi\u1EC7t`);break;case"boolean":a=Na.boolean();break;case"phone":case"number":case"password":case"textarea":default:a=Na.string()}t.type==="boolean"?t.required&&(a=a.refine(r=>r===!0,{message:`${t.label||t.name} l\xE0 b\u1EAFt bu\u1ED9c`})):(t.required&&(a=a.min(1,`${t.label||t.name} l\xE0 b\u1EAFt bu\u1ED9c`)),t.minLength&&t.minLength>0&&(a=a.min(t.minLength,`${t.label||t.name} ph\u1EA3i c\xF3 \xEDt nh\u1EA5t ${t.minLength} k\xFD t\u1EF1`)),t.maxLength&&t.maxLength>0&&(a=a.max(t.maxLength,`${t.label||t.name} kh\xF4ng \u0111\u01B0\u1EE3c v\u01B0\u1EE3t qu\xE1 ${t.maxLength} k\xFD t\u1EF1`)),t.type==="phone"&&t.required&&(a=a.min(10,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`).max(15,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`)),t.pattern&&(a=a.regex(t.pattern,`${t.label||t.name} kh\xF4ng \u0111\xFAng \u0111\u1ECBnh d\u1EA1ng`)),t.customValidation&&(a=a.refine(t.customValidation,{message:"Gi\xE1 tr\u1ECB kh\xF4ng h\u1EE3p l\u1EC7"})),t.required||(a=a.optional())),o[t.name]=a}),Na.object(o)};var Dm=e=>{let o=Sm(()=>km(e),[e]),t=Sm(()=>{let r={};return e.forEach(n=>{switch(n.type){case"boolean":n.value!==void 0?r[n.name]=!!n.value:r[n.name]=!!n.defaultChecked;break;default:n.value!==void 0?r[n.name]=n.value:r[n.name]=""}}),r},[e]),a=lv({resolver:sv(o),defaultValues:t,mode:"onSubmit"});return{form:a,formData:a.watch(),errors:a.formState.errors,isValid:a.formState.isValid,isSubmitting:a.formState.isSubmitting,reset:a.reset,setValue:a.setValue,trigger:a.trigger}};import{Fragment as Mm,jsx as Ce,jsxs as Vi}from"react/jsx-runtime";var mv=e=>typeof e=="string"?e?.split("/")?.map(Number)?.reduce((a,r)=>a/r)||1:e||1,cv=({dataHeading:e,dataMedia:o,captchaComponent:t,onSubmit:a,fieldsSchema:r,loading:n=!1,onFieldChange:s,onValidationError:l,dataButtons:m,classNameMedia:c,classNameFormLead:d,classNameWrapper:p,classNameCaptcha:g})=>{let{form:v,errors:P,reset:w}=Dm(r),C=async B=>{try{s&&Object.entries(B).forEach(([L,Oe])=>{s(L,Oe)}),a&&await a(B,w)}catch(L){if(console.error("Form submission error:",L),l){let Oe={};Object.entries(P).forEach(([Ve,Pa])=>{Oe[Ve]={message:Pa?.message||"C\xF3 l\u1ED7i x\u1EA3y ra"}}),l(Oe)}}},z=()=>{v?.handleSubmit(C)()},_=()=>{let B=(m?.buttons||[]).map((L,Oe)=>{let Ve=L?.variant==="primary";return Oe===0||Ve?{...L,action:z,isLoading:n,isDisabled:n}:L});return{...m,buttons:B}},F=()=>"space-y-4",ut=()=>Ce(Mm,{children:o&&Ce(E,{className:i("mb-6 shrink-0",c),ratio:mv(o?.ratio),children:Ce("img",{src:o?.src,alt:o?.alt||"Avatar",className:"h-full w-full shrink-0 object-cover"})})}),N=()=>Vi("div",{className:i("shadow-small bg-white p-8",d),children:[e&&Ce(h,{tagline:e?.tagline,title:e?.title,description:e?.description,tagHeading:e?.tagHeading||"h2",align:e?.align||"center",sizeHeading:e?.sizeHeading||"small",colorScheme:e?.colorScheme||"black",className:"mb-6"}),r?.length>0&&r&&Ce(di,{...v,children:Vi("form",{onSubmit:v.handleSubmit(C),className:"space-y-6",children:[Ce("div",{className:F(),children:r?.map(B=>Ce(Tm,{field:B,control:v.control},B.name))}),t&&Ce("div",{className:i("flex",g),children:t}),m&&Ce(x,{..._()})]})})]});return Ce(Mm,{children:Vi("div",{className:i("grid items-center",o?"grid-cols-1 gap-6 md:grid-cols-2":"grid-cols-1",p),children:[o&&Ce("div",{className:"shrink-0",children:ut()}),Ce("div",{className:"relative mx-auto max-w-xl overflow-hidden rounded-lg",children:N()})]})})},dv=({idSection:e,background:o,className:t,...a})=>Ce(O,{className:t,idSection:e,background:o,children:Ce(cv,{...a})});import gv from"color";import uv from"tailwindcss/plugin.js";var Im={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 Am={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var Lm={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var Fm={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var zm={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var Em={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var Hm={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var _m={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Bm={50:"#FAF9FA",100:"#F5F4F5",200:"#E7E4E6",300:"#D6D1D4",400:"#A69BA2",500:"#796B73",600:"#574D53",700:"#443B41",800:"#292427",900:"#1C171A",DEFAULT:"#1C171A"};var Om={white:"#ffffff",black:"#000000",blue:Am,green:Lm,pink:Fm,purple:zm,red:Em,yellow:Hm,gray:Bm,orange:_m};var Wi={...Om};var Vm={"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 gt="250ms",Wm={".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":gt},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":gt},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":gt},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":gt},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":gt},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":gt},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":gt},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":gt},".transition-transform-colors":{"transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":gt},".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":gt}};var $m={".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 Gm={".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 jm={...$m,...Wm,...Gm};import{flatten as pv}from"flat";function fv(e){let o={};for(let t in e){if(t.endsWith("-DEFAULT")){o[t.replace("-DEFAULT","")]=e[t];continue}o[t]=e[t]}return o}var Qm=e=>fv(pv(e,{safe:!0,delimiter:"-"}));var vv=e=>{let o={utilities:{},colors:{}},t=Qm(Wi),a=Vm,r=":root";return o.utilities[r]={},Object.entries(t).forEach(([n,s])=>{if(s)try{let[l,m,c]=gv(s).rgb().array(),d=`--${e}-${n}`;o.utilities[r][d]=`${l} ${m} ${c}`,o.colors[n]=`rgb(var(${d}) / <alpha-value>)`}catch(l){console.log("error",l?.message)}}),Object.entries(a).forEach(([n,s])=>{if(!s)return;let l=`--${e}-${n}`;if(typeof s=="object")Object.entries(s).forEach(([m,c])=>{let d=`${l}-${m}`;o.utilities[r][d]=c});else{let m=l.includes("opacity")&&typeof s=="number"?s?.toString().replace(/^0\./,"."):s;o.utilities[r][l]=m}}),o},hv=()=>{let e="mobase",o=vv(e);return uv(({addBase:t,addUtilities:a,addComponents:r})=>{r({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}},body:{color:"rgb(var(--mobase-gray-900))"}}),t({":root":{"font-smooth--webkit":"antialiased"},...o?.utilities}),a({...jm})},{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:{...Wi,...o?.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)`},...Im}}})};import{Fragment as bv,jsx as I,jsxs as yv}from"react/jsx-runtime";var xv=yv(bv,{children:[I("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"}),I("meta",{name:"distribution",content:"Global"}),I("meta",{name:"author",content:"V\xED MoMo"}),I("meta",{property:"fb:app_id",content:"320653355376196"}),I("meta",{property:"fb:pages",content:"138010322921640"}),I("link",{rel:"shortcut icon",href:"/favicon.ico"}),I("link",{href:"https://www.momo.vn/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),I("link",{href:"https://www.momo.vn/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),I("link",{href:"https://www.momo.vn/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),I("meta",{name:"language",content:"vietnamese"}),I("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),I("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),I("meta",{name:"RATING",content:"GENERAL"}),I("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),I("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),I("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),I("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),I("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),I("link",{rel:"dns-prefetch",href:"//facebook.com"}),I("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),I("link",{rel:"dns-prefetch",href:"//www.google.com"}),I("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),I("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),I("link",{rel:"preconnect",href:"//connect.facebook.net"}),I("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),I("link",{rel:"preconnect",href:"//www.google-analytics.com"}),I("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),I("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),I("link",{rel:"preconnect",href:"//www.google.com"}),I("link",{rel:"preconnect",href:"//www.google.com.vn"}),I("link",{rel:"preconnect",href:"//www.googleadservices.com"}),I("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
449
449
|
"@context": "https://schema.org/",
|
|
450
450
|
"@type": "WebSite",
|
|
451
451
|
"@id":"https://www.momo.vn/#website",
|
|
@@ -490,5 +490,5 @@ import*as Wo from"react";import{ChevronDownIcon as Zm}from"@heroicons/react/20/s
|
|
|
490
490
|
"https://www.linkedin.com/company/momo-mservice/",
|
|
491
491
|
"https://github.com/momo-wallet"
|
|
492
492
|
]
|
|
493
|
-
}`}})]});export{ht as Accordion,yt as AccordionContent,xt as AccordionItem,bt as AccordionTrigger,$e as ActionButton,Ad as AlertDialog,In as AlertDialogAction,An as AlertDialogCancel,Tn as AlertDialogContent,Mn as AlertDialogDescription,Sn as AlertDialogFooter,kn as AlertDialogHeader,_r as AlertDialogOverlay,Rn as AlertDialogPortal,Dn as AlertDialogTitle,Ld as AlertDialogTrigger,E as AspectRatio,
|
|
493
|
+
}`}})]});export{ht as Accordion,yt as AccordionContent,xt as AccordionItem,bt as AccordionTrigger,$e as ActionButton,Ad as AlertDialog,In as AlertDialogAction,An as AlertDialogCancel,Tn as AlertDialogContent,Mn as AlertDialogDescription,Sn as AlertDialogFooter,kn as AlertDialogHeader,_r as AlertDialogOverlay,Rn as AlertDialogPortal,Dn as AlertDialogTitle,Ld as AlertDialogTrigger,E as AspectRatio,zf as Badge,ad as BlogSection,Xi as Breadcrumb,tn as BreadcrumbEllipsis,Zi as BreadcrumbItem,Ki as BreadcrumbLink,Yi as BreadcrumbList,Ji as BreadcrumbPage,en as BreadcrumbSeparator,Ae as Button,x as ButtonsBlock,Yu as CTASection,Ia as Calendar,ca as Callout,hs as Card,ws as CardContent,ys as CardDescription,Ns as CardFooter,xs as CardHeader,bs as CardTitle,ge as Carousel,ue as CarouselContent,Co as CarouselDots,le as CarouselItem,Po as CarouselNext,No as CarouselPrevious,Da as Checkbox,qa as ChoiceboxGroup,Xa as ChoiceboxGroupItem,Os as ChoiceboxMultiItem,gf as Combobox,ff as ComboboxContent,pf as ComboboxTrigger,ai as Command,mf as CommandDialog,Rs as CommandEmpty,Ts as CommandGroup,Ps as CommandInput,Ss as CommandItem,Cs as CommandList,ks as CommandSeparator,Ds as CommandShortcut,ag as Comment,Nd as DatePicker,Id as DateSelect,We as Dialog,Je as DialogBody,wr as DialogClose,Le as DialogContent,qi as DialogDescription,Ui as DialogFooter,xo as DialogHeader,Nr as DialogOverlay,Qi as DialogPortal,Xt as DialogQr,bo as DialogTitle,Go as DialogTrigger,lm as Drawer,um as DrawerBody,B0 as DrawerClose,cm as DrawerContent,gm as DrawerDescription,pm as DrawerFooter,dm as DrawerHeader,Ei as DrawerOverlay,mm as DrawerPortal,fm as DrawerTitle,_0 as DrawerTrigger,Pg as DropdownMenu,fl as DropdownMenuCheckboxItem,dl as DropdownMenuContent,Rg as DropdownMenuGroup,pl as DropdownMenuItem,ul as DropdownMenuLabel,Tg as DropdownMenuPortal,Sg as DropdownMenuRadioGroup,gl as DropdownMenuRadioItem,vl as DropdownMenuSeparator,hl as DropdownMenuShortcut,kg as DropdownMenuSub,cl as DropdownMenuSubContent,ml as DropdownMenuSubTrigger,Cg as DropdownMenuTrigger,Eu as FAQSection,xu as FeatureSection,nf as Footer,di as Form,ar as FormControl,rr as FormDescription,pi as FormField,tr as FormItem,or as FormLabel,dv as FormLeadSupport,ir as FormMessage,qd as GuideSection,fs as HeaderNavigation,Tr as Heading,h as HeadingBlock,Sr as HeadingGroup,kr as HeadingSub,Rr as HeadingTagline,Qg as HeroSection,Ct as HorizontalContent,Tt as HorizontalNext,Rt as HorizontalPrevious,Pt as HorizontalScroll,Fg as HowItWorksSection,ie as IconButton,hm as InputOTP,xm as InputOTPGroup,ym as InputOTPSeparator,bm as InputOTPSlot,si as LightBoxGalleryContent,ni as LightboxGallery,Mf as LightboxThumbnail,o0 as MetricsSection,Ba as NavigationMenu,Ga as NavigationMenuContent,Va as NavigationMenuItem,na as NavigationMenuLink,Oa as NavigationMenuList,$a as NavigationMenuTrigger,ju as NewsSection,Vn as Pagination,rm as Payment,Hi as PaymentGuide,_i as PaymentGuideDialog,i0 as PaymentInvoice,f0 as PaymentMethods,S0 as PaymentResult,y0 as PaymentResultContent,h0 as PaymentResultFooter,qo as Popover,To as PopoverContent,Xo as PopoverTrigger,fg as ProgressSteps,pg as ProgressStepsItem,dg as ProgressStepsItemTrigger,Qs as Progressbar,rv as QRPayment,as as RadioGroup,rs as RadioGroupItem,mi as ReadMoreLite,Tf as SearchBar,O as SectionBlock,Ko as Select,So as SelectContent,ea as SelectGroup,Ht as SelectItem,bn as SelectLabel,Er as SelectScrollDownButton,zr as SelectScrollUpButton,yn as SelectSeparator,ko as SelectTrigger,Jo as SelectValue,xv as SiteMeta,Ya as Skeleton,Xs as Slider,pu as SocialProofSection,li as Spinner,Zn as Stepper,ja as Switch,kt as Tabs,ot as TabsContent,et as TabsList,tt as TabsTrigger,Iu as TestimonialSection,Wr as TextArea,fe as TextButton,ei as TextInput,Un as ToastAction,pp as Toaster,gp as Tooltip,qn as TooltipArrow,Xn as TooltipContent,fp as TooltipProvider,up as TooltipTrigger,z0 as Topbar,Ws as badgeVariants,Ke as buttonVariants,hv as mobaseTW,Wa as navigationMenuTriggerStyle,sn as textButtonVariants,Gn as toast,fa as useFormField,jr as useToast};
|
|
494
494
|
//# sourceMappingURL=index.js.map
|