@momo-webplatform/mobase 0.2.16 → 0.2.18
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/cjs/index.d.cts +1 -1
- package/dist/esm/index.d.ts +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 Ft=require("@heroicons/react/24/outline");var ee=require("react");var me=require("react/jsx-runtime"),gi=(0,ee.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:w=()=>{},onChangeInputStepper:C,onDecrement:x,onIncrement:M,...G},T)=>{let y=(0,ee.useRef)(null),[U,_]=(0,ee.useState)(!1),[Me,D]=(0,ee.useState)(!1),[Nt,Ze]=(0,ee.useState)(""),Ye=(0,ee.useRef)(null),E=v=>{Number(v)>=o?_(!0):_(!1),Number(v)>t?D(!1):D(!0)},Xr=()=>{if(i||U)return;let v=y?.current?.querySelector("input");if(!v)return;let j=0;j=Math.min(Number(v.value)+l,o),E(j),v.value=String(j),Ze(v.value||""),C?.(v.value),M?.(v.value)},Kr=()=>{if(i||Me)return;let v=y?.current?.querySelector("input");if(!v)return;let j=0;j=Math.max(Number(v.value)-l,0),E(j),v.value=String(j),Ze(v.value||""),C?.(v.value),x?.(v.value)},Jr=v=>{if(!v)return;let j=v?.target?.value;j?.match(/^[0-9]*$/)||(j=j.replace(/[^0-9]/g,"")),E(j);let Rt=parseInt(j,10);Number.isNaN(Rt)||Rt<t?v.target.value=String(t):Rt>=o?v.target.value=String(o):v.target.value=String(Rt),Ze(v?.target?.value||""),C?.(v.target.value),w?.(v)};return(0,ee.useEffect)(()=>{let v=y?.current?.querySelector("input");v&&E(v?.value)},[]),(0,ee.useEffect)(()=>{let v=y?.current?.querySelector("input");v&&Ye?.current&&(v.style.width=`${Ye.current.offsetWidth+10}px`)},[Nt]),(0,me.jsxs)("div",{ref:y,className:"flex items-center space-x-1",children:[(0,me.jsx)(ve,{id:"btn-minus",className:a(!Me&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Kr,children:(0,me.jsx)(Ft.MinusCircleIcon,{className:"w-8 h-8 "})}),(0,me.jsxs)("div",{children:[(0,me.jsx)("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:T,min:t,max:o,onChange:v=>Jr(v),id:"numberInput",disabled:i||r,autoComplete:"off",...G,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:Nt||" "})]}),(0,me.jsx)(ve,{id:"btn-plus",className:a(!U&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Xr,children:(0,me.jsx)(Ft.PlusCircleIcon,{className:"w-8 h-8 "})})]})});var ce=p(require("react"),1),ye=require("@heroicons/react/16/solid"),ui=require("@heroicons/react/24/outline"),u=p(require("@radix-ui/react-select"),1);var b=require("react/jsx-runtime"),hi=ce.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:l,disabled:m,...c})=>(0,b.jsxs)("div",{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,b.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,b.jsx)(u.Root,{disabled:m,...c,children:t}),i&&(0,b.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,b.jsx)(ye.XCircleIcon,{width:16,height:16}):(0,b.jsx)(ui.QuestionMarkCircleIcon,{width:16,height:16}),(0,b.jsx)("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),vi=u.Value,Vo=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsxs)(u.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,b.jsx)("div",{className:"line-clamp-1 text-left",children:t}),(0,b.jsx)(u.Icon,{asChild:!0,children:(0,b.jsx)(ye.ChevronDownIcon,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));Vo.displayName=u.Trigger.displayName;var Ot=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:(0,b.jsx)(ye.ChevronUpIcon,{className:"h-5 w-5"})}));Ot.displayName=u.ScrollUpButton.displayName;var Wt=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.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,b.jsx)(ye.ChevronDownIcon,{className:"h-5 w-5"})}));Wt.displayName=u.ScrollDownButton.displayName;var zo=ce.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>(0,b.jsx)(u.Portal,{children:(0,b.jsxs)(u.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,b.jsx)(Ot,{}),(0,b.jsx)(u.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,b.jsx)(Wt,{})]})}));zo.displayName=u.Content.displayName;var bi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsx)(u.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),Fo=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));Fo.displayName=u.Label.displayName;var xi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsxs)(u.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,b.jsx)("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:(0,b.jsx)(u.ItemIndicator,{children:(0,b.jsx)(ye.CheckIcon,{className:"h-4 w-4"})})}),(0,b.jsx)(u.ItemText,{children:t})]})),Oo=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));Oo.displayName=u.Separator.displayName;var ne=p(require("react"),1),yi=require("@heroicons/react/16/solid"),R=p(require("@radix-ui/react-navigation-menu"),1),wi=require("class-variance-authority");var N=require("react/jsx-runtime"),Pi=ne.createContext(null),bn=({value:e,children:t})=>(0,N.jsx)(Pi.Provider,{value:e,children:t}),xn=()=>{let e=ne.useContext(Pi);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},mt=ne.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>(0,N.jsx)(bn,{value:{alignDropdown:o},children:(0,N.jsxs)(R.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)(Ni,{})]})}));mt.displayName=R.Root.displayName;var ct=ne.forwardRef(({className:e,...t},o)=>(0,N.jsx)(R.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));ct.displayName=R.List.displayName;var dt=R.Item,pt=(0,wi.cva)(se({variant:"transparent",size:"sm"})),ft=ne.forwardRef(({className:e,children:t,...o},i)=>(0,N.jsxs)(R.Trigger,{ref:i,className:a(pt(),"group",e),...o,children:[t,(0,N.jsx)(yi.ChevronDownIcon,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));ft.displayName=R.Trigger.displayName;var gt=ne.forwardRef(({className:e,...t},o)=>(0,N.jsx)(R.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}));gt.displayName=R.Content.displayName;var je=R.Link,Ci=ne.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=xn();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)(R.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})})});Ci.displayName=R.Viewport.displayName;var Ni=ne.forwardRef(({className:e,...t},o)=>(0,N.jsxs)("div",{ref:o,children:[(0,N.jsx)(R.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)(R.Indicator,{...t,children:(0,N.jsx)(Ci,{})})]}));Ni.displayName=R.Indicator.displayName;var Ri=p(require("react"),1),ut=p(require("@radix-ui/react-switch"),1);var Wo=require("react/jsx-runtime"),$o=Ri.forwardRef(({className:e,...t},o)=>(0,Wo.jsx)(ut.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,Wo.jsx)(ut.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")})}));$o.displayName=ut.Root.displayName;var Go=p(require("react"),1),Re=p(require("@radix-ui/react-radio-group"),1),Ti=require("lucide-react");var ki=require("class-variance-authority"),ht=require("react/jsx-runtime"),yn=(0,ki.cva)("grid cursor-pointer gap-2 text-gray-900 text-sm",{variants:{orientation:{horizontal:"grid-cols-2",vertical:"grid-cols-1"}},defaultVariants:{orientation:"vertical"}}),Uo=Go.forwardRef(({disabled:e,orientation:t,className:o,...i},r)=>(0,ht.jsx)(Re.Root,{className:a("",yn({orientation:t}),o),...i,ref:r}));Uo.displayName=Re.Root.displayName;var jo=Go.forwardRef(({className:e,...t},o)=>(0,ht.jsx)(Re.Item,{ref:o,className:a("aspect-square h-4 w-4 rounded-full border border-gray-700 disabled:bg-gray-300 disabled:data-[state=checked]:text-gray-500 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-300 data-[state=checked]:bg-pink-500 disabled:border-none data-[state=checked]:border-none text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-40",e),...t,children:(0,ht.jsx)(Re.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:(0,ht.jsx)(Ti.Circle,{className:"h-2 w-2 fill-current text-current"})})}));jo.displayName=Re.Item.displayName;var Qo=p(require("next/link"),1);var Di=p(require("next/link"),1),de=require("react/jsx-runtime"),wn=({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)(je,{asChild:!0,children:(0,de.jsxs)(Di.default,{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})]})]})})})},Si=wn;var Ai=p(require("next/link"),1),te=require("react/jsx-runtime"),Pn=({data:e})=>(0,te.jsx)(mt,{children:(0,te.jsx)(ct,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?(0,te.jsxs)(dt,{children:[(0,te.jsx)(ft,{children:t.title}),(0,te.jsx)(gt,{children:(0,te.jsx)("ul",{className:a(t.dropDownCompact===!0?"grid gap-1 p-2.5 w-[540px] md:grid-cols-2 ":"grid w-[250px] gap-1 p-2.5 grid-cols-1"),children:t.subMenu&&t.subMenu.map(i=>(0,te.jsx)(Si,{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,te.jsx)(dt,{children:(0,te.jsx)(Ai.default,{href:t.url,legacyBehavior:!0,passHref:!0,children:(0,te.jsx)(je,{className:pt(),...o,children:t.title})})},t.id)})})}),Mi=Pn;var Gt=require("react");var $t=[.24,.25,.05,1];var Bi=require("react-use"),qo=p(require("next/router"),1);var Li=p(require("next/link"),1),we=require("react/jsx-runtime"),Cn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,we.jsx)("li",{className:"min-h-8",children:(0,we.jsxs)(Li.default,{className:a(" select-none py-2 flex flex-nowrap space-x-2 items-center text",e),href:r,...m,children:[t&&(0,we.jsx)("div",{className:"w-7 h-7 shrink-0",children:(0,we.jsx)("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),(0,we.jsxs)("div",{className:" ",children:[(0,we.jsx)("div",{className:"text-sm text-gray-800 leading-none",children:o}),i&&(0,we.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},Ei=Cn;var Ii=p(require("next/link"),1),Hi=require("framer-motion"),pe=require("react/jsx-runtime"),Nn={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:$t}},exit:{opacity:0,transition:{duration:.05}}},Rn=({data:e})=>(0,pe.jsx)(Je,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,pe.jsx)(Hi.motion.div,{variants:Nn,children:t.hasDropdown?(0,pe.jsxs)(et,{value:t.id,children:[(0,pe.jsx)(tt,{className:"py-3",children:t.title}),(0,pe.jsx)(ot,{children:(0,pe.jsx)("ul",{className:a("grid gap-1 grid-cols-1 "),children:t.subMenu&&t.subMenu.map(i=>(0,pe.jsx)(Ei,{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)(Ii.default,{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)})}),_i=Rn;var Vi=require("@heroicons/react/16/solid");var fe=require("framer-motion"),H=require("react/jsx-runtime"),Tn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,kn=({data:e,className:t})=>{let[o,i]=(0,Gt.useState)(!1);(0,Bi.useKey)("Escape",()=>i(!1)),(0,Gt.useEffect)(()=>{if(!o)return;let m=Tn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",qo.default.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),qo.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:$t}},exit:{opacity:0,transition:{duration:.15}}};return(0,H.jsxs)("div",{className:a(t),children:[(0,H.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,H.jsx)("span",{className:"sr-only",children:"Navigation"}),(0,H.jsx)(fe.motion.div,{animate:o?"hidden":"visible",variants:r,children:(0,H.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,H.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),(0,H.jsx)(fe.motion.div,{animate:o?"visible":"hidden",variants:r,children:(0,H.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,H.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,H.jsx)(fe.LazyMotion,{features:fe.domAnimation,children:(0,H.jsx)(fe.AnimatePresence,{mode:"wait",children:o&&(0,H.jsxs)(fe.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,H.jsx)(_i,{data:e}),(0,H.jsx)("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:(0,H.jsxs)("a",{className:a("w-full",se({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[(0,H.jsx)(Vi.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},zi=kn;var Fi=p(require("html-react-parser"),1);var Oi=require("@heroicons/react/16/solid"),Wi=require("react");var L=require("react/jsx-runtime"),Zo=({className:e,dataMenu:t,serviceInfo:o})=>{let{logo:i,name:r,url:l}=o,[m,c]=(0,Wi.useState)(!1);return(0,L.jsxs)("div",{className:a(e,"sticky top-0 z-40 w-full flex-none lg:z-50 "),children:[(0,L.jsx)("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),(0,L.jsx)("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:(0,L.jsxs)("div",{className:"relative flex items-center ",children:[(0,L.jsxs)(Qo.default,{href:"https://www.momo.vn/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[(0,L.jsx)("span",{className:"sr-only",children:"MoMo home page"}),(0,L.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&(0,L.jsxs)(Qo.default,{href:l,title:r,className:" relative flex space-x-1 pl-2 items-center rounded-none hover:opacity-80 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-[''] ",children:[(0,L.jsx)("img",{src:i,className:"w-9 h-9",alt:"MoMo"}),(0,L.jsx)("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500",children:r&&(0,Fi.default)(r)})]}),(0,L.jsx)("div",{className:"relative lg:ml-10 xl:ml-16 hidden lg:flex items-center ",children:(0,L.jsx)(Mi,{data:t})}),(0,L.jsxs)("div",{className:"ml-auto",children:[(0,L.jsxs)(ie,{className:"hidden sm:flex",variant:"primary",size:"sm",onClick:()=>c(!0),children:[" ",(0,L.jsx)(Oi.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]}),(0,L.jsx)(Ge,{open:m,onOpenChange:()=>c(!1),title:"Qu\xE9t m\xE3 \u0111\u1EC3 t\u1EA3i V\xED MoMo",shortTitle:"T\u1EA3i ngay",qrLink:"http://momo.vn/download"})]}),(0,L.jsx)(zi,{data:t,className:"lg:hidden ml-auto "})]})})]})};Zo.displayName="HeaderNavigation";var Gi=require("react");var s=require("react/jsx-runtime"),$i=({item:e})=>(0,s.jsx)("div",{className:"mt-3 flex w-full text-sm",children:(0,s.jsxs)("a",{href:Ca({link:e.url,query:{fromType:ya}}),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.image&&(0,s.jsx)("span",{className:"relative flex-none h-5 w-5 md:h-6 md:w-6",children:(0,s.jsx)("img",{src:e.image,className:"absolute inset-0"})}),(0,s.jsx)("span",{className:"block ",children:e.title})]})}),Dn=({primaryMenu:e,secondaryMenu:t})=>{let[o,i]=(0,Gi.useState)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"footer-main order-2 py-7 text-white md:order-1 text-sm",children:(0,s.jsxs)("div",{className:"wrapper grid grid-cols-2 gap-5 sm:gap-x-20 sm:gap-y-10 lg:flex lg:flex-nowrap lg:gap-14",children:[(0,s.jsxs)("div",{className:"block grow md:w-44 md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:e?.heading}),e?.lists?.map((r,l)=>(0,s.jsx)($i,{item:r},l))]}),(0,s.jsxs)("div",{className:" md:order-none md:w-40 md:flex-none md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:t?.heading}),(0,s.jsx)("div",{className:"flex flex-wrap",children:t?.lists?.map((r,l)=>(0,s.jsx)($i,{item:r},l))})]}),(0,s.jsxs)("div",{className:"col-span-2 grow border-t border-gray-700 pt-5 sm:col-span-1 md:border-none md:pt-0",children:[(0,s.jsxs)("div",{className:"border-b border-gray-700 pb-5 md:border-0 md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:"Ch\u0103m s\xF3c kh\xE1ch h\xE0ng"}),(0,s.jsxs)("div",{className:"mt-2 text-sm md:mt-3",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"\u0110\u1ECBa ch\u1EC9: "}),(0,s.jsx)("span",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",children:xa.Address})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Hotline : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Hotline}`,children:z.Support.Hotline_Format}),(0,s.jsxs)("small",{className:"text-xs italic text-white text-opacity-60",children:[" ","(Ph\xED 1.000\u0111/ph\xFAt)"]})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Email : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`mailto:${z.Support.Email}`,children:z.Support.Email})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsxs)("span",{className:"text-white text-opacity-50",children:["T\u1ED5ng \u0111\xE0i g\u1ECDi ra :"," "]}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_1}`,children:z.Support.Phone_Ext_1_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_2}`,children:z.Support.Phone_Ext_2_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_3}`,children:z.Support.Phone_Ext_3_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:", c\xE1c \u0111\u1EA7u s\u1ED1 di \u0111\u1ED9ng Brandname MoMo"})]}),(0,s.jsx)("div",{className:"mt-3 flex",children:(0,s.jsx)("a",{href:"https://www.momo.vn/huong-dan/huong-dan-gui-yeu-cau-ho-tro-bang-tinh-nang-tro-giup",rel:"noreferrer",target:"_blank",children:(0,s.jsxs)("div",{className:"relative block overflow-hidden rounded border border-gray-400 bg-black py-1 pl-10 pr-2",children:[(0,s.jsx)("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:(0,s.jsx)("svg",{className:"h-7 w-7 text-gray-100 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("title",{children:"Asset 1"}),(0,s.jsx)("path",{d:`M279.4,23.7H30.8C14.5,23.7,0,38.2,0,56.3v401.8c0,16.3,14.5,30.8,30.8,30.8H76h23.8L76,449.4H34.5V96.2h243.1v152l34.5,22
|
|
120
|
+
`})]})});var Ft=require("@heroicons/react/24/outline");var ee=require("react");var me=require("react/jsx-runtime"),gi=(0,ee.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:w=()=>{},onChangeInputStepper:C,onDecrement:x,onIncrement:M,...G},T)=>{let y=(0,ee.useRef)(null),[U,_]=(0,ee.useState)(!1),[Me,D]=(0,ee.useState)(!1),[Nt,Ze]=(0,ee.useState)(""),Ye=(0,ee.useRef)(null),E=v=>{Number(v)>=o?_(!0):_(!1),Number(v)>t?D(!1):D(!0)},Xr=()=>{if(i||U)return;let v=y?.current?.querySelector("input");if(!v)return;let j=0;j=Math.min(Number(v.value)+l,o),E(j),v.value=String(j),Ze(v.value||""),C?.(v.value),M?.(v.value)},Kr=()=>{if(i||Me)return;let v=y?.current?.querySelector("input");if(!v)return;let j=0;j=Math.max(Number(v.value)-l,0),E(j),v.value=String(j),Ze(v.value||""),C?.(v.value),x?.(v.value)},Jr=v=>{if(!v)return;let j=v?.target?.value;j?.match(/^[0-9]*$/)||(j=j.replace(/[^0-9]/g,"")),E(j);let Rt=parseInt(j,10);Number.isNaN(Rt)||Rt<t?v.target.value=String(t):Rt>=o?v.target.value=String(o):v.target.value=String(Rt),Ze(v?.target?.value||""),C?.(v.target.value),w?.(v)};return(0,ee.useEffect)(()=>{let v=y?.current?.querySelector("input");v&&E(v?.value)},[]),(0,ee.useEffect)(()=>{let v=y?.current?.querySelector("input");v&&Ye?.current&&(v.style.width=`${Ye.current.offsetWidth+10}px`)},[Nt]),(0,me.jsxs)("div",{ref:y,className:"flex items-center space-x-1",children:[(0,me.jsx)(ve,{id:"btn-minus",className:a(!Me&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Kr,children:(0,me.jsx)(Ft.MinusCircleIcon,{className:"w-8 h-8 "})}),(0,me.jsxs)("div",{children:[(0,me.jsx)("input",{pattern:"[0-9]*",inputMode:"numeric",defaultValue:e,ref:T,min:t,max:o,onChange:v=>Jr(v),id:"numberInput",disabled:i||r,autoComplete:"off",...G,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:Nt||" "})]}),(0,me.jsx)(ve,{id:"btn-plus",className:a(!U&&!i?"cursor-pointer text-pink-500":"text-gray-400 cursor-default",c),variant:"transparent",onClick:Xr,children:(0,me.jsx)(Ft.PlusCircleIcon,{className:"w-8 h-8 "})})]})});var ce=p(require("react"),1),ye=require("@heroicons/react/16/solid"),ui=require("@heroicons/react/24/outline"),u=p(require("@radix-ui/react-select"),1);var b=require("react/jsx-runtime"),hi=ce.forwardRef(({className:e,children:t,label:o,message:i,size:r,isError:l,disabled:m,...c})=>(0,b.jsxs)("div",{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,b.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,b.jsx)(u.Root,{disabled:m,...c,children:t}),i&&(0,b.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,b.jsx)(ye.XCircleIcon,{width:16,height:16}):(0,b.jsx)(ui.QuestionMarkCircleIcon,{width:16,height:16}),(0,b.jsx)("span",{className:a(r===2?"text-sm":"text-xs"),children:i})]})]})),vi=u.Value,Vo=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsxs)(u.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,b.jsx)("div",{className:"line-clamp-1 text-left",children:t}),(0,b.jsx)(u.Icon,{asChild:!0,children:(0,b.jsx)(ye.ChevronDownIcon,{className:"h-4 w-4 text-gray-500 flex-none"})})]}));Vo.displayName=u.Trigger.displayName;var Ot=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.ScrollUpButton,{ref:o,className:a("flex cursor-default items-center justify-center py-1",e),...t,children:(0,b.jsx)(ye.ChevronUpIcon,{className:"h-5 w-5"})}));Ot.displayName=u.ScrollUpButton.displayName;var Wt=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.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,b.jsx)(ye.ChevronDownIcon,{className:"h-5 w-5"})}));Wt.displayName=u.ScrollDownButton.displayName;var zo=ce.forwardRef(({className:e,children:t,position:o="popper",...i},r)=>(0,b.jsx)(u.Portal,{children:(0,b.jsxs)(u.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,b.jsx)(Ot,{}),(0,b.jsx)(u.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,b.jsx)(Wt,{})]})}));zo.displayName=u.Content.displayName;var bi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsx)(u.Group,{ref:i,className:a("relative p-1 after:w-full border-b border-gray-200 last:border-0",e),...o,children:t})),Fo=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.Label,{ref:o,className:a("pr-2 pl-8 py-1.5 text-sm font-semibold z-[1]",e),...t}));Fo.displayName=u.Label.displayName;var xi=ce.forwardRef(({className:e,children:t,...o},i)=>(0,b.jsxs)(u.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,b.jsx)("span",{className:"absolute left-2 flex h-4 w-4 items-center justify-center",children:(0,b.jsx)(u.ItemIndicator,{children:(0,b.jsx)(ye.CheckIcon,{className:"h-4 w-4"})})}),(0,b.jsx)(u.ItemText,{children:t})]})),Oo=ce.forwardRef(({className:e,...t},o)=>(0,b.jsx)(u.Separator,{ref:o,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));Oo.displayName=u.Separator.displayName;var ne=p(require("react"),1),yi=require("@heroicons/react/16/solid"),R=p(require("@radix-ui/react-navigation-menu"),1),wi=require("class-variance-authority");var N=require("react/jsx-runtime"),Pi=ne.createContext(null),bn=({value:e,children:t})=>(0,N.jsx)(Pi.Provider,{value:e,children:t}),xn=()=>{let e=ne.useContext(Pi);if(!e)throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");return e},mt=ne.forwardRef(({className:e,children:t,alignDropdown:o="left",...i},r)=>(0,N.jsx)(bn,{value:{alignDropdown:o},children:(0,N.jsxs)(R.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)(Ni,{})]})}));mt.displayName=R.Root.displayName;var ct=ne.forwardRef(({className:e,...t},o)=>(0,N.jsx)(R.List,{ref:o,className:a("group flex flex-1 list-none items-center justify-center ",e),...t}));ct.displayName=R.List.displayName;var dt=R.Item,pt=(0,wi.cva)(se({variant:"transparent",size:"sm"})),ft=ne.forwardRef(({className:e,children:t,...o},i)=>(0,N.jsxs)(R.Trigger,{ref:i,className:a(pt(),"group",e),...o,children:[t,(0,N.jsx)(yi.ChevronDownIcon,{className:"relative ml-1 h-4 w-4 transition duration-300 group-data-[state=open]:rotate-180","aria-hidden":"true"})]}));ft.displayName=R.Trigger.displayName;var gt=ne.forwardRef(({className:e,...t},o)=>(0,N.jsx)(R.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}));gt.displayName=R.Content.displayName;var je=R.Link,Ci=ne.forwardRef(({className:e,...t},o)=>{let{alignDropdown:i}=xn();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)(R.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})})});Ci.displayName=R.Viewport.displayName;var Ni=ne.forwardRef(({className:e,...t},o)=>(0,N.jsxs)("div",{ref:o,children:[(0,N.jsx)(R.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)(R.Indicator,{...t,children:(0,N.jsx)(Ci,{})})]}));Ni.displayName=R.Indicator.displayName;var Ri=p(require("react"),1),ut=p(require("@radix-ui/react-switch"),1);var Wo=require("react/jsx-runtime"),$o=Ri.forwardRef(({className:e,...t},o)=>(0,Wo.jsx)(ut.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,Wo.jsx)(ut.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")})}));$o.displayName=ut.Root.displayName;var Go=p(require("react"),1),Re=p(require("@radix-ui/react-radio-group"),1),Ti=require("lucide-react");var ki=require("class-variance-authority"),ht=require("react/jsx-runtime"),yn=(0,ki.cva)("grid cursor-pointer gap-2 text-gray-900 text-sm",{variants:{orientation:{horizontal:"grid-cols-2",vertical:"grid-cols-1"}},defaultVariants:{orientation:"vertical"}}),Uo=Go.forwardRef(({disabled:e,orientation:t,className:o,...i},r)=>(0,ht.jsx)(Re.Root,{className:a("",yn({orientation:t}),o),...i,ref:r}));Uo.displayName=Re.Root.displayName;var jo=Go.forwardRef(({className:e,...t},o)=>(0,ht.jsx)(Re.Item,{ref:o,className:a("aspect-square h-4 w-4 rounded-full border border-gray-700 disabled:bg-gray-300 disabled:data-[state=checked]:text-gray-500 data-[state=checked]:text-white disabled:data-[state=checked]:bg-gray-300 data-[state=checked]:bg-pink-500 disabled:border-none data-[state=checked]:border-none text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-default disabled:opacity-40",e),...t,children:(0,ht.jsx)(Re.Indicator,{className:"flex items-center justify-center w-full h-full rounded-full ",children:(0,ht.jsx)(Ti.Circle,{className:"h-2 w-2 fill-current text-current"})})}));jo.displayName=Re.Item.displayName;var Qo=p(require("next/link"),1);var Di=p(require("next/link"),1),de=require("react/jsx-runtime"),wn=({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)(je,{asChild:!0,children:(0,de.jsxs)(Di.default,{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})]})]})})})},Si=wn;var Ai=p(require("next/link"),1),te=require("react/jsx-runtime"),Pn=({data:e})=>(0,te.jsx)(mt,{children:(0,te.jsx)(ct,{children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return t.hasDropdown?(0,te.jsxs)(dt,{children:[(0,te.jsx)(ft,{children:t.title}),(0,te.jsx)(gt,{children:(0,te.jsx)("ul",{className:a(t.dropDownCompact===!0?"grid gap-1 p-2.5 w-[540px] md:grid-cols-2 ":"grid w-[250px] gap-1 p-2.5 grid-cols-1"),children:t.subMenu&&t.subMenu.map(i=>(0,te.jsx)(Si,{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,te.jsx)(dt,{children:(0,te.jsx)(Ai.default,{href:t.url,legacyBehavior:!0,passHref:!0,children:(0,te.jsx)(je,{className:pt(),...o,children:t.title})})},t.id)})})}),Mi=Pn;var Gt=require("react");var $t=[.24,.25,.05,1];var Bi=require("react-use"),qo=p(require("next/router"),1);var Li=p(require("next/link"),1),we=require("react/jsx-runtime"),Cn=({className:e="",icon:t="",title:o,children:i="",href:r="",newTab:l=!1})=>{let m=l?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,we.jsx)("li",{className:"min-h-8",children:(0,we.jsxs)(Li.default,{className:a(" select-none py-2 flex flex-nowrap space-x-2 items-center text",e),href:r,...m,children:[t&&(0,we.jsx)("div",{className:"w-7 h-7 shrink-0",children:(0,we.jsx)("img",{src:t,loading:"lazy",className:"w-7 h-7 object-cover",alt:o})}),(0,we.jsxs)("div",{className:" ",children:[(0,we.jsx)("div",{className:"text-sm text-gray-800 leading-none",children:o}),i&&(0,we.jsx)("p",{className:"line-clamp-1 text-xs mt-1 text-gray-500",children:i})]})]})})},Ei=Cn;var Ii=p(require("next/link"),1),Hi=require("framer-motion"),pe=require("react/jsx-runtime"),Nn={hidden:{opacity:0,y:10},show:{opacity:1,y:0,transition:{duration:.25,ease:$t}},exit:{opacity:0,transition:{duration:.05}}},Rn=({data:e})=>(0,pe.jsx)(Je,{type:"single",collapsible:!0,children:e.map(t=>{let o=t.newTab?{target:"_blank",rel:"noopener noreferrer"}:{};return(0,pe.jsx)(Hi.motion.div,{variants:Nn,children:t.hasDropdown?(0,pe.jsxs)(et,{value:t.id,children:[(0,pe.jsx)(tt,{className:"py-3",children:t.title}),(0,pe.jsx)(ot,{children:(0,pe.jsx)("ul",{className:a("grid gap-1 grid-cols-1 "),children:t.subMenu&&t.subMenu.map(i=>(0,pe.jsx)(Ei,{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)(Ii.default,{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)})}),_i=Rn;var Vi=require("@heroicons/react/16/solid");var fe=require("framer-motion"),H=require("react/jsx-runtime"),Tn=()=>typeof window<"u"&&window.pageYOffset!==void 0?window.pageYOffset:0,kn=({data:e,className:t})=>{let[o,i]=(0,Gt.useState)(!1);(0,Bi.useKey)("Escape",()=>i(!1)),(0,Gt.useEffect)(()=>{if(!o)return;let m=Tn();function c(){i(!1)}return document.body.style.position="fixed",document.body.style.width="100%",qo.default.events.on("routeChangeComplete",c),()=>{document.body.style.position="",document.body.style.width="",window.scrollTo({top:m||0,behavior:"instant"}),qo.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:$t}},exit:{opacity:0,transition:{duration:.15}}};return(0,H.jsxs)("div",{className:a(t),children:[(0,H.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,H.jsx)("span",{className:"sr-only",children:"Navigation"}),(0,H.jsx)(fe.motion.div,{animate:o?"hidden":"visible",variants:r,children:(0,H.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,H.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M4 6h16M4 12h16M4 18h16"})})}),(0,H.jsx)(fe.motion.div,{animate:o?"visible":"hidden",variants:r,children:(0,H.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,H.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"M6 18L18 6M6 6l12 12"})})})]}),(0,H.jsx)(fe.LazyMotion,{features:fe.domAnimation,children:(0,H.jsx)(fe.AnimatePresence,{mode:"wait",children:o&&(0,H.jsxs)(fe.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,H.jsx)(_i,{data:e}),(0,H.jsx)("div",{className:"fixed inset-x-0 bottom-0 grid grid-cols-1 gap-x-5 px-4 py-6 bg-white",children:(0,H.jsxs)("a",{className:a("w-full",se({variant:"primary",size:"lg"})),target:"_blank",href:"http://momo.vn/download",children:[(0,H.jsx)(Vi.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]})})]})})})]})},zi=kn;var Fi=p(require("html-react-parser"),1);var Oi=require("@heroicons/react/16/solid"),Wi=require("react");var L=require("react/jsx-runtime"),Zo=({className:e,dataMenu:t,serviceInfo:o})=>{let{logo:i,name:r,url:l}=o,[m,c]=(0,Wi.useState)(!1);return(0,L.jsxs)("div",{className:a(e,"sticky top-0 z-40 w-full flex-none lg:z-50 "),children:[(0,L.jsx)("div",{className:a("absolute h-full w-full bg-white shadow-[inset_0px_-1px_0px_0px_rgba(0,0,0,0.08)]")}),(0,L.jsx)("nav",{className:a("wrapper grid grid-cols-1 items-center lg:border-0 [--header-height:64px] "),style:{minHeight:"var(--header-height)"},children:(0,L.jsxs)("div",{className:"relative flex items-center ",children:[(0,L.jsxs)(Qo.default,{href:"https://www.momo.vn/",title:"MoMo",className:"mr-3 flex-none w-9 h-9 overflow-hidden rounded-none hover:opacity-80",children:[(0,L.jsx)("span",{className:"sr-only",children:"MoMo home page"}),(0,L.jsx)("img",{src:"https://homepage.momocdn.net/fileuploads/svg/momo-file-240411162904.svg",className:"w-9 h-9",alt:"MoMo"})]}),o&&(0,L.jsxs)(Qo.default,{href:l,title:r,className:" relative flex space-x-1 pl-2 items-center rounded-none hover:opacity-80 after:absolute after:left-0 after:h-8 after:w-[1px] after:bg-gray-300 after:content-[''] ",children:[(0,L.jsx)("img",{src:i,className:"w-9 h-9",alt:"MoMo"}),(0,L.jsx)("div",{className:"text-sm font-semibold leading-[1.1] text-pink-500",children:r&&(0,Fi.default)(r)})]}),(0,L.jsx)("div",{className:"relative lg:ml-10 xl:ml-16 hidden lg:flex items-center ",children:(0,L.jsx)(Mi,{data:t})}),(0,L.jsxs)("div",{className:"ml-auto",children:[(0,L.jsxs)(ie,{className:"hidden sm:flex",variant:"primary",size:"sm",onClick:()=>c(!0),children:[" ",(0,L.jsx)(Oi.ArrowDownTrayIcon,{className:"mr-1 w-4 h-4"})," T\u1EA3i V\xED MoMo"]}),(0,L.jsx)(Ge,{open:m,onOpenChange:()=>c(!1),title:"Qu\xE9t m\xE3 \u0111\u1EC3 t\u1EA3i V\xED MoMo",shortTitle:"T\u1EA3i ngay",qrLink:"http://momo.vn/download"})]}),(0,L.jsx)(zi,{data:t,className:"lg:hidden ml-auto "})]})})]})};Zo.displayName="HeaderNavigation";var Gi=require("react");var s=require("react/jsx-runtime"),$i=({item:e})=>(0,s.jsx)("div",{className:"mt-3 flex w-full text-sm",children:(0,s.jsxs)("a",{href:Ca({link:e.url,query:{fromType:ya}}),target:e.newTab?"_blank":"_self",rel:"noreferrer",className:"flex items-center space-x-2 text-white text-opacity-50 duration-300 hover:text-opacity-100",children:[e.icon&&(0,s.jsx)("span",{className:"relative flex-none h-5 w-5 md:h-6 md:w-6",children:(0,s.jsx)("img",{src:e.icon,className:"absolute inset-0"})}),(0,s.jsx)("span",{className:"block ",children:e.title})]})}),Dn=({primaryMenu:e,secondaryMenu:t})=>{let[o,i]=(0,Gi.useState)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"footer-main order-2 py-7 text-white md:order-1 text-sm",children:(0,s.jsxs)("div",{className:"wrapper grid grid-cols-2 gap-5 sm:gap-x-20 sm:gap-y-10 lg:flex lg:flex-nowrap lg:gap-14",children:[(0,s.jsxs)("div",{className:"block grow md:w-44 md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:e?.heading}),e?.lists?.map((r,l)=>(0,s.jsx)($i,{item:r},l))]}),(0,s.jsxs)("div",{className:" md:order-none md:w-40 md:flex-none md:shrink-0 md:border-none md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:t?.heading}),(0,s.jsx)("div",{className:"flex flex-wrap",children:t?.lists?.map((r,l)=>(0,s.jsx)($i,{item:r},l))})]}),(0,s.jsxs)("div",{className:"col-span-2 grow border-t border-gray-700 pt-5 sm:col-span-1 md:border-none md:pt-0",children:[(0,s.jsxs)("div",{className:"border-b border-gray-700 pb-5 md:border-0 md:pb-0",children:[(0,s.jsx)("div",{className:"whitespace-nowrap text-xs font-bold uppercase text-white text-opacity-80",children:"Ch\u0103m s\xF3c kh\xE1ch h\xE0ng"}),(0,s.jsxs)("div",{className:"mt-2 text-sm md:mt-3",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"\u0110\u1ECBa ch\u1EC9: "}),(0,s.jsx)("span",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",children:xa.Address})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Hotline : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Hotline}`,children:z.Support.Hotline_Format}),(0,s.jsxs)("small",{className:"text-xs italic text-white text-opacity-60",children:[" ","(Ph\xED 1.000\u0111/ph\xFAt)"]})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsx)("span",{className:"text-white text-opacity-50",children:"Email : "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`mailto:${z.Support.Email}`,children:z.Support.Email})]}),(0,s.jsxs)("div",{className:"mt-1 text-sm",children:[(0,s.jsxs)("span",{className:"text-white text-opacity-50",children:["T\u1ED5ng \u0111\xE0i g\u1ECDi ra :"," "]}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_1}`,children:z.Support.Phone_Ext_1_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_2}`,children:z.Support.Phone_Ext_2_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:" - "}),(0,s.jsx)("a",{className:"inline text-white text-opacity-70 duration-300 hover:text-opacity-100",href:`tel:${z.Support.Phone_Ext_3}`,children:z.Support.Phone_Ext_3_Format}),(0,s.jsx)("span",{className:"text-white text-opacity-60",children:", c\xE1c \u0111\u1EA7u s\u1ED1 di \u0111\u1ED9ng Brandname MoMo"})]}),(0,s.jsx)("div",{className:"mt-3 flex",children:(0,s.jsx)("a",{href:"https://www.momo.vn/huong-dan/huong-dan-gui-yeu-cau-ho-tro-bang-tinh-nang-tro-giup",rel:"noreferrer",target:"_blank",children:(0,s.jsxs)("div",{className:"relative block overflow-hidden rounded border border-gray-400 bg-black py-1 pl-10 pr-2",children:[(0,s.jsx)("div",{className:"absolute left-1 top-1 ",style:{paddingTop:"3px"},children:(0,s.jsx)("svg",{className:"h-7 w-7 text-gray-100 ",fill:"currentColor",stroke:"currentColor",viewBox:"0 0 345.1 512",children:(0,s.jsxs)("g",{children:[(0,s.jsx)("title",{children:"Asset 1"}),(0,s.jsx)("path",{d:`M279.4,23.7H30.8C14.5,23.7,0,38.2,0,56.3v401.8c0,16.3,14.5,30.8,30.8,30.8H76h23.8L76,449.4H34.5V96.2h243.1v152l34.5,22
|
|
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,s.jsx)("path",{d:`M189.4,200.7c-14.4,0-25.9,11.6-25.9,25.9v155.7l-17.3-34.6c-14.2-26.3-28.1-23.6-38.9-17.3c-12.5,8.3-17.2,17-8.6,38.9
|
|
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
|