@momo-webplatform/mobase 0.2.31 → 0.2.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -117,11 +117,11 @@
|
|
|
117
117
|
color: rgb(var(--mobase-red-500) / 1);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
`})]})});var Gt=require("@heroicons/react/24/outline");var K=require("react");var me=require("react/jsx-runtime"),gi=(0,K.forwardRef)(({value:e=0,min:t=0,max:o=999,disabled:i=!1,disabledInput:r=!1,step:l=1,inputClassName:m="",stepperClassName:c="",className:f="",onChange:y=()=>{},onChangeInputStepper:N,onDecrement:A,onIncrement:O,...te},I)=>{let R=(0,K.useRef)(null),[oe,q]=(0,K.useState)(!1),[Le,T]=(0,K.useState)(!1),[kt,Xe]=(0,K.useState)(""),Ye=(0,K.useRef)(null),M=b=>{Number(b)>=o?q(!0):q(!1),Number(b)>t?T(!1):T(!0)},Gr=()=>{if(i||oe)return;let b=R?.current?.querySelector("input");if(!b)return;let W=0;W=Math.min(Number(b.value)+l,o),M(W),b.value=String(W),Xe(b.value||""),N?.(b.value),O?.(b.value)},$r=()=>{if(i||Le)return;let b=R?.current?.querySelector("input");if(!b)return;let W=0;W=Math.max(Number(b.value)-l,0),M(W),b.value=String(W),Xe(b.value||""),N?.(b.value),A?.(b.value)},jr=b=>{if(!b)return;let W=b?.target?.value;W?.match(/^[0-9]*$/)||(W=W.replace(/[^0-9]/g,"")),M(W);let Dt=parseInt(W,10);Number.isNaN(Dt)||Dt<t?b.target.value=String(t):Dt>=o?b.target.value=String(o):b.target.value=String(Dt),Xe(b?.target?.value||""),N?.(b.target.value),y?.(b)};return(0,K.useEffect)(()=>{let b=R?.current?.querySelector("input");b&&M(b?.value)},[]),(0,K.useEffect)(()=>{let b=R?.current?.querySelector("input");b&&Ye?.current&&(b.style.width=`${Ye.current.offsetWidth+10}px`)},[kt]),(0,me.jsxs)("div",{ref:R,className:"flex items-center space-x-1",children:[(0,me.jsx)(be,{id:"btn-minus",className:a(!Le&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:$r,children:(0,me.jsx)(Gt.MinusCircleIcon,{className:"w-8 h-8 "})}),(0,me.jsxs)("div",{children:[(0,me.jsx)("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:I,min:t,max:o,onChange:b=>jr(b),id:"numberInput",disabled:i||r,autoComplete:"off",...te,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)}),(0,me.jsx)("span",{ref:Ye,style:{visibility:"hidden",position:"absolute",whiteSpace:"pre"},children:kt||" "})]}),(0,me.jsx)(be,{id:"btn-plus",className:a(!oe&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Gr,children:(0,me.jsx)(Gt.PlusCircleIcon,{className:"w-8 h-8 "})})]})});var ce=g(require("react"),1),we=require("@heroicons/react/16/solid"),fi=require("@heroicons/react/24/outline"),h=g(require("@radix-ui/react-select"),1);var x=require("react/jsx-runtime"),ui=ce.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:l,disabled:m,...c},f)=>(0,x.jsxs)("div",{ref:f,className:a("select-mobase relative",e,m?"disabled":"",l?"[&>.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&&(0,x.jsx)("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",l&&"text-red-500"),children:o}),(0,x.jsx)(h.Root,{disabled:m,...c,children:t}),i&&(0,x.jsxs)("div",{className:a("mobase-select-message flex space-x-1 items-center mt-1 text-gray-500",l&&"text-red-500"),children:[l?(0,x.jsx)(we.XCircleIcon,{width:16,height:16}):(0,x.jsx)(fi.QuestionMarkCircleIcon,{width:16,height:16}),(0,x.jsx)("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),hi=h.Value,Wo=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsxs)(h.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:[(0,x.jsx)("div",{className:"line-clamp-1 text-left",children:t}),(0,x.jsx)(h.Icon,{asChild:!0,children:(0,x.jsx)(we.ChevronDownIcon,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));Wo.displayName=h.Trigger.displayName;var $t=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:(0,x.jsx)(we.ChevronUpIcon,{className:"h-5 w-5"})}));$t.displayName=h.ScrollUpButton.displayName;var jt=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.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:(0,x.jsx)(we.ChevronDownIcon,{className:"h-5 w-5"})}));jt.displayName=h.ScrollDownButton.displayName;var Go=ce.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>(0,x.jsx)(h.Portal,{children:(0,x.jsxs)(h.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:[(0,x.jsx)($t,{}),(0,x.jsx)(h.Viewport,{className:a("p-0",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),(0,x.jsx)(jt,{})]})}));Go.displayName=h.Content.displayName;var vi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsx)(h.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),$o=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));$o.displayName=h.Label.displayName;var bi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsxs)(h.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:[(0,x.jsx)("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:(0,x.jsx)(h.ItemIndicator,{children:(0,x.jsx)(we.CheckIcon,{className:"h-4 w-4"})})}),(0,x.jsx)(h.ItemText,{children:t})]})),jo=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));jo.displayName=h.Separator.displayName;var re=g(require("react"),1),P=g(require("@radix-ui/react-navigation-menu"),1),xi=require("class-variance-authority"),yi=require("@heroicons/react/16/solid");var j=require("react/jsx-runtime"),wi=re.createContext(null),ln=({value:e,children:t})=>(0,j.jsx)(wi.Provider,{value:e,children:t}),mn=()=>{let e=re.useContext(wi);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},dt=re.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>(0,j.jsx)(ln,{value:{alignDropdown:o},children:(0,j.jsx)(P.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:t})}));dt.displayName=P.Root.displayName;var pt=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)(P.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center space-x-1",e),...t}));pt.displayName=P.List.displayName;var gt=P.Item,ft=(0,xi.cva)(se({variant:"transparent",size:"sm"})),ut=re.forwardRef(({className:e,children:t,...o},i)=>(0,j.jsxs)(P.Trigger,{ref:i,className:a(ft(),"group",e),...o,children:[t," ",(0,j.jsx)(yi.ChevronDownIcon,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));ut.displayName=P.Trigger.displayName;var ht=re.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=mn();return(0,j.jsx)(P.Content,{ref:o,className:a("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",i!=="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 ",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&" left-1/2 -translate-x-1/2 "),...t})});ht.displayName=P.Content.displayName;var Qe=P.Link,cn=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)("div",{className:a("absolute left-0 top-full flex justify-center"),children:(0,j.jsx)(P.Viewport,{className:a("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:o,...t})}));cn.displayName=P.Viewport.displayName;var dn=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)(P.Indicator,{ref:o,className:a("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),...t,children:(0,j.jsx)("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));dn.displayName=P.Indicator.displayName;var Ni=g(require("react"),1),vt=g(require("@radix-ui/react-switch"),1);var Uo=require("react/jsx-runtime"),qo=Ni.forwardRef(({className:e,...t},o)=>(0,Uo.jsx)(vt.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:(0,Uo.jsx)(vt.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")})}));qo.displayName=vt.Root.displayName;var Qo=g(require("react"),1),Te=g(require("@radix-ui/react-radio-group"),1),Pi=require("lucide-react");var bt=require("react/jsx-runtime"),Zo=Qo.forwardRef(({className:e,...t},o)=>(0,bt.jsx)(Te.Root,{className:a("grid gap-2",e),...t,ref:o}));Zo.displayName=Te.Root.displayName;var Xo=Qo.forwardRef(({className:e,...t},o)=>(0,bt.jsx)(Te.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:(0,bt.jsx)(Te.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:(0,bt.jsx)(Pi.Circle,{className:"h-2 w-2 fill-current text-current"})})}));Xo.displayName=Te.Item.displayName;var de=require("react/jsx-runtime"),pn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,de.jsx)("li",{className:"",children:(0,de.jsx)(Qe,{asChild:!0,children:(0,de.jsxs)("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&&(0,de.jsx)("div",{className:"w-7 h-7 shrink-0",children:(0,de.jsx)("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),(0,de.jsxs)("div",{className:" ",children:[(0,de.jsx)("div",{className:"text-sm font-medium text-gray-900 leading-none",children:o}),i&&(0,de.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})})},Ci=pn;var ne=require("react/jsx-runtime"),gn=({data:e,alignDropdown:t})=>(0,ne.jsx)(dt,{alignDropdown:t,children:(0,ne.jsx)(pt,{children:e.map(o=>{let i=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return o.hasDropdown?(0,ne.jsxs)(gt,{className:"relative",children:[(0,ne.jsx)(ut,{children:o.title}),(0,ne.jsx)(ht,{children:(0,ne.jsx)("ul",{className:a("grid w-[250px] gap-1 p-2.5 grid-cols-1",o.dropDownCompact===!0&&o.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",o.dropDownCompact===!0&&o.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:o.subMenu&&o.subMenu.map(r=>(0,ne.jsx)(Ci,{title:r.title,href:r.url,newTab:r.newTab,icon:o.dropDownCompact===!0?r.icon:"",children:o.dropDownCompact===!0?r.description:""},r.title))})})]},o.id):(0,ne.jsx)(gt,{className:"relative",children:(0,ne.jsx)(Qe,{href:o.url,className:ft(),...i,children:o.title})},o.id)})})}),Ri=gn;var qt=require("react");var Ut=[.24,.25,.05,1];var Si=require("react-use"),Yo=g(require("next/router"),1);var Ne=require("react/jsx-runtime"),fn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,Ne.jsx)("li",{className:"min-h-8",children:(0,Ne.jsxs)("a",{className:a(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...m,children:[t&&(0,Ne.jsx)("div",{className:"w-6 h-6 shrink-0",children:(0,Ne.jsx)("img",{src:t,loading:"lazy",className:"w-6 h-6 object-cover",alt:o})}),(0,Ne.jsxs)("div",{className:" ",children:[(0,Ne.jsx)("div",{className:"text-sm text-gray-800 leading-none line-clamp-1",children:o}),i&&(0,Ne.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},Ti=fn;var ki=require("framer-motion"),pe=require("react/jsx-runtime"),un={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Ut}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>(0,pe.jsx)(et,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,pe.jsx)(ki.motion.div,{variants:un,children:t.hasDropdown?(0,pe.jsxs)(tt,{value:t.id,children:[(0,pe.jsx)(ot,{className:"py-3",children:t.title}),(0,pe.jsx)(at,{children:(0,pe.jsx)("ul",{className:a("grid gap-y-1 gap-x-2 grid-cols-2 "),children:t.subMenu&&t.subMenu.map(i=>(0,pe.jsx)(Ti,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]}):(0,pe.jsx)("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)})}),Di=hn;var Ai=require("@heroicons/react/16/solid");var ge=require("framer-motion");var p=require("react/jsx-runtime"),vn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,bn=({data:e,className:t})=>{let[o,i]=(0,qt.useState)(!1);(0,Si.useKey)("Escape",()=>i(!1)),(0,qt.useEffect)(()=>{if(!o)return;let m=vn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",Yo.default.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),Yo.default.events.off("routeChangeComplete",c)}},[o]);let r={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:Ut}},exit:{opacity:0,transition:{duration:.15}}};return(0,p.jsxs)("div",{className:a(t),children:[(0,p.jsxs)("button",{type:"button",className:"text-gray-800 w-10 h-10 flex items-center justify-center hover:text-gray-700 ",onClick:()=>i(!o),children:[(0,p.jsx)("span",{className:"sr-only",children:"Navigation"}),(0,p.jsx)(ge.motion.div,{animate:o?"hidden":"visible",variants:r,children:(0,p.jsx)("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:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),(0,p.jsx)(ge.motion.div,{animate:o?"visible":"hidden",variants:r,children:(0,p.jsx)("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:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,p.jsx)(ge.LazyMotion,{features:ge.domAnimation,children:(0,p.jsx)(ge.AnimatePresence,{mode:"wait",children:o&&(0,p.jsxs)(ge.motion.nav,{variants:l,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:[(0,p.jsx)(Di,{data:e}),(0,p.jsxs)("div",{className:"py-4 text-sm animate-fade-in duration-500 delay-300",children:[(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),(0,p.jsxs)("div",{className:"flex flex-nowrap",children:[(0,p.jsx)("div",{className:"flex-initial",children:(0,p.jsx)("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:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),(0,p.jsx)("div",{className:"ml-3 flex-initial",children:(0,p.jsx)("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:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),(0,p.jsxs)("ul",{className:"mb-2 text-sm text-gray-500",children:[(0,p.jsxs)("li",{className:"mb-1",children:["Hotline :\xA0",(0,p.jsx)("a",{href:`tel:${he.Support.Hotline}`,className:"text-gray-600",children:he.Support.Hotline_Format})]}),(0,p.jsxs)("li",{className:"mb-1",children:["Email :\xA0",(0,p.jsx)("a",{href:`mailto:${he.Support.Email}`,className:"text-gray-600",children:he.Support.Email})]})]}),(0,p.jsx)("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:(0,p.jsxs)("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:[(0,p.jsx)("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:(0,p.jsx)("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:(0,p.jsxs)("g",{children:[(0,p.jsx)("title",{children:"Asset 1"}),(0,p.jsx)("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
|
|
120
|
+
`})]})});var Gt=require("@heroicons/react/24/outline");var K=require("react");var me=require("react/jsx-runtime"),gi=(0,K.forwardRef)(({value:e=0,min:t=0,max:o=999,disabled:i=!1,disabledInput:r=!1,step:l=1,inputClassName:m="",stepperClassName:c="",className:f="",onChange:y=()=>{},onChangeInputStepper:N,onDecrement:A,onIncrement:O,...te},I)=>{let R=(0,K.useRef)(null),[oe,q]=(0,K.useState)(!1),[Le,T]=(0,K.useState)(!1),[kt,Xe]=(0,K.useState)(""),Ye=(0,K.useRef)(null),M=b=>{Number(b)>=o?q(!0):q(!1),Number(b)>t?T(!1):T(!0)},Gr=()=>{if(i||oe)return;let b=R?.current?.querySelector("input");if(!b)return;let W=0;W=Math.min(Number(b.value)+l,o),M(W),b.value=String(W),Xe(b.value||""),N?.(b.value),O?.(b.value)},$r=()=>{if(i||Le)return;let b=R?.current?.querySelector("input");if(!b)return;let W=0;W=Math.max(Number(b.value)-l,0),M(W),b.value=String(W),Xe(b.value||""),N?.(b.value),A?.(b.value)},jr=b=>{if(!b)return;let W=b?.target?.value;W?.match(/^[0-9]*$/)||(W=W.replace(/[^0-9]/g,"")),M(W);let Dt=parseInt(W,10);Number.isNaN(Dt)||Dt<t?b.target.value=String(t):Dt>=o?b.target.value=String(o):b.target.value=String(Dt),Xe(b?.target?.value||""),N?.(b.target.value),y?.(b)};return(0,K.useEffect)(()=>{let b=R?.current?.querySelector("input");b&&M(b?.value)},[]),(0,K.useEffect)(()=>{let b=R?.current?.querySelector("input");b&&Ye?.current&&(b.style.width=`${Ye.current.offsetWidth+10}px`)},[kt]),(0,me.jsxs)("div",{ref:R,className:"flex items-center space-x-1",children:[(0,me.jsx)(be,{id:"btn-minus",className:a(!Le&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:$r,children:(0,me.jsx)(Gt.MinusCircleIcon,{className:"w-8 h-8 "})}),(0,me.jsxs)("div",{children:[(0,me.jsx)("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:I,min:t,max:o,onChange:b=>jr(b),id:"numberInput",disabled:i||r,autoComplete:"off",...te,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)}),(0,me.jsx)("span",{ref:Ye,style:{visibility:"hidden",position:"absolute",whiteSpace:"pre"},children:kt||" "})]}),(0,me.jsx)(be,{id:"btn-plus",className:a(!oe&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Gr,children:(0,me.jsx)(Gt.PlusCircleIcon,{className:"w-8 h-8 "})})]})});var ce=g(require("react"),1),we=require("@heroicons/react/16/solid"),fi=require("@heroicons/react/24/outline"),h=g(require("@radix-ui/react-select"),1);var x=require("react/jsx-runtime"),ui=ce.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:l,disabled:m,...c},f)=>(0,x.jsxs)("div",{ref:f,className:a("select-mobase relative",e,m?"disabled":"",l?"[&>.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&&(0,x.jsx)("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",l&&"text-red-500"),children:o}),(0,x.jsx)(h.Root,{disabled:m,...c,children:t}),i&&(0,x.jsxs)("div",{className:a("mobase-select-message flex space-x-1 items-center mt-1 text-gray-500",l&&"text-red-500"),children:[l?(0,x.jsx)(we.XCircleIcon,{width:16,height:16}):(0,x.jsx)(fi.QuestionMarkCircleIcon,{width:16,height:16}),(0,x.jsx)("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),hi=h.Value,Wo=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsxs)(h.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:[(0,x.jsx)("div",{className:"line-clamp-1 text-left",children:t}),(0,x.jsx)(h.Icon,{asChild:!0,children:(0,x.jsx)(we.ChevronDownIcon,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));Wo.displayName=h.Trigger.displayName;var $t=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:(0,x.jsx)(we.ChevronUpIcon,{className:"h-5 w-5"})}));$t.displayName=h.ScrollUpButton.displayName;var jt=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.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:(0,x.jsx)(we.ChevronDownIcon,{className:"h-5 w-5"})}));jt.displayName=h.ScrollDownButton.displayName;var Go=ce.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>(0,x.jsx)(h.Portal,{children:(0,x.jsxs)(h.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:[(0,x.jsx)($t,{}),(0,x.jsx)(h.Viewport,{className:a("p-0",o==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),(0,x.jsx)(jt,{})]})}));Go.displayName=h.Content.displayName;var vi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsx)(h.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),$o=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));$o.displayName=h.Label.displayName;var bi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,x.jsxs)(h.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:[(0,x.jsx)("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:(0,x.jsx)(h.ItemIndicator,{children:(0,x.jsx)(we.CheckIcon,{className:"h-4 w-4"})})}),(0,x.jsx)(h.ItemText,{children:t})]})),jo=ce.forwardRef(({className:e,...t},o)=>(0,x.jsx)(h.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));jo.displayName=h.Separator.displayName;var re=g(require("react"),1),P=g(require("@radix-ui/react-navigation-menu"),1),xi=require("class-variance-authority"),yi=require("@heroicons/react/16/solid");var j=require("react/jsx-runtime"),wi=re.createContext(null),ln=({value:e,children:t})=>(0,j.jsx)(wi.Provider,{value:e,children:t}),mn=()=>{let e=re.useContext(wi);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},dt=re.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>(0,j.jsx)(ln,{value:{alignDropdown:o},children:(0,j.jsx)(P.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:t})}));dt.displayName=P.Root.displayName;var pt=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)(P.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center space-x-0",e),...t}));pt.displayName=P.List.displayName;var gt=P.Item,ft=(0,xi.cva)(se({variant:"transparent",size:"sm"})),ut=re.forwardRef(({className:e,children:t,...o},i)=>(0,j.jsxs)(P.Trigger,{ref:i,className:a(ft(),"group",e),...o,children:[t," ",(0,j.jsx)(yi.ChevronDownIcon,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));ut.displayName=P.Trigger.displayName;var ht=re.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=mn();return(0,j.jsx)(P.Content,{ref:o,className:a("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",i!=="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 ",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&" left-1/2 -translate-x-1/2 "),...t})});ht.displayName=P.Content.displayName;var Qe=P.Link,cn=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)("div",{className:a("absolute left-0 top-full flex justify-center"),children:(0,j.jsx)(P.Viewport,{className:a("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:o,...t})}));cn.displayName=P.Viewport.displayName;var dn=re.forwardRef(({className:e,...t},o)=>(0,j.jsx)(P.Indicator,{ref:o,className:a("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),...t,children:(0,j.jsx)("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));dn.displayName=P.Indicator.displayName;var Ni=g(require("react"),1),vt=g(require("@radix-ui/react-switch"),1);var Uo=require("react/jsx-runtime"),qo=Ni.forwardRef(({className:e,...t},o)=>(0,Uo.jsx)(vt.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:(0,Uo.jsx)(vt.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")})}));qo.displayName=vt.Root.displayName;var Qo=g(require("react"),1),Te=g(require("@radix-ui/react-radio-group"),1),Pi=require("lucide-react");var bt=require("react/jsx-runtime"),Zo=Qo.forwardRef(({className:e,...t},o)=>(0,bt.jsx)(Te.Root,{className:a("grid gap-2",e),...t,ref:o}));Zo.displayName=Te.Root.displayName;var Xo=Qo.forwardRef(({className:e,...t},o)=>(0,bt.jsx)(Te.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:(0,bt.jsx)(Te.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:(0,bt.jsx)(Pi.Circle,{className:"h-2 w-2 fill-current text-current"})})}));Xo.displayName=Te.Item.displayName;var de=require("react/jsx-runtime"),pn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,de.jsx)("li",{className:"",children:(0,de.jsx)(Qe,{asChild:!0,children:(0,de.jsxs)("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&&(0,de.jsx)("div",{className:"w-7 h-7 shrink-0",children:(0,de.jsx)("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),(0,de.jsxs)("div",{className:" ",children:[(0,de.jsx)("div",{className:"text-sm font-medium text-gray-900 leading-none",children:o}),i&&(0,de.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})})},Ci=pn;var ne=require("react/jsx-runtime"),gn=({data:e,alignDropdown:t})=>(0,ne.jsx)(dt,{alignDropdown:t,children:(0,ne.jsx)(pt,{children:e.map(o=>{let i=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return o.hasDropdown?(0,ne.jsxs)(gt,{className:"relative",children:[(0,ne.jsx)(ut,{children:o.title}),(0,ne.jsx)(ht,{children:(0,ne.jsx)("ul",{className:a("grid w-[250px] gap-1 p-2.5 grid-cols-1",o.dropDownCompact===!0&&o.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",o.dropDownCompact===!0&&o.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:o.subMenu&&o.subMenu.map(r=>(0,ne.jsx)(Ci,{title:r.title,href:r.url,newTab:r.newTab,icon:o.dropDownCompact===!0?r.icon:"",children:o.dropDownCompact===!0?r.description:""},r.title))})})]},o.id):(0,ne.jsx)(gt,{className:"relative",children:(0,ne.jsx)(Qe,{href:o.url,className:ft(),...i,children:o.title})},o.id)})})}),Ri=gn;var qt=require("react");var Ut=[.24,.25,.05,1];var Si=require("react-use"),Yo=g(require("next/router"),1);var Ne=require("react/jsx-runtime"),fn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,Ne.jsx)("li",{className:"min-h-8",children:(0,Ne.jsxs)("a",{className:a(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...m,children:[t&&(0,Ne.jsx)("div",{className:"w-6 h-6 shrink-0",children:(0,Ne.jsx)("img",{src:t,loading:"lazy",className:"w-6 h-6 object-cover",alt:o})}),(0,Ne.jsxs)("div",{className:" ",children:[(0,Ne.jsx)("div",{className:"text-sm text-gray-800 leading-none line-clamp-1",children:o}),i&&(0,Ne.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},Ti=fn;var ki=require("framer-motion"),pe=require("react/jsx-runtime"),un={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:Ut}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>(0,pe.jsx)(et,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,pe.jsx)(ki.motion.div,{variants:un,children:t.hasDropdown?(0,pe.jsxs)(tt,{value:t.id,children:[(0,pe.jsx)(ot,{className:"py-3",children:t.title}),(0,pe.jsx)(at,{children:(0,pe.jsx)("ul",{className:a("grid gap-y-1 gap-x-2 grid-cols-2 "),children:t.subMenu&&t.subMenu.map(i=>(0,pe.jsx)(Ti,{title:i.title,href:i.url,newTab:i.newTab,icon:t.dropDownCompact===!0?i.icon:"",children:t.dropDownCompact===!0?i.description:""},i.title))})})]}):(0,pe.jsx)("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)})}),Di=hn;var Ai=require("@heroicons/react/16/solid");var ge=require("framer-motion");var p=require("react/jsx-runtime"),vn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,bn=({data:e,className:t})=>{let[o,i]=(0,qt.useState)(!1);(0,Si.useKey)("Escape",()=>i(!1)),(0,qt.useEffect)(()=>{if(!o)return;let m=vn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",Yo.default.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),Yo.default.events.off("routeChangeComplete",c)}},[o]);let r={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:Ut}},exit:{opacity:0,transition:{duration:.15}}};return(0,p.jsxs)("div",{className:a(t),children:[(0,p.jsxs)("button",{type:"button",className:"text-gray-800 w-10 h-10 flex items-center justify-center hover:text-gray-700 ",onClick:()=>i(!o),children:[(0,p.jsx)("span",{className:"sr-only",children:"Navigation"}),(0,p.jsx)(ge.motion.div,{animate:o?"hidden":"visible",variants:r,children:(0,p.jsx)("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:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),(0,p.jsx)(ge.motion.div,{animate:o?"visible":"hidden",variants:r,children:(0,p.jsx)("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:(0,p.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,p.jsx)(ge.LazyMotion,{features:ge.domAnimation,children:(0,p.jsx)(ge.AnimatePresence,{mode:"wait",children:o&&(0,p.jsxs)(ge.motion.nav,{variants:l,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:[(0,p.jsx)(Di,{data:e}),(0,p.jsxs)("div",{className:"py-4 text-sm animate-fade-in duration-500 delay-300",children:[(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700 ",children:"T\u1EA2I V\xC0 \u0110\u0102NG K\xDD"}),(0,p.jsxs)("div",{className:"flex flex-nowrap",children:[(0,p.jsx)("div",{className:"flex-initial",children:(0,p.jsx)("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:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})}),(0,p.jsx)("div",{className:"ml-3 flex-initial",children:(0,p.jsx)("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:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",width:130,loading:"lazy",className:"img-fluid",alt:""})})})]}),(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1ED6 TR\u1EE2 KH\xC1CH H\xC0NG"}),(0,p.jsxs)("ul",{className:"mb-2 text-sm text-gray-500",children:[(0,p.jsxs)("li",{className:"mb-1",children:["Hotline :\xA0",(0,p.jsx)("a",{href:`tel:${he.Support.Hotline}`,className:"text-gray-600",children:he.Support.Hotline_Format})]}),(0,p.jsxs)("li",{className:"mb-1",children:["Email :\xA0",(0,p.jsx)("a",{href:`mailto:${he.Support.Email}`,className:"text-gray-600",children:he.Support.Email})]})]}),(0,p.jsx)("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:(0,p.jsxs)("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:[(0,p.jsx)("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:(0,p.jsx)("svg",{className:"h-7 w-7 text-pink-700 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:(0,p.jsxs)("g",{children:[(0,p.jsx)("title",{children:"Asset 1"}),(0,p.jsx)("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
|
|
121
121
|
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
|
|
122
122
|
c5.4,0,10.8,5.4,10.8,13.5C237.7,71.7,232.3,77.1,226.8,77.1z`}),(0,p.jsx)("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
|
|
123
123
|
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
|
|
124
|
-
c-7.5,0.1-13,4.3-17.3,13c0-17.3-14.1-21.6-21.6-21.6c-8.3,0-17.9,5.2-21.6,13v-90.8C215.4,212.3,203.8,200.7,189.4,200.7z`})]})})}),(0,p.jsx)("div",{className:"text-xs text-gray-500 ",children:"H\u01B0\u1EDBng d\u1EABn tr\u1EE3 gi\xFAp tr\xEAn"}),(0,p.jsx)("div",{className:"text-sm font-semibold text-gray-800",children:"\u1EE8ng d\u1EE5ng V\xED MoMo"})]})}),(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1EE2P T\xC1C DOANH NGHI\u1EC6P"}),(0,p.jsxs)("ul",{className:"mb-2 text-sm text-gray-500",children:[(0,p.jsxs)("li",{className:"mb-1",children:["Hotline :\xA0",(0,p.jsx)("a",{className:"text-gray-600",href:`tel:${he.Business.Phome}`,children:he.Business.Phome_Format})]}),(0,p.jsxs)("li",{className:"mb-1",children:["Email :\xA0",(0,p.jsxs)("a",{href:`mailto:${he.Business.Email}`,className:"text-gray-600",children:[" ",he.Business.Email]})]})]}),(0,p.jsx)("a",{href:"https://business.momo.vn/#menutop",rel:"noreferrer",target:"_blank",children:(0,p.jsxs)("div",{className:"relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-12 pr-2 hover:bg-gray-100",children:[(0,p.jsx)("div",{className:"absolute left-1 top-1 ",children:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210724114053.svg",className:"w-10",loading:"lazy",alt:""})}),(0,p.jsx)("div",{className:"text-xs text-gray-500 ",children:"H\u1EE3p t\xE1c doanh nghi\u1EC7p"}),(0,p.jsx)("div",{className:"text-sm font-semibold text-gray-800",children:"\u0110\u0103ng k\xFD h\u1EE3p t\xE1c"})]})})]}),(0,p.jsx)("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:(0,p.jsxs)("a",{className:a("w-full tracking-cta-header",se({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[(0,p.jsx)(Ai.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},Mi=bn;var Ei=g(require("html-react-parser"),1);var Ii=require("@heroicons/react/16/solid"),Li=require("react");var D=require("react/jsx-runtime"),Ko=({className:e,dataMenu:t,serviceInfo:o,hasDownloadApp:i=!0,navigationRight:r,isSticky:l=!0,alignDropdown:m="left"})=>{let{logo:c,name:f,url:y}=o||{},[N,A]=(0,Li.useState)(!1);return(0,D.jsxs)("div",{className:a(e,"z-40 w-full flex-none lg:z-50 ",l?"sticky top-0 ":"relative"),children:[(0,D.jsx)("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),(0,D.jsx)("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:(0,D.jsxs)("div",{className:"relative flex items-center ",children:[(0,D.jsxs)("a",{href:"/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[(0,D.jsx)("span",{className:"sr-only",children:"MoMo home page"}),(0,D.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&(0,D.jsxs)("a",{href:y,title:f,className:" relative flex space-x-1 pl-2 items-center rounded-none hover:opacity-80 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-[''] ",children:[(0,D.jsx)("img",{src:c,className:"w-9 h-9",alt:"MoMo"}),(0,D.jsx)("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500 line-clamp-2",children:f&&(0,Ei.default)(f)})]}),(0,D.jsx)("div",{className:"relative lg:ml-
|
|
124
|
+
c-7.5,0.1-13,4.3-17.3,13c0-17.3-14.1-21.6-21.6-21.6c-8.3,0-17.9,5.2-21.6,13v-90.8C215.4,212.3,203.8,200.7,189.4,200.7z`})]})})}),(0,p.jsx)("div",{className:"text-xs text-gray-500 ",children:"H\u01B0\u1EDBng d\u1EABn tr\u1EE3 gi\xFAp tr\xEAn"}),(0,p.jsx)("div",{className:"text-sm font-semibold text-gray-800",children:"\u1EE8ng d\u1EE5ng V\xED MoMo"})]})}),(0,p.jsx)("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1EE2P T\xC1C DOANH NGHI\u1EC6P"}),(0,p.jsxs)("ul",{className:"mb-2 text-sm text-gray-500",children:[(0,p.jsxs)("li",{className:"mb-1",children:["Hotline :\xA0",(0,p.jsx)("a",{className:"text-gray-600",href:`tel:${he.Business.Phome}`,children:he.Business.Phome_Format})]}),(0,p.jsxs)("li",{className:"mb-1",children:["Email :\xA0",(0,p.jsxs)("a",{href:`mailto:${he.Business.Email}`,className:"text-gray-600",children:[" ",he.Business.Email]})]})]}),(0,p.jsx)("a",{href:"https://business.momo.vn/#menutop",rel:"noreferrer",target:"_blank",children:(0,p.jsxs)("div",{className:"relative inline-block overflow-hidden rounded border border-gray-300 bg-white py-1 pl-12 pr-2 hover:bg-gray-100",children:[(0,p.jsx)("div",{className:"absolute left-1 top-1 ",children:(0,p.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210724114053.svg",className:"w-10",loading:"lazy",alt:""})}),(0,p.jsx)("div",{className:"text-xs text-gray-500 ",children:"H\u1EE3p t\xE1c doanh nghi\u1EC7p"}),(0,p.jsx)("div",{className:"text-sm font-semibold text-gray-800",children:"\u0110\u0103ng k\xFD h\u1EE3p t\xE1c"})]})})]}),(0,p.jsx)("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:(0,p.jsxs)("a",{className:a("w-full tracking-cta-header",se({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[(0,p.jsx)(Ai.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},Mi=bn;var Ei=g(require("html-react-parser"),1);var Ii=require("@heroicons/react/16/solid"),Li=require("react");var D=require("react/jsx-runtime"),Ko=({className:e,dataMenu:t,serviceInfo:o,hasDownloadApp:i=!0,navigationRight:r,isSticky:l=!0,alignDropdown:m="left"})=>{let{logo:c,name:f,url:y}=o||{},[N,A]=(0,Li.useState)(!1);return(0,D.jsxs)("div",{className:a(e,"z-40 w-full flex-none lg:z-50 ",l?"sticky top-0 ":"relative"),children:[(0,D.jsx)("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),(0,D.jsx)("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:(0,D.jsxs)("div",{className:"relative flex items-center ",children:[(0,D.jsxs)("a",{href:"/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[(0,D.jsx)("span",{className:"sr-only",children:"MoMo home page"}),(0,D.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&(0,D.jsxs)("a",{href:y,title:f,className:" relative flex space-x-1 pl-2 items-center rounded-none hover:opacity-80 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-[''] ",children:[(0,D.jsx)("img",{src:c,className:"w-9 h-9",alt:"MoMo"}),(0,D.jsx)("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500 line-clamp-2",children:f&&(0,Ei.default)(f)})]}),(0,D.jsx)("div",{className:"relative lg:ml-2 xl:ml-4 hidden lg:flex items-center ",children:(0,D.jsx)(Ri,{data:t,alignDropdown:m})}),(0,D.jsxs)("div",{className:"ml-auto flex space-x-3 flex-nowrap items-center",children:[r&&r,i&&(0,D.jsxs)("div",{className:" hidden sm:flex",children:[(0,D.jsxs)(ae,{variant:"primary",size:"sm",className:"tracking-cta-header",onClick:()=>A(!0),children:[" ",(0,D.jsx)(Ii.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]}),(0,D.jsx)(je,{open:N,onOpenChange:()=>A(!1),title:"Qu\xE9t m\xE3 \u0111\u1EC3 t\u1EA3i V\xED MoMo",shortTitle:"T\u1EA3i ngay",qrLink:"http://momo.vn/download"})]}),(0,D.jsx)(Mi,{data:t,className:"lg:hidden "})]})]})})]})};Ko.displayName="HeaderNavigation";var _i=require("react");var s=require("react/jsx-runtime"),Hi=({item:e})=>(0,s.jsx)("div",{className:"mt-3 flex w-full text-sm",children:(0,s.jsxs)("a",{href:e.url,target:e.newTab?"_blank":"_self",rel:"noreferrer",className:"flex items-center space-x-2 text-white text-opacity-50 duration-300 hover:text-opacity-100",children:[e.icon&&(0,s.jsx)("span",{className:"relative flex-none h-5 w-5 md:h-6 md:w-6",children:(0,s.jsx)("img",{src:e.icon,className:"absolute inset-0"})}),(0,s.jsx)("span",{className:"block ",children:e.title})]})}),xn=({primaryMenu:e,secondaryMenu:t})=>{let[o,i]=(0,_i.useState)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"footer-main order-2 py-7 text-white md:order-1 text-sm",children:(0,s.jsxs)("div",{className:"wrapper grid grid-cols-2 gap-5 sm:gap-x-20 sm:gap-y-10 lg:flex lg:flex-nowrap lg:gap-14",children:[(0,s.jsxs)("div",{className:"block grow md:w-44 md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:e?.heading}),e?.lists?.map((r,l)=>(0,s.jsx)(Hi,{item:r},l))]}),(0,s.jsxs)("div",{className:" md:order-none md:w-40 md:flex-none md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:t?.heading}),(0,s.jsx)("div",{className:"flex flex-wrap",children:t?.lists?.map((r,l)=>(0,s.jsx)(Hi,{item:r},l))})]}),(0,s.jsxs)("div",{className:"col-span-2 grow border-t border-gray-700 pt-5 sm:col-span-1 md:border-none md:pt-0",children:[(0,s.jsxs)("div",{className:"border-b border-gray-700 pb-5 md:border-0 md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:"Ch\u0103m s\xF3c kh\xE1ch h\xE0ng"}),(0,s.jsxs)("div",{className:"mt-2 text-sm md:mt-3",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"\u0110\u1ECBa ch\u1EC9 : "}),(0,s.jsx)("span",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",children:Ca.Address})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Hotline : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${_.Support.Hotline}`,children:_.Support.Hotline_Format}),(0,s.jsxs)("small",{className:"text-xs italic text-white text-opacity-60",children:[" ","(Ph\xED 1.000\u0111/ph\xFAt)"]})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Email : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`mailto:${_.Support.Email}`,children:_.Support.Email})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsxs)("span",{className:"text-white text-opacity-50",children:["T\u1ED5ng \u0111\xE0i g\u1ECDi ra :"," "]}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${_.Support.Phone_Ext_1}`,children:_.Support.Phone_Ext_1_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${_.Support.Phone_Ext_2}`,children:_.Support.Phone_Ext_2_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${_.Support.Phone_Ext_3}`,children:_.Support.Phone_Ext_3_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:", c\xE1c \u0111\u1EA7u s\u1ED1 di \u0111\u1ED9ng Brandname MoMo"})]}),(0,s.jsx)("div",{className:"mt-3 flex",children:(0,s.jsx)("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:(0,s.jsxs)("div",{className:"relative block overflow-hidden rounded border border-gray-400 bg-black py-1 pl-10 pr-2",children:[(0,s.jsx)("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:(0,s.jsx)("svg",{className:"h-7 w-7 text-gray-100 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("title",{children:"Asset 1"}),(0,s.jsx)("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
|
|
125
125
|
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
|
|
126
126
|
c5.4,0,10.8,5.4,10.8,13.5C237.7,71.7,232.3,77.1,226.8,77.1z`}),(0,s.jsx)("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
|
|
127
127
|
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
|