https://j2proxy.vn/_next/static/chunks/60183-4ea9e612b64a3deb.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60183],{17037:(e,a,t)=>{t.d(a,{$:()=>l,F:()=>i});var s=t(95155);t(12115);var r=t(83360),n=t(64269);function i(e){let{className:a,children:t,...i}=e;return(0,s.jsxs)(r.bL,{"data-slot":"scroll-area",className:(0,n.cn)("relative",a),...i,children:[(0,s.jsx)(r.LM,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:t}),(0,s.jsx)(l,{}),(0,s.jsx)(r.OK,{})]})}function l(e){let{className:a,orientation:t="vertical",...i}=e;return(0,s.jsx)(r.VM,{"data-slot":"scroll-area-scrollbar",orientation:t,className:(0,n.cn)("flex touch-none p-px transition-colors select-none","vertical"===t&&"h-full w-2.5 border-l border-l-transparent","horizontal"===t&&"h-2.5 flex-col border-t border-t-transparent",a),...i,children:(0,s.jsx)(r.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}},60183:(e,a,t)=>{t.d(a,{default:()=>b});var s=t(95155),r=t(12115),n=t(17037),i=t(64269),l=t(39180),o=t(15239),c=t(82762),d=t(6554),u=t(88661),p=t.n(u);let m=Math.PI,x=3*Math.PI/2,g={zalo:"/images/images-template-8/zalo.svg",facebook:"/images/images-template-6/facebook.svg",telegram:"/images/images-template-6/telegram.svg",tiktok:"/images/images-template-6/tiktok.svg",youtube:"/images/images-template-6/youtube.svg",social:"/images/images-template-6/global.svg"},v={delayStepMs:120,ringSize:3,baseRadius:110,ringGap:84,positions:{container:"right-5 bottom-5",triggerButton:"bottom-0 right-0"},sizes:{container:"w-[70px]",triggerCollapsed:"h-[70px] w-[70px]",triggerExpanded:"h-14 w-14",social:"h-[60px] w-[60px]"},classNames:{root:"fixed z-[99] sm:right-6",triggerBase:"absolute cursor-pointer transition-all duration-300",triggerCollapsed:"rounded-full bg-[rgba(255,211,211,0.5)]",triggerExpanded:"rounded-full border-4 border-[#EDEDED] bg-[#D6D6D6]",triggerIconWrap:"absolute top-1/2 left-1/2 block h-8 w-8 -translate-x-1/2 -translate-y-1/2",triggerIconWrapAnimated:"support-alt-icon-anim",socialButton:"absolute right-[5px] bottom-[5px] transition-all duration-300 rounded-full bg-[rgba(211,233,255,0.68)] cursor-pointer",socialExpanded:"pointer-events-auto opacity-100 support-alt-social-wave",socialCollapsed:"pointer-events-none opacity-0",socialFrame:"pointer-events-none absolute inset-0 rounded-full border-[5px] border-[rgba(211,233,255,0.86)]",socialInner:"absolute inset-[6px] overflow-hidden rounded-full border-[3px] border-[#AFE2FF] ring-2 ring-[#AFE2FF] bg-[linear-gradient(180deg,rgba(211,233,255,0.86),#AFE2FF_50%)] shadow-[0_4px_4px_rgba(222,193,193,0.25)]",socialImageWrap:"support-alt-icon-wrap absolute top-1/2 left-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 rounded-full",socialImage:"rounded-full object-cover",triggerWaveInner:"support-alt-wave support-alt-wave-1 pointer-events-none absolute -inset-[8px] rounded-full",triggerWaveOuter:"support-alt-wave support-alt-wave-2 pointer-events-none absolute -inset-[16px] rounded-full",triggerFrame:"pointer-events-none absolute inset-0 rounded-full border-[5px] border-[rgba(255,211,211,0.86)]",triggerCore:"absolute top-1/2 left-1/2 h-14 w-14 -translate-x-1/2 -translate-y-1/2 isolate flex items-center justify-center rounded-full border-[3px] border-[#FFB7AF] bg-[linear-gradient(180deg,#FD4C40_0%,#B0241B_100%)] ring-2 ring-[#FFB7AF] shadow-[0_4px_4px_rgba(222,193,193,0.25)]"}};function f(){return(0,s.jsx)("svg",{className:"absolute top-[12.5%] right-[8.33%] bottom-[6.25%] left-[8.33%]",viewBox:"0 0 27 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M10.6667 0H16C21.8911 0 26.6667 4.77563 26.6667 10.6667C26.6667 16.5577 21.8911 21.3333 16 21.3333V26C9.33333 23.3333 0 19.3333 0 10.6667C0 4.77563 4.77563 0 10.6667 0ZM13.3333 18.6667H16C20.4183 18.6667 24 15.0849 24 10.6667C24 6.24839 20.4183 2.66667 16 2.66667H10.6667C6.24839 2.66667 2.66667 6.24839 2.66667 10.6667C2.66667 15.48 5.94944 18.6208 13.3333 21.9731V18.6667Z",fill:"white"})})}function h(){return(0,s.jsx)("svg",{className:"absolute top-1/2 left-1/2 h-4 w-4 -translate-x-1/2 -translate-y-1/2",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M7.99997 6.22228L14.2222 0L16 1.77778L9.77773 8.00005L16 14.2222L14.2222 16L7.99997 9.77782L1.77778 16L0 14.2222L6.22222 8.00005L0 1.77778L1.77778 0L7.99997 6.22228Z",fill:"white"})})}function w(e){var a,t;let{className:n="",onClick:c,title:d="Support"}=e,[u,w]=(0,r.useState)(!1),[b,j]=(0,r.useState)({x:0,y:0}),[y,N]=(0,r.useState)(!1),C=(0,r.useRef)(null),L=(0,r.useRef)({x:0,y:0,initialX:0,initialY:0}),E=(0,r.useRef)(!0),F=(0,l.r)(e=>e.config),k=null!=(t=null==F||null==(a=F.theme)?void 0:a.socials)?t:[],M=(0,r.useMemo)(()=>k.filter(e=>!!(null==e?void 0:e.name)),[k]),I=(0,r.useMemo)(()=>M.map((e,a)=>{let t;return{item:e,index:a,iconSrc:(t=e).logo?t.logo.replace("/api/v1",""):g[t.name.toLowerCase()]||g.social,enabled:!!e.url,basePosition:((e,a,t,s,r)=>{let n,i,l=((e,a,t)=>{let s=((e,a)=>{if(e<=a)return e;let t=e%a;return 0===t?a:t})(a,t),r=a-s;

