@momo-webplatform/mobase 0.2.29 → 0.2.30
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 +1 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -117,7 +117,7 @@
|
|
|
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:R,onDecrement:_,onIncrement:W,...te},L)=>{let T=(0,K.useRef)(null),[oe,q]=(0,K.useState)(!1),[Ie,k]=(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?k(!1):k(!0)},jr=()=>{if(i||oe)return;let b=T?.current?.querySelector("input");if(!b)return;let G=0;G=Math.min(Number(b.value)+l,o),M(G),b.value=String(G),Xe(b.value||""),R?.(b.value),W?.(b.value)},Ur=()=>{if(i||Ie)return;let b=T?.current?.querySelector("input");if(!b)return;let G=0;G=Math.max(Number(b.value)-l,0),M(G),b.value=String(G),Xe(b.value||""),R?.(b.value),_?.(b.value)},qr=b=>{if(!b)return;let G=b?.target?.value;G?.match(/^[0-9]*$/)||(G=G.replace(/[^0-9]/g,"")),M(G);let Dt=parseInt(G,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||""),R?.(b.target.value),y?.(b)};return(0,K.useEffect)(()=>{let b=T?.current?.querySelector("input");b&&M(b?.value)},[]),(0,K.useEffect)(()=>{let b=T?.current?.querySelector("input");b&&Ye?.current&&(b.style.width=`${Ye.current.offsetWidth+10}px`)},[kt]),(0,me.jsxs)("div",{ref:T,className:"flex items-center space-x-1",children:[(0,me.jsx)(be,{id:"btn-minus",className:a(!Ie&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Ur,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:L,min:t,max:o,onChange:b=>qr(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:jr,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),xi=require("@heroicons/react/16/solid"),P=g(require("@radix-ui/react-navigation-menu"),1),yi=require("class-variance-authority");var N=require("react/jsx-runtime"),wi=re.createContext(null),cn=({value:e,children:t})=>(0,N.jsx)(wi.Provider,{value:e,children:t}),dn=()=>{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,N.jsx)(cn,{value:{alignDropdown:o},children:(0,N.jsxs)(P.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,(0,N.jsx)(Pi,{})]})}));dt.displayName=P.Root.displayName;var pt=re.forwardRef(({className:e,...t},o)=>(0,N.jsx)(P.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));pt.displayName=P.List.displayName;var gt=P.Item,ft=(0,yi.cva)(se({variant:"transparent",size:"sm"})),ut=re.forwardRef(({className:e,children:t,...o},i)=>(0,N.jsxs)(P.Trigger,{ref:i,className:a(ft(),"group",e),...o,children:[t,(0,N.jsx)(xi.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)=>(0,N.jsx)(P.Content,{ref:o,className:a("hidden group-data-[state=open]:block left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",e),...t}));ht.displayName=P.Content.displayName;var Qe=P.Link,Ni=re.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=dn();return(0,N.jsx)("div",{className:a("absolute top-full flex justify-center",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&"left-1/2 -translate-x-1/2"),children:(0,N.jsx)(P.Viewport,{className:a("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)] group",e),ref:o,...t})})});Ni.displayName=P.Viewport.displayName;var Pi=re.forwardRef(({className:e,...t},o)=>(0,N.jsxs)("div",{ref:o,children:[(0,N.jsx)(P.Indicator,{ref:o,className:a("top-full z-[1] flex h-4 items-end justify-center overflow-hidden group data-[state=visible]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=visible]:zoom-in-90",e),...t,children:(0,N.jsxs)("svg",{width:"158",height:"46",viewBox:"0 0 158 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"relative w-7 h-7 top-[9px] group-data-[state=visible]:animate-in group-data-[state=closed]:animate-out group-data-[state=closed]:zoom-out-95 group-data-[state=visible]:zoom-in-90",children:[(0,N.jsxs)("g",{"clip-path":"url(#clip0_782_2)",children:[(0,N.jsx)("path",{d:"M70.9519 9.1982L55.1105 25.0396C47.3839 32.7662 43.5206 36.6295 39.0121 39.3923C35.015 41.8418 30.6572 43.6468 26.0987 44.7412C20.9572 45.9756 15.4937 45.9756 4.56665 45.9756H153.132C142.205 45.9756 136.742 45.9756 131.6 44.7412C127.042 43.6468 122.684 41.8418 118.687 39.3923C114.178 36.6295 110.315 32.7662 102.588 25.0396L86.7468 9.1982C82.3852 4.8365 75.3136 4.8365 70.9519 9.1982Z",fill:"white"}),(0,N.jsx)("path",{d:"M153.132 40.3912C141.939 40.3912 137.253 40.3553 132.904 39.3112C128.915 38.3536 125.102 36.7741 121.605 34.6309C117.791 32.2938 114.452 29.0054 106.537 21.0909L90.6957 5.2494C84.1532 -1.293 73.5457 -1.293 67.0033 5.2495L51.1618 21.0909C43.2473 29.0054 39.9082 32.2938 36.0944 34.6309C32.5969 36.7741 28.7838 38.3536 24.7952 39.3112C20.4458 40.3553 15.7596 40.3912 4.56672 40.3912H0.668457V45.9756H4.56672C15.4938 45.9756 20.9573 45.9756 26.0988 44.7412C30.6573 43.6468 35.0151 41.8418 39.0122 39.3923C43.5207 36.6295 47.384 32.7662 55.1106 25.0396L70.952 9.1982C75.3137 4.8365 82.3853 4.8365 86.7469 9.1982L102.588 25.0396C110.315 32.7662 114.178 36.6295 118.687 39.3923C122.684 41.8418 127.042 43.6468 131.6 44.7412C136.742 45.9756 142.205 45.9756 153.132 45.9756H157.03V40.3912H153.132Z",fill:"#E5E5E5"})]}),(0,N.jsx)("defs",{children:(0,N.jsx)("clipPath",{id:"clip0_782_2",children:(0,N.jsx)("rect",{width:"158",height:"46",fill:"white",transform:"matrix(1 0 0 -1 0 46)"})})})]})}),(0,N.jsx)(P.Indicator,{...t,children:(0,N.jsx)(Ni,{})})]}));Pi.displayName=P.Indicator.displayName;var Ci=g(require("react"),1),vt=g(require("@radix-ui/react-switch"),1);var Uo=require("react/jsx-runtime"),qo=Ci.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),Ri=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)(Ri.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})]})]})})})},Ti=pn;var ne=require("react/jsx-runtime"),gn=({data:e})=>(0,ne.jsx)(dt,{children:(0,ne.jsx)(pt,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?(0,ne.jsxs)(gt,{children:[(0,ne.jsx)(ut,{children:t.title}),(0,ne.jsx)(ht,{children:(0,ne.jsx)("ul",{className:a("grid w-[250px] gap-1 p-2.5 grid-cols-1",t.dropDownCompact===!0&&t.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",t.dropDownCompact===!0&&t.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:t.subMenu&&t.subMenu.map(i=>(0,ne.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))})})]},t.id):(0,ne.jsx)(gt,{children:(0,ne.jsx)(Qe,{href:t.url,className:ft(),...o,children:t.title})},t.id)})})}),ki=gn;var qt=require("react");var Ut=[.24,.25,.05,1];var Mi=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-2 items-center text",e),href:r,...m,children:[t&&(0,Ne.jsx)("div",{className:"w-7 h-7 shrink-0",children:(0,Ne.jsx)("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),(0,Ne.jsxs)("div",{className:" ",children:[(0,Ne.jsx)("div",{className:"text-sm text-gray-800 leading-none",children:o}),i&&(0,Ne.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},Di=fn;var Si=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)(Si.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-1 grid-cols-1 "),children:t.subMenu&&t.subMenu.map(i=>(0,pe.jsx)(Di,{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)})}),Ai=hn;var Ei=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,Mi.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)(Ai,{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:R,onDecrement:_,onIncrement:W,...te},L)=>{let T=(0,K.useRef)(null),[oe,q]=(0,K.useState)(!1),[Ie,k]=(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?k(!1):k(!0)},jr=()=>{if(i||oe)return;let b=T?.current?.querySelector("input");if(!b)return;let G=0;G=Math.min(Number(b.value)+l,o),M(G),b.value=String(G),Xe(b.value||""),R?.(b.value),W?.(b.value)},Ur=()=>{if(i||Ie)return;let b=T?.current?.querySelector("input");if(!b)return;let G=0;G=Math.max(Number(b.value)-l,0),M(G),b.value=String(G),Xe(b.value||""),R?.(b.value),_?.(b.value)},qr=b=>{if(!b)return;let G=b?.target?.value;G?.match(/^[0-9]*$/)||(G=G.replace(/[^0-9]/g,"")),M(G);let Dt=parseInt(G,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||""),R?.(b.target.value),y?.(b)};return(0,K.useEffect)(()=>{let b=T?.current?.querySelector("input");b&&M(b?.value)},[]),(0,K.useEffect)(()=>{let b=T?.current?.querySelector("input");b&&Ye?.current&&(b.style.width=`${Ye.current.offsetWidth+10}px`)},[kt]),(0,me.jsxs)("div",{ref:T,className:"flex items-center space-x-1",children:[(0,me.jsx)(be,{id:"btn-minus",className:a(!Ie&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Ur,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:L,min:t,max:o,onChange:b=>qr(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:jr,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),xi=require("@heroicons/react/16/solid"),P=g(require("@radix-ui/react-navigation-menu"),1),yi=require("class-variance-authority");var N=require("react/jsx-runtime"),wi=re.createContext(null),cn=({value:e,children:t})=>(0,N.jsx)(wi.Provider,{value:e,children:t}),dn=()=>{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,N.jsx)(cn,{value:{alignDropdown:o},children:(0,N.jsxs)(P.Root,{ref:r,className:a("relative z-10 flex max-w-max flex-1 items-center justify-center",e),...i,children:[t,(0,N.jsx)(Pi,{})]})}));dt.displayName=P.Root.displayName;var pt=re.forwardRef(({className:e,...t},o)=>(0,N.jsx)(P.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));pt.displayName=P.List.displayName;var gt=P.Item,ft=(0,yi.cva)(se({variant:"transparent",size:"sm"})),ut=re.forwardRef(({className:e,children:t,...o},i)=>(0,N.jsxs)(P.Trigger,{ref:i,className:a(ft(),"group",e),...o,children:[t,(0,N.jsx)(xi.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)=>(0,N.jsx)(P.Content,{ref:o,className:a("hidden group-data-[state=open]:block left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",e),...t}));ht.displayName=P.Content.displayName;var Qe=P.Link,Ni=re.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=dn();return(0,N.jsx)("div",{className:a("absolute top-full flex justify-center",i==="left"&&"left-0",i==="right"&&"right-0",i==="center"&&"left-1/2 -translate-x-1/2"),children:(0,N.jsx)(P.Viewport,{className:a("origin-top-center relative mt-3.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-gray-200 bg-white text-gray-900 shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)] group",e),ref:o,...t})})});Ni.displayName=P.Viewport.displayName;var Pi=re.forwardRef(({className:e,...t},o)=>(0,N.jsxs)("div",{ref:o,children:[(0,N.jsx)(P.Indicator,{ref:o,className:a("top-full z-[1] flex h-4 items-end justify-center overflow-hidden group data-[state=visible]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=visible]:zoom-in-90",e),...t,children:(0,N.jsxs)("svg",{width:"158",height:"46",viewBox:"0 0 158 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"relative w-7 h-7 top-[9px] group-data-[state=visible]:animate-in group-data-[state=closed]:animate-out group-data-[state=closed]:zoom-out-95 group-data-[state=visible]:zoom-in-90",children:[(0,N.jsxs)("g",{"clip-path":"url(#clip0_782_2)",children:[(0,N.jsx)("path",{d:"M70.9519 9.1982L55.1105 25.0396C47.3839 32.7662 43.5206 36.6295 39.0121 39.3923C35.015 41.8418 30.6572 43.6468 26.0987 44.7412C20.9572 45.9756 15.4937 45.9756 4.56665 45.9756H153.132C142.205 45.9756 136.742 45.9756 131.6 44.7412C127.042 43.6468 122.684 41.8418 118.687 39.3923C114.178 36.6295 110.315 32.7662 102.588 25.0396L86.7468 9.1982C82.3852 4.8365 75.3136 4.8365 70.9519 9.1982Z",fill:"white"}),(0,N.jsx)("path",{d:"M153.132 40.3912C141.939 40.3912 137.253 40.3553 132.904 39.3112C128.915 38.3536 125.102 36.7741 121.605 34.6309C117.791 32.2938 114.452 29.0054 106.537 21.0909L90.6957 5.2494C84.1532 -1.293 73.5457 -1.293 67.0033 5.2495L51.1618 21.0909C43.2473 29.0054 39.9082 32.2938 36.0944 34.6309C32.5969 36.7741 28.7838 38.3536 24.7952 39.3112C20.4458 40.3553 15.7596 40.3912 4.56672 40.3912H0.668457V45.9756H4.56672C15.4938 45.9756 20.9573 45.9756 26.0988 44.7412C30.6573 43.6468 35.0151 41.8418 39.0122 39.3923C43.5207 36.6295 47.384 32.7662 55.1106 25.0396L70.952 9.1982C75.3137 4.8365 82.3853 4.8365 86.7469 9.1982L102.588 25.0396C110.315 32.7662 114.178 36.6295 118.687 39.3923C122.684 41.8418 127.042 43.6468 131.6 44.7412C136.742 45.9756 142.205 45.9756 153.132 45.9756H157.03V40.3912H153.132Z",fill:"#E5E5E5"})]}),(0,N.jsx)("defs",{children:(0,N.jsx)("clipPath",{id:"clip0_782_2",children:(0,N.jsx)("rect",{width:"158",height:"46",fill:"white",transform:"matrix(1 0 0 -1 0 46)"})})})]})}),(0,N.jsx)(P.Indicator,{...t,children:(0,N.jsx)(Ni,{})})]}));Pi.displayName=P.Indicator.displayName;var Ci=g(require("react"),1),vt=g(require("@radix-ui/react-switch"),1);var Uo=require("react/jsx-runtime"),qo=Ci.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),Ri=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)(Ri.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})]})]})})})},Ti=pn;var ne=require("react/jsx-runtime"),gn=({data:e})=>(0,ne.jsx)(dt,{children:(0,ne.jsx)(pt,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?(0,ne.jsxs)(gt,{children:[(0,ne.jsx)(ut,{children:t.title}),(0,ne.jsx)(ht,{children:(0,ne.jsx)("ul",{className:a("grid w-[250px] gap-1 p-2.5 grid-cols-1",t.dropDownCompact===!0&&t.subMenu.length>6&&" w-[500px] md:grid-cols-2 ",t.dropDownCompact===!0&&t.subMenu.length>12&&" w-[750px] md:grid-cols-3 "),children:t.subMenu&&t.subMenu.map(i=>(0,ne.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))})})]},t.id):(0,ne.jsx)(gt,{children:(0,ne.jsx)(Qe,{href:t.url,className:ft(),...o,children:t.title})},t.id)})})}),ki=gn;var qt=require("react");var Ut=[.24,.25,.05,1];var Mi=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})]})]})})},Di=fn;var Si=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)(Si.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)(Di,{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)})}),Ai=hn;var Ei=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,Mi.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)(Ai,{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
|