@momo-webplatform/mobase 0.2.29 → 0.2.30

package/dist/esm/index.js

@@ -117,7 +117,7 @@ import*as ze from"react";import*as G from"@radix-ui/react-accordion";import{Chev
                 color: rgb(var(--mobase-red-500) / 1);
               }
             }
-          `})]})});import{MinusCircleIcon as Ur,PlusCircleIcon as qr}from"@heroicons/react/24/outline";import{useRef as Jo,forwardRef as Qr,useState as Kt,useEffect as ea}from"react";import{jsx as Ee,jsxs as ta}from"react/jsx-runtime";var Zr=Qr(({value:e=0,min:t=0,max:o=999,disabled:i=!1,disabledInput:r=!1,step:n=1,inputClassName:m="",stepperClassName:c="",className:d="",onChange:b=()=>{},onChangeInputStepper:R,onDecrement:H,onIncrement:z,...Z},M)=>{let T=Jo(null),[X,W]=Kt(!1),[ye,k]=Kt(!1),[at,_e]=Kt(""),Be=Jo(null),A=u=>{Number(u)>=o?W(!0):W(!1),Number(u)>t?k(!1):k(!0)},Ei=()=>{if(i||X)return;let u=T?.current?.querySelector("input");if(!u)return;let F=0;F=Math.min(Number(u.value)+n,o),A(F),u.value=String(F),_e(u.value||""),R?.(u.value),z?.(u.value)},Li=()=>{if(i||ye)return;let u=T?.current?.querySelector("input");if(!u)return;let F=0;F=Math.max(Number(u.value)-n,0),A(F),u.value=String(F),_e(u.value||""),R?.(u.value),H?.(u.value)},Ii=u=>{if(!u)return;let F=u?.target?.value;F?.match(/^[0-9]*$/)||(F=F.replace(/[^0-9]/g,"")),A(F);let it=parseInt(F,10);Number.isNaN(it)||it<t?u.target.value=String(t):it>=o?u.target.value=String(o):u.target.value=String(it),_e(u?.target?.value||""),R?.(u.target.value),b?.(u)};return ea(()=>{let u=T?.current?.querySelector("input");u&&A(u?.value)},[]),ea(()=>{let u=T?.current?.querySelector("input");u&&Be?.current&&(u.style.width=`${Be.current.offsetWidth+10}px`)},[at]),ta("div",{ref:T,className:"flex items-center space-x-1",children:[Ee(pe,{id:"btn-minus",className:a(!ye&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Li,children:Ee(Ur,{className:"w-8 h-8 "})}),ta("div",{children:[Ee("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:M,min:t,max:o,onChange:u=>Ii(u),id:"numberInput",disabled:i||r,autoComplete:"off",...Z,className:a("text-gray-800 min-w-7 border-gray-300 border transition-width duration-100 focus-visible:outline-none focus-visible:ring-0 focus:ring-0 shadow-none focus-visible:ring-offset-0 w-7 h-7 rounded-md text-center bg-white",m)}),Ee("span",{ref:Be,style:{visibility:"hidden",position:"absolute",whiteSpace:"pre"},children:at||" "})]}),Ee(pe,{id:"btn-plus",className:a(!X&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Ei,children:Ee(qr,{className:"w-8 h-8 "})})]})});import*as te from"react";import{ChevronDownIcon as oa,ChevronUpIcon as Xr,CheckIcon as Yr,XCircleIcon as Kr}from"@heroicons/react/16/solid";import{QuestionMarkCircleIcon as Jr}from"@heroicons/react/24/outline";import*as g from"@radix-ui/react-select";import{jsx as y,jsxs as Ue}from"react/jsx-runtime";var en=te.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:n,disabled:m,...c},d)=>Ue("div",{ref:d,className:a("select-mobase relative",e,m?"disabled":"",n?"[&>.select-mobase-button]:border-red-500 [&>.select-mobase-button]:ring-red-500 [&>.select-mobase-button]:ring-1":"",r===2?"[&>.select-mobase-button]:text-base [&>.select-mobase-button]:h-12":""),children:[o&&y("span",{className:a("mobase-select-label absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500 z-[1]",r===2&&"text-sm -top-2.5",n&&"text-red-500"),children:o}),y(g.Root,{disabled:m,...c,children:t}),i&&Ue("div",{className:a("mobase-select-message flex space-x-1 items-center mt-1 text-gray-500",n&&"text-red-500"),children:[n?y(Kr,{width:16,height:16}):y(Jr,{width:16,height:16}),y("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),tn=g.Value,aa=te.forwardRef(({className:e,children:t,...o},i)=>Ue(g.Trigger,{ref:i,className:a("select-mobase-button bg-white w-full ring-0 transition-all focus-visible:border-pink-500 focus-visible:ring-offset-0 focus-visible:ring-offset-transparent focus-visible:ring-1 focus-visible:!ring-pink-500 rounded-md border border-gray-300 data-[placeholder]:text-gray-500 p-3 disabled:bg-gray-50 disabled:border-gray-200  disabled:pointer-events-none flex items-center justify-between data-[state=open]:border-pink-500 data-[state=open]:ring-1 hover:ring-1 hover:ring-gray-400 data-[state=open]:ring-pink-500 text-gray-900 h-11 ring-inset text-sm",e),...o,children:[y("div",{className:"line-clamp-1 text-left",children:t}),y(g.Icon,{asChild:!0,children:y(oa,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));aa.displayName=g.Trigger.displayName;var Jt=te.forwardRef(({className:e,...t},o)=>y(g.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:y(Xr,{className:"h-5 w-5"})}));Jt.displayName=g.ScrollUpButton.displayName;var eo=te.forwardRef(({className:e,...t},o)=>y(g.ScrollDownButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1 bg-gradient-to-t from-white to-transparent",e),...t,children:y(oa,{className:"h-5 w-5"})}));eo.displayName=g.ScrollDownButton.displayName;var ia=te.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>y(g.Portal,{children:Ue(g.Content,{ref:r,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:o,...i,children:[y(Jt,{}),y(g.Viewport,{className:a("p-0",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),y(eo,{})]})}));ia.displayName=g.Content.displayName;var on=te.forwardRef(({className:e,children:t,...o},i)=>y(g.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),ra=te.forwardRef(({className:e,...t},o)=>y(g.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));ra.displayName=g.Label.displayName;var an=te.forwardRef(({className:e,children:t,...o},i)=>Ue(g.Item,{ref:i,className:a("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[y("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:y(g.ItemIndicator,{children:y(Yr,{className:"h-4 w-4"})})}),y(g.ItemText,{children:t})]})),na=te.forwardRef(({className:e,...t},o)=>y(g.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));na.displayName=g.Separator.displayName;import*as K from"react";import{ChevronDownIcon as rn}from"@heroicons/react/16/solid";import*as w from"@radix-ui/react-navigation-menu";import{cva as nn}from"class-variance-authority";import{jsx as E,jsxs as qe}from"react/jsx-runtime";var sa=K.createContext(null),sn=({value:e,children:t})=>E(sa.Provider,{value:e,children:t}),ln=()=>{let e=K.useContext(sa);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},vt=K.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>E(sn,{value:{alignDropdown:o},children:qe(w.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,E(ma,{})]})}));vt.displayName=w.Root.displayName;var bt=K.forwardRef(({className:e,...t},o)=>E(w.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));bt.displayName=w.List.displayName;var xt=w.Item,yt=nn(ne({variant:"transparent",size:"sm"})),wt=K.forwardRef(({className:e,children:t,...o},i)=>qe(w.Trigger,{ref:i,className:a(yt(),"group",e),...o,children:[t,E(rn,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));wt.displayName=w.Trigger.displayName;var Nt=K.forwardRef(({className:e,...t},o)=>E(w.Content,{ref:o,className:a("hidden group-data-[state=open]:block left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",e),...t}));Nt.displayName=w.Content.displayName;var Qe=w.Link,la=K.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=ln();return E("div",{className:a("absolute top-full flex justify-center",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&"left-1/2 -translate-x-1/2"),children:E(w.Viewport,{className:a("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow 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)] group",e),ref:o,...t})})});la.displayName=w.Viewport.displayName;var ma=K.forwardRef(({className:e,...t},o)=>qe("div",{ref:o,children:[E(w.Indicator,{ref:o,className:a("top-full z-[1] flex h-4 items-end justify-center overflow-hidden group data-[state=visible]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=visible]:zoom-in-90",e),...t,children:qe("svg",{width:"158",height:"46",viewBox:"0 0 158 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"relative w-7 h-7 top-[9px] group-data-[state=visible]:animate-in group-data-[state=closed]:animate-out group-data-[state=closed]:zoom-out-95 group-data-[state=visible]:zoom-in-90",children:[qe("g",{"clip-path":"url(#clip0_782_2)",children:[E("path",{d:"M70.9519 9.1982L55.1105 25.0396C47.3839 32.7662 43.5206 36.6295 39.0121 39.3923C35.015 41.8418 30.6572 43.6468 26.0987 44.7412C20.9572 45.9756 15.4937 45.9756 4.56665 45.9756H153.132C142.205 45.9756 136.742 45.9756 131.6 44.7412C127.042 43.6468 122.684 41.8418 118.687 39.3923C114.178 36.6295 110.315 32.7662 102.588 25.0396L86.7468 9.1982C82.3852 4.8365 75.3136 4.8365 70.9519 9.1982Z",fill:"white"}),E("path",{d:"M153.132 40.3912C141.939 40.3912 137.253 40.3553 132.904 39.3112C128.915 38.3536 125.102 36.7741 121.605 34.6309C117.791 32.2938 114.452 29.0054 106.537 21.0909L90.6957 5.2494C84.1532 -1.293 73.5457 -1.293 67.0033 5.2495L51.1618 21.0909C43.2473 29.0054 39.9082 32.2938 36.0944 34.6309C32.5969 36.7741 28.7838 38.3536 24.7952 39.3112C20.4458 40.3553 15.7596 40.3912 4.56672 40.3912H0.668457V45.9756H4.56672C15.4938 45.9756 20.9573 45.9756 26.0988 44.7412C30.6573 43.6468 35.0151 41.8418 39.0122 39.3923C43.5207 36.6295 47.384 32.7662 55.1106 25.0396L70.952 9.1982C75.3137 4.8365 82.3853 4.8365 86.7469 9.1982L102.588 25.0396C110.315 32.7662 114.178 36.6295 118.687 39.3923C122.684 41.8418 127.042 43.6468 131.6 44.7412C136.742 45.9756 142.205 45.9756 153.132 45.9756H157.03V40.3912H153.132Z",fill:"#E5E5E5"})]}),E("defs",{children:E("clipPath",{id:"clip0_782_2",children:E("rect",{width:"158",height:"46",fill:"white",transform:"matrix(1 0 0 -1 0 46)"})})})]})}),E(w.Indicator,{...t,children:E(la,{})})]}));ma.displayName=w.Indicator.displayName;import*as da from"react";import*as Ze from"@radix-ui/react-switch";import{jsx as ca}from"react/jsx-runtime";var pa=da.forwardRef(({className:e,...t},o)=>ca(Ze.Root,{className:a("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),...t,ref:o,children:ca(Ze.Thumb,{className:a("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")})}));pa.displayName=Ze.Root.displayName;import*as to from"react";import*as fe from"@radix-ui/react-radio-group";import{Circle as mn}from"lucide-react";import{jsx as Pt}from"react/jsx-runtime";var ga=to.forwardRef(({className:e,...t},o)=>Pt(fe.Root,{className:a("grid gap-2",e),...t,ref:o}));ga.displayName=fe.Root.displayName;var fa=to.forwardRef(({className:e,...t},o)=>Pt(fe.Item,{ref:o,className:a("aspect-square h-4 w-4 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",e),...t,children:Pt(fe.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Pt(mn,{className:"h-2 w-2 fill-current text-current"})})}));fa.displayName=fe.Item.displayName;import{jsx as Le,jsxs as ua}from"react/jsx-runtime";var cn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:n=!1})=>{let m=n?{target:"_blank",rel:"noopener noreferrer"}:{};return Le("li",{className:"",children:Le(Qe,{asChild:!0,children:ua("a",{className:a(" select-none space-y-1 rounded-md  px-2.5 py-2 leading-none no-underline outline-none transition-colors hover:bg-pink-50 hover:text-pink-500 focus:bg-pink-50 focus:text-pink-500 flex flex-nowrap space-x-2 items-center min-h-9",e),href:r,...m,children:[t&&Le("div",{className:"w-7 h-7 shrink-0",children:Le("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),ua("div",{className:"  ",children:[Le("div",{className:"text-sm font-medium  text-gray-900 leading-none",children:o}),i&&Le("p",{className:"line-clamp-1 text-xs mt-1  text-gray-500",children:i})]})]})})})},ha=cn;import{jsx as ue,jsxs as pn}from"react/jsx-runtime";var dn=({data:e})=>ue(vt,{children:ue(bt,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?pn(xt,{children:[ue(wt,{children:t.title}),ue(Nt,{children:ue("ul",{className:a("grid w-[250px] gap-1 p-2.5  grid-cols-1",t.dropDownCompact===!0&&t.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",t.dropDownCompact===!0&&t.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:t.subMenu&&t.subMenu.map(i=>ue(ha,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]},t.id):ue(xt,{children:ue(Qe,{href:t.url,className:yt(),...o,children:t.title})},t.id)})})}),va=dn;import{useEffect as bn,useState as xn}from"react";var Ct=[.24,.25,.05,1];import{useKey as yn}from"react-use";import wa from"next/router";import{jsx as Xe,jsxs as ba}from"react/jsx-runtime";var gn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:n=!1})=>{let m=n?{target:"_blank",rel:"noopener noreferrer"}:{};return Xe("li",{className:"min-h-8",children:ba("a",{className:a(" select-none py-2 flex flex-nowrap space-x-2 items-center text",e),href:r,...m,children:[t&&Xe("div",{className:"w-7 h-7 shrink-0",children:Xe("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),ba("div",{className:"  ",children:[Xe("div",{className:"text-sm  text-gray-800 leading-none",children:o}),i&&Xe("p",{className:"line-clamp-1 text-xs mt-1  text-gray-500",children:i})]})]})})},xa=gn;import{motion as fn}from"framer-motion";import{jsx as Ce,jsxs as vn}from"react/jsx-runtime";var un={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Ct}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>Ce(rt,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return Ce(fn.div,{variants:un,children:t.hasDropdown?vn(nt,{value:t.id,children:[Ce(st,{className:"py-3",children:t.title}),Ce(lt,{children:Ce("ul",{className:a("grid gap-1 grid-cols-1 "),children:t.subMenu&&t.subMenu.map(i=>Ce(xa,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]}):Ce("a",{className:"py-3 flex flex-1 items-center text-left justify-between  font-medium transition-all hover:underline text-gray-900 border-b border-gray-200",href:t.url,...o,children:t.title})},t.id)})}),ya=hn;import{ArrowDownTrayIcon as wn}from"@heroicons/react/16/solid";import{motion as oo,AnimatePresence as Nn,LazyMotion as Pn,domAnimation as Cn}from"framer-motion";import{jsx as p,jsxs as L}from"react/jsx-runtime";var Rn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,Tn=({data:e,className:t})=>{let[o,i]=xn(!1);yn("Escape",()=>i(!1)),bn(()=>{if(!o)return;let m=Rn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",wa.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),wa.events.off("routeChangeComplete",c)}},[o]);let r={visible:{opacity:1,transition:{duration:.2}},hidden:{opacity:0,transition:{duration:.2}}},n={hidden:{opacity:0},show:{opacity:1,transition:{duration:.15,staggerChildren:.05,ease:Ct}},exit:{opacity:0,transition:{duration:.15}}};return L("div",{className:a(t),children:[L("button",{type:"button",className:"text-gray-800 w-10 h-10 flex items-center justify-center hover:text-gray-700 ",onClick:()=>i(!o),children:[p("span",{className:"sr-only",children:"Navigation"}),p(oo.div,{animate:o?"hidden":"visible",variants:r,children:p("svg",{className:a("block w-7 h-7",o&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:p("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),p(oo.div,{animate:o?"visible":"hidden",variants:r,children:p("svg",{className:a("block w-7 h-7",!o&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:p("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),p(Pn,{features:Cn,children:p(Nn,{mode:"wait",children:o&&L(oo.nav,{variants:n,initial:"hidden",animate:"show",exit:"exit",className:a(t,"fixed  block w-full  max-w-full z-50 px-5 bg-white left-0 right-0 bottom-0 overflow-y-auto top-[calc(var(--header-height)+1px)] pb-24 "),children:[p(ya,{data:e}),L("div",{className:"py-4 text-sm animate-fade-in duration-500 delay-300",children:[p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),L("div",{className:"flex flex-nowrap",children:[p("div",{className:"flex-initial",children:p("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:p("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),p("div",{className:"ml-3 flex-initial",children:p("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:p("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),L("ul",{className:"mb-2 text-sm text-gray-500",children:[L("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{href:`tel:${ie.Support.Hotline}`,className:"text-gray-600",children:ie.Support.Hotline_Format})]}),L("li",{className:"mb-1",children:["Email :\xA0",p("a",{href:`mailto:${ie.Support.Email}`,className:"text-gray-600",children:ie.Support.Email})]})]}),p("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:L("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:[p("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:p("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:L("g",{children:[p("title",{children:"Asset 1"}),p("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 Ur,PlusCircleIcon as qr}from"@heroicons/react/24/outline";import{useRef as Jo,forwardRef as Qr,useState as Kt,useEffect as ea}from"react";import{jsx as Ee,jsxs as ta}from"react/jsx-runtime";var Zr=Qr(({value:e=0,min:t=0,max:o=999,disabled:i=!1,disabledInput:r=!1,step:n=1,inputClassName:m="",stepperClassName:c="",className:d="",onChange:b=()=>{},onChangeInputStepper:R,onDecrement:H,onIncrement:z,...Z},M)=>{let T=Jo(null),[X,W]=Kt(!1),[ye,k]=Kt(!1),[at,_e]=Kt(""),Be=Jo(null),A=u=>{Number(u)>=o?W(!0):W(!1),Number(u)>t?k(!1):k(!0)},Ei=()=>{if(i||X)return;let u=T?.current?.querySelector("input");if(!u)return;let F=0;F=Math.min(Number(u.value)+n,o),A(F),u.value=String(F),_e(u.value||""),R?.(u.value),z?.(u.value)},Li=()=>{if(i||ye)return;let u=T?.current?.querySelector("input");if(!u)return;let F=0;F=Math.max(Number(u.value)-n,0),A(F),u.value=String(F),_e(u.value||""),R?.(u.value),H?.(u.value)},Ii=u=>{if(!u)return;let F=u?.target?.value;F?.match(/^[0-9]*$/)||(F=F.replace(/[^0-9]/g,"")),A(F);let it=parseInt(F,10);Number.isNaN(it)||it<t?u.target.value=String(t):it>=o?u.target.value=String(o):u.target.value=String(it),_e(u?.target?.value||""),R?.(u.target.value),b?.(u)};return ea(()=>{let u=T?.current?.querySelector("input");u&&A(u?.value)},[]),ea(()=>{let u=T?.current?.querySelector("input");u&&Be?.current&&(u.style.width=`${Be.current.offsetWidth+10}px`)},[at]),ta("div",{ref:T,className:"flex items-center space-x-1",children:[Ee(pe,{id:"btn-minus",className:a(!ye&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Li,children:Ee(Ur,{className:"w-8 h-8 "})}),ta("div",{children:[Ee("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:M,min:t,max:o,onChange:u=>Ii(u),id:"numberInput",disabled:i||r,autoComplete:"off",...Z,className:a("text-gray-800 min-w-7 border-gray-300 border transition-width duration-100 focus-visible:outline-none focus-visible:ring-0 focus:ring-0 shadow-none focus-visible:ring-offset-0 w-7 h-7 rounded-md text-center bg-white",m)}),Ee("span",{ref:Be,style:{visibility:"hidden",position:"absolute",whiteSpace:"pre"},children:at||" "})]}),Ee(pe,{id:"btn-plus",className:a(!X&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Ei,children:Ee(qr,{className:"w-8 h-8 "})})]})});import*as te from"react";import{ChevronDownIcon as oa,ChevronUpIcon as Xr,CheckIcon as Yr,XCircleIcon as Kr}from"@heroicons/react/16/solid";import{QuestionMarkCircleIcon as Jr}from"@heroicons/react/24/outline";import*as g from"@radix-ui/react-select";import{jsx as y,jsxs as Ue}from"react/jsx-runtime";var en=te.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:n,disabled:m,...c},d)=>Ue("div",{ref:d,className:a("select-mobase relative",e,m?"disabled":"",n?"[&>.select-mobase-button]:border-red-500 [&>.select-mobase-button]:ring-red-500 [&>.select-mobase-button]:ring-1":"",r===2?"[&>.select-mobase-button]:text-base [&>.select-mobase-button]:h-12":""),children:[o&&y("span",{className:a("mobase-select-label absolute bg-white -top-2 px-1.5 left-2 text-xs text-gray-500 z-[1]",r===2&&"text-sm -top-2.5",n&&"text-red-500"),children:o}),y(g.Root,{disabled:m,...c,children:t}),i&&Ue("div",{className:a("mobase-select-message flex space-x-1 items-center mt-1 text-gray-500",n&&"text-red-500"),children:[n?y(Kr,{width:16,height:16}):y(Jr,{width:16,height:16}),y("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),tn=g.Value,aa=te.forwardRef(({className:e,children:t,...o},i)=>Ue(g.Trigger,{ref:i,className:a("select-mobase-button bg-white w-full ring-0 transition-all focus-visible:border-pink-500 focus-visible:ring-offset-0 focus-visible:ring-offset-transparent focus-visible:ring-1 focus-visible:!ring-pink-500 rounded-md border border-gray-300 data-[placeholder]:text-gray-500 p-3 disabled:bg-gray-50 disabled:border-gray-200  disabled:pointer-events-none flex items-center justify-between data-[state=open]:border-pink-500 data-[state=open]:ring-1 hover:ring-1 hover:ring-gray-400 data-[state=open]:ring-pink-500 text-gray-900 h-11 ring-inset text-sm",e),...o,children:[y("div",{className:"line-clamp-1 text-left",children:t}),y(g.Icon,{asChild:!0,children:y(oa,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));aa.displayName=g.Trigger.displayName;var Jt=te.forwardRef(({className:e,...t},o)=>y(g.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:y(Xr,{className:"h-5 w-5"})}));Jt.displayName=g.ScrollUpButton.displayName;var eo=te.forwardRef(({className:e,...t},o)=>y(g.ScrollDownButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1 bg-gradient-to-t from-white to-transparent",e),...t,children:y(oa,{className:"h-5 w-5"})}));eo.displayName=g.ScrollDownButton.displayName;var ia=te.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>y(g.Portal,{children:Ue(g.Content,{ref:r,className:a("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-gray-300 bg-white text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:o,...i,children:[y(Jt,{}),y(g.Viewport,{className:a("p-0",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),y(eo,{})]})}));ia.displayName=g.Content.displayName;var on=te.forwardRef(({className:e,children:t,...o},i)=>y(g.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),ra=te.forwardRef(({className:e,...t},o)=>y(g.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));ra.displayName=g.Label.displayName;var an=te.forwardRef(({className:e,children:t,...o},i)=>Ue(g.Item,{ref:i,className:a("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[y("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:y(g.ItemIndicator,{children:y(Yr,{className:"h-4 w-4"})})}),y(g.ItemText,{children:t})]})),na=te.forwardRef(({className:e,...t},o)=>y(g.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));na.displayName=g.Separator.displayName;import*as K from"react";import{ChevronDownIcon as rn}from"@heroicons/react/16/solid";import*as w from"@radix-ui/react-navigation-menu";import{cva as nn}from"class-variance-authority";import{jsx as E,jsxs as qe}from"react/jsx-runtime";var sa=K.createContext(null),sn=({value:e,children:t})=>E(sa.Provider,{value:e,children:t}),ln=()=>{let e=K.useContext(sa);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},vt=K.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>E(sn,{value:{alignDropdown:o},children:qe(w.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,E(ma,{})]})}));vt.displayName=w.Root.displayName;var bt=K.forwardRef(({className:e,...t},o)=>E(w.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));bt.displayName=w.List.displayName;var xt=w.Item,yt=nn(ne({variant:"transparent",size:"sm"})),wt=K.forwardRef(({className:e,children:t,...o},i)=>qe(w.Trigger,{ref:i,className:a(yt(),"group",e),...o,children:[t,E(rn,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));wt.displayName=w.Trigger.displayName;var Nt=K.forwardRef(({className:e,...t},o)=>E(w.Content,{ref:o,className:a("hidden group-data-[state=open]:block left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",e),...t}));Nt.displayName=w.Content.displayName;var Qe=w.Link,la=K.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=ln();return E("div",{className:a("absolute top-full flex justify-center",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&"left-1/2 -translate-x-1/2"),children:E(w.Viewport,{className:a("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow 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)] group",e),ref:o,...t})})});la.displayName=w.Viewport.displayName;var ma=K.forwardRef(({className:e,...t},o)=>qe("div",{ref:o,children:[E(w.Indicator,{ref:o,className:a("top-full z-[1] flex h-4 items-end justify-center overflow-hidden group data-[state=visible]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=visible]:zoom-in-90",e),...t,children:qe("svg",{width:"158",height:"46",viewBox:"0 0 158 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"relative w-7 h-7 top-[9px] group-data-[state=visible]:animate-in group-data-[state=closed]:animate-out group-data-[state=closed]:zoom-out-95 group-data-[state=visible]:zoom-in-90",children:[qe("g",{"clip-path":"url(#clip0_782_2)",children:[E("path",{d:"M70.9519 9.1982L55.1105 25.0396C47.3839 32.7662 43.5206 36.6295 39.0121 39.3923C35.015 41.8418 30.6572 43.6468 26.0987 44.7412C20.9572 45.9756 15.4937 45.9756 4.56665 45.9756H153.132C142.205 45.9756 136.742 45.9756 131.6 44.7412C127.042 43.6468 122.684 41.8418 118.687 39.3923C114.178 36.6295 110.315 32.7662 102.588 25.0396L86.7468 9.1982C82.3852 4.8365 75.3136 4.8365 70.9519 9.1982Z",fill:"white"}),E("path",{d:"M153.132 40.3912C141.939 40.3912 137.253 40.3553 132.904 39.3112C128.915 38.3536 125.102 36.7741 121.605 34.6309C117.791 32.2938 114.452 29.0054 106.537 21.0909L90.6957 5.2494C84.1532 -1.293 73.5457 -1.293 67.0033 5.2495L51.1618 21.0909C43.2473 29.0054 39.9082 32.2938 36.0944 34.6309C32.5969 36.7741 28.7838 38.3536 24.7952 39.3112C20.4458 40.3553 15.7596 40.3912 4.56672 40.3912H0.668457V45.9756H4.56672C15.4938 45.9756 20.9573 45.9756 26.0988 44.7412C30.6573 43.6468 35.0151 41.8418 39.0122 39.3923C43.5207 36.6295 47.384 32.7662 55.1106 25.0396L70.952 9.1982C75.3137 4.8365 82.3853 4.8365 86.7469 9.1982L102.588 25.0396C110.315 32.7662 114.178 36.6295 118.687 39.3923C122.684 41.8418 127.042 43.6468 131.6 44.7412C136.742 45.9756 142.205 45.9756 153.132 45.9756H157.03V40.3912H153.132Z",fill:"#E5E5E5"})]}),E("defs",{children:E("clipPath",{id:"clip0_782_2",children:E("rect",{width:"158",height:"46",fill:"white",transform:"matrix(1 0 0 -1 0 46)"})})})]})}),E(w.Indicator,{...t,children:E(la,{})})]}));ma.displayName=w.Indicator.displayName;import*as da from"react";import*as Ze from"@radix-ui/react-switch";import{jsx as ca}from"react/jsx-runtime";var pa=da.forwardRef(({className:e,...t},o)=>ca(Ze.Root,{className:a("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),...t,ref:o,children:ca(Ze.Thumb,{className:a("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")})}));pa.displayName=Ze.Root.displayName;import*as to from"react";import*as fe from"@radix-ui/react-radio-group";import{Circle as mn}from"lucide-react";import{jsx as Pt}from"react/jsx-runtime";var ga=to.forwardRef(({className:e,...t},o)=>Pt(fe.Root,{className:a("grid gap-2",e),...t,ref:o}));ga.displayName=fe.Root.displayName;var fa=to.forwardRef(({className:e,...t},o)=>Pt(fe.Item,{ref:o,className:a("aspect-square h-4 w-4 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",e),...t,children:Pt(fe.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Pt(mn,{className:"h-2 w-2 fill-current text-current"})})}));fa.displayName=fe.Item.displayName;import{jsx as Le,jsxs as ua}from"react/jsx-runtime";var cn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:n=!1})=>{let m=n?{target:"_blank",rel:"noopener noreferrer"}:{};return Le("li",{className:"",children:Le(Qe,{asChild:!0,children:ua("a",{className:a(" select-none space-y-1 rounded-md  px-2.5 py-2 leading-none no-underline outline-none transition-colors hover:bg-pink-50 hover:text-pink-500 focus:bg-pink-50 focus:text-pink-500 flex flex-nowrap space-x-2 items-center min-h-9",e),href:r,...m,children:[t&&Le("div",{className:"w-7 h-7 shrink-0",children:Le("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),ua("div",{className:"  ",children:[Le("div",{className:"text-sm font-medium  text-gray-900 leading-none",children:o}),i&&Le("p",{className:"line-clamp-1 text-xs mt-1  text-gray-500",children:i})]})]})})})},ha=cn;import{jsx as ue,jsxs as pn}from"react/jsx-runtime";var dn=({data:e})=>ue(vt,{children:ue(bt,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?pn(xt,{children:[ue(wt,{children:t.title}),ue(Nt,{children:ue("ul",{className:a("grid w-[250px] gap-1 p-2.5  grid-cols-1",t.dropDownCompact===!0&&t.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",t.dropDownCompact===!0&&t.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:t.subMenu&&t.subMenu.map(i=>ue(ha,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]},t.id):ue(xt,{children:ue(Qe,{href:t.url,className:yt(),...o,children:t.title})},t.id)})})}),va=dn;import{useEffect as bn,useState as xn}from"react";var Ct=[.24,.25,.05,1];import{useKey as yn}from"react-use";import wa from"next/router";import{jsx as Xe,jsxs as ba}from"react/jsx-runtime";var gn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:n=!1})=>{let m=n?{target:"_blank",rel:"noopener noreferrer"}:{};return Xe("li",{className:"min-h-8",children:ba("a",{className:a(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...m,children:[t&&Xe("div",{className:"w-6 h-6 shrink-0",children:Xe("img",{src:t,loading:"lazy",className:"w-6 h-6 object-cover",alt:o})}),ba("div",{className:"  ",children:[Xe("div",{className:"text-sm  text-gray-800 leading-none line-clamp-1",children:o}),i&&Xe("p",{className:"line-clamp-1 text-xs mt-1  text-gray-500",children:i})]})]})})},xa=gn;import{motion as fn}from"framer-motion";import{jsx as Ce,jsxs as vn}from"react/jsx-runtime";var un={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Ct}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>Ce(rt,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return Ce(fn.div,{variants:un,children:t.hasDropdown?vn(nt,{value:t.id,children:[Ce(st,{className:"py-3",children:t.title}),Ce(lt,{children:Ce("ul",{className:a("grid gap-y-1 gap-x-2 grid-cols-2 "),children:t.subMenu&&t.subMenu.map(i=>Ce(xa,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]}):Ce("a",{className:"py-3 flex flex-1 items-center text-left justify-between  font-medium transition-all hover:underline text-gray-900 border-b border-gray-200",href:t.url,...o,children:t.title})},t.id)})}),ya=hn;import{ArrowDownTrayIcon as wn}from"@heroicons/react/16/solid";import{motion as oo,AnimatePresence as Nn,LazyMotion as Pn,domAnimation as Cn}from"framer-motion";import{jsx as p,jsxs as L}from"react/jsx-runtime";var Rn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,Tn=({data:e,className:t})=>{let[o,i]=xn(!1);yn("Escape",()=>i(!1)),bn(()=>{if(!o)return;let m=Rn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",wa.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),wa.events.off("routeChangeComplete",c)}},[o]);let r={visible:{opacity:1,transition:{duration:.2}},hidden:{opacity:0,transition:{duration:.2}}},n={hidden:{opacity:0},show:{opacity:1,transition:{duration:.15,staggerChildren:.05,ease:Ct}},exit:{opacity:0,transition:{duration:.15}}};return L("div",{className:a(t),children:[L("button",{type:"button",className:"text-gray-800 w-10 h-10 flex items-center justify-center hover:text-gray-700 ",onClick:()=>i(!o),children:[p("span",{className:"sr-only",children:"Navigation"}),p(oo.div,{animate:o?"hidden":"visible",variants:r,children:p("svg",{className:a("block w-7 h-7",o&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:p("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),p(oo.div,{animate:o?"visible":"hidden",variants:r,children:p("svg",{className:a("block w-7 h-7",!o&&"hidden"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:p("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),p(Pn,{features:Cn,children:p(Nn,{mode:"wait",children:o&&L(oo.nav,{variants:n,initial:"hidden",animate:"show",exit:"exit",className:a(t,"fixed  block w-full  max-w-full z-50 px-5 bg-white left-0 right-0 bottom-0 overflow-y-auto top-[calc(var(--header-height)+1px)] pb-24 "),children:[p(ya,{data:e}),L("div",{className:"py-4 text-sm animate-fade-in duration-500 delay-300",children:[p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),L("div",{className:"flex flex-nowrap",children:[p("div",{className:"flex-initial",children:p("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:p("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),p("div",{className:"ml-3 flex-initial",children:p("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:p("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),L("ul",{className:"mb-2 text-sm text-gray-500",children:[L("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{href:`tel:${ie.Support.Hotline}`,className:"text-gray-600",children:ie.Support.Hotline_Format})]}),L("li",{className:"mb-1",children:["Email :\xA0",p("a",{href:`mailto:${ie.Support.Email}`,className:"text-gray-600",children:ie.Support.Email})]})]}),p("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:L("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:[p("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:p("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:L("g",{children:[p("title",{children:"Asset 1"}),p("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`}),p("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