@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/esm/index.js
CHANGED
|
@@ -117,11 +117,11 @@ import*as ze from"react";import*as W from"@radix-ui/react-accordion";import{Chev
|
|
|
117
117
|
color: rgb(var(--mobase-red-500) / 1);
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
`})]})});import{MinusCircleIcon as Gr,PlusCircleIcon as $r}from"@heroicons/react/24/outline";import{useRef as Ko,forwardRef as jr,useState as Yt,useEffect as Jo}from"react";import{jsx as Ee,jsxs as ea}from"react/jsx-runtime";var Ur=jr(({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:P,onDecrement:A,onIncrement:V,...Q},E)=>{let T=Ko(null),[Z,O]=Yt(!1),[ye,k]=Yt(!1),[ot,_e]=Yt(""),Be=Ko(null),M=u=>{Number(u)>=o?O(!0):O(!1),Number(u)>t?k(!1):k(!0)},Si=()=>{if(i||Z)return;let u=T?.current?.querySelector("input");if(!u)return;let z=0;z=Math.min(Number(u.value)+n,o),M(z),u.value=String(z),_e(u.value||""),P?.(u.value),V?.(u.value)},Ai=()=>{if(i||ye)return;let u=T?.current?.querySelector("input");if(!u)return;let z=0;z=Math.max(Number(u.value)-n,0),M(z),u.value=String(z),_e(u.value||""),P?.(u.value),A?.(u.value)},Mi=u=>{if(!u)return;let z=u?.target?.value;z?.match(/^[0-9]*$/)||(z=z.replace(/[^0-9]/g,"")),M(z);let at=parseInt(z,10);Number.isNaN(at)||at<t?u.target.value=String(t):at>=o?u.target.value=String(o):u.target.value=String(at),_e(u?.target?.value||""),P?.(u.target.value),b?.(u)};return Jo(()=>{let u=T?.current?.querySelector("input");u&&M(u?.value)},[]),Jo(()=>{let u=T?.current?.querySelector("input");u&&Be?.current&&(u.style.width=`${Be.current.offsetWidth+10}px`)},[ot]),ea("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:Ai,children:Ee(Gr,{className:"w-8 h-8 "})}),ea("div",{children:[Ee("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:E,min:t,max:o,onChange:u=>Mi(u),id:"numberInput",disabled:i||r,autoComplete:"off",...Q,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:ot||" "})]}),Ee(pe,{id:"btn-plus",className:a(!Z&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Si,children:Ee($r,{className:"w-8 h-8 "})})]})});import*as ee from"react";import{ChevronDownIcon as ta,ChevronUpIcon as qr,CheckIcon as Qr,XCircleIcon as Zr}from"@heroicons/react/16/solid";import{QuestionMarkCircleIcon as Xr}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 Yr=ee.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(Zr,{width:16,height:16}):y(Xr,{width:16,height:16}),y("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),Kr=g.Value,oa=ee.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(ta,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));oa.displayName=g.Trigger.displayName;var Kt=ee.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(qr,{className:"h-5 w-5"})}));Kt.displayName=g.ScrollUpButton.displayName;var Jt=ee.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(ta,{className:"h-5 w-5"})}));Jt.displayName=g.ScrollDownButton.displayName;var aa=ee.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(Kt,{}),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(Jt,{})]})}));aa.displayName=g.Content.displayName;var Jr=ee.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})),ia=ee.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}));ia.displayName=g.Label.displayName;var en=ee.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(Qr,{className:"h-4 w-4"})})}),y(g.ItemText,{children:t})]})),ra=ee.forwardRef(({className:e,...t},o)=>y(g.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));ra.displayName=g.Separator.displayName;import*as Y from"react";import*as C from"@radix-ui/react-navigation-menu";import{cva as tn}from"class-variance-authority";import{ChevronDownIcon as on}from"@heroicons/react/16/solid";import{jsx as te,jsxs as ln}from"react/jsx-runtime";var na=Y.createContext(null),an=({value:e,children:t})=>te(na.Provider,{value:e,children:t}),rn=()=>{let e=Y.useContext(na);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},ht=Y.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>te(an,{value:{alignDropdown:o},children:te(C.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:t})}));ht.displayName=C.Root.displayName;var vt=Y.forwardRef(({className:e,...t},o)=>te(C.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center space-x-1",e),...t}));vt.displayName=C.List.displayName;var bt=C.Item,xt=tn(ne({variant:"transparent",size:"sm"})),yt=Y.forwardRef(({className:e,children:t,...o},i)=>ln(C.Trigger,{ref:i,className:a(xt(),"group",e),...o,children:[t," ",te(on,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));yt.displayName=C.Trigger.displayName;var wt=Y.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=rn();return te(C.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})});wt.displayName=C.Content.displayName;var qe=C.Link,nn=Y.forwardRef(({className:e,...t},o)=>te("div",{className:a("absolute left-0 top-full flex justify-center"),children:te(C.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})}));nn.displayName=C.Viewport.displayName;var sn=Y.forwardRef(({className:e,...t},o)=>te(C.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:te("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));sn.displayName=C.Indicator.displayName;import*as la from"react";import*as Qe from"@radix-ui/react-switch";import{jsx as sa}from"react/jsx-runtime";var ma=la.forwardRef(({className:e,...t},o)=>sa(Qe.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:sa(Qe.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")})}));ma.displayName=Qe.Root.displayName;import*as eo from"react";import*as fe from"@radix-ui/react-radio-group";import{Circle as mn}from"lucide-react";import{jsx as Nt}from"react/jsx-runtime";var ca=eo.forwardRef(({className:e,...t},o)=>Nt(fe.Root,{className:a("grid gap-2",e),...t,ref:o}));ca.displayName=fe.Root.displayName;var da=eo.forwardRef(({className:e,...t},o)=>Nt(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:Nt(fe.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Nt(mn,{className:"h-2 w-2 fill-current text-current"})})}));da.displayName=fe.Item.displayName;import{jsx as Ie,jsxs as pa}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 Ie("li",{className:"",children:Ie(qe,{asChild:!0,children:pa("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&&Ie("div",{className:"w-7 h-7 shrink-0",children:Ie("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),pa("div",{className:" ",children:[Ie("div",{className:"text-sm font-medium text-gray-900 leading-none",children:o}),i&&Ie("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})})},ga=cn;import{jsx as ue,jsxs as pn}from"react/jsx-runtime";var dn=({data:e,alignDropdown:t})=>ue(ht,{alignDropdown:t,children:ue(vt,{children:e.map(o=>{let i=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return o.hasDropdown?pn(bt,{className:"relative",children:[ue(yt,{children:o.title}),ue(wt,{children:ue("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=>ue(ga,{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):ue(bt,{className:"relative",children:ue(qe,{href:o.url,className:xt(),...i,children:o.title})},o.id)})})}),fa=dn;import{useEffect as bn,useState as xn}from"react";var Pt=[.24,.25,.05,1];import{useKey as yn}from"react-use";import ba from"next/router";import{jsx as Ze,jsxs as ua}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 Ze("li",{className:"min-h-8",children:ua("a",{className:a(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...m,children:[t&&Ze("div",{className:"w-6 h-6 shrink-0",children:Ze("img",{src:t,loading:"lazy",className:"w-6 h-6 object-cover",alt:o})}),ua("div",{className:" ",children:[Ze("div",{className:"text-sm text-gray-800 leading-none line-clamp-1",children:o}),i&&Ze("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},ha=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:Pt}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>Ce(it,{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(rt,{value:t.id,children:[Ce(nt,{className:"py-3",children:t.title}),Ce(st,{children:Ce("ul",{className:a("grid gap-y-1 gap-x-2 grid-cols-2 "),children:t.subMenu&&t.subMenu.map(i=>Ce(ha,{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)})}),va=hn;import{ArrowDownTrayIcon as wn}from"@heroicons/react/16/solid";import{motion as to,AnimatePresence as Nn,LazyMotion as Pn,domAnimation as Cn}from"framer-motion";import{jsx as p,jsxs as I}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%",ba.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),ba.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:Pt}},exit:{opacity:0,transition:{duration:.15}}};return I("div",{className:a(t),children:[I("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(to.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(to.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&&I(to.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(va,{data:e}),I("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"}),I("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"}),I("ul",{className:"mb-2 text-sm text-gray-500",children:[I("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{href:`tel:${ie.Support.Hotline}`,className:"text-gray-600",children:ie.Support.Hotline_Format})]}),I("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:I("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:I("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
|
|
120
|
+
`})]})});import{MinusCircleIcon as Gr,PlusCircleIcon as $r}from"@heroicons/react/24/outline";import{useRef as Ko,forwardRef as jr,useState as Yt,useEffect as Jo}from"react";import{jsx as Ee,jsxs as ea}from"react/jsx-runtime";var Ur=jr(({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:P,onDecrement:A,onIncrement:V,...Q},E)=>{let T=Ko(null),[Z,O]=Yt(!1),[ye,k]=Yt(!1),[ot,_e]=Yt(""),Be=Ko(null),M=u=>{Number(u)>=o?O(!0):O(!1),Number(u)>t?k(!1):k(!0)},Si=()=>{if(i||Z)return;let u=T?.current?.querySelector("input");if(!u)return;let z=0;z=Math.min(Number(u.value)+n,o),M(z),u.value=String(z),_e(u.value||""),P?.(u.value),V?.(u.value)},Ai=()=>{if(i||ye)return;let u=T?.current?.querySelector("input");if(!u)return;let z=0;z=Math.max(Number(u.value)-n,0),M(z),u.value=String(z),_e(u.value||""),P?.(u.value),A?.(u.value)},Mi=u=>{if(!u)return;let z=u?.target?.value;z?.match(/^[0-9]*$/)||(z=z.replace(/[^0-9]/g,"")),M(z);let at=parseInt(z,10);Number.isNaN(at)||at<t?u.target.value=String(t):at>=o?u.target.value=String(o):u.target.value=String(at),_e(u?.target?.value||""),P?.(u.target.value),b?.(u)};return Jo(()=>{let u=T?.current?.querySelector("input");u&&M(u?.value)},[]),Jo(()=>{let u=T?.current?.querySelector("input");u&&Be?.current&&(u.style.width=`${Be.current.offsetWidth+10}px`)},[ot]),ea("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:Ai,children:Ee(Gr,{className:"w-8 h-8 "})}),ea("div",{children:[Ee("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:E,min:t,max:o,onChange:u=>Mi(u),id:"numberInput",disabled:i||r,autoComplete:"off",...Q,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:ot||" "})]}),Ee(pe,{id:"btn-plus",className:a(!Z&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Si,children:Ee($r,{className:"w-8 h-8 "})})]})});import*as ee from"react";import{ChevronDownIcon as ta,ChevronUpIcon as qr,CheckIcon as Qr,XCircleIcon as Zr}from"@heroicons/react/16/solid";import{QuestionMarkCircleIcon as Xr}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 Yr=ee.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(Zr,{width:16,height:16}):y(Xr,{width:16,height:16}),y("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),Kr=g.Value,oa=ee.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(ta,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));oa.displayName=g.Trigger.displayName;var Kt=ee.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(qr,{className:"h-5 w-5"})}));Kt.displayName=g.ScrollUpButton.displayName;var Jt=ee.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(ta,{className:"h-5 w-5"})}));Jt.displayName=g.ScrollDownButton.displayName;var aa=ee.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(Kt,{}),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(Jt,{})]})}));aa.displayName=g.Content.displayName;var Jr=ee.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})),ia=ee.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}));ia.displayName=g.Label.displayName;var en=ee.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(Qr,{className:"h-4 w-4"})})}),y(g.ItemText,{children:t})]})),ra=ee.forwardRef(({className:e,...t},o)=>y(g.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));ra.displayName=g.Separator.displayName;import*as Y from"react";import*as C from"@radix-ui/react-navigation-menu";import{cva as tn}from"class-variance-authority";import{ChevronDownIcon as on}from"@heroicons/react/16/solid";import{jsx as te,jsxs as ln}from"react/jsx-runtime";var na=Y.createContext(null),an=({value:e,children:t})=>te(na.Provider,{value:e,children:t}),rn=()=>{let e=Y.useContext(na);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},ht=Y.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>te(an,{value:{alignDropdown:o},children:te(C.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:t})}));ht.displayName=C.Root.displayName;var vt=Y.forwardRef(({className:e,...t},o)=>te(C.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center space-x-0",e),...t}));vt.displayName=C.List.displayName;var bt=C.Item,xt=tn(ne({variant:"transparent",size:"sm"})),yt=Y.forwardRef(({className:e,children:t,...o},i)=>ln(C.Trigger,{ref:i,className:a(xt(),"group",e),...o,children:[t," ",te(on,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));yt.displayName=C.Trigger.displayName;var wt=Y.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=rn();return te(C.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})});wt.displayName=C.Content.displayName;var qe=C.Link,nn=Y.forwardRef(({className:e,...t},o)=>te("div",{className:a("absolute left-0 top-full flex justify-center"),children:te(C.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})}));nn.displayName=C.Viewport.displayName;var sn=Y.forwardRef(({className:e,...t},o)=>te(C.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:te("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})}));sn.displayName=C.Indicator.displayName;import*as la from"react";import*as Qe from"@radix-ui/react-switch";import{jsx as sa}from"react/jsx-runtime";var ma=la.forwardRef(({className:e,...t},o)=>sa(Qe.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:sa(Qe.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")})}));ma.displayName=Qe.Root.displayName;import*as eo from"react";import*as fe from"@radix-ui/react-radio-group";import{Circle as mn}from"lucide-react";import{jsx as Nt}from"react/jsx-runtime";var ca=eo.forwardRef(({className:e,...t},o)=>Nt(fe.Root,{className:a("grid gap-2",e),...t,ref:o}));ca.displayName=fe.Root.displayName;var da=eo.forwardRef(({className:e,...t},o)=>Nt(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:Nt(fe.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:Nt(mn,{className:"h-2 w-2 fill-current text-current"})})}));da.displayName=fe.Item.displayName;import{jsx as Ie,jsxs as pa}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 Ie("li",{className:"",children:Ie(qe,{asChild:!0,children:pa("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&&Ie("div",{className:"w-7 h-7 shrink-0",children:Ie("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),pa("div",{className:" ",children:[Ie("div",{className:"text-sm font-medium text-gray-900 leading-none",children:o}),i&&Ie("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})})},ga=cn;import{jsx as ue,jsxs as pn}from"react/jsx-runtime";var dn=({data:e,alignDropdown:t})=>ue(ht,{alignDropdown:t,children:ue(vt,{children:e.map(o=>{let i=o.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return o.hasDropdown?pn(bt,{className:"relative",children:[ue(yt,{children:o.title}),ue(wt,{children:ue("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=>ue(ga,{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):ue(bt,{className:"relative",children:ue(qe,{href:o.url,className:xt(),...i,children:o.title})},o.id)})})}),fa=dn;import{useEffect as bn,useState as xn}from"react";var Pt=[.24,.25,.05,1];import{useKey as yn}from"react-use";import ba from"next/router";import{jsx as Ze,jsxs as ua}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 Ze("li",{className:"min-h-8",children:ua("a",{className:a(" select-none py-2 flex flex-nowrap space-x-1 items-center text",e),href:r,...m,children:[t&&Ze("div",{className:"w-6 h-6 shrink-0",children:Ze("img",{src:t,loading:"lazy",className:"w-6 h-6 object-cover",alt:o})}),ua("div",{className:" ",children:[Ze("div",{className:"text-sm text-gray-800 leading-none line-clamp-1",children:o}),i&&Ze("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},ha=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:Pt}},exit:{opacity:0,transition:{duration:.05}}},hn=({data:e})=>Ce(it,{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(rt,{value:t.id,children:[Ce(nt,{className:"py-3",children:t.title}),Ce(st,{children:Ce("ul",{className:a("grid gap-y-1 gap-x-2 grid-cols-2 "),children:t.subMenu&&t.subMenu.map(i=>Ce(ha,{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)})}),va=hn;import{ArrowDownTrayIcon as wn}from"@heroicons/react/16/solid";import{motion as to,AnimatePresence as Nn,LazyMotion as Pn,domAnimation as Cn}from"framer-motion";import{jsx as p,jsxs as I}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%",ba.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),ba.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:Pt}},exit:{opacity:0,transition:{duration:.15}}};return I("div",{className:a(t),children:[I("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(to.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(to.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&&I(to.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(va,{data:e}),I("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"}),I("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"}),I("ul",{className:"mb-2 text-sm text-gray-500",children:[I("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{href:`tel:${ie.Support.Hotline}`,className:"text-gray-600",children:ie.Support.Hotline_Format})]}),I("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:I("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:I("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
|
|
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`}),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
|
|
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`})]})})}),p("div",{className:"text-xs text-gray-500 ",children:"H\u01B0\u1EDBng d\u1EABn tr\u1EE3 gi\xFAp tr\xEAn"}),p("div",{className:"text-sm font-semibold text-gray-800",children:"\u1EE8ng d\u1EE5ng V\xED MoMo"})]})}),p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1EE2P T\xC1C DOANH NGHI\u1EC6P"}),I("ul",{className:"mb-2 text-sm text-gray-500",children:[I("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{className:"text-gray-600",href:`tel:${ie.Business.Phome}`,children:ie.Business.Phome_Format})]}),I("li",{className:"mb-1",children:["Email :\xA0",I("a",{href:`mailto:${ie.Business.Email}`,className:"text-gray-600",children:[" ",ie.Business.Email]})]})]}),p("a",{href:"https://business.momo.vn/#menutop",rel:"noreferrer",target:"_blank",children:I("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:[p("div",{className:"absolute left-1 top-1 ",children:p("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210724114053.svg",className:"w-10",loading:"lazy",alt:""})}),p("div",{className:"text-xs text-gray-500 ",children:"H\u1EE3p t\xE1c doanh nghi\u1EC7p"}),p("div",{className:"text-sm font-semibold text-gray-800",children:"\u0110\u0103ng k\xFD h\u1EE3p t\xE1c"})]})})]}),p("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:I("a",{className:a("w-full tracking-cta-header",ne({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[p(wn,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},xa=Tn;import kn from"html-react-parser";import{ArrowDownTrayIcon as Dn}from"@heroicons/react/16/solid";import{useState as Sn}from"react";import{jsx as K,jsxs as Re}from"react/jsx-runtime";var ya=({className:e,dataMenu:t,serviceInfo:o,hasDownloadApp:i=!0,navigationRight:r,isSticky:n=!0,alignDropdown:m="left"})=>{let{logo:c,name:d,url:b}=o||{},[P,A]=Sn(!1);return Re("div",{className:a(e,"z-40 w-full flex-none lg:z-50 ",n?"sticky top-0 ":"relative"),children:[K("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),K("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:Re("div",{className:"relative flex items-center ",children:[Re("a",{href:"/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[K("span",{className:"sr-only",children:"MoMo home page"}),K("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&Re("a",{href:b,title:d,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:[K("img",{src:c,className:"w-9 h-9",alt:"MoMo"}),K("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500 line-clamp-2",children:d&&kn(d)})]}),K("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`})]})})}),p("div",{className:"text-xs text-gray-500 ",children:"H\u01B0\u1EDBng d\u1EABn tr\u1EE3 gi\xFAp tr\xEAn"}),p("div",{className:"text-sm font-semibold text-gray-800",children:"\u1EE8ng d\u1EE5ng V\xED MoMo"})]})}),p("h4",{className:"mb-2 mt-5 text-sm font-semibold text-gray-700",children:"H\u1EE2P T\xC1C DOANH NGHI\u1EC6P"}),I("ul",{className:"mb-2 text-sm text-gray-500",children:[I("li",{className:"mb-1",children:["Hotline :\xA0",p("a",{className:"text-gray-600",href:`tel:${ie.Business.Phome}`,children:ie.Business.Phome_Format})]}),I("li",{className:"mb-1",children:["Email :\xA0",I("a",{href:`mailto:${ie.Business.Email}`,className:"text-gray-600",children:[" ",ie.Business.Email]})]})]}),p("a",{href:"https://business.momo.vn/#menutop",rel:"noreferrer",target:"_blank",children:I("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:[p("div",{className:"absolute left-1 top-1 ",children:p("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-210724114053.svg",className:"w-10",loading:"lazy",alt:""})}),p("div",{className:"text-xs text-gray-500 ",children:"H\u1EE3p t\xE1c doanh nghi\u1EC7p"}),p("div",{className:"text-sm font-semibold text-gray-800",children:"\u0110\u0103ng k\xFD h\u1EE3p t\xE1c"})]})})]}),p("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:I("a",{className:a("w-full tracking-cta-header",ne({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[p(wn,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},xa=Tn;import kn from"html-react-parser";import{ArrowDownTrayIcon as Dn}from"@heroicons/react/16/solid";import{useState as Sn}from"react";import{jsx as K,jsxs as Re}from"react/jsx-runtime";var ya=({className:e,dataMenu:t,serviceInfo:o,hasDownloadApp:i=!0,navigationRight:r,isSticky:n=!0,alignDropdown:m="left"})=>{let{logo:c,name:d,url:b}=o||{},[P,A]=Sn(!1);return Re("div",{className:a(e,"z-40 w-full flex-none lg:z-50 ",n?"sticky top-0 ":"relative"),children:[K("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),K("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:Re("div",{className:"relative flex items-center ",children:[Re("a",{href:"/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[K("span",{className:"sr-only",children:"MoMo home page"}),K("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&Re("a",{href:b,title:d,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:[K("img",{src:c,className:"w-9 h-9",alt:"MoMo"}),K("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500 line-clamp-2",children:d&&kn(d)})]}),K("div",{className:"relative lg:ml-2 xl:ml-4 hidden lg:flex items-center ",children:K(fa,{data:t,alignDropdown:m})}),Re("div",{className:"ml-auto flex space-x-3 flex-nowrap items-center",children:[r&&r,i&&Re("div",{className:" hidden sm:flex",children:[Re(J,{variant:"primary",size:"sm",className:"tracking-cta-header",onClick:()=>A(!0),children:[" ",K(Dn,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]}),K(Ge,{open:P,onOpenChange:()=>A(!1),title:"Qu\xE9t m\xE3 \u0111\u1EC3 t\u1EA3i V\xED MoMo",shortTitle:"T\u1EA3i ngay",qrLink:"http://momo.vn/download"})]}),K(xa,{data:t,className:"lg:hidden "})]})]})})]})};ya.displayName="HeaderNavigation";import{useState as An}from"react";import{Fragment as En,jsx as l,jsxs as h}from"react/jsx-runtime";var wa=({item:e})=>l("div",{className:"mt-3 flex w-full text-sm",children:h("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&&l("span",{className:"relative flex-none h-5 w-5 md:h-6 md:w-6",children:l("img",{src:e.icon,className:"absolute inset-0"})}),l("span",{className:"block ",children:e.title})]})}),Mn=({primaryMenu:e,secondaryMenu:t})=>{let[o,i]=An(null);return h(En,{children:[l("div",{className:"footer-main order-2 py-7 text-white md:order-1 text-sm",children:h("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:[h("div",{className:"block grow md:w-44 md:shrink-0 md:border-none md:pb-0",children:[l("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:e?.heading}),e?.lists?.map((r,n)=>l(wa,{item:r},n))]}),h("div",{className:" md:order-none md:w-40 md:flex-none md:shrink-0 md:border-none md:pb-0",children:[l("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:t?.heading}),l("div",{className:"flex flex-wrap",children:t?.lists?.map((r,n)=>l(wa,{item:r},n))})]}),h("div",{className:"col-span-2 grow border-t border-gray-700 pt-5 sm:col-span-1 md:border-none md:pt-0",children:[h("div",{className:"border-b border-gray-700 pb-5 md:border-0 md:pb-0",children:[l("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:"Ch\u0103m s\xF3c kh\xE1ch h\xE0ng"}),h("div",{className:"mt-2 text-sm md:mt-3",children:[l("span",{className:"text-white text-opacity-50",children:"\u0110\u1ECBa ch\u1EC9 : "}),l("span",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",children:no.Address})]}),h("div",{className:"mt-1 text-sm",children:[l("span",{className:"text-white text-opacity-50",children:"Hotline : "}),l("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${H.Support.Hotline}`,children:H.Support.Hotline_Format}),h("small",{className:"text-xs italic text-white text-opacity-60",children:[" ","(Ph\xED 1.000\u0111/ph\xFAt)"]})]}),h("div",{className:"mt-1 text-sm",children:[l("span",{className:"text-white text-opacity-50",children:"Email : "}),l("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`mailto:${H.Support.Email}`,children:H.Support.Email})]}),h("div",{className:"mt-1 text-sm",children:[h("span",{className:"text-white text-opacity-50",children:["T\u1ED5ng \u0111\xE0i g\u1ECDi ra :"," "]}),l("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${H.Support.Phone_Ext_1}`,children:H.Support.Phone_Ext_1_Format}),l("span",{className:"text-white text-opacity-60",children:" - "}),l("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${H.Support.Phone_Ext_2}`,children:H.Support.Phone_Ext_2_Format}),l("span",{className:"text-white text-opacity-60",children:" - "}),l("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${H.Support.Phone_Ext_3}`,children:H.Support.Phone_Ext_3_Format}),l("span",{className:"text-white text-opacity-60",children:", c\xE1c \u0111\u1EA7u s\u1ED1 di \u0111\u1ED9ng Brandname MoMo"})]}),l("div",{className:"mt-3 flex",children:l("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:h("div",{className:"relative block overflow-hidden rounded border border-gray-400 bg-black py-1 pl-10 pr-2",children:[l("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:l("svg",{className:"h-7 w-7 text-gray-100 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:h("g",{children:[l("title",{children:"Asset 1"}),l("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`}),l("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
|