https://www.mweb.co.za/newdawn/_next/static/chunks/2158-44ecbe62bd5ce45d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2158],{6996:e=>{e.exports={mainLink:"MainNav_mainLink__nwvP5",button:"MainNav_button__tHm7u",label:"MainNav_label__LVkib",dropdown:"MainNav_dropdown__qO_iI","open-dropdown-item":"MainNav_open-dropdown-item__FBvFO",dropdownMenu:"MainNav_dropdownMenu__6uzb5",h2:"MainNav_h2__x_uEz",burger:"MainNav_burger__sZUEL",close:"MainNav_close__K_odX",dropdowns:"MainNav_dropdowns__Qsvpu",mobileDropdowns:"MainNav_mobileDropdowns__2uW09",navbar:"MainNav_navbar__1DRq7",container:"MainNav_container__peIJ4",logo:"MainNav_logo__cc_vO",img:"MainNav_img__s2Gls",cart:"MainNav_cart__LjFbI",dropdownsOpen:"MainNav_dropdownsOpen__F3LzY",checkbox:"MainNav_checkbox__kj2zG",mobileDropdownsOpen:"MainNav_mobileDropdownsOpen__Bj1T6",mobileContent:"MainNav_mobileContent__J78cV",buttonMobile:"MainNav_buttonMobile__Ou5o6"}},12158:(e,t,l)=>{"use strict";l.d(t,{default:()=>j});var a=l(95155),n=l(12115),i=l(15239),o=l(52619),r=l.n(o),s=l(20063);let c=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],[t,l]=(0,n.useState)(e);return[t,(0,n.useCallback)(()=>l(e=>!e),[])]};var d=l(6996),u=l.n(d),x=l(16893),v=l(89300);function p(e){let{navItem:t}=e,{isLoggedIn:l,loginNavData:i,logOut:o}

1=(0,v.A)(),[s,c]=(0,n.useState)(!1),[d,u]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{u(!0)},[]),(0,a.jsxs)(n.Fragment,{children:[!l&&(0,a.jsx)(()=>{var e,l;return(0,a.jsx)(r(),{href:null!=(e=null==t?void 0:t.targetUrl)?e:"/user-login",className:"text-link-sm text-darkBlue-100 no-underline hover:no-underline ".concat(null==t?void 0:t.analyticsId),"data-testid":null==t?void 0:t.analyticsId,children:null!=(l=null==t?void 0:t.title)?l:"Log In"})},{}),l&&(0,a.jsx)(()=>{let e=i();return(0,a.jsxs)("div",{children:[(0,a.jsxs)("button",{className:"text-link-sm text-darkBlue-100 no-underline hover:no-underline flex items-center gap-x-2",onClick:()=>c(e=>!e),children:[(0,a.jsxs)("p",{children:["Hi ",null==e?void 0:e.userProfile.firstName," ",null==e?void 0:e.userProfile.lastName]}),(0,a.jsx)(x.default,{variant:"functional",iconType:"".concat(s?"chevron-up":"chevron-down"),size:20,color:"text-white"})]}),s&&(0,a.jsxs)("div",{className:"pt-1 flex flex-col space-y-2",children:[(0,a.jsx)(r(),{href:d?"".concat("https://my.mweb.co.za","/my-service-accounts"):"/customer/my-products",className:"text-darkBlue-100 text-link-xs",children:d?"My Service Accounts":"My products"}),(0,a.jsx)(r(),{href:d?"".concat("https://my.mweb.co.za","/track-my-order"):"/customer/track-my-order",className:"text-darkBlue-100 text-link-xs",children:d?"My Orders":"Orders"}),(0,a.jsxs)("button",{className:"flex items-center gap-x-4",onClick:()=>{o()},children:[(0,a.jsx)("p",{className:"text-darkBlue-100 text-link-xs",children:"Log Out"}),(0,a.jsx)(x.default,{variant:"functional",iconType:"logOut",size:16,color:"text-white"})]})]})]})},{})]})}let m=(e,t)=>