1if(e>=r)return{ringIndex:0,indexInRing:e-r,ringCount:s};let n=Math.floor((r-1-e)/t),i=r-(n+1)*t;return{ringIndex:1+n,indexInRing:e-i,ringCount:t}})(e,a,t),o=s+l.ringIndex*r,c=(n=l.indexInRing,(i=l.ringCount)<=1?(m+x)/2:m+n*(x-m)/(i-1));return{x:Math.cos(c)*o,y:Math.sin(c)*o}})(a,M.length,v.ringSize,v.baseRadius,v.ringGap)}}).map(e=>({...e,position:b.x<0?{x:-e.basePosition.x,y:e.basePosition.y}:e.basePosition})),[M,b.x]);(0,r.useEffect)(()=>{let e=e=>{C.current&&!C.current.contains(e.target)&&w(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[C,w]);let z=(0,r.useCallback)(e=>{if(!y)return;let a=e.touches[0],t=a.clientX-L.current.x,s=a.clientY-L.current.y;E.current&&Math.abs(t)+Math.abs(s)>5&&(E.current=!1);let r=Math.min(Math.max(L.current.initialY+s,-(window.innerHeight-20-70)),20);j({x:L.current.initialX+t,y:r})},[y]),W=(0,r.useCallback)(()=>{if(y){{let e=20-b.x;window.innerWidth-e-70+35>window.innerWidth/2?j(e=>({...e,x:0})):j(e=>({...e,x:110-window.innerWidth}))}N(!1)}},[y,b.x]),_=(0,r.useCallback)(e=>{if(!y)return;let a=e.clientX-L.current.x,t=e.clientY-L.current.y;E.current&&Math.abs(a)+Math.abs(t)>5&&(E.current=!1);let s=Math.min(Math.max(L.current.initialY+t,-(window.innerHeight-20-70)),20);j({x:L.current.initialX+a,y:s})},[y]),B=(0,r.useCallback)(()=>{if(y){{let e=20-b.x;window.innerWidth-e-70+35>window.innerWidth/2?j(e=>({...e,x:0})):j(e=>({...e,x:110-window.innerWidth}))}N(!1)}},[y,b.x]);(0,r.useEffect)(()=>{if(y)return document.addEventListener("mousemove",_),document.addEventListener("mouseup",B),document.addEventListener("touchmove",z),document.addEventListener("touchend",W),()=>{document.removeEventListener("mousemove",_),document.removeEventListener("mouseup",B),document.removeEventListener("touchmove",z),document.removeEventListener("touchend",W)}},[y,_,B,z,W]);let D={right:"20px",bottom:"20px",position:"fixed",transform:"translate(".concat(b.x,"px, ").concat(b.y,"px)"),cursor:y?"grabbing":"default"},S=(0,i.cn)(v.classNames.root,v.sizes.container,"select-none",n),P=(0,i.cn)(v.classNames.triggerBase,v.positions.triggerButton,u?[v.sizes.triggerExpanded,v.classNames.triggerExpanded]:[v.sizes.triggerCollapsed,v.classNames.triggerCollapsed]),X=u?v.classNames.socialExpanded:v.classNames.socialCollapsed;return(0,s.jsxs)("div",{ref:C,style:D,className:"jsx-70a35a8a07685a99 "+(S||""),children:[(0,s.jsx)("button",{type:"button",onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),N(!0),E.current=!0,L.current={x:e.clientX,y:e.clientY,initialX:b.x,initialY:b.y}},onTouchStart:e=>{e.preventDefault(),e.stopPropagation();let a=e.touches[0];N(!0),E.current=!0,L.current={x:a.clientX,y:a.clientY,initialX:b.x,initialY:b.y}},onClick:e=>{if(!E.current)return void e.preventDefault();w(e=>!e),null==c||c()},title:d,"aria-label":d,className:"jsx-70a35a8a07685a99 "+(P||""),children:u?(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+(v.classNames.triggerIconWrap||""),children:(0,s.jsx)(h,{})}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+(v.classNames.triggerWaveInner||"")}),(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+(v.classNames.triggerWaveOuter||"")}),(0,s.jsx)("div",{className:"jsx-70a35a8a07685a99 "+(v.classNames.triggerFrame||"")}),(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+(v.classNames.triggerCore||""),children:(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+((0,i.cn)(v.classNames.triggerIconWrap,v.classNames.triggerIconWrapAnimated)||""),children:(0,s.jsx)(f,{})})})]})}),I.map(e=>{let{item:a,index:t,iconSrc:r,enabled:n,position:l}=e,c={"--social-delay":"".concat(t*v.delayStepMs,"ms"),transform:u?"translate3d(".concat(l.x,"px, ").concat(l.y,"px, 0)"):"translate3d(0, 0, 0)"};return(0,s.jsxs)("a",{href:n?a.url:void 0,target:n?"_blank":void 0,rel:n?"noopener noreferrer":void 0,title:a.name,style:c,"aria-disabled":!n,tabIndex:n?0:-1,className:"jsx-70a35a8a07685a99 "+((0,i.cn)(v.classNames.socialButton,v.sizes.social,X)||""),children:[(0,s.jsx)("div",{className:"jsx-70a35a8a07685a99 "+(v.classNames.socialFrame||"")}),(0,s.jsx)("div",{className:"jsx-70a35a8a07685a99 "+(v.classNames.socialInner||""),children:r?(0,s.jsx)("span",{className:"jsx-70a35a8a07685a99 "+(v.classNames.socialImageWrap||""),children:(0,s.jsx)(o.default,{src:r,alt:a.name,fill:!0,sizes:"48px",className:v.classNames.socialImage})}):null})]},"".concat(a.name,"-").concat(t))}),(0,s.jsx)(p(),{id:"70a35a8a07685a99",children:'.support-alt-icon-anim.jsx-70a35a8a07685a99{transform-origin:center;animation:support-alt-icon-wiggle 1.2s ease-in-out infinite}.support-alt-wave.jsx-70a35a8a07685a99{--wave-peak-opacity:0.78;--wave-mid-opacity:0.64;border:20px solid rgba(255,211,211,.78);opacity:0;transform-origin:center;animation:support-alt-wave-shared 1.35s ease-in-out infinite}.support-alt-wave-2.jsx-70a35a8a07685a99{--wave-peak-opacity:0.5;--wave-mid-opacity:0.36;border-color:rgba(255,211,211,.42)}.support-alt-social-wave.jsx-70a35a8a07685a99::before,.support-alt-social-wave.jsx-70a35a8a07685a99::after{content:"";position:absolute;border-radius:999px;box-sizing:border-box;pointer-events:none;opacity:0}

1.support-alt-social-wave.jsx-70a35a8a07685a99::before{--wave-peak-opacity:0.9;--wave-mid-opacity:0.74;inset:-8px;border:20px solid rgba(211,233,255,.9);animation:support-alt-wave-shared 1.5s ease-in-out var(--social-delay)infinite}.support-alt-social-wave.jsx-70a35a8a07685a99::after{--wave-peak-opacity:0.36;--wave-mid-opacity:0.24;inset:-16px;border:20px solid rgba(211,242,255,.28);animation:support-alt-wave-shared 1.5s ease-in-out calc(var(--social-delay) + 90ms)infinite}.support-alt-social-wave.jsx-70a35a8a07685a99 .support-alt-icon-wrap.jsx-70a35a8a07685a99{transform-origin:center;animation:support-alt-icon-wiggle 1.2s ease-in-out var(--social-delay)infinite}@keyframes support-alt-wave-shared{0%{opacity:0}18%{opacity:0}36%{opacity:var(--wave-peak-opacity,.72)}68%{opacity:var(--wave-mid-opacity,.62)}88%{opacity:0}100%{opacity:0}}@keyframes support-alt-icon-wiggle{0%,100%{transform:rotate(0deg)}20%{transform:rotate(-10deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}'})]})}function b(e){var a,t;let{children:r,scrollable:u=!0,className:p="",showNetwork:m=!1,showTextMarquee:x=!0}=e,g=(0,l.r)(e=>e.config),{open:v,openMobile:f,isMobile:h}=(0,c.cL)(),b=v||f,j=(0,d.S)(e=>e.isAdminPath),y="app.homeproxy.vn"===((null==g?void 0:g.hostName)||"").split(":")[0].toLowerCase(),N=null!=(t=null==g||null==(a=g.theme)?void 0:a.textmarquee)?t:"",C=j?"18rem":"20rem";return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsxs)(n.F,{className:(0,i.cn)("h-[calc(100dvh-52px)]",p),children:[!j&&y&&(0,s.jsx)(w,{}),!j&&x&&N&&(0,s.jsx)("div",{className:"bg-primary w-full py-2 "+(h?"max-w-full":b?"max-w-[calc(100dvw-".concat(C,")]"):"max-w-[calc(100dvw-3rem)]"),children:(0,s.jsxs)("div",{className:"[container-type:inline-size] relative mx-5 overflow-hidden",children:[(0,s.jsx)("span",{className:"animate-marquee absolute left-full pt-1 text-[14px] leading-4 font-normal whitespace-nowrap text-white",children:N}),(0,s.jsx)("span",{className:"invisible text-[14px] leading-4",children:"\xa0"})]})}),m&&(0,s.jsxs)("div",{className:"flex w-full justify-center gap-8 bg-white py-2 shadow-sm",children:[(0,s.jsx)(o.default,{src:"/images/viettel.png",width:0,height:0,sizes:"100vw",className:"my-auto w-full max-w-[116px]",alt:""}),(0,s.jsx)(o.default,{src:"/images/fpt.png",width:0,height:0,sizes:"100vw",className:"my-auto w-full max-w-[116px]",alt:""}),(0,s.jsx)(o.default,{src:"/images/vnpt.png",width:0,height:0,sizes:"100vw",className:"my-auto w-full max-w-[116px]",alt:""})]}),(0,s.jsx)("div",{className:"flex flex-1 p-4 md:px-6",children:r})]}):(0,s.jsxs)(s.Fragment,{children:[!j&&y&&(0,s.jsx)(w,{}),!j&&x&&N&&(0,s.jsx)("div",{className:"bg-primary w-full py-2 "+(h?"max-w-full":b?"max-w-[calc(100dvw-".concat(C,")]"):"max-w-[calc(100dvw-3rem)]"),children:(0,s.jsxs)("div",{className:"[container-type:inline-size] relative mx-3 overflow-hidden",children:[(0,s.jsx)("span",{className:"animate-marquee absolute left-full pt-1 text-[14px] leading-4 font-normal whitespace-nowrap text-white",children:N}),(0,s.jsx)("span",{className:"invisible text-[14px] leading-4",children:"\xa0"})]})}),(0,s.jsx)("div",{className:"flex w-full flex-1 p-4 md:px-6",children:r})]})})}}}]);