https://coworking-space-stage.vercel.app/_next/static/chunks/2539.428044593c08463e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2539],{12539:function(e,l,i){i.r(l),i.d(l,{default:function(){return k}});var t=i(26042),n=i(69396),o=i(10797),r=i(85893),s=i(67294),a=i(86010),d=i(99009),c=i(25675),v=i.n(c),h=i(41664),u=i.n(h),x=i(11163),m=i(97521),f=i(68341),p=i(1956),b=i(83890),g=i(83454),j=function(e){var l=e.src,i=e.href;return i&&"/"!==i?(0,r.jsx)(b.oM,{href:i||"",src:(0,f.Z)(l),width:40,height:40,target:"_blank",linkClassName:"flex items-center justify-center rounded-full hover:border-0"}):(0,r.jsx)(r.Fragment,{})},N=function(e){var l=e.bookItem,i=e.bookItemClassName,t=void 0===i?"":i,n=e.phoneNumber,o=e.phoneNumberClassName,s=void 0===o?"":o,d=e.phoneNumberWrapperClassName,c=e.bookItemWrapperClassName;return(0,r.jsxs)(r.Fragment,{children:[l&&(0,r.jsx)("li",{className:c,children:(0,r.jsx)(u(),{href:(null===l||void 0===l?void 0:l.href)||"#",children:(0,r.jsx)("a",{children:(0,r.jsx)("div",{className:(0,a.Z)("flex flex-col items-center justify-center bg-typo-1 py-[9.25px] text-[13px] font-semibold tracking-[0.1em] text-white lgu:min-w-[134px]",t),children:null===l||void 0===l?void 0:l.label})})})}),n&&(0,r.jsx)("li",{className:d,children:(0,r.jsx)("a",{href:"tel:".concat(n),children:(0,r.jsxs)("div",{className:(0,a.Z)("flex items-center justify-center gap-x-1 bg-section-1 py-[10.25px] text-[15px] font-bold text-typo-1 lgu:min-w-[149px] lgu:py-[7.5px]",s),children:[(0,r.jsx)(v(),{src:"/assets/images/header/icons/telephone.svg",width:14,height:14,alt:"phone"}),n]})})})]})},w=function(e){var l=e.topHeaderItem,i=e.wrapperClassName,t=void 0===i?"":i,n=e.isHide,o=void 0!==n&&n;return(0,r.jsx)("div",{className:(0,a.Z)("border-b-[1px] border-secondary-5 bg-section-4 py-2 text-center transition-all duration-500",!0===o?"h-[0px] overflow-hidden border-b-[0px] py-[0]":"",t),children:(0,r.jsx)(u(),{href:(null===l||void 0===l?void 0:l.href)||"#",children:(0,r.jsx)("a",{className:"text-[13px] font-medium text-typo-2",children:null===l||void 0===l?void 0:l.label})})})},y=function(e){var l=e.className,i=(0,x.useRouter)(),o=i.locale,s=i.asPath,d=g.env.NEXT_PUBLIC_DISABLE_MULTI_LANGUAGES;return(0,r.jsx)("div",{className:l,children:(0,r.jsx)("ul",{className:"flex items-center",children:m.M.map((function(e,l){return(0,r.jsxs)("li",{className:"mr-2",children:[(0,r.jsx)(u(),(0,n.Z)((0,t.Z)({href:s},d?{}:{locale:e.code}),{children:(0,r.jsx)("a",{className:(0,a.Z)("border-none text-[15px] font-medium uppercase hover:text-section-1",o===e.code?"text-section-1":""),children:null===e||void 0===e?void 0:e.label})})),l===m.M.length-2&&(0,r.jsx)("span",{className:"ml-2",children:"|"})]},e.code)}))})})},k=(0,x.withRouter)((function(e){var l,i,t,n,c=e.headerLogo,h=e.nav,u=e.generalInfo,x=e.router,m=e.loginItem,g=e.registerItem,k=e.bookItem,Z=e.topHeaderItem,C=e.mobileHeaderNavLinks,I=e.socialItems,E=(0,s.useState)(!1),M=E[0],H=E[1],L=(0,s.useState)([]),R=L[0],U=L[1],_=(0,s.useState)(null),S=_[0],z=_[1],J=(0,s.useRef)(0),F=function(e,l){return"/"!==e&&(x.pathname===e||!(!0!==l||!function(e,l){var i=null===h||void 0===h?void 0:h.map((function(e){return null===e||void 0===e?void 0:e.href})),t=null===h||void 0===h?void 0:h.find((function(e){return(null===e||void 0===e?void 0:e.href)===l})),n=null===t||void 0===t?void 0:t.children;if(!n)return!1;var o=t.exceptionLinks;if(o)for(var r=o.split(","),s=0;s<r.length;s+=1){var a=r[s];if(a&&e.includes(a))return!0}return(null===n||void 0===n?void 0:n.map((function(e){return null===e||void 0===e?void 0:e.href})).includes(e))&&!(null===i||void 0===i?void 0:i.includes(e))}(x.pathname,e)))},W=((null===u||void 0===u?void 0:u.office)&&u.office[0]||{}).phoneNumber,A=function(){var e=window.scrollY,l=!0;return e<=150&&(l=null),e>0&&e>=J.current&&(l=!1),J.current=e,z(l)},Y=function(){return null===S?"static":S?"show":"hide"};return(0,s.useEffect)((function(){var e=document.querySelector("body");return M?(e&&(e.style.overflowY="hidden"),window.removeEventListener("scroll",A)):(e&&(e.style.overflowY="auto"),window.addEventListener("scroll",A)),function(){window.removeEventListener("scroll",A)}}),[M]),(0,r.jsxs)("header",{className:(0,a.Z)("fixed top-0 z-10 w-full "),children:[(0,r.jsxs)(d.E.div,{initial:"static",animate:"show",transition:{duration:1},variants:{static:{y:0},show:{y:0},hide:{y:"-100%"}},className:null!==S?"fixed inset-x-0 top-0 z-50 bg-white shadow-xl":"bg-white",children:[(0,r.jsx)(w,{topHeaderItem:Z,wrapperClassName:(0,a.Z)("hidden lg:block"),isHide:"hide"===Y()}),(0,r.jsxs)("div",{className:"mx-auto hidden items-center py-2 px-6 lg:flex",children:[(0,r.jsx)("div",{children:(null===c||void 0===c?void 0:c.img)&&(0,r.jsx)(b.oM,{width:139,height:62,href:(null===c||void 0===c?void 0:c.href)||"#",src:(0,f.Z)((null===c||void 0===c||null===(l=c.img)||void 0===l?void 0:l.src)||""),alt:(null===c||void 0===c||null===(i=c.img)||void 0===i?void 0:i.alt)||"",linkClassName:"hover:border-0"})}),(0,r.jsx)("div",{className:"flex-1 lg:ml-[54px]",children:(0,r.jsxs)(b.JM,{className:"flex flex-wrap items-center justify-between lg:flex-nowrap",children:[null===h||void 0===h?void 0:h.map((function(e,l){var i,t;return(0,r.jsxs)(b.R7,{className:(0,a.Z)("relative py-4 text-[15px] font-medium text-typo-1 hover:text-section-1",F((null===e||void 0===e?void 0:e.href)||"/",!0)?"text-section-1":" text-typo-1"),href:(null===e||void 0===e?void 0:e.href)||"#",passHref:!0,target:(0,p.U)((null===e||void 0===e?void 0:e.href)||"#"),disable:(null===e||void 0===e?void 0:e.disable)||"no",children:[null===e||void 0===e?void 0:e.label,(null===e||void 0===e||null===(i=e.children)||void 0===i?void 0:i.length)&&(0,r.jsx)("div",{className:"absolute bottom-[-15px] hidden h-[4px] w-[95%] bg-section-1 group-hover:block"}),(null===e||void 0===e||null===(t=e.children)||void 0===t?void 0:t.length)&&(0,r.jsx)("div",{className:(0,a.Z)("hidden group-hover:block","absolute bottom-0 z-10 translate-y-[100%]",""),children:(0,r.jsxs)("div",{className:"relative mt-[15px] w-64 bg-section-2 p-4 pl-[30px]",children:[(0,r.jsx)("div",{className:"pb-5",children:(0,r.jsx)("h5",{className:"text-[26px] font-extrabold text-typo-3",children:e.label})}),(0,r.jsx)(b.JM,{direction:"vertical",className:"flex-col gap-y-4 border-l-[1px] border-l-secondary-4 pl-5",children:e.children.map((function(e,l){var i=e.href,t=e.label;return(0,r.jsx)(b.R7,{href:i,className:(0,a.Z)("text-[18px] font-medium normal-case text-white hover:text-section-1",F(i)?"text-section-1":" text-white"),target:(0,p.U)(i||"#"),children:t},t+l)}))})]})})]},((null===e||void 0===e?void 0:e.label)||"nav_link")+l)})),(0,r.jsx)("li",{className:"h-[26px] border-l-[2px] border-l-[#C2C2C2]"}),(0,r.jsx)(b.R7,{className:(0,a.Z)("relative py-4 text-[15px] font-medium text-typo-1 hover:text-section-1",F((null===m||void 0===m?void 0:m.href)||"")?"text-section-1":" text-typo-1"),href:(null===m||void 0===m?void 0:m.href)||"#",passHref:!0,target:(0,p.U)((null===m||void 0===m?void 0:m.href)||"#"),children:null===m||void 0===m?void 0:m.label}),(0,r.jsx)("li",{children:(0,r.jsx)(y,{className:"text-typo-1"})}),(0,r.jsx)("li",{children:(0,r.jsx)("ul",{className:"flex gap-x-[10px]",children:(0,r.jsx)(N,{bookItem:k,phoneNumber:W||""})})})]})})]})]}),(0,r.jsxs)(d.E.div,{initial:"static",animate:"show",transition:{duration:1},variants:{static:{y:0},show:{y:0},hide:{y:"-100%"}},className:(0,a.Z)("relative z-[51]",M||null!==S?"bg-white drop-shadow-md":"bg-white"),children:[(0,r.jsx)(w,{topHeaderItem:Z,wrapperClassName:(0,a.Z)("block lg:hidden"),isHide:"hide"===Y()}),(0,r.jsxs)("div",{className:"mx-2 flex items-center justify-between p-3 lg:hidden",children:[(0,r.jsx)("div",{children:(null===c||void 0===c?void 0:c.img)&&(0,r.jsx)(b.oM,{width:120,height:50,href:(null===c||void 0===c?void 0:c.href)||"#",src:(0,f.Z)((null===c||void 0===c||null===(t=c.img)||void 0===t?void 0:t.src)||""),alt:(null===c||void 0===c||null===(n=c.img)||void 0===n?void 0:n.alt)||"",linkClassName:"hover:border-0"})}),(0,r.jsxs)("div",{className:"flex items-center gap-x-4",children:[(0,r.jsx)("ul",{children:(0,r.jsx)(N,{bookItem:k,bookItemClassName:"!px-4 !text-[11px]"})}),(0,r.jsx)("div",{className:"flex-1 text-right",children:(0,r.jsx)("img",{onClick:function(){H((function(e){return!e})),U([])},src:M?"/assets/images/icons/icon-close.svg":"/assets/images/icons/menu.svg",width:20,height:20,alt:"menu",className:"inline-block"})})]})]})]}),(0,r.jsxs)(d.E.div,{initial:{y:"-180%"},animate:{y:M?-1:"-180%"},className:'fixed z-50 h-[calc(100vh-41px)] w-full overflow-y-auto bg-[url("/assets/images/backgrounds/line-black-bg-mobile.svg")] bg-cover bg-no-repeat',transition:{duration:.4},children:[(0,r.jsx)("div",{className:"pt-8",children:(0,r.jsxs)(b.JM,{className:"justify-center gap-x-3 gap-y-4 py-1 text-center",direction:"vertical",children:[null===h||void 0===h?void 0:h.map((function(e,l){var i;return(null===e||void 0===e||null===(i=e.children)||void 0===i?void 0:i.length)?(0,r.jsxs)(s.Fragment,{children:[(0,r.jsxs)("a",{href:"#",className:(0,a.Z)("hover relative text-[18px] font-bold text-white hover:border-0",F((null===e||void 0===e?void 0:e.href)||"/",!0)?"text-section-1":" text-white",(null===R||void 0===R?void 0:R.includes((null===e||void 0===e?void 0:e.label)||"none"))&&"text-section-1"),onClick:function(l){return function(e,l){e.preventDefault();var i=(null===l||void 0===l?void 0:l.label)||"";U((function(e){if(!e.includes(i))return(0,o.Z)(e).concat([i]);var l=e.filter((function(e){return e!==i}));return(0,o.Z)(l)}))}(l,e)},children:[null===e||void 0===e?void 0:e.label,(0,r.jsx)("div",{className:"absolute right-[5%] top-[0%] translate-y-[-5%]",children:(0,r.jsx)(v(),{alt:"arrow",src:"/assets/images/icons/narrow-right-white.svg",width:15,height:28,className:(0,a.Z)("transition-transform",(null===R||void 0===R?void 0:R.includes((null===e||void 0===e?void 0:e.label)||"none"))?"rotate-[180deg]":"")}