1{(null==e?void 0:e.externalLink)?window.open((null==e?void 0:e.targetUrl)?e.targetUrl:"#","_blank","noreferrer"):t.push((null==e?void 0:e.targetUrl)?e.targetUrl:"#")},h=e=>{var t;let l=(0,s.useRouter)(),{openMenu:n,mainNavContent:i,updateMenu:o,topNavContent:c}=e;return(0,a.jsxs)("div",{className:"".concat(n?"".concat(u().mobileDropdownsOpen," bg-darkBlue-900  px-4"):""," ").concat(u().mobileDropdowns," flex flex-col gap-y-8"),children:[(0,a.jsx)("div",{className:"flex flex-col gap-y-6",children:null==i?void 0:i.map(e=>(0,a.jsxs)("div",{id:e.title,className:u().dropdown,onClick:()=>(function(e){let t=document.getElementById(e);null==t||t.classList.toggle("open-dropdown-item")})(e.title),children:[(0,a.jsx)("input",{type:"checkbox",id:e.analyticsId,className:u().checkbox}),e.categories.length>0?(0,a.jsxs)("label",{htmlFor:e.analyticsId,className:"".concat(u().label," text-para-base-semi ").concat(e.analyticsId),children:[e.title,(0,a.jsx)("div",{className:"relative",children:(0,a.jsx)(x.default,{variant:"functional",iconType:"chevron-down",size:20,color:"text-white"})})]}):(0,a.jsx)(r(),{href:e.targetUrl?e.targetUrl:"#",className:"".concat(u().label," ").concat(e.analyticsId),"data-testid":e.anal

1yticsId,onClick:t=>{null==t||t.preventDefault(),(null==e?void 0:e.targetUrl)!==""&&(o(!n),m(e,l))},children:e.title},e.title),e.categories.length>0?(0,a.jsx)("div",{className:"".concat(u().mobileContent," flex flex-col space-y-4"),children:e.categories.map(t=>(0,a.jsx)(r(),{href:"",className:"".concat(u().buttonMobile," text-para-baseSmallSemi text-darkBlue-100 ").concat(e.analyticsId),"data-testid":t.analyticsId,onClick:e=>{null==e||e.preventDefault(),(null==t?void 0:t.targetUrl)!==""&&(o(!n),m(t,l))},children:t.title},t.title))}):null]},e.title))}),(0,a.jsx)("div",{className:"flex w-full border-solid border-[1px] border-darkBlue-200 opacity-[25%] "}),(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(p,{navItem:null==c?void 0:c.find(e=>{var t;return null==(t=e.analyticsId)?void 0:t.includes("top-nav-login")})}),null==c||null==(t=c.filter(e=>{var t;return!(null==(t=e.analyticsId)?void 0:t.includes("top-nav-login"))}))?void 0:t.map(e=>(0,a.jsxs)(r(),{href:e.targetUrl?e.targetUrl:"#",className:"text-link-sm text-darkBlue-100 no-underline hover:no-underline ".concat(e.analyticsId),"data-testid":e.anal

1yticsId,onClick:t=>{null==t||t.preventDefault(),(null==e?void 0:e.targetUrl)&&(m(e,l),o(!n))},children:[e.title,e.categories.length>0&&e.categories.map(t=>(0,a.jsx)(r(),{href:"",className:"".concat(e.analyticsId),"data-testid":t.analyticsId,onClick:e=>{null==e||e.preventDefault(),(null==t?void 0:t.targetUrl)&&(m(t,l),o(!n))},children:t.title},t.title))]},e.title))]})]})},g=e=>{let t=(0,s.useRouter)(),{openMenu:l,mainNavContent:n}=e;return(0,a.jsx)("div",{className:"".concat(l?u().dropdownsOpen:""," ").concat(u().dropdowns),children:null==n?void 0:n.map((e,l)=>(0,a.jsxs)("div",{className:"".concat(u().dropdown," "),children:[(0,a.jsxs)(r(),{href:e.targetUrl?e.targetUrl:"#",className:"".concat(u().mainLink,"  py-[20px] lg:py-[22px] lg:text-para-base-semi text-white hover:text-darkBlue-100 ").concat(e.analyticsId," ").concat(l===(null==n?void 0:n.length)-1?"mr-0":"mr-8"),"data-testid":e.analyticsId,onClick:l=>{null==l||l.preventDefault(),(null==e?void 0:e.targetUrl)!==""&&m(e,t)},children:[(0,a.jsx)("span",{children:e.title}),e.categories.length>0&&(0,a.jsx)("div",{className:"relative p-1",children:(0,a.jsx)(x.default,{variant:"functional",iconType:"chevron-down",size:20,color:"text-white"})})]}),e.categories&&e.categories.length>0?(0,a.jsx)("div",{className:"".concat(u().dropdownMenu," rounded-2xl bg-blueGray-25"),children:e.categories.map(l=>!l.mobileOnly&&(0,a.jsx)(r(),{href:l.targetUrl?l.targetUrl:"#",className:"whitespace-nowrap w-full block text-darkBlue-900 text-para-baseSmallSemi p-4 bg-transparent hover:bg-white hover:rounded-lg ".concat(e.analyticsId),"data-testid":l.analyticsId,onClick:e=>{null==e||e.preventDefault(),(null==l?void 0:l.targetUrl)!==""&&m(l,t)},children:l.title},l.title))}):null]},e.title))})},_=e=>{let{mainNavContent:t,topNavContent:l}=e,[n,o]=c();return(0,a.jsx)("nav",{className:"".concat(u().navbar," w-full lg:max-w-[1366px] justify-between "),children:(0,a.jsxs)("div",{className:"".concat(u().container," "),children:[(0,a.jsx)(r(),{href:"/",className:"".concat(u().logo," my-[20px] md:my-[22px]"),children:(0,a.jsx)(i.default,{src:"".concat("https://www.mweb.co.za/media/images","/mweb-logo-2020-white.png"),fill:!0,sizes:"(max-width: 768px) 91.333px, 137px",alt:"Mweb logo",priority:!0})}),(0,a.jsx)("button",{onClick:o,className:"".concat(n?u().close:""," ").concat(u().burger),id:"mobile-menu-toggle","aria-label":"Mobile Menu Toggle",children:n?(0,a.jsx)(x.default,{variant:"functional",iconType:"multiply",size:24,color:"text-white"}):(0,a.jsx)(x.default,{variant:"functional",iconType:"menu",size:24,color:"text-white"})}),(0,a.jsx)(h,{openMenu:n,mainNavContent:null==t?void 0:t.categories,updateMenu:o,topNavContent:l}),(0,a.jsx)(g,{openMenu:n,mainNavContent:null==t?void 0:t.categories})]})})};var b=l(77962),f=l(87063),N=l(32453);function j(e){let{mainNav:t,topNav:l}=e;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(f.A,{sectionId:"topNav",bgColor:"bg-white",children:(0,a.jsx)(b.default,{topNavContent:l})}),(0,a.jsx)(f.A,{sectionId:"nav",bgColor:"bg-darkBlue-900",children:(0,a.jsx)(_,{mainNavContent:t,topNavContent:l})}),(0,a.jsx)(N.default,{data:t})]})}}}]);