@momo-webplatform/mobase 0.2.6 → 0.2.7
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/README.md +10 -0
- package/dist/cjs/index.cjs +3 -3
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as _e from"react";import*as G from"@radix-ui/react-accordion";import{ChevronDown as Li}from"lucide-react";import{clsx as Mi}from"clsx";import{twMerge as Ii}from"tailwind-merge";var so={heading:"V\u1EC1 ch\xFAng t\xF4i",lists:[{title:"Gi\u1EDBi thi\u1EC7u",url:"/sieu-ung-dung-momo",newTab:!1},{title:"An to\xE0n - B\u1EA3o m\u1EADt",url:"/an-toan-bao-mat",newTab:!1},{title:"\u0110i\u1EC1u kho\u1EA3n \u0111i\u1EC1u l\u1EC7",url:"/dieu-khoan-dieu-le",newTab:!1},{title:"Ch\xEDnh s\xE1ch quy\u1EC1n ri\xEAng t\u01B0",url:"/chinh-sach-quyen-rieng-tu",newTab:!1},{title:"\u0110i\u1EC1u kho\u1EA3n li\xEAn k\u1EBFt Google tr\xEAn \u1EE9ng d\u1EE5ng MoMo",url:"/google-cloud-policy",newTab:!1},{title:"Blog",url:"/blog",newTab:!1},{title:"Li\xEAn h\u1EC7",url:"/lienhe",newTab:!1},{title:"H\u1ECFi \u0111\xE1p",url:"/hoi-dap",newTab:!1}]},X={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"}},lo="https://momo.vn/",mo={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 He=[{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"}],kt=[{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"}],co=[{Name:"V\xE9 xem phim",Href:"/cinema",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144722.svg"},{Name:"B\u1EA3o hi\u1EC3m \xD4 t\xF4",Href:"/bao-hiem-o-to/vat-chat",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144844.svg"},{Name:"V\xE9 m\xE1y bay",Href:"/ve-may-bay",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-201210145350.svg"},{Name:"Kh\xE1ch s\u1EA1n",Href:"/khach-san-theo-gio",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210315154805.svg"},{Name:"V\xED nh\xE2n \xE1i",Href:"/vi-nhan-ai",Image:"https://homepage.momocdn.net/img/momo-upload-api-231214222240-638381893608141712.png"},{Name:"T\xFAi th\u1EA7n t\xE0i",Href:"/tui-than-tai",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210716153611.svg"},{Name:"V\xED tr\u1EA3 sau",Href:"/vi-tra-sau",Image:"https://homepage.momocdn.net/img/momo-upload-api-230629144414-638236466540028217.png"},{Name:"Vay nhanh",Href:"/vay-nhanh",Image:"https://homepage.momocdn.net/img/momo-upload-api-230418101312-638174095928506551.png"}];var W={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"}},Dt="nav_footer";function a(...e){return Ii(Mi(e))}var po=({link:e,query:t={}})=>{if(!e)return"";let o=new URL(e,lo||""),i=new URLSearchParams(o.search);return Object.entries(t).forEach(([r,n])=>{n&&i.append(r,n)}),o.search=i.toString(),o.toString()};import{jsx as Pe,jsxs as Ei}from"react/jsx-runtime";var et=_e.forwardRef(({className:e,...t},o)=>Pe(G.Root,{ref:o,...t}));et.displayName="AccordionRoot";var tt=_e.forwardRef(({className:e,...t},o)=>Pe(G.Item,{ref:o,className:a("border-b border-gray-200",e),...t}));tt.displayName="AccordionItem";var ot=_e.forwardRef(({className:e,children:t,...o},i)=>Pe(G.Header,{className:"flex",children:Ei(G.Trigger,{ref:i,className:a("flex flex-1 items-center text-left justify-between py-4 font-medium transition-all hover:underline hover:text-pink-600 [&[data-state=open]]:text-pink-600 [&[data-state=open]>svg]:rotate-180 text-gray-900",e),...o,children:[t,Pe(Li,{className:"h-4 w-4 shrink-0 transition-transform duration-200 ml-1"})]})}));ot.displayName=G.Trigger.displayName;var at=_e.forwardRef(({className:e,children:t,...o},i)=>Pe(G.Content,{ref:i,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-left ",...o,children:Pe("div",{className:a("pb-4 pt-0 text-gray-900 prose-sm",e),children:t})}));at.displayName=G.Content.displayName;import*as Ce from"react";import{ChevronRightIcon as Hi,DotsHorizontalIcon as _i}from"@radix-ui/react-icons";import{Slot as Bi}from"@radix-ui/react-slot";import{jsx as J,jsxs as Vi}from"react/jsx-runtime";var fo=Ce.forwardRef(({className:e,...t},o)=>J("nav",{ref:o,"aria-label":"breadcrumb",className:a("",e),...t}));fo.displayName="Breadcrumb";var go=Ce.forwardRef(({className:e,...t},o)=>J("ol",{ref:o,className:a("flex items-center gap-2 break-words text-sm overflow-x-auto snap-mandatory snap-x [&::-webkit-scrollbar]:hidden",e),...t}));go.displayName="BreadcrumbList";var uo=Ce.forwardRef(({className:e,...t},o)=>J("li",{ref:o,className:a("shrink-0 text-gray-900 hover:text-pink-500",e),...t}));uo.displayName="BreadcrumbItem";var ho=Ce.forwardRef(({asChild:e,className:t,...o},i)=>J(e?Bi:"a",{ref:i,className:a("transition-colors hover:text-foreground",t),...o}));ho.displayName="BreadcrumbLink";var vo=Ce.forwardRef(({className:e,...t},o)=>J("span",{ref:o,role:"link","aria-disabled":"true","aria-current":"page",className:a("text-sm text-gray-500",e),...t}));vo.displayName="BreadcrumbPage";var bo=({children:e,className:t,...o})=>J("li",{role:"presentation","aria-hidden":"true",className:a("text-gray-900",t),...o,children:e??J(Hi,{className:"w-2 h-2"})});bo.displayName="BreadcrumbSeparator";var xo=({className:e,...t})=>Vi("span",{role:"presentation","aria-hidden":"true",className:a("flex h-5 w-5 items-center justify-center",e),...t,children:[J(_i,{className:"w-4 h-4 text-gray-900"}),J("span",{className:"sr-only",children:"More"})]});xo.displayName="BreadcrumbElipssis";import*as wo from"react";import{Slot as Oi}from"@radix-ui/react-slot";import{cva as Wi}from"class-variance-authority";import{jsx as U,jsxs as zi}from"react/jsx-runtime";var Fi=({className:e})=>zi("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"none",className:`${e}`,children:[U("path",{opacity:"0.9","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.2","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.25","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.3","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.35","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.4","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.45","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.5","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.55","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.65","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.75","fill-rule":"evenodd","clip-rule":"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"}),U("path",{opacity:"0.85","fill-rule":"evenodd","clip-rule":"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"})]}),yo=Fi;import{Fragment as Gi,jsx as St,jsxs as $i}from"react/jsx-runtime";var ue=Wi("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed border border-transparent",{variants:{variant:{primary:"bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",secondary:"bg-white text-gray-900 hover:bg-gray-100 disabled:text-gray-400 disabled:bg-white border-gray-300",outline:"border-pink-500 text-pink-500 bg-white hover:bg-pink-50 disabled:bg-white disabled:border-pink-300 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:"text-gray-900 bg-transparent hover:bg-gray-100 disabled:text-gray-400 disabled:bg-transparent"},size:{default:"text-sm h-10 px-4",sm:"h-8 px-3 text-sm",lg:"h-12 px-4 text-base"}},defaultVariants:{variant:"primary",size:"default"}}),Re=wo.forwardRef(({className:e,variant:t="primary",size:o="default",asChild:i=!1,isLoading:r=!1,isDisabled:n=!1,...m},c)=>{let d=i?Oi:"button",y=a(ue({variant:t,size:o,className:e}),{"cursor-wait":r});return St(Gi,{children:i?St(d,{className:y,type:"button",disabled:n,ref:c,...m,children:m.children}):$i(d,{className:y,type:"button",disabled:n,ref:c,...m,children:[r&&St(yo,{className:`${o==="default"||o==="sm"?"w-4 h-4":"w-5 h-5"} animate-spin-loading mr-2`}),m.children]})})});Re.displayName="Button";import*as At from"react";import*as Ve from"@radix-ui/react-checkbox";import{Check as Ui}from"lucide-react";import{Primitive as ji}from"@radix-ui/react-primitive";import{createContextScope as qi}from"@radix-ui/react-context";import{Presence as Qi}from"@radix-ui/react-presence";import{jsx as Be}from"react/jsx-runtime";var No="Checkbox",[Zi,Yi]=qi(No),[Bl,Ki]=Zi(No),Po="CheckboxIndicator";function Xi(e){return Co(e)?"indeterminate":e?"checked":"unchecked"}var Mt=At.forwardRef((e,t)=>{let{__scopeCheckbox:o,forceMount:i,...r}=e,n=Ki(Po,o);return Be(Qi,{present:i||Co(n.state)||n.state===!0,children:Be(ji.span,{"data-state":Xi(n.state),"data-disabled":n.disabled?"":void 0,...r,ref:t,style:{pointerEvents:"none",...e.style}})})});function Co(e){return e==="indeterminate"}Mt.displayName=Po;var Fe=At.forwardRef(({className:e,...t},o)=>Be(Ve.Root,{ref:o,className:a("peer h-4 w-4 shrink-0 rounded-sm border-2 disabled:bg-gray-300 border-gray-300 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-50 data-[state=checked]:border-none disabled:data-[state=checked]:bg-gray-300 disabled:data-[state=checked]:text-gray-600 data-[state=checked]:bg-pink-500 data-[state=checked]:text-white",e),...t,children:Be(Ve.Indicator,{className:a("flex items-center justify-center text-current"),children:Be(Ui,{className:"h-3.5 w-3.5"})})}));Fe.displayName=Ve.Root.displayName;var Ji=Fe,er=Mt;import*as ze from"react";import*as D from"@radix-ui/react-dialog";import{XMarkIcon as tr}from"@heroicons/react/20/solid";import{jsx as ee,jsxs as It}from"react/jsx-runtime";var Oe=D.Root,or=D.Trigger,Ro=D.Portal,ar=D.Close,Lt=ze.forwardRef(({className:e,...t},o)=>ee(D.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/60 !duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));Lt.displayName=D.Overlay.displayName;var Te=ze.forwardRef(({className:e,isRightCloseButton:t,size:o="md",position:i="center",height:r="auto",isFull:n=!1,children:m,...c},d)=>{let y={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(-32px_+_100vh)] 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"},N={sm:"w-80 sm:w-80",md:"w-[512px] sm:w-[512px]",lg:"w-[672px] sm:w-[672px]",xl:"w-[1024px] sm:-[1024px]"},b={auto:"h-auto sm:h-auto",small:"h-[480px] sm:h-[480px]",large:"h-[640px] sm:h-[640px]",full:"h-full"},I=[y.base,y[i],N[o],b[r],n&&"h-full max-h-screen max-w-full w-full rounded-none sm:rounded-xl sm:max-h-[calc(-64px_+_100vh)]",e];return It(Ro,{children:[ee(Lt,{}),It(D.Content,{ref:d,className:a(...I),...c,children:[m,It(D.Close,{className:a("absolute md:top-4 top-2 focus:outline-none focus:ring-0 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-700 text-gray-900 w-8 h-8 flex justify-center items-center rounded-full before:opacity-0 hover:before:opacity-100 before:transition-opacity before:z-[-1] before:content-[''] before:absolute before:inset-0 before:rounded-full before:select-none before:left-0 before:top-0 before:bg-gray-200 left-3 md:left-auto md:right-4",t&&"left-auto right-3 md:right-4"),title:"\u0110\xF3ng",children:[ee(tr,{className:"h-5 w-5 text-gray-700"}),ee("span",{className:"sr-only",children:"Close"})]})]})]})});Te.displayName=D.Content.displayName;var To=({className:e,...t})=>ee("div",{className:a("dialog-header py-2 md:py-4 h-12 md:h-16 px-10 md:px-12 items-center justify-center flex border-b border-gray-200 w-full shrink-0",e),...t});To.displayName="DialogHeader";var it=({className:e,isCondensed:t=!1,...o})=>ee("div",{className:a("dialog-body p-6 flex-1 overflow-y-auto",t&&"p-5",e),...o});it.displayName="DialogBody";var ko=({className:e,isDivider:t=!0,...o})=>ee("div",{className:a("dialog-footer flex sm:flex-row justify-center [&>*]:basis-1/2 [&>*]:sm:basis-auto sm:justify-end space-x-2 px-6 pb-4 shrink-0",t&&"border-gray-200 border-t py-4",e),...o});ko.displayName="DialogFooter";var Do=ze.forwardRef(({className:e,...t},o)=>ee(D.Title,{ref:o,className:a("text-base font-semibold line-clamp-1 max-w-full",e),...t}));Do.displayName=D.Title.displayName;var So=ze.forwardRef(({className:e,...t},o)=>ee(D.Description,{ref:o,className:a("text-sm text-gray-700",e),...t}));So.displayName=D.Description.displayName;import ir from"qrcode.react";import{Fragment as Et,jsx as g,jsxs as _}from"react/jsx-runtime";var rr=({img:e="",children:t,isQrForAll:o})=>_(Et,{children:[g("div",{className:"qrcode__scan__container",children:_("div",{className:"qrcode__scan",children:[g("div",{className:"qrcode__gradient",children:g("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),g("div",{className:"qrcode__border",children:g("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),g("div",{className:"qrcode__image p-4",children:e?g("img",{alt:"step 3",className:"img-fluid d-block mx-auto",src:e,loading:"lazy"}):t})]})}),g("div",{className:"mt-4 text-sm text-white",children:o?_(Et,{children:[g("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),g("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"})]}):_(Et,{children:[g("svg",{xmlns:"http://www.w3.org/2000/svg",className:"mr-1 inline h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:g("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",g("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),g("style",{children:`
|
|
1
|
+
import*as _e from"react";import*as G from"@radix-ui/react-accordion";import{ChevronDown as Li}from"lucide-react";import{clsx as Mi}from"clsx";import{twMerge as Ii}from"tailwind-merge";var so={heading:"V\u1EC1 ch\xFAng t\xF4i",lists:[{title:"Gi\u1EDBi thi\u1EC7u",url:"/sieu-ung-dung-momo",newTab:!1},{title:"An to\xE0n - B\u1EA3o m\u1EADt",url:"/an-toan-bao-mat",newTab:!1},{title:"\u0110i\u1EC1u kho\u1EA3n \u0111i\u1EC1u l\u1EC7",url:"/dieu-khoan-dieu-le",newTab:!1},{title:"Ch\xEDnh s\xE1ch quy\u1EC1n ri\xEAng t\u01B0",url:"/chinh-sach-quyen-rieng-tu",newTab:!1},{title:"\u0110i\u1EC1u kho\u1EA3n li\xEAn k\u1EBFt Google tr\xEAn \u1EE9ng d\u1EE5ng MoMo",url:"/google-cloud-policy",newTab:!1},{title:"Blog",url:"/blog",newTab:!1},{title:"Li\xEAn h\u1EC7",url:"/lienhe",newTab:!1},{title:"H\u1ECFi \u0111\xE1p",url:"/hoi-dap",newTab:!1}]},X={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"}},lo="https://momo.vn/",mo={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 He=[{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"}],kt=[{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"}],co=[{Name:"V\xE9 xem phim",Href:"/cinema",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144722.svg"},{Name:"B\u1EA3o hi\u1EC3m \xD4 t\xF4",Href:"/bao-hiem-o-to/vat-chat",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144844.svg"},{Name:"V\xE9 m\xE1y bay",Href:"/ve-may-bay",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-201210145350.svg"},{Name:"Kh\xE1ch s\u1EA1n",Href:"/khach-san-theo-gio",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210315154805.svg"},{Name:"V\xED nh\xE2n \xE1i",Href:"/vi-nhan-ai",Image:"https://homepage.momocdn.net/img/momo-upload-api-231214222240-638381893608141712.png"},{Name:"T\xFAi th\u1EA7n t\xE0i",Href:"/tui-than-tai",Image:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210716153611.svg"},{Name:"V\xED tr\u1EA3 sau",Href:"/vi-tra-sau",Image:"https://homepage.momocdn.net/img/momo-upload-api-230629144414-638236466540028217.png"},{Name:"Vay nhanh",Href:"/vay-nhanh",Image:"https://homepage.momocdn.net/img/momo-upload-api-230418101312-638174095928506551.png"}];var W={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"}},Dt="nav_footer";function a(...e){return Ii(Mi(e))}var po=({link:e,query:t={}})=>{if(!e)return"";let o=new URL(e,lo||""),i=new URLSearchParams(o.search);return Object.entries(t).forEach(([r,n])=>{n&&i.append(r,n)}),o.search=i.toString(),o.toString()};import{jsx as Pe,jsxs as Ei}from"react/jsx-runtime";var et=_e.forwardRef(({className:e,...t},o)=>Pe(G.Root,{ref:o,...t}));et.displayName="AccordionRoot";var tt=_e.forwardRef(({className:e,...t},o)=>Pe(G.Item,{ref:o,className:a("border-b border-gray-200",e),...t}));tt.displayName="AccordionItem";var ot=_e.forwardRef(({className:e,children:t,...o},i)=>Pe(G.Header,{className:"flex",children:Ei(G.Trigger,{ref:i,className:a("flex flex-1 items-center text-left justify-between py-4 font-medium transition-all hover:underline hover:text-pink-600 [&[data-state=open]]:text-pink-600 [&[data-state=open]>svg]:rotate-180 text-gray-900",e),...o,children:[t,Pe(Li,{className:"h-4 w-4 shrink-0 transition-transform duration-200 ml-1"})]})}));ot.displayName=G.Trigger.displayName;var at=_e.forwardRef(({className:e,children:t,...o},i)=>Pe(G.Content,{ref:i,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-left ",...o,children:Pe("div",{className:a("pb-4 pt-0 text-gray-900 prose-sm",e),children:t})}));at.displayName=G.Content.displayName;import*as Ce from"react";import{ChevronRightIcon as Hi,DotsHorizontalIcon as _i}from"@radix-ui/react-icons";import{Slot as Bi}from"@radix-ui/react-slot";import{jsx as J,jsxs as Vi}from"react/jsx-runtime";var fo=Ce.forwardRef(({className:e,...t},o)=>J("nav",{ref:o,"aria-label":"breadcrumb",className:a("",e),...t}));fo.displayName="Breadcrumb";var go=Ce.forwardRef(({className:e,...t},o)=>J("ol",{ref:o,className:a("flex items-center gap-2 break-words text-sm overflow-x-auto snap-mandatory snap-x [&::-webkit-scrollbar]:hidden",e),...t}));go.displayName="BreadcrumbList";var uo=Ce.forwardRef(({className:e,...t},o)=>J("li",{ref:o,className:a("shrink-0 text-gray-900 hover:text-pink-500",e),...t}));uo.displayName="BreadcrumbItem";var ho=Ce.forwardRef(({asChild:e,className:t,...o},i)=>J(e?Bi:"a",{ref:i,className:a("transition-colors hover:text-foreground",t),...o}));ho.displayName="BreadcrumbLink";var vo=Ce.forwardRef(({className:e,...t},o)=>J("span",{ref:o,role:"link","aria-disabled":"true","aria-current":"page",className:a("text-sm text-gray-500",e),...t}));vo.displayName="BreadcrumbPage";var bo=({children:e,className:t,...o})=>J("li",{role:"presentation","aria-hidden":"true",className:a("text-gray-900",t),...o,children:e??J(Hi,{className:"w-2 h-2"})});bo.displayName="BreadcrumbSeparator";var xo=({className:e,...t})=>Vi("span",{role:"presentation","aria-hidden":"true",className:a("flex h-5 w-5 items-center justify-center",e),...t,children:[J(_i,{className:"w-4 h-4 text-gray-900"}),J("span",{className:"sr-only",children:"More"})]});xo.displayName="BreadcrumbElipssis";import*as wo from"react";import{Slot as Oi}from"@radix-ui/react-slot";import{cva as Wi}from"class-variance-authority";import{jsx as U,jsxs as zi}from"react/jsx-runtime";var Fi=({className:e})=>zi("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"none",className:`${e}`,children:[U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"}),U("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"})]}),yo=Fi;import{Fragment as Gi,jsx as St,jsxs as $i}from"react/jsx-runtime";var ue=Wi("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-semibold transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed border border-transparent",{variants:{variant:{primary:"bg-pink-500 text-white hover:bg-pink-600 disabled:bg-pink-300",secondary:"bg-white text-gray-900 hover:bg-gray-100 disabled:text-gray-400 disabled:bg-white border-gray-300",outline:"border-pink-500 text-pink-500 bg-white hover:bg-pink-50 disabled:bg-white disabled:border-pink-300 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:"text-gray-900 bg-transparent hover:bg-gray-100 disabled:text-gray-400 disabled:bg-transparent"},size:{default:"text-sm h-10 px-4",sm:"h-8 px-3 text-sm",lg:"h-12 px-4 text-base"}},defaultVariants:{variant:"primary",size:"default"}}),Re=wo.forwardRef(({className:e,variant:t="primary",size:o="default",asChild:i=!1,isLoading:r=!1,isDisabled:n=!1,...m},c)=>{let d=i?Oi:"button",y=a(ue({variant:t,size:o,className:e}),{"cursor-wait":r});return St(Gi,{children:i?St(d,{className:y,type:"button",disabled:n,ref:c,...m,children:m.children}):$i(d,{className:y,type:"button",disabled:n,ref:c,...m,children:[r&&St(yo,{className:`${o==="default"||o==="sm"?"w-4 h-4":"w-5 h-5"} animate-spin-loading mr-2`}),m.children]})})});Re.displayName="Button";import*as At from"react";import*as Ve from"@radix-ui/react-checkbox";import{Check as Ui}from"lucide-react";import{Primitive as ji}from"@radix-ui/react-primitive";import{createContextScope as qi}from"@radix-ui/react-context";import{Presence as Qi}from"@radix-ui/react-presence";import{jsx as Be}from"react/jsx-runtime";var No="Checkbox",[Zi,Yi]=qi(No),[Bl,Ki]=Zi(No),Po="CheckboxIndicator";function Xi(e){return Co(e)?"indeterminate":e?"checked":"unchecked"}var Mt=At.forwardRef((e,t)=>{let{__scopeCheckbox:o,forceMount:i,...r}=e,n=Ki(Po,o);return Be(Qi,{present:i||Co(n.state)||n.state===!0,children:Be(ji.span,{"data-state":Xi(n.state),"data-disabled":n.disabled?"":void 0,...r,ref:t,style:{pointerEvents:"none",...e.style}})})});function Co(e){return e==="indeterminate"}Mt.displayName=Po;var Fe=At.forwardRef(({className:e,...t},o)=>Be(Ve.Root,{ref:o,className:a("peer h-4 w-4 shrink-0 rounded-sm border-2 disabled:bg-gray-300 border-gray-300 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-50 data-[state=checked]:border-none disabled:data-[state=checked]:bg-gray-300 disabled:data-[state=checked]:text-gray-600 data-[state=checked]:bg-pink-500 data-[state=checked]:text-white",e),...t,children:Be(Ve.Indicator,{className:a("flex items-center justify-center text-current"),children:Be(Ui,{className:"h-3.5 w-3.5"})})}));Fe.displayName=Ve.Root.displayName;var Ji=Fe,er=Mt;import*as ze from"react";import*as D from"@radix-ui/react-dialog";import{XMarkIcon as tr}from"@heroicons/react/20/solid";import{jsx as ee,jsxs as It}from"react/jsx-runtime";var Oe=D.Root,or=D.Trigger,Ro=D.Portal,ar=D.Close,Lt=ze.forwardRef(({className:e,...t},o)=>ee(D.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/60 !duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));Lt.displayName=D.Overlay.displayName;var Te=ze.forwardRef(({className:e,isRightCloseButton:t,size:o="md",position:i="center",height:r="auto",isFull:n=!1,children:m,...c},d)=>{let y={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(-32px_+_100vh)] 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"},N={sm:"w-80 sm:w-80",md:"w-[512px] sm:w-[512px]",lg:"w-[672px] sm:w-[672px]",xl:"w-[1024px] sm:-[1024px]"},b={auto:"h-auto sm:h-auto",small:"h-[480px] sm:h-[480px]",large:"h-[640px] sm:h-[640px]",full:"h-full"},I=[y.base,y[i],N[o],b[r],n&&"h-full max-h-screen max-w-full w-full rounded-none sm:rounded-xl sm:max-h-[calc(-64px_+_100vh)]",e];return It(Ro,{children:[ee(Lt,{}),It(D.Content,{ref:d,className:a(...I),...c,children:[m,It(D.Close,{className:a("absolute md:top-4 top-2 focus:outline-none focus:ring-0 disabled:pointer-events-none data-[state=open]:bg-gray-100 data-[state=open]:text-gray-700 text-gray-900 w-8 h-8 flex justify-center items-center rounded-full before:opacity-0 hover:before:opacity-100 before:transition-opacity before:z-[-1] before:content-[''] before:absolute before:inset-0 before:rounded-full before:select-none before:left-0 before:top-0 before:bg-gray-200 left-3 md:left-auto md:right-4",t&&"left-auto right-3 md:right-4"),title:"\u0110\xF3ng",children:[ee(tr,{className:"h-5 w-5 text-gray-700"}),ee("span",{className:"sr-only",children:"Close"})]})]})]})});Te.displayName=D.Content.displayName;var To=({className:e,...t})=>ee("div",{className:a("dialog-header py-2 md:py-4 h-12 md:h-16 px-10 md:px-12 items-center justify-center flex border-b border-gray-200 w-full shrink-0",e),...t});To.displayName="DialogHeader";var it=({className:e,isCondensed:t=!1,...o})=>ee("div",{className:a("dialog-body p-6 flex-1 overflow-y-auto",t&&"p-5",e),...o});it.displayName="DialogBody";var ko=({className:e,isDivider:t=!0,...o})=>ee("div",{className:a("dialog-footer flex sm:flex-row justify-center [&>*]:basis-1/2 [&>*]:sm:basis-auto sm:justify-end space-x-2 px-6 pb-4 shrink-0",t&&"border-gray-200 border-t py-4",e),...o});ko.displayName="DialogFooter";var Do=ze.forwardRef(({className:e,...t},o)=>ee(D.Title,{ref:o,className:a("text-base font-semibold line-clamp-1 max-w-full",e),...t}));Do.displayName=D.Title.displayName;var So=ze.forwardRef(({className:e,...t},o)=>ee(D.Description,{ref:o,className:a("text-sm text-gray-700",e),...t}));So.displayName=D.Description.displayName;import ir from"qrcode.react";import{Fragment as Et,jsx as g,jsxs as _}from"react/jsx-runtime";var rr=({img:e="",children:t,isQrForAll:o})=>_(Et,{children:[g("div",{className:"qrcode__scan__container",children:_("div",{className:"qrcode__scan",children:[g("div",{className:"qrcode__gradient",children:g("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),g("div",{className:"qrcode__border",children:g("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),g("div",{className:"qrcode__image p-4",children:e?g("img",{alt:"step 3",className:"img-fluid d-block mx-auto",src:e,loading:"lazy"}):t})]})}),g("div",{className:"mt-4 text-sm text-white",children:o?_(Et,{children:[g("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",width:255,height:32,className:"mx-auto",alt:"QR all"}),g("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"})]}):_(Et,{children:[g("svg",{xmlns:"http://www.w3.org/2000/svg",className:"mr-1 inline h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:g("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",g("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})}),g("style",{children:`
|
|
2
2
|
.qrcode__scan__container {
|
|
3
3
|
padding: 15px;
|
|
4
4
|
background-color: white;
|
|
@@ -229,7 +229,7 @@ import*as _e from"react";import*as G from"@radix-ui/react-accordion";import{Chev
|
|
|
229
229
|
.mobase-focus {
|
|
230
230
|
box-shadow: 0px 0px 0px 2px rgb(var(--mobase-pink-500) / 1) inset;
|
|
231
231
|
}
|
|
232
|
-
`})]})},ws=({direction:e="row",label:t,type:o,value:i,children:r,disabled:n,hiddenInput:m,onChange:c,className:d,...y})=>{let N=`choicebox-group-${t?.replace(/\s+/g,"-").toLowerCase()}`;return Pt("div",{...y,children:[de("label",{children:t}),de("ul",{className:a("",d,e?"flex md:flex-row md:space-y-0 md:space-x-4 flex-col space-y-4":"block"),children:io.Children?.map(r,b=>{if(io.isValidElement(b)){let I={disabled:b.props.disabled??n,type:o,name:N,checked:b.props.value===i,hiddenInput:m,className:b.props.className,classNameTitle:b.props.classNameTitle,classNameDescription:b.props.classNameDescription,onChange:c},F=Object.keys(I).reduce((T,x)=>(I[x]!==void 0&&(T[x]=I[x]),T),{});return io.cloneElement(b,F)}return null})})]})};import{cva as Ns}from"class-variance-authority";import{jsx as Cs}from"react/jsx-runtime";var Ja=Ns("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 Ps({className:e,variant:t,...o}){return Cs("div",{className:a(Ja({variant:t}),e),...o})}import*as ti from"react";import*as qe from"@radix-ui/react-progress";import{cva as oi}from"class-variance-authority";import{jsx as ei}from"react/jsx-runtime";var Rs=oi("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"}}),Ts=oi("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"}}),ai=ti.forwardRef(({className:e,value:t,variant:o="progress",size:i="medium",disabled:r=!1,...n},m)=>ei(qe.Root,{ref:m,className:a("",Ts({size:i}),e),...n,children:ei(qe.Indicator,{className:a("",Rs({variant:o})),style:{transform:`translateX(-${100-(t||0)}%)`}})}));ai.displayName=qe.Root.displayName;import li,{forwardRef as ks}from"react";var Ct=1;var ii={tagName:"DUMMY TAG",title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. ",description:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime minima amet porro.nam asperiores omnis labore doloribus excepturi?",media:{type:1,src:"https://homepage.momocdn.net/img/momo-upload-api-240522112100-638519736605993862.jpg",ratioImg:1/1}},ri=[{variant:"primary",content:"Button Primary",url:""},{variant:"transparent",content:"Button Text",url:""}],ni={type:"col",contents:[{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""}]};import{CheckIcon as Ds}from"@heroicons/react/24/outline";import*as si from"@radix-ui/react-aspect-ratio";var Rt=si.Root;import{cva as Ss}from"class-variance-authority";import*as Z from"@radix-ui/react-dialog";import{X as As}from"lucide-react";import{Fragment as ro,jsx as s,jsxs as R}from"react/jsx-runtime";var Ms=Z.Portal,Is=li.forwardRef(({className:e,...t},o)=>s(Z.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t})),Ls=Z.Root,Es=()=>R(Z.Close,{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:[s(As,{className:"h-4 w-4 mt-0.5"}),s("div",{className:"",children:"\u0110\xF3ng c\u1EEDa s\u1ED5"})]}),Hs=li.forwardRef(({className:e,children:t,...o},i)=>R(Ms,{children:[s(Is,{className:"bg-black"}),R(Z.Content,{ref:i,className:a("h-full min-w-full border-none rounded-none z-[999] fixed left-[50%] top-[50%] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg 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%] ",e),...o,children:[t,s(Es,{})]})]})),_s=Ss("max-w-md space-y-1 text-gray-800 font-semibold list-inside ",{variants:{template:{col:" flex-col flex mt-5",row:"grid grid-cols-3 items-center divide-x gap-2 mt-5 ",customize:"grid grid-cols-2 md:grid-cols-4 gap-12 max-w-5xl mx-auto font-semibold items-center py-12 text-left text-sm"}},defaultVariants:{template:"col"}}),Qe=({title:e,className:t})=>s("h1",{dangerouslySetInnerHTML:{__html:e||""},className:a("text-3xl md:text-4xl font-bold py-3 text-gray-900",t)}),Ze=({tagName:e,className:t})=>s("div",{className:a("text-pink-500 font-bold text-sm tracking-wider ",t),children:e}),Ye=({description:e,className:t})=>s("div",{dangerouslySetInnerHTML:{__html:e||""},className:a("text-lg text-gray-700 pb-2",t)}),pe=({dataCtas:e,className:t})=>{let o=(r,n)=>{r.preventDefault(),r.stopPropagation(),n?.()},i=({cta:r,index:n})=>R(ro,{children:[s(Re,{onClick:m=>r?.onClickCTA?.()&&o(m,r?.onClickCTA?.()),variant:r?.variant,className:a("md:block hidden",r?.variant!=="primary"&&"text-pink-500 hidden "),children:r?.content},n),s(Re,{variant:r?.variant,className:a("md:hidden",r?.variant!=="primary"&&"text-pink-500"),children:s("a",{href:r?.url,target:"_blank",rel:"noreferrer",children:r?.content})},n)]});return s("div",{className:a("flex items-center mt-10",t,e?.length>1?"space-x-6":""),children:e?.map((r,n)=>r?.isQRCode?s(i,{cta:r,index:n}):s(Re,{onClick:m=>{r?.url||(m.stopPropagation(),m.preventDefault())},variant:r?.variant,className:a("",r?.variant!=="primary"&&"text-pink-500"),children:s("a",{href:r?.url,target:"_blank",rel:"noreferrer",children:r?.content})},n))})},Bs=({template:e,title:t,label:o,icon:i,idx:r})=>s(ro,{children:(()=>{switch(e){case"col":return R("li",{className:"flex items-center pb-3",children:[s("div",{className:"bg-pink-100 p-1 rounded-full w-5 h-5 flex items-center justify-center",children:s(Ds,{className:"w-4 h-4 text-pink-500 "})}),s("div",{className:"ml-2",children:t})]});case"row":return R("div",{className:a("",r>0?"pl-4":""),children:[s("div",{className:"font-bold text-gray-900",children:t}),s("div",{className:"text-sm mt-1 text-gray-500",children:o})]});case"customize":return R("div",{className:"flex items-center space-x-4",children:[s("img",{src:i,alt:"",className:"shrink-0"}),s("div",{className:"text-gray-900 text-left",children:t})]});default:return null}})()}),Ke=({dataFeatures:e})=>s("ul",{className:a("",_s({template:e?.type})),children:e?.contents?.map((t,o)=>s(Bs,{title:t?.title,template:e?.type,label:t?.label,icon:t?.icon,idx:o},o))}),Vs=({type:e=1,src:t,ratioImg:o,className:i,video:r,onClickFC:n=()=>{}})=>R(Rt,{className:a(""),ratio:o,children:[s("img",{src:t,className:a("w-full h-full object-cover md:block hidden",i,t?"":"bg-gray-200"),alt:""}),e!==Ct&&r?.codeVideo&&s("div",{className:"aspect-[16/9] realtive overflow-hidden w-full",children:s("iframe",{title:r?.titleVideo,src:`https://www.youtube.com/embed/${r?.codeVideo}?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:"w-full h-full object-cover md:hidden"})}),e!==Ct&&r?.codeVideo&&R(Ls,{children:[s(Z.Trigger,{onClick:n,children:s("div",{className:"w-full hidden md:flex h-full cursor-pointer transition-transform group-hover:scale-105 top-0 absolute z-10 items-center justify-center",children:s("svg",{className:"w-14 h-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:R("g",{fill:"none",fillRule:"evenodd",children:[s("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),s("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"})]})})})}),s(Hs,{className:"w-full h-full flex items-center justify-center bg-gray-900 p-0",children:s("iframe",{width:738,height:439,title:r?.titleVideo,src:`https://www.youtube.com/embed/${r?.codeVideo}?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:""})})]})]}),fe=({type:e=1,url:t="",src:o,ratioImg:i,className:r,video:n,onClickFC:m=()=>{}})=>s("div",{children:e===Ct&&!n?.codeVideo?s(Rt,{className:a(""),ratio:i,children:s("img",{src:o,className:a("w-full h-full object-cover",r,o?"":"bg-gray-200"),alt:""})}):s(Vs,{type:e,url:t,src:o,ratioImg:i,video:n,onClickFC:m})}),Fs=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 md:gap-16 gap-4 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"md:block hidden",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,video:e?.media?.video}),s("div",{className:"block md:hidden flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),zs=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[s("div",{className:"col-span-1",children:s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})})}),R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"md:hidden mt-10",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"w-full flex items-center justify-center md:justify-start",children:s(pe,{dataCtas:t})})]})]}),Os=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"hidden md:block",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden block w-full flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),Ws=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"hidden md:block",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,className:"relative overflow-hidden -bottom-20"})}),s("div",{className:"md:hidden",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden block w-full flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),$s=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{children:[s(Ze,{tagName:e?.tagName,className:"max-w-4xl mx-auto text-center text-base leading-7 text-pink-500 font-bold"}),s(Qe,{title:e?.title,className:"max-w-4xl mx-auto text-center font-manrope font-bold text-2xl text-gray-900 mb-5 md:text-4xl lg:text-5xl"}),s(Ye,{description:e?.description,className:"max-w-4xl mx-auto text-center text-base md:text-lg lg:text-xl font-normal leading-7 text-gray-700"}),s(pe,{dataCtas:t,className:"w-full md:w-full inline-flex items-center justify-center text-base font-semibold text-center "}),s(Ke,{dataFeatures:o}),s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,className:"rounded-lg"})]}),Gs=({template:e,data:t,dataCtas:o,dataFeatures:i})=>{switch(e){case 1:return s(Fs,{data:t,dataCtas:o,dataFeatures:i});case 2:return s(zs,{data:t,dataCtas:o,dataFeatures:i});case 3:return s(Os,{data:t,dataCtas:o,dataFeatures:i});case 4:return s(Ws,{data:t,dataCtas:o,dataFeatures:i});case 5:return s($s,{data:t,dataCtas:o,dataFeatures:i});default:return null}},Us=({template:e,data:t,dataCtas:o,dataFeatures:i})=>s(ro,{children:Gs({template:e,data:t,dataCtas:o,dataFeatures:i})}),js=ks(({template:e=1,className:t,data:o,dataCtas:i,dataFeatures:r},n)=>R("div",{ref:n,className:a(" bg-section-hero overflow-hidden py-20",t),children:[s("div",{className:"wrapper relative",children:s(Us,{dataCtas:i||ri,template:e,data:o||ii,dataFeatures:r||ni})}),s("style",{children:`
|
|
232
|
+
`})]})},ws=({direction:e="row",label:t,type:o,value:i,children:r,disabled:n,hiddenInput:m,onChange:c,className:d,...y})=>{let N=`choicebox-group-${t?.replace(/\s+/g,"-").toLowerCase()}`;return Pt("div",{...y,children:[de("label",{children:t}),de("ul",{className:a("",d,e?"flex md:flex-row md:space-y-0 md:space-x-4 flex-col space-y-4":"block"),children:io.Children?.map(r,b=>{if(io.isValidElement(b)){let I={disabled:b.props.disabled??n,type:o,name:N,checked:b.props.value===i,hiddenInput:m,className:b.props.className,classNameTitle:b.props.classNameTitle,classNameDescription:b.props.classNameDescription,onChange:c},F=Object.keys(I).reduce((T,x)=>(I[x]!==void 0&&(T[x]=I[x]),T),{});return io.cloneElement(b,F)}return null})})]})};import{cva as Ns}from"class-variance-authority";import{jsx as Cs}from"react/jsx-runtime";var Ja=Ns("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 Ps({className:e,variant:t,...o}){return Cs("div",{className:a(Ja({variant:t}),e),...o})}import*as ti from"react";import*as qe from"@radix-ui/react-progress";import{cva as oi}from"class-variance-authority";import{jsx as ei}from"react/jsx-runtime";var Rs=oi("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"}}),Ts=oi("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"}}),ai=ti.forwardRef(({className:e,value:t,variant:o="progress",size:i="medium",disabled:r=!1,...n},m)=>ei(qe.Root,{ref:m,className:a("",Ts({size:i}),e),...n,children:ei(qe.Indicator,{className:a("",Rs({variant:o})),style:{transform:`translateX(-${100-(t||0)}%)`}})}));ai.displayName=qe.Root.displayName;import li,{forwardRef as ks}from"react";var Ct=1;var ii={tagName:"DUMMY TAG",title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. ",description:"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime minima amet porro.nam asperiores omnis labore doloribus excepturi?",media:{type:1,src:"https://homepage.momocdn.net/img/momo-upload-api-240522112100-638519736605993862.jpg",ratioImg:1/1}},ri=[{variant:"primary",content:"Button Primary",url:""},{variant:"transparent",content:"Button Text",url:""}],ni={type:"col",contents:[{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""},{title:"Lorem ipsum, dolor sit amet consectetur adipisicing elit",label:"",icon:""}]};import{CheckIcon as Ds}from"@heroicons/react/24/outline";import*as si from"@radix-ui/react-aspect-ratio";var Rt=si.Root;import{cva as Ss}from"class-variance-authority";import*as Z from"@radix-ui/react-dialog";import{X as As}from"lucide-react";import{Fragment as ro,jsx as s,jsxs as R}from"react/jsx-runtime";var Ms=Z.Portal,Is=li.forwardRef(({className:e,...t},o)=>s(Z.Overlay,{ref:o,className:a("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t})),Ls=Z.Root,Es=()=>R(Z.Close,{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:[s(As,{className:"h-4 w-4 mt-0.5"}),s("div",{className:"",children:"\u0110\xF3ng c\u1EEDa s\u1ED5"})]}),Hs=li.forwardRef(({className:e,children:t,...o},i)=>R(Ms,{children:[s(Is,{className:"bg-black"}),R(Z.Content,{ref:i,className:a("h-full min-w-full border-none rounded-none z-[999] fixed left-[50%] top-[50%] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg 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%] ",e),...o,children:[t,s(Es,{})]})]})),_s=Ss("max-w-md space-y-1 text-gray-800 font-semibold list-inside ",{variants:{template:{col:" flex-col flex mt-5",row:"grid grid-cols-3 items-center divide-x gap-2 mt-5 ",customize:"grid grid-cols-2 md:grid-cols-4 gap-12 max-w-5xl mx-auto font-semibold items-center py-12 text-left text-sm"}},defaultVariants:{template:"col"}}),Qe=({title:e,className:t})=>s("h1",{dangerouslySetInnerHTML:{__html:e||""},className:a("text-3xl md:text-4xl font-bold py-3 text-gray-900",t)}),Ze=({tagName:e,className:t})=>s("div",{className:a("text-pink-500 font-bold text-sm tracking-wider ",t),children:e}),Ye=({description:e,className:t})=>s("div",{dangerouslySetInnerHTML:{__html:e||""},className:a("text-lg text-gray-700 pb-2",t)}),pe=({dataCtas:e,className:t})=>{let o=(r,n)=>{r.preventDefault(),r.stopPropagation(),n?.()},i=({cta:r,index:n})=>R(ro,{children:[s(Re,{onClick:m=>r?.onClickCTA?.()&&o(m,r?.onClickCTA?.()),variant:r?.variant,className:a("md:block hidden",r?.variant!=="primary"&&"text-pink-500 hidden "),children:r?.content},n),s(Re,{variant:r?.variant,className:a("md:hidden",r?.variant!=="primary"&&"text-pink-500"),children:s("a",{href:r?.url,target:"_blank",rel:"noreferrer",children:r?.content})},n)]});return s("div",{className:a("flex items-center mt-10",t,e?.length>1?"space-x-6":""),children:e?.map((r,n)=>r?.isQRCode?s(i,{cta:r,index:n},n):s(Re,{onClick:m=>{r?.url||(m.stopPropagation(),m.preventDefault())},variant:r?.variant,className:a("",r?.variant!=="primary"&&"text-pink-500"),children:s("a",{href:r?.url,target:"_blank",rel:"noreferrer",children:r?.content})},n))})},Bs=({template:e,title:t,label:o,icon:i,idx:r})=>s(ro,{children:(()=>{switch(e){case"col":return R("li",{className:"flex items-center pb-3",children:[s("div",{className:"bg-pink-100 p-1 rounded-full w-5 h-5 flex items-center justify-center",children:s(Ds,{className:"w-4 h-4 text-pink-500 "})}),s("div",{className:"ml-2",children:t})]});case"row":return R("div",{className:a("",r>0?"pl-4":""),children:[s("div",{className:"font-bold text-gray-900",children:t}),s("div",{className:"text-sm mt-1 text-gray-500",children:o})]});case"customize":return R("div",{className:"flex items-center space-x-4",children:[s("img",{src:i,alt:"",className:"shrink-0"}),s("div",{className:"text-gray-900 text-left",children:t})]});default:return null}})()}),Ke=({dataFeatures:e})=>s("ul",{className:a("",_s({template:e?.type})),children:e?.contents?.map((t,o)=>s(Bs,{title:t?.title,template:e?.type,label:t?.label,icon:t?.icon,idx:o},o))}),Vs=({type:e=1,src:t,ratioImg:o,className:i,video:r,onClickFC:n=()=>{}})=>R(Rt,{className:a(""),ratio:o,children:[s("img",{src:t,className:a("w-full h-full object-cover md:block hidden",i,t?"":"bg-gray-200"),alt:""}),e!==Ct&&r?.codeVideo&&s("div",{className:"aspect-[16/9] realtive overflow-hidden w-full",children:s("iframe",{title:r?.titleVideo,src:`https://www.youtube.com/embed/${r?.codeVideo}?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:"w-full h-full object-cover md:hidden"})}),e!==Ct&&r?.codeVideo&&R(Ls,{children:[s(Z.Trigger,{onClick:n,children:s("div",{className:"w-full hidden md:flex h-full cursor-pointer transition-transform group-hover:scale-105 top-0 absolute z-10 items-center justify-center",children:s("svg",{className:"w-14 h-14",viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",children:R("g",{fill:"none",fillRule:"evenodd",children:[s("circle",{stroke:"#FFF",strokeWidth:2,fillOpacity:".24",fill:"#000",cx:24,cy:24,r:23}),s("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"})]})})})}),s(Hs,{className:"w-full h-full flex items-center justify-center bg-gray-900 p-0",children:s("iframe",{width:738,height:439,title:r?.titleVideo,src:`https://www.youtube.com/embed/${r?.codeVideo}?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:""})})]})]}),fe=({type:e=1,url:t="",src:o,ratioImg:i,className:r,video:n,onClickFC:m=()=>{}})=>s("div",{children:e===Ct&&!n?.codeVideo?s(Rt,{className:a(""),ratio:i,children:s("img",{src:o,className:a("w-full h-full object-cover",r,o?"":"bg-gray-200"),alt:""})}):s(Vs,{type:e,url:t,src:o,ratioImg:i,video:n,onClickFC:m})}),Fs=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 md:gap-16 gap-4 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"md:block hidden",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,video:e?.media?.video}),s("div",{className:"block md:hidden flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),zs=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[s("div",{className:"col-span-1",children:s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})})}),R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"md:hidden mt-10",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"w-full flex items-center justify-center md:justify-start",children:s(pe,{dataCtas:t})})]})]}),Os=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"hidden md:block",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden block w-full flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),Ws=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{className:a("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),children:[R("div",{className:"col-span-1",children:[s(Ze,{tagName:e?.tagName}),s(Qe,{title:e?.title}),s(Ye,{description:e?.description}),s(Ke,{dataFeatures:o}),s("div",{className:"hidden md:block",children:s(pe,{dataCtas:t})})]}),R("div",{className:"col-span-1",children:[s("div",{className:"hidden md:block",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,className:"relative overflow-hidden -bottom-20"})}),s("div",{className:"md:hidden",children:s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg})}),s("div",{className:"md:hidden block w-full flex items-center justify-center",children:s(pe,{dataCtas:t})})]})]}),$s=({data:e,dataCtas:t,dataFeatures:o})=>R("div",{children:[s(Ze,{tagName:e?.tagName,className:"max-w-4xl mx-auto text-center text-base leading-7 text-pink-500 font-bold"}),s(Qe,{title:e?.title,className:"max-w-4xl mx-auto text-center font-manrope font-bold text-2xl text-gray-900 mb-5 md:text-4xl lg:text-5xl"}),s(Ye,{description:e?.description,className:"max-w-4xl mx-auto text-center text-base md:text-lg lg:text-xl font-normal leading-7 text-gray-700"}),s(pe,{dataCtas:t,className:"w-full md:w-full inline-flex items-center justify-center text-base font-semibold text-center "}),s(Ke,{dataFeatures:o}),s(fe,{type:e?.media?.type||1,url:e?.media?.url||"",src:e?.media?.src||"",ratioImg:e?.media?.ratioImg,className:"rounded-lg"})]}),Gs=({template:e,data:t,dataCtas:o,dataFeatures:i})=>{switch(e){case 1:return s(Fs,{data:t,dataCtas:o,dataFeatures:i});case 2:return s(zs,{data:t,dataCtas:o,dataFeatures:i});case 3:return s(Os,{data:t,dataCtas:o,dataFeatures:i});case 4:return s(Ws,{data:t,dataCtas:o,dataFeatures:i});case 5:return s($s,{data:t,dataCtas:o,dataFeatures:i});default:return null}},Us=({template:e,data:t,dataCtas:o,dataFeatures:i})=>s(ro,{children:Gs({template:e,data:t,dataCtas:o,dataFeatures:i})}),js=ks(({template:e=1,className:t,data:o,dataCtas:i,dataFeatures:r},n)=>R("div",{ref:n,className:a(" bg-section-hero overflow-hidden py-20",t),children:[s("div",{className:"wrapper relative",children:s(Us,{dataCtas:i||ri,template:e,data:o||ii,dataFeatures:r||ni})}),s("style",{children:`
|
|
233
233
|
.bg-section-hero {
|
|
234
234
|
background: var(
|
|
235
235
|
--gradient-pink-1,
|
|
@@ -255,7 +255,7 @@ import*as _e from"react";import*as G from"@radix-ui/react-accordion";import{Chev
|
|
|
255
255
|
#fff
|
|
256
256
|
);
|
|
257
257
|
}
|
|
258
|
-
`})]}));import Ks from"color";import Xs from"tailwindcss/plugin.js";var H="250ms",mi={".transition-all":{"transition-property":"all","transition-timing-function":"ease","transition-duration":H},".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":H},".transition":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter","transition-timing-function":"ease","transition-duration":H},".transition-colors":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":H},".transition-opacity":{"transition-property":"opacity","transition-timing-function":"ease","transition-duration":H},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":H},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":H},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":H},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":H},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":H},".transition-shadow":{"transition-property":"box-shadow","transition-timing-function":"ease","transition-duration":H},".transition-transform":{"transition-property":"transform","transition-timing-function":"ease","transition-duration":H},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":H},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":H},".transition-transform-colors":{" transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":H},".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":H}};var ci={".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"},"*":{"border-color":"rgb(var(--mobase-gray-300))"}};var di={".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 pi={...ci,...mi,...di};import{flatten as qs}from"flat";function Qs(e){let t={};for(let o in e){if(o.endsWith("-DEFAULT")){t[o.replace("-DEFAULT","")]=e[o];continue}t[o]=e[o]}return t}var fi=e=>Qs(qs(e,{safe:!0,delimiter:"-"}));var Tt=16,Zs=[.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,18],Ys=[20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],gi=e=>{let t={xs:2,sm:3,md:4,lg:5.5,xl:9,"2xl":12,"3xl":20,"4xl":30,"5xl":56,"6xl":72,"7xl":96,"8xl":128,"9xl":160},o={0:"0px"};return Object.entries(t).forEach(([i,r])=>{o[i]=r?`${e*r/Tt}rem`:`${e/Tt}rem`}),Zs.forEach(i=>{let r=`${i}`;if(r.includes(".")){let[n,m]=r.split(".");r=`${n}_${m}`}o[r]=`${e*i/Tt}rem`}),Ys.forEach(i=>{let r=`${i}`;o[r]=`${e*i/Tt}rem`}),o};var ui={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var hi={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var vi={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var bi={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var xi={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var yi={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var wi={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Ni={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",DEFAULT:"#737373"};var Pi={white:"#ffffff",black:"#000000",blue:ui,green:hi,pink:vi,purple:bi,red:xi,yellow:yi,gray:Ni,orange:wi};var no={...Pi};var Ci={"spacing-unit":4,"disabled-opacity":.5,"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"},radius:{sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem"},"z-index":{negative:"-1",workbench:"0",default:"1","workbench-header":"10",modal:"100","modal-content":"101",dropdown:"1000",tooltip:"10000",notification:"100000"},"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)"}};var Ri={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"}}}};function Ti(e){return{xxs:[`var(--${e}-font-size-xxs)`,{lineHeight:"1rem"}],xs:[`var(--${e}-font-size-xs)`,{lineHeight:"1rem"}],sm:[`var(--${e}-font-size-sm)`,{lineHeight:"1.25rem"}],base:[`var(--${e}-font-size-base)`,{lineHeight:"1.5rem"}],lg:[`var(--${e}-font-size-lg)`,{lineHeight:"1.75rem"}],xl:[`var(--${e}-font-size-xl)`,{lineHeight:"1.75rem"}],"2xl":[`var(--${e}-font-size-2xl)`,{lineHeight:"2rem"}],"3xl":[`var(--${e}-font-size-3xl)`,{lineHeight:"2.25rem"}],"4xl":[`var(--${e}-font-size-4xl)`,{lineHeight:"2.5rem"}],"5xl":[`var(--${e}-font-size-5xl)`,{lineHeight:"3.5rem",letterSpacing:"-0.075rem"}],"6xl":[`var(--${e}-font-size-6xl)`,{lineHeight:"4.5rem",letterSpacing:"-0.09375rem"}],"7xl":[`var(--${e}-font-size-7xl)`,{lineHeight:"5rem",letterSpacing:"-0.1125rem"}],"8xl":[`var(--${e}-font-size-8xl)`,{lineHeight:"6.5rem",letterSpacing:"-0.15rem"}],"9xl":[`var(--${e}-font-size-9xl)`,{lineHeight:"8rem",letterSpacing:"-0.2rem"}]}}function ki(e){return{sm:`var(--${e}-radius-sm)`,DEFAULT:`var(--${e}-radius-base)`,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)`}}var Js=e=>{let t={utilities:{},colors:{}},o=fi(no),i=Ci,r=":root";return t.utilities[r]={},Object.entries(o).forEach(([n,m])=>{if(m)try{let[c,d,y]=Ks(m).rgb().array(),N=`--${e}-${n}`;t.utilities[r][N]=`${c} ${d} ${y}`,t.colors[n]=`rgb(var(${N}) / <alpha-value>)`}catch(c){console.log("error",c?.message)}}),Object.entries(i).forEach(([n,m])=>{if(!m)return;let c=`--${e}-${n}`;if(typeof m=="object")Object.entries(m).forEach(([d,y])=>{let N=`${c}-${d}`;t.utilities[r][N]=y});else if(n==="spacing-unit"){t.utilities[r][c]=m;let d=gi(Number(m));Object.entries(d).forEach(([y,N])=>{let b=`${c}-${y}`;t.utilities[r][b]=N})}else{let d=c.includes("opacity")&&typeof m=="number"?m.toString().replace(/^0\./,"."):m;t.utilities[r][c]=d}}),t},el=()=>{let e="mobase",t=Js(e);return Xs(({addBase:o,addUtilities:i,addComponents:r})=>{r({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}}}),o({":root":{"font-smooth--webkit":"antialiased"},...t?.utilities}),i({...pi})},{theme:{container:{center:!0},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13",14:"14",15:"15",16:"16"},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:{...no,...t?.colors,border:"rgba(var(--border))"},boxShadow:{small:`var(--${e}-box-shadow-small)`,medium:`var(--${e}-box-shadow-medium)`,large:`var(--${e}-box-shadow-large)`},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)`},borderRadius:{...ki(e)},fontSize:{...Ti(e)},...Ri}}})};import{Fragment as ol,jsx as u,jsxs as al}from"react/jsx-runtime";var tl=()=>al(ol,{children:[u("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1"}),u("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"}),u("meta",{name:"distribution",content:"Global"}),u("meta",{name:"author",content:"V\xED MoMo"}),u("meta",{property:"fb:app_id",content:"320653355376196"}),u("meta",{property:"fb:pages",content:"138010322921640"}),u("link",{rel:"shortcut icon",href:"/favicon.ico"}),u("link",{href:"/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),u("link",{href:"/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),u("link",{href:"/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),u("meta",{name:"language",content:"vietnamese"}),u("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),u("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),u("meta",{name:"RATING",content:"GENERAL"}),u("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),u("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),u("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),u("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),u("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),u("link",{rel:"dns-prefetch",href:"//facebook.com"}),u("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),u("link",{rel:"dns-prefetch",href:"//www.google.com"}),u("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),u("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),u("link",{rel:"preconnect",href:"//connect.facebook.net"}),u("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),u("link",{rel:"preconnect",href:"//www.google-analytics.com"}),u("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),u("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),u("link",{rel:"preconnect",href:"//www.google.com"}),u("link",{rel:"preconnect",href:"//www.google.com.vn"}),u("link",{rel:"preconnect",href:"//www.googleadservices.com"}),u("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
258
|
+
`})]}));import Ks from"color";import Xs from"tailwindcss/plugin.js";var H="250ms",mi={".transition-all":{"transition-property":"all","transition-timing-function":"ease","transition-duration":H},".transition-background":{"transition-property":"background","transition-timing-function":"ease","transition-duration":H},".transition":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter","transition-timing-function":"ease","transition-duration":H},".transition-colors":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":H},".transition-opacity":{"transition-property":"opacity","transition-timing-function":"ease","transition-duration":H},".transition-colors-opacity":{"transition-property":"color, background-color, border-color, text-decoration-color, fill, stroke, opacity","transition-timing-function":"ease","transition-duration":H},".transition-width":{"transition-property":"width","transition-timing-function":"ease","transition-duration":H},".transition-height":{"transition-property":"height","transition-timing-function":"ease","transition-duration":H},".transition-size":{"transition-property":"width, height","transition-timing-function":"ease","transition-duration":H},".transition-left":{"transition-property":"left","transition-timing-function":"ease","transition-duration":H},".transition-shadow":{"transition-property":"box-shadow","transition-timing-function":"ease","transition-duration":H},".transition-transform":{"transition-property":"transform","transition-timing-function":"ease","transition-duration":H},".transition-transform-opacity":{"transition-property":"transform, opacity","transition-timing-function":"ease","transition-duration":H},".transition-transform-background":{"transition-property":"transform, background","transition-timing-function":"ease","transition-duration":H},".transition-transform-colors":{" transition-property":"transform, color, background, background-color, border-color, text-decoration-color, fill, stroke","transition-timing-function":"ease","transition-duration":H},".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":H}};var ci={".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"},"*":{"border-color":"rgb(var(--mobase-gray-300))"}};var di={".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 pi={...ci,...mi,...di};import qs from"lodash-es";function Qs(e){let t={};for(let o in e){if(o.endsWith("-DEFAULT")){t[o.replace("-DEFAULT","")]=e[o];continue}t[o]=e[o]}return t}var fi=e=>Qs(qs.flattenDeep(e,{delimiter:"-"}));var Tt=16,Zs=[.5,1,1.5,2,2.5,3,3.5,4,5,6,7,8,9,10,11,12,14,16,18],Ys=[20,24,28,32,36,40,44,48,52,56,60,64,72,80,96],gi=e=>{let t={xs:2,sm:3,md:4,lg:5.5,xl:9,"2xl":12,"3xl":20,"4xl":30,"5xl":56,"6xl":72,"7xl":96,"8xl":128,"9xl":160},o={0:"0px"};return Object.entries(t).forEach(([i,r])=>{o[i]=r?`${e*r/Tt}rem`:`${e/Tt}rem`}),Zs.forEach(i=>{let r=`${i}`;if(r.includes(".")){let[n,m]=r.split(".");r=`${n}_${m}`}o[r]=`${e*i/Tt}rem`}),Ys.forEach(i=>{let r=`${i}`;o[r]=`${e*i/Tt}rem`}),o};var ui={50:"#eef8ff",100:"#d9eeff",200:"#bce1ff",300:"#8ed0ff",400:"#59b4ff",500:"#429cff",600:"#1b74f5",700:"#145ee1",800:"#174bb6",900:"#19428f",DEFAULT:"#429cff"};var hi={50:"#f1fcf3",100:"#dff9e5",200:"#c0f2cc",300:"#8fe6a4",400:"#57d175",500:"#34c759",600:"#22973f",700:"#1e7735",800:"#1d5e2e",900:"#194e28",DEFAULT:"#34c759"};var vi={50:"#fef1f9",100:"#fee5f6",200:"#fecced",300:"#ffa2df",400:"#fe68c6",500:"#EB2F96",600:"#D42A87",700:"#CB0B6F",800:"#A70D5B",900:"#8B104E",DEFAULT:"#EB2F96"};var bi={50:"#faf5ff",100:"#f4e9fe",200:"#ead6fe",300:"#dab6fc",400:"#c487f9",500:"#ab55f3",600:"#9937e6",700:"#8326ca",800:"#6f24a5",900:"#5b1e85",DEFAULT:"#ab55f3"};var xi={50:"#fff1f2",100:"#ffe1e3",200:"#ffc8cb",300:"#ffa1a6",400:"#fe6b73",500:"#f74e57",600:"#e41e29",700:"#c0151e",800:"#9e161d",900:"#83191f",DEFAULT:"#f74e57"};var yi={50:"#fffee7",100:"#fffec1",200:"#fff886",300:"#ffec41",400:"#ffdb0d",500:"#ffcc00",600:"#d19500",700:"#a66a02",800:"#89530a",900:"#74430f",DEFAULT:"#ffcc00"};var wi={50:"#fff4ed",100:"#ffe6d5",200:"#fecaaa",300:"#fea473",400:"#fc743b",500:"#fa541c",600:"#eb350b",700:"#c3240b",800:"#9b1e11",900:"#7c1c12",DEFAULT:"#fa541c"};var Ni={50:"#FAFAFA",100:"#F5F5F5",200:"#E5E5E5",300:"#D4D4D4",400:"#A3A3A3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",DEFAULT:"#737373"};var Pi={white:"#ffffff",black:"#000000",blue:ui,green:hi,pink:vi,purple:bi,red:xi,yellow:yi,gray:Ni,orange:wi};var no={...Pi};var Ci={"spacing-unit":4,"disabled-opacity":.5,"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"},radius:{sm:"0.125rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem"},"z-index":{negative:"-1",workbench:"0",default:"1","workbench-header":"10",modal:"100","modal-content":"101",dropdown:"1000",tooltip:"10000",notification:"100000"},"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)"}};var Ri={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"}}}};function Ti(e){return{xxs:[`var(--${e}-font-size-xxs)`,{lineHeight:"1rem"}],xs:[`var(--${e}-font-size-xs)`,{lineHeight:"1rem"}],sm:[`var(--${e}-font-size-sm)`,{lineHeight:"1.25rem"}],base:[`var(--${e}-font-size-base)`,{lineHeight:"1.5rem"}],lg:[`var(--${e}-font-size-lg)`,{lineHeight:"1.75rem"}],xl:[`var(--${e}-font-size-xl)`,{lineHeight:"1.75rem"}],"2xl":[`var(--${e}-font-size-2xl)`,{lineHeight:"2rem"}],"3xl":[`var(--${e}-font-size-3xl)`,{lineHeight:"2.25rem"}],"4xl":[`var(--${e}-font-size-4xl)`,{lineHeight:"2.5rem"}],"5xl":[`var(--${e}-font-size-5xl)`,{lineHeight:"3.5rem",letterSpacing:"-0.075rem"}],"6xl":[`var(--${e}-font-size-6xl)`,{lineHeight:"4.5rem",letterSpacing:"-0.09375rem"}],"7xl":[`var(--${e}-font-size-7xl)`,{lineHeight:"5rem",letterSpacing:"-0.1125rem"}],"8xl":[`var(--${e}-font-size-8xl)`,{lineHeight:"6.5rem",letterSpacing:"-0.15rem"}],"9xl":[`var(--${e}-font-size-9xl)`,{lineHeight:"8rem",letterSpacing:"-0.2rem"}]}}function ki(e){return{sm:`var(--${e}-radius-sm)`,DEFAULT:`var(--${e}-radius-base)`,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)`}}var Js=e=>{let t={utilities:{},colors:{}},o=fi(no),i=Ci,r=":root";return t.utilities[r]={},Object.entries(o).forEach(([n,m])=>{if(m)try{let[c,d,y]=Ks(m).rgb().array(),N=`--${e}-${n}`;t.utilities[r][N]=`${c} ${d} ${y}`,t.colors[n]=`rgb(var(${N}) / <alpha-value>)`}catch(c){console.log("error",c?.message)}}),Object.entries(i).forEach(([n,m])=>{if(!m)return;let c=`--${e}-${n}`;if(typeof m=="object")Object.entries(m).forEach(([d,y])=>{let N=`${c}-${d}`;t.utilities[r][N]=y});else if(n==="spacing-unit"){t.utilities[r][c]=m;let d=gi(Number(m));Object.entries(d).forEach(([y,N])=>{let b=`${c}-${y}`;t.utilities[r][b]=N})}else{let d=c.includes("opacity")&&typeof m=="number"?m.toString().replace(/^0\./,"."):m;t.utilities[r][c]=d}}),t},el=()=>{let e="mobase",t=Js(e);return Xs(({addBase:o,addUtilities:i,addComponents:r})=>{r({".wrapper":{maxWidth:"72rem",paddingLeft:"1.25rem",paddingRight:"1.25rem",marginLeft:"auto",marginRight:"auto","@media (min-width: 768px)":{paddingLeft:"2rem",paddingRight:"2rem"}}}),o({":root":{"font-smooth--webkit":"antialiased"},...t?.utilities}),i({...pi})},{theme:{container:{center:!0},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},aspectRatio:{auto:"auto",square:"1 / 1",video:"16 / 9",1:"1",2:"2",3:"3",4:"4",5:"5",6:"6",7:"7",8:"8",9:"9",10:"10",11:"11",12:"12",13:"13",14:"14",15:"15",16:"16"},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:{...no,...t?.colors,border:"rgba(var(--border))"},boxShadow:{small:`var(--${e}-box-shadow-small)`,medium:`var(--${e}-box-shadow-medium)`,large:`var(--${e}-box-shadow-large)`},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)`},borderRadius:{...ki(e)},fontSize:{...Ti(e)},...Ri}}})};import{Fragment as ol,jsx as u,jsxs as al}from"react/jsx-runtime";var tl=()=>al(ol,{children:[u("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1"}),u("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"}),u("meta",{name:"distribution",content:"Global"}),u("meta",{name:"author",content:"V\xED MoMo"}),u("meta",{property:"fb:app_id",content:"320653355376196"}),u("meta",{property:"fb:pages",content:"138010322921640"}),u("link",{rel:"shortcut icon",href:"/favicon.ico"}),u("link",{href:"/favicon-32x32.png",rel:"icon",sizes:"32x32",type:"image/png"}),u("link",{href:"/favicon-16x16.png",rel:"icon",sizes:"16x16",type:"image/png"}),u("link",{href:"/apple-touch-icon.png",rel:"apple-touch-icon",sizes:"180x180"}),u("meta",{name:"language",content:"vietnamese"}),u("meta",{name:"copyright",content:"Copyright \xA9 2019 by MOMO.VN"}),u("meta",{name:"REVISIT-AFTER",content:"1 DAYS"}),u("meta",{name:"RATING",content:"GENERAL"}),u("meta",{httpEquiv:"x-dns-prefetch-control",content:"on"}),u("link",{rel:"dns-prefetch",href:"//www.google-analytics.com"}),u("link",{rel:"dns-prefetch",href:"//connect.facebook.net"}),u("link",{rel:"dns-prefetch",href:"//www.googletagservices.com"}),u("link",{rel:"dns-prefetch",href:"//www.googletagmanager.com"}),u("link",{rel:"dns-prefetch",href:"//facebook.com"}),u("link",{rel:"dns-prefetch",href:"//homepage.momocdn.net"}),u("link",{rel:"dns-prefetch",href:"//www.google.com"}),u("link",{rel:"dns-prefetch",href:"//www.google.com.vn"}),u("link",{rel:"dns-prefetch",href:"//www.googleadservices.com"}),u("link",{rel:"preconnect",href:"//connect.facebook.net"}),u("link",{rel:"preconnect",href:"//www.googletagmanager.com"}),u("link",{rel:"preconnect",href:"//www.google-analytics.com"}),u("link",{rel:"preconnect",href:"//googleads.g.doubleclick.net"}),u("link",{rel:"preconnect",href:"//homepage.momocdn.net"}),u("link",{rel:"preconnect",href:"//www.google.com"}),u("link",{rel:"preconnect",href:"//www.google.com.vn"}),u("link",{rel:"preconnect",href:"//www.googleadservices.com"}),u("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:`{
|
|
259
259
|
"@context": "https://schema.org/",
|
|
260
260
|
"@type": "WebSite",
|
|
261
261
|
"@id":"https://momo.vn/#website",
|