1)})]}),R&&R.length&&R.includes((null===e||void 0===e?void 0:e.label)||"none")?(0,r.jsx)(b.JM,{direction:"vertical",className:"gap-y-4 pb-2 text-center",children:e.children.length&&e.children.map((function(l,i){return(0,r.jsx)(b.R7,{className:(0,a.Z)("font-medium",!0===F((null===l||void 0===l?void 0:l.href)||"/")?"text-section-1":"text-typo-8"),href:(null===l||void 0===l?void 0:l.href)||"#",target:(0,p.U)((null===l||void 0===l?void 0:l.href)||"#"),children:null===l||void 0===l?void 0:l.label},"".concat(i,"-").concat(e.label||""))}))}):(0,r.jsx)(r.Fragment,{})]},"side-".concat(null===e||void 0===e?void 0:e.label,"-").concat(l)):(0,r.jsx)(b.R7,{href:(null===e||void 0===e?void 0:e.href)||"/",className:(0,a.Z)("px-2 text-[18px] font-bold text-white hover:text-section-1",F((null===e||void 0===e?void 0:e.href)||"/",!0)?"text-section-1":" text-white"),target:(0,p.U)((null===e||void 0===e?void 0:e.href)||"#"),children:null===e||void 0===e?void 0:e.label},"side-".concat(null===e||void 0===e?void 0:e.label,"-").concat(l))})),g&&(0,r.jsx)(b.R7,{href:g.href||"/#",className:(0,a.Z)("px-2 text-[18px] font-bold text-white hover:text-section-1",F(g.href||"/")?"text-section-1":" text-white"),target:(0,p.U)((null===g||void 0===g?void 0:g.href)||"#"),children:null===g||void 0===g?void 0:g.label}),(0,r.jsx)("li",{children:(0,r.jsx)(y,{className:"flex max-w-full justify-center text-white"})})]})}),(0,r.jsxs)("div",{className:"h-3/4",children:[(0,r.jsx)("ul",{className:"flex w-full gap-x-4 px-4 pt-8",children:(0,r.jsx)(N,{bookItem:k,bookItemWrapperClassName:"flex-1",bookItemClassName:"h-full border-[1px] border-white bg-white py-3 font-bold !text-[15px]",phoneNumber:W||"",phoneNumberWrapperClassName:"flex-1",phoneNumberClassName:"py-3 text-typo-7"})}),(0,r.jsx)(b.JM,{className:"flex flex-row flex-wrap justify-between gap-y-4 px-2 pt-8",children:(null===C||void 0===C?void 0:C.length)&&C.map((function(e,l){return(0,r.jsx)(b.R7,{wrapperClassName:"w-[32%] text-center",className:"text-white",href:(null===e||void 0===e?void 0:e.href)||"#",target:(0,p.U)((null===e||void 0===e?void 0:e.href)||"#"),children:null===e||void 0===e?void 0:e.label},"".concat(l,"-mobile-header-nav"))}))}),(0,r.jsx)("div",{className:"flex items-center justify-center gap-3 pt-8 text-primary-2",children:null===I||void 0===I?void 0:I.map((function(e,l){return(0,r.jsx)(j,{href:null===e||void 0===e?void 0:e.href,src:(0,f.Z)((null===e||void 0===e?void 0:e.icon)||"")},"".concat(l,"-header-social-item"))}))})]})]})]})}))}}]);