@momo-webplatform/mobase 0.2.82 → 0.2.83

package/dist/esm/index.js

@@ -117,7 +117,7 @@ import*as Ro from"react";import{ChevronDownIcon as pm}from"@heroicons/react/20/s
                 color: rgb(var(--mobase-red-500) / 1);
               }
             }
-          `})]})});import{MinusCircleIcon as Od,PlusCircleIcon as Vd}from"@heroicons/react/24/outline";import{forwardRef as Wd,useState as $d}from"react";import{jsx as Vo,jsxs as Mr}from"react/jsx-runtime";var vn=Wd(({className:e,min:o=0,max:t=10,step:a=1,defaultValue:r=0,onChangeValue:n,onDecrease:s,onIncrease:l,disabled:m=!1,...c},d)=>{let[f,u]=$d(r),v=()=>{let M=Math.min(f+a,t);u(M),n?.(M),l?.(M)},k=()=>{let M=Math.max(f-a,o);u(M),n?.(M),s?.(M)},D=M=>{let H=parseFloat(M.target.value);if(!isNaN(H)){let $=Math.max(Math.min(H,t),o);u($),n?.($)}};return Mr("div",{ref:d,className:i("flex items-center ",e),children:[Mr(ie,{className:i(" text-pink-500 cursor-pointer w-9 h-9",m&&"text-gray-400 cursor-default"),variant:"transparent",onClick:k,disabled:m||f<=o,children:[Vo(Od,{className:"w-7 h-7 "}),Vo("span",{className:"sr-only",children:"Decrease value"})]}),Vo("input",{type:"number",value:f,onChange:D,className:"flex text-center min-w-8 w-8 h-8  border-0 bg-white text-base text-gray-900 ring-offset-none placeholder:text-gray-500  font-medium focus-visible:outline-none focus-visible:ring-0 focus:ring-0 shadow-none focus-visible:ring-offset-0  shadow-none disabled:cursor-not-allowed disabled:opacity-50 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",min:o,max:t,step:a,disabled:m,...c}),Mr(ie,{className:i(" text-pink-500 cursor-pointer w-9 h-9",m&&"text-gray-400 cursor-default"),variant:"transparent",onClick:v,disabled:m||f>=t,children:[Vo(Vd,{className:"w-7 h-7 "}),Vo("span",{className:"sr-only",children:"Increase value"})]})]})});vn.displayName="Stepper";import*as _e from"react";import*as j from"@radix-ui/react-navigation-menu";import{cva as Gd}from"class-variance-authority";import{ChevronDownIcon as jd}from"@heroicons/react/16/solid";import{jsx as Ze,jsxs as Yd}from"react/jsx-runtime";var xn=_e.createContext(null),Ud=({value:e,children:o})=>Ze(xn.Provider,{value:e,children:o}),Qd=()=>{let e=_e.useContext(xn);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},Na=_e.forwardRef(({className:e,children:o,alignDropdown:t="left",...a},r)=>Ze(Ud,{value:{alignDropdown:t},children:Ze(j.Root,{ref:r,className:i("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...a,children:o})}));Na.displayName=j.Root.displayName;var Pa=_e.forwardRef(({className:e,...o},t)=>Ze(j.List,{ref:t,className:i("group flex flex-1 list-none items-center justify-center space-x-0",e),...o}));Pa.displayName=j.List.displayName;var Ca=j.Item,Ra=Gd(We({variant:"transparent",size:"sm"})),Ta=_e.forwardRef(({className:e,children:o,...t},a)=>Yd(j.Trigger,{ref:a,className:i(Ra(),"group px-2",e),...t,children:[o," ",Ze(jd,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));Ta.displayName=j.Trigger.displayName;var ka=_e.forwardRef(({className:e,...o},t)=>{let{alignDropdown:a}=Qd();return Ze(j.Content,{ref:t,className:i("absolute  top-full mt-3 rounded-lg bg-white text-gray-900  ring-1 ring-gray-900/5  shadow-[0_10px_32px_rgba(34,42,53,0.15),0_1px_1px_rgba(0,0,0,0.05),0_4px_6px_rgba(34,42,53,0.08),0_1px_1px_rgba(34,42,53,0.1),0_24px_68px_rgba(47,48,55,0.1)]",e,"before:content-[''] before:absolute before:-top-3 before:left-0 before:right-0 before:w-full before:bg-transparent before:opacity-0 before:h-3",a!=="center"&&"data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out  ",a==="left"&&"left-0",a==="right"&&"right-0",a==="center"&&" left-1/2 -translate-x-1/2 "),...o})});ka.displayName=j.Content.displayName;var Wo=j.Link,qd=_e.forwardRef(({className:e,...o},t)=>Ze("div",{className:i("absolute left-0 top-full flex justify-center"),children:Ze(j.Viewport,{className:i("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:t,...o})}));qd.displayName=j.Viewport.displayName;var Xd=_e.forwardRef(({className:e,...o},t)=>Ze(j.Indicator,{ref:t,className:i("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",e),...o,children:Ze("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));Xd.displayName=j.Indicator.displayName;import*as hn from"react";import*as $o from"@radix-ui/react-switch";import{jsx as bn}from"react/jsx-runtime";var yn=hn.forwardRef(({className:e,...o},t)=>bn($o.Root,{className:i("peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-default disabled:opacity-20 data-[state=checked]:bg-pink-500   data-[state=unchecked]:bg-gray-400",e),...o,ref:t,children:bn($o.Thumb,{className:i("pointer-events-none relative cik  before:content-[''] before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:bg-pink-600 before:-translate-x-1/2 before:translate-y-1 disabled:opacity-20 before:data-[state=unchecked]:bg-gray-400 block h-3.5 w-3.5 bg-white rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5")})}));yn.displayName=$o.Root.displayName;import*as Gt from"react";import*as St from"@radix-ui/react-radio-group";import{Circle as Zd}from"lucide-react";import{cva as wn}from"class-variance-authority";import{jsx as Go}from"react/jsx-runtime";var Kd=wn("aspect-square  rounded-full border-2  border-gray-300 disabled:bg-gray-100 disabled:data-[state=checked]:text-gray-100 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-400 data-[state=checked]:bg-pink-500   data-[state=checked]:border-none ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default peer",{variants:{size:{medium:"h-4 w-4",large:"w-5 h-5"}},defaultVariants:{size:"medium"}}),Jd=wn("fill-current text-current",{variants:{size:{medium:"h-2 w-2 ",large:"w-2.5 h-2.5"}},defaultVariants:{size:"medium"}}),Nn=Gt.createContext({size:"medium"});function ep(){let e=Gt.useContext(Nn);if(!e)throw new Error("ChoiceboxGroup.Item must be used within a ChoiceboxGroup ");return e}var Pn=Gt.forwardRef(({className:e,size:o,...t},a)=>Go(Nn.Provider,{value:{size:o},children:Go(St.Root,{className:i("grid gap-2",e),...t,ref:a})}));Pn.displayName=St.Root.displayName;var Cn=Gt.forwardRef(({className:e,...o},t)=>{let a=ep(),{size:r}=a??{};return Go(St.Item,{ref:t,className:i(Kd({size:r}),e),...o,children:Go(St.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Go(Zd,{className:i(Jd({size:r}))})})})});Cn.displayName=St.Item.displayName;import{useState as vp}from"react";import{ArrowDownTrayIcon as xp}from"@heroicons/react/16/solid";import bp from"html-react-parser";import{useEffect as np,useState as Sn}from"react";import Dn from"next/router";import{AnimatePresence as sp,domAnimation as lp,LazyMotion as mp,motion as Ir}from"motion/react";import{useKey as cp}from"react-use";var Sa=[.24,.25,.05,1];import{motion as op}from"motion/react";import{jsx as jo,jsxs as Rn}from"react/jsx-runtime";var tp=({className:e="",icon:o="",title:t,children:a="",href:r="",newTab:n=!1})=>{let s=n?{target:"_blank",rel:"noopener noreferrer"}:{};return jo("li",{className:"min-h-8",children:Rn("a",{className:i(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...s,children:[o&&jo("div",{className:"w-6 h-6 shrink-0",children:jo("img",{src:o,loading:"lazy",className:"w-6 h-6 object-cover",alt:t})}),Rn("div",{className:"  ",children:[jo("div",{className:"text-sm  text-gray-800  line-clamp-1",children:t}),a&&jo("p",{className:"line-clamp-1 text-xs mt-0  text-gray-500",children:a})]})]})})},Tn=tp;import{jsx as jt,jsxs as ip}from"react/jsx-runtime";var ap={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Sa}},exit:{opacity:0,transition:{duration:.05}}},rp=({data:e})=>jt(it,{type:"single",collapsible:!0,children:e.map(o=>{let t=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return jt(op.div,{variants:ap,children:o.hasDropdown?ip(nt,{value:o.id,children:[jt(st,{className:"py-3",children:o.title}),jt(lt,{children:jt("ul",{className:i("grid grid-cols-2 gap-x-2 gap-y-1 "),children:o.subMenu&&o.subMenu.map(a=>jt(Tn,{title:a.title,href:a.url,newTab:a.newTab,icon:o.dropDownCompact===!0?a.icon:"",children:o.dropDownCompact===!0?a.description:""},a.title))})})]}):jt("a",{className:"flex flex-1 items-center justify-between border-b border-gray-200  py-3 text-left font-medium text-gray-900 transition-all hover:underline",href:o.url,...t,children:o.title})},o.id)})}),kn=rp;import{jsx as T,jsxs as de}from"react/jsx-runtime";var dp=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,pp=({data:e,className:o})=>{let[t,a]=Sn(!1),[r,n]=Sn(!1);cp("Escape",()=>a(!1)),np(()=>{if(!t)return;let m=dp();function c(){a(!1)}function d(){a(!1),n(!0)}function f(u){let v=u.target;v.tagName==="A"&&v.getAttribute("href")?.startsWith("#")&&(a(!1),n(!0))}return document.body.style.position="fixed",document.body.style.width="100%",Dn.events.on("routeChangeComplete",c),window.addEventListener("hashchange",d),window.addEventListener("click",f),()=>{r||(document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"})),n(!1),Dn.events.off("routeChangeComplete",c),window.removeEventListener("hashchange",d),window.removeEventListener("click",f)}},[t]);let s={visible:{opacity:1,transition:{duration:.2}},hidden:{opacity:0,transition:{duration:.2}}},l={hidden:{opacity:0},show:{opacity:1,transition:{duration:.15,staggerChildren:.05,ease:Sa}},exit:{opacity:0,transition:{duration:.15}}};return de("div",{className:i(o),children:[de("button",{type:"button",className:"flex h-10 w-10 items-center justify-center text-gray-800 hover:text-gray-700 ",onClick:()=>a(!t),children:[T("span",{className:"sr-only",children:"Navigation"}),T(Ir.div,{animate:t?"hidden":"visible",variants:s,children:T("svg",{className:i("block h-7 w-7",t&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:T("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),T(Ir.div,{animate:t?"visible":"hidden",variants:s,children:T("svg",{className:i("block h-7 w-7",!t&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:T("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),T(mp,{features:lp,children:T(sp,{mode:"wait",children:t&&de(Ir.nav,{variants:l,initial:"hidden",animate:"show",exit:"exit",className:i(o,"fixed  bottom-0 left-0  right-0 top-[calc(var(--header-height-mobase)+1px)] z-50 block w-full max-w-full overflow-y-auto bg-white px-5 pb-24 "),children:[T(kn,{data:e}),de("div",{className:"animate-fade-in mobase-header-mobile-support py-4 text-sm delay-300 duration-500",children:[T("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),de("div",{className:"flex flex-nowrap",children:[T("div",{className:"flex-initial",children:T("a",{className:"link-white",target:"_blank",href:"https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",children:T("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),T("div",{className:"ml-3 flex-initial",children:T("a",{href:"https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",className:"link-white",target:"_blank",children:T("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),T("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),de("ul",{className:"mb-2 text-sm text-gray-500",children:[de("li",{className:"mb-1",children:["Hotline :\xA0",T("a",{href:`tel:${rt.Support.Hotline}`,className:"text-gray-600",children:rt.Support.Hotline_Format})]}),de("li",{className:"mb-1",children:["Email :\xA0",T("a",{href:`mailto:${rt.Support.Email}`,className:"text-gray-600",children:rt.Support.Email})]})]}),T("a",{href:"https://www.momo.vn/huong-dan/huong-dan-gui-yeu-cau-ho-tro-bang-tinh-nang-tro-giup",rel:"noreferrer",target:"_blank",children:de("div",{className:"relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-10 pr-2 hover:bg-gray-100",children:[T("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:T("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:de("g",{children:[T("title",{children:"Asset 1"}),T("path",{d:`M279.4,23.7H30.8C14.5,23.7,0,38.2,0,56.3v401.8c0,16.3,14.5,30.8,30.8,30.8H76h23.8L76,449.4H34.5V96.2h243.1v152l34.5,22
+          `})]})});import{MinusCircleIcon as Od,PlusCircleIcon as Vd}from"@heroicons/react/24/outline";import{forwardRef as Wd,useState as $d}from"react";import{jsx as Vo,jsxs as Mr}from"react/jsx-runtime";var vn=Wd(({className:e,min:o=0,max:t=10,step:a=1,defaultValue:r=0,onChangeValue:n,onDecrease:s,onIncrease:l,disabled:m=!1,...c},d)=>{let[f,u]=$d(r),v=()=>{let M=Math.min(f+a,t);u(M),n?.(M),l?.(M)},k=()=>{let M=Math.max(f-a,o);u(M),n?.(M),s?.(M)},D=M=>{let H=parseFloat(M.target.value);if(!isNaN(H)){let $=Math.max(Math.min(H,t),o);u($),n?.($)}};return Mr("div",{ref:d,className:i("flex items-center ",e),children:[Mr(ie,{className:i(" text-pink-500 cursor-pointer w-9 h-9",m&&"text-gray-400 cursor-default"),variant:"transparent",onClick:k,disabled:m||f<=o,children:[Vo(Od,{className:"w-7 h-7 "}),Vo("span",{className:"sr-only",children:"Decrease value"})]}),Vo("input",{type:"number",value:f,onChange:D,className:"flex text-center min-w-8 w-8 h-8  border-0 bg-white text-base text-gray-900 ring-offset-none placeholder:text-gray-500  font-medium focus-visible:outline-none focus-visible:ring-0 focus:ring-0 shadow-none focus-visible:ring-offset-0  shadow-none disabled:cursor-not-allowed disabled:opacity-50 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",min:o,max:t,step:a,disabled:m,...c}),Mr(ie,{className:i(" text-pink-500 cursor-pointer w-9 h-9",m&&"text-gray-400 cursor-default"),variant:"transparent",onClick:v,disabled:m||f>=t,children:[Vo(Vd,{className:"w-7 h-7 "}),Vo("span",{className:"sr-only",children:"Increase value"})]})]})});vn.displayName="Stepper";import*as _e from"react";import*as j from"@radix-ui/react-navigation-menu";import{cva as Gd}from"class-variance-authority";import{ChevronDownIcon as jd}from"@heroicons/react/16/solid";import{jsx as Ze,jsxs as Yd}from"react/jsx-runtime";var xn=_e.createContext(null),Ud=({value:e,children:o})=>Ze(xn.Provider,{value:e,children:o}),Qd=()=>{let e=_e.useContext(xn);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},Na=_e.forwardRef(({className:e,children:o,alignDropdown:t="left",...a},r)=>Ze(Ud,{value:{alignDropdown:t},children:Ze(j.Root,{ref:r,className:i("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...a,children:o})}));Na.displayName=j.Root.displayName;var Pa=_e.forwardRef(({className:e,...o},t)=>Ze(j.List,{ref:t,className:i("group flex flex-1 list-none items-center justify-center space-x-0",e),...o}));Pa.displayName=j.List.displayName;var Ca=j.Item,Ra=Gd(We({variant:"transparent",size:"sm"})),Ta=_e.forwardRef(({className:e,children:o,...t},a)=>Yd(j.Trigger,{ref:a,className:i(Ra(),"group px-2",e),...t,children:[o," ",Ze(jd,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));Ta.displayName=j.Trigger.displayName;var ka=_e.forwardRef(({className:e,...o},t)=>{let{alignDropdown:a}=Qd();return Ze(j.Content,{ref:t,className:i("absolute  top-full mt-3 rounded-lg bg-white text-gray-900  ring-1 ring-gray-900/5  shadow-[0_10px_32px_rgba(34,42,53,0.15),0_1px_1px_rgba(0,0,0,0.05),0_4px_6px_rgba(34,42,53,0.08),0_1px_1px_rgba(34,42,53,0.1),0_24px_68px_rgba(47,48,55,0.1)]",e,"before:content-[''] before:absolute before:-top-3 before:left-0 before:right-0 before:w-full before:bg-transparent before:opacity-0 before:h-3",a!=="center"&&"data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out  ",a==="left"&&"left-0",a==="right"&&"right-0",a==="center"&&" left-1/2 -translate-x-1/2 "),...o})});ka.displayName=j.Content.displayName;var Wo=j.Link,qd=_e.forwardRef(({className:e,...o},t)=>Ze("div",{className:i("absolute left-0 top-full flex justify-center"),children:Ze(j.Viewport,{className:i("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",e),ref:t,...o})}));qd.displayName=j.Viewport.displayName;var Xd=_e.forwardRef(({className:e,...o},t)=>Ze(j.Indicator,{ref:t,className:i("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",e),...o,children:Ze("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));Xd.displayName=j.Indicator.displayName;import*as hn from"react";import*as $o from"@radix-ui/react-switch";import{jsx as bn}from"react/jsx-runtime";var yn=hn.forwardRef(({className:e,...o},t)=>bn($o.Root,{className:i("peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-default disabled:opacity-20 data-[state=checked]:bg-pink-500   data-[state=unchecked]:bg-gray-400",e),...o,ref:t,children:bn($o.Thumb,{className:i("pointer-events-none relative cik  before:content-[''] before:absolute before:w-1.5 before:h-1.5 before:rounded-full before:bg-pink-600 before:-translate-x-1/2 before:translate-y-1 disabled:opacity-20 before:data-[state=unchecked]:bg-gray-400 block h-3.5 w-3.5 bg-white rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5")})}));yn.displayName=$o.Root.displayName;import*as Gt from"react";import*as St from"@radix-ui/react-radio-group";import{Circle as Zd}from"lucide-react";import{cva as wn}from"class-variance-authority";import{jsx as Go}from"react/jsx-runtime";var Kd=wn("aspect-square  rounded-full border-2  border-gray-300 disabled:bg-gray-100 disabled:data-[state=checked]:text-gray-100 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-400 data-[state=checked]:bg-pink-500   data-[state=checked]:border-none ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default peer",{variants:{size:{medium:"h-4 w-4",large:"w-5 h-5"}},defaultVariants:{size:"medium"}}),Jd=wn("fill-current text-current",{variants:{size:{medium:"h-2 w-2 ",large:"w-2.5 h-2.5"}},defaultVariants:{size:"medium"}}),Nn=Gt.createContext({size:"medium"});function ep(){let e=Gt.useContext(Nn);if(!e)throw new Error("ChoiceboxGroup.Item must be used within a ChoiceboxGroup ");return e}var Pn=Gt.forwardRef(({className:e,size:o,...t},a)=>Go(Nn.Provider,{value:{size:o},children:Go(St.Root,{className:i("grid gap-2",e),...t,ref:a})}));Pn.displayName=St.Root.displayName;var Cn=Gt.forwardRef(({className:e,...o},t)=>{let a=ep(),{size:r}=a??{};return Go(St.Item,{ref:t,className:i(Kd({size:r}),e),...o,children:Go(St.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Go(Zd,{className:i(Jd({size:r}))})})})});Cn.displayName=St.Item.displayName;import{useState as vp}from"react";import{ArrowDownTrayIcon as xp}from"@heroicons/react/16/solid";import bp from"html-react-parser";import{useEffect as np,useState as Sn}from"react";import Dn from"next/router";import{AnimatePresence as sp,domAnimation as lp,LazyMotion as mp,motion as Ir}from"motion/react";import{useKey as cp}from"react-use";var Sa=[.24,.25,.05,1];import{motion as op}from"motion/react";import{jsx as jo,jsxs as Rn}from"react/jsx-runtime";var tp=({className:e="",icon:o="",title:t,children:a="",href:r="",newTab:n=!1})=>{let s=n?{target:"_blank",rel:"noopener noreferrer"}:{};return jo("li",{className:"min-h-8",children:Rn("a",{className:i(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...s,children:[o&&jo("div",{className:"w-6 h-6 shrink-0",children:jo("img",{src:o,loading:"lazy",className:"w-6 h-6 object-cover",alt:t})}),Rn("div",{className:"  ",children:[jo("div",{className:"text-sm  text-gray-800  line-clamp-1",children:t}),a&&jo("p",{className:"line-clamp-1 text-xs mt-0  text-gray-500",children:a})]})]})})},Tn=tp;import{jsx as jt,jsxs as ip}from"react/jsx-runtime";var ap={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Sa}},exit:{opacity:0,transition:{duration:.05}}},rp=({data:e})=>jt(it,{type:"single",collapsible:!0,children:e.map(o=>{let t=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return jt(op.div,{variants:ap,children:o.hasDropdown?ip(nt,{value:o.id,children:[jt(st,{className:"py-3",children:o.title}),jt(lt,{children:jt("ul",{className:i("grid grid-cols-2 gap-x-2 gap-y-1 "),children:o.subMenu&&o.subMenu.map(a=>jt(Tn,{title:a.title,href:a.url,newTab:a.newTab,icon:o.dropDownCompact===!0?a.icon:"",children:o.dropDownCompact===!0?a.description:""},a.title))})})]}):jt("a",{className:"flex flex-1 items-center justify-between border-b border-gray-200  py-3 text-left font-medium text-gray-900 transition-all hover:underline",href:o.url,...t,children:o.title})},o.id)})}),kn=rp;import{jsx as T,jsxs as de}from"react/jsx-runtime";var dp=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,pp=({data:e,className:o})=>{let[t,a]=Sn(!1),[r,n]=Sn(!1);cp("Escape",()=>a(!1)),np(()=>{if(!t)return;let m=dp();function c(){a(!1)}function d(){a(!1),n(!0)}function f(u){let v=u.target;v.tagName==="A"&&v.getAttribute("href")?.startsWith("#")&&(a(!1),n(!0))}return document.body.style.position="fixed",document.body.style.width="100%",Dn.events.on("routeChangeComplete",c),window.addEventListener("hashchange",d),window.addEventListener("click",f),()=>{r||(document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"})),n(!1),Dn.events.off("routeChangeComplete",c),window.removeEventListener("hashchange",d),window.removeEventListener("click",f)}},[t]);let s={visible:{opacity:1,transition:{duration:.2}},hidden:{opacity:0,transition:{duration:.2}}},l={hidden:{opacity:0},show:{opacity:1,transition:{duration:.15,staggerChildren:.05,ease:Sa}},exit:{opacity:0,transition:{duration:.15}}};return de("div",{className:i(o),children:[de("button",{type:"button",className:"mobase-header-hamburger flex h-10 w-10 items-center justify-center text-gray-800 hover:text-gray-700 ",onClick:()=>a(!t),children:[T("span",{className:"sr-only",children:"Navigation"}),T(Ir.div,{animate:t?"hidden":"visible",variants:s,children:T("svg",{className:i("block h-7 w-7",t&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:T("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),T(Ir.div,{animate:t?"visible":"hidden",variants:s,children:T("svg",{className:i("block h-7 w-7",!t&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:T("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),T(mp,{features:lp,children:T(sp,{mode:"wait",children:t&&de(Ir.nav,{variants:l,initial:"hidden",animate:"show",exit:"exit",className:i(o,"fixed  bottom-0 left-0  right-0 top-[calc(var(--header-height-mobase)+1px)] z-50 block w-full max-w-full overflow-y-auto bg-white px-5 pb-24 "),children:[T(kn,{data:e}),de("div",{className:"animate-fade-in mobase-header-mobile-support py-4 text-sm delay-300 duration-500",children:[T("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),de("div",{className:"flex flex-nowrap",children:[T("div",{className:"flex-initial",children:T("a",{className:"link-white",target:"_blank",href:"https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",children:T("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),T("div",{className:"ml-3 flex-initial",children:T("a",{href:"https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",className:"link-white",target:"_blank",children:T("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),T("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),de("ul",{className:"mb-2 text-sm text-gray-500",children:[de("li",{className:"mb-1",children:["Hotline :\xA0",T("a",{href:`tel:${rt.Support.Hotline}`,className:"text-gray-600",children:rt.Support.Hotline_Format})]}),de("li",{className:"mb-1",children:["Email :\xA0",T("a",{href:`mailto:${rt.Support.Email}`,className:"text-gray-600",children:rt.Support.Email})]})]}),T("a",{href:"https://www.momo.vn/huong-dan/huong-dan-gui-yeu-cau-ho-tro-bang-tinh-nang-tro-giup",rel:"noreferrer",target:"_blank",children:de("div",{className:"relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-10 pr-2 hover:bg-gray-100",children:[T("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:T("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:de("g",{children:[T("title",{children:"Asset 1"}),T("path",{d:`M279.4,23.7H30.8C14.5,23.7,0,38.2,0,56.3v401.8c0,16.3,14.5,30.8,30.8,30.8H76h23.8L76,449.4H34.5V96.2h243.1v152l34.5,22
                         V56.3C312,38.2,297.5,23.7,279.4,23.7z M226.8,77.1H86.1c-8.1,0-13.5-5.4-13.5-13.5c0-8.1,5.4-13.5,13.5-13.5h140.8
                         c5.4,0,10.8,5.4,10.8,13.5C237.7,71.7,232.3,77.1,226.8,77.1z`}),T("path",{d:`M189.4,200.7c-14.4,0-25.9,11.6-25.9,25.9v155.7l-17.3-34.6c-14.2-26.3-28.1-23.6-38.9-17.3c-12.5,8.3-17.2,17-8.6,38.9
                         c19.6,48.2,49.8,105.6,82.2,142.7h116.7c41-30.4,74-175,17.3-181.6c-5.2,0-13.5,0.8-17.3,4.3c0-17.3-15.1-21.7-21.6-21.6