https://www.usg.com/_next/static/chunks/4415.92bbd9ead904bb36.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4415],{84415:(e,n,t)=>{t.r(n),t.d(n,{MobileHeader:()=>ei});var i=t(51851),l=t(14041),r=t(54936);t(52846);var a=t(31612);t(23065);var s=t(28840),d=t(45338),o=t(97819),x=t(83624),c=t(8032),h=t(81148),p=t(26293),u=t(71415);let y=e=>({rightArrowIcon:{fontSize:"20px",color:e.palette.action.active},navCategoryTitle:{fontWeight:600,textTransform:"uppercase",color:e.palette.text.primary,mb:"32px"},navLink:{color:e.palette.text.primary,textDecoration:"none",width:"100%",alignItems:"center",display:"flex",justifyContent:"space-between",padding:"8px 0px"},slideInMenu:{position:"fixed",background:e.palette.background.paper,top:"64px",left:0,bottom:0,right:0,zIndex:1,padding:"0px",overflow:"auto",display:"flex",flexDirection:"column"},menuContainer:{py:{xs:e.spacing(3),sm:e.spacing(4)},display:"flex",flexDirection:"column",gap:"16px",border:"none"},menuListItem:{p:"8px 16px",[`&:dir(rtl) .${u.A.root}`]:{transform:"rotate(180deg)"}},menuItemLabel:{flexGrow:1,display:"flex"},menuItemWrapper:{display:"flex",cursor:"pointer",flexGrow:1,alignItems:"center"},secondaryNavListTitle:{display:"flex",fontWeight:700,color:e.palette.text.primary,p:"12px 0px"},secondaryNavListMoreInfo:{color:e.palette.primary.main,padding:"8px 0px"}});var f=t(69628),m=t(84407),b=t(76525),j=t(5833),g=t(40317),k=t(29976),A=t(63866);let v=({groupTitleRef:e,groupLinks:n,moreInfoRef:t,handleDrawerClose:i,dataCy:l})=>{let r=(0,g.default)(),a=y(r),s=e?.label?.toUpperCase(),d=s&&b.un.GROUP_TITLES[s]?.MAX_ROWS||b.un.MAX_DEFAULT_ROWS,o=()=>setTimeout(i,100),x={prefetch:!1,isStyledLink:!1,underline:"none"};return(0,j.jsxs)(k.default,{sx:{display:"flex",flexDirection:"column"},children:[(0,j.jsx)(A.WebLink,{reference:e??void 0,variant:"body2boldDense",sx:a.secondaryNavListTitle,dataCy:`${l}-nav-secondary-title`,onClick:()=>{e?.onClick?.(),o()},...x,children:e?.label}),t?.label&&(0,j.jsx)(A.WebLink,{reference:t,variant:"body2dense",sx:a.secondaryNavListMoreInfo,dataCy:`${l}-nav-secondary-title`,onClick:o,...x,children:t.label}),n?.slice(0,d).map((e,n)=>(0,j.jsx)(A.WebLink,{reference:e,variant:"body2dense",color:r.palette.secondary.main,sx:a.navLink,dataCy:`${l}-nav-secondary-link`,onClick:o,...x,children:e.label},`${e.id}-${n}`))]})},w=({flyOutMenu:e,quickLinks:n,currentRouterPath:t,handleDrawerClose:i,dataCy:l})=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(k.default,{sx:{display:"flex",flexDirection:"column",py:2,px:{xs:2,sm:4}},children:e?.map((e,n)=>(0,j.jsx)(k.default,{"data-cy":`${l}-nav-secondary`,children:(0,j.jsx)(v,{currentRouterPath:t,handleDrawerClose:i,dataCy:l,...e})},`${e.id}-${n}`))}),n&&(0,j.jsx)(m.A,{...n,handleDrawerClose:i})]});var C=t(36925),I=t(1509),L=t(11837),T=t(72781),S=t(29476),$=t(94433),P=t(27938);let W=({selectedNavId:e,navigationLinks:n,currentRouterPath:t,handleDrawerClose:i,onMenuItemClick:l})=>{let r=(0,g.default)(),a=(0,C.useRef)(null),s=y(r);return(0,j.jsx)(I.default,{ref:a,"data-cy":"mobile-header",sx:{display:"flex",flex:1,flexDirection:"column"},children:(0,j.jsx)(S.A,{sx:s.menuContainer,children:n?.map((n,d)=>{let{id:o,label:x}=n;if((0,f.P)(n))return(0,j.jsx)(T.Ay,{sx:s.menuListItem,disablePadding:!0,children:(0,j.jsx)(A.WebLink,{reference:n,prefetch:!1,variant:"body2dense",isStyledLink:!1,underline:"none",sx:{...s.menuItemWrapper,"&.MuiLink-root":{color:r.palette.text.primary}},onClick:i,dataCy:`mobile-header-primary-nav-${d}`,children:(0,j.jsx)(L.default,{variant:"body2dense",sx:s.menuItemLabel,children:x})})},`${o}-${d}`);let{flyOutMenu:c,quickLinks:h}=n;return(0,j.jsxs)(T.Ay,{sx:s.menuListItem,disablePadding:!0,children:[(0,j.jsxs)(k.default,{sx:s.menuItemWrapper,onClick:()=>l({id:o,title:x}),children:[(0,j.jsx)(L.default,{variant:"body2dense",sx:s.menuItemLabel,"data-cy":`mobile-header-primary-nav-${d}`,children:x}),(0,j.jsx)(P.A,{sx:s.rightArrowIcon})]}),(0,j.jsx)($.A,{direction:"right",in:e===o,container:a.current,onClick:e=>e.stopPropagation(),"data-cy":`mobile-header-menu-slidein-${d}`,children:(0,j.jsx)(k.default,{sx:{...s.slideInMenu},children:(0,j.jsx)(w,{flyOutMenu:c,quickLinks:h,currentRouterPath:t,handleDrawerClose:i,dataCy:"mobile-header-secondary-nav"})})})]},`${o}-${d}`)}

1)})})};var D=t(80531),M=t(19845),N=t(95350),H=t(4695),R=t(15865),_=t(4705),z=t(19776),E=t(95871),B=t(70977),G=t(9658),U=t(82667),Z=t(11461),F=t(70821),O=t(68601);let V={id:"",title:""},J=({closeDrawer:e,locale:n,DynamicMobileDrawerFooter:t})=>{let{navigationLinks:i,onClickLogo:r,whereToBuyLocale:s,countryLanguageOptions:d,userRoles:u,authEnabled:f}=(0,l.Ls)(),{data:m,isPending:b}=(0,N.wV)(),v=!0===f&&(b||!!m),{t:w}=(0,M.useTranslation)("shared-nextjs",{keyPrefix:"utility-nav"}),{t:J}=(0,M.useTranslation)("shared-nextjs",{keyPrefix:"common"}),X=y((0,g.default)()),q=(0,C.useRef)(null),K=(0,D.usePathname)(),{path:Q}=(0,o.m)(K),[Y,ee]=(0,C.useState)(V),[en,et]=(0,C.useState)(null),ei=(0,R.useVariant)("usg-utility-nav-country-language-picker"),el=(0,h.JJ)((0,c.k)(d,n),(0,h.aZ)(ei?.payload?.value)),{selectedLocale:er,onCountryLanguageClick:ea}=(0,p.P)(el),es=el.find(e=>e.locale===er);(0,C.useEffect)(()=>{let e=i&&(0,x.vg)(i,Q);ee({id:e?.id?`${e.id}`:"",title:e?.label??""})},[i,Q]);let ed=e=>{ee(n=>({...n,...e}))},eo=[["architect",w("role-architect")],["contractor",w("role-contractor")],["distributor",w("role-distributor")],["jobSeeker",w("role-job-seeker")]];return(0,j.jsxs)(Z.A,{sx:{flex:1,minHeight:0},children:[(0,j.jsx)(_.A,{color:"inherit",elevation:0,sx:{borderBottom:e=>`1px solid ${e.palette.divider}`},children:(0,j.jsxs)(z.A,{component:I.default,sx:{gap:2,alignItems:"center"},children:[Y.title||en?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(H.A,{onClick:()=>{ed(V),et(null)},size:"medium",sx:{color:"text.secondary"},"data-cy":"menu-back-button",children:(0,j.jsx)(O.A,{})}),(0,j.jsx)(L.default,{variant:"body2bold",sx:{flex:1,textAlign:"center"},children:Y.title||("country"===en?es?.label:w("browse-by-role-label"))})]}):(0,j.jsx)(a.Z,{onClickLogo:()=>{r?.(),e()}}),(0,j.jsx)(H.A,{sx:{color:"text.secondary"},onClick:e,size:"medium","data-cy":"menu-close-button",children:(0,j.jsx)(U.A,{})})]})}),(0,j.jsx)(z.A,{}),(0,j.jsxs)(k.default,{ref:q,sx:{flex:1,minHeight:0,overflow:"auto",display:"flex",flexDirection:"column"},children:[i&&(0,j.jsx)(W,{selectedNavId:Y.id,navigationLinks:i,handleDrawerClose:e,onMenuItemClick:ed,currentRouterPath:Q}),(0,j.jsx)($.A,{direction:"right",in:"country"===en,container:q.current,"data-cy":"mobile-header-country-slidein",children:(0,j.jsx)(k.default,{sx:X.slideInMenu,children:(0,j.jsx)(S.A,{sx:{px:2},children:el.map(e=>(0,j.jsx)(T.Ay,{disablePadding:!0,sx:{minHeight:48},children:(0,j.jsx)(A.WebLink,{reference:e,prefetch:!1,color:"text.secondary",typography:"body2dense",onClick:n=>ea(n,e.href),sx:{py:1.5,width:"100%"},children:e.label})},e.locale))})})}),(0,j.jsx)($.A,{direction:"right",in:"role"===en,container:q.current,"data-cy":"mobile-header-role-slidein",children:(0,j.jsx)(k.default,{sx:X.slideInMenu,children:(0,j.jsx)(S.A,{sx:{px:2},children:eo.map(([n,t])=>(0,j.jsx)(T.Ay,{disablePadding:!0,sx:{minHeight:48},children:(0,j.jsx)(A.WebLink,{reference:{href:u?.[n]??"#",label:t},color:"text.secondary",typography:"body2dense",onClick:e,sx:{py:1.5,width:"100%"},children:t})},n))})})})]}),!Y.title&&!en&&!1!==f&&(0,j.jsxs)(S.A,{sx:{flexShrink:0,px:2,pb:1},children:[(0,j.jsx)(F.A,{}),(0,j.jsx)(T.Ay,{disablePadding:!0,sx:{minHeight:48},children:(0,j.jsxs)(A.WebLink,{reference:{href:s?.href??"#",label:J("headerCTAButton")},color:"text.secondary",onClick:e,sx:{display:"flex",alignItems:"center",width:"100%",py:1.5,typography:"body3dense","&:hover":{textDecoration:"none"}},children:[(0,j.jsx)(k.default,{sx:{display:"flex",alignItems:"center",width:36,flexShrink:0},children:(0,j.jsx)(B.A,{sx:{width:20,height:20}})}),(0,j.jsx)(k.default,{component:"span",sx:{flex:1},children:J("headerCTAButton")})]})}),!v&&(0,j.jsx)(T.Ay,{disablePadding:!0,sx:{minHeight:48},children:(0,j.jsxs)(k.default,{component:"button",type:"button",onClick:()=>et("country"),sx:{display:"flex",alignItems:"center",width:"100%",px:0,py:1.5,border:0,background:"none",color:"text.secondary",textAlign:"left",typography:"body3dense"},children:[(0,j.jsx)(k.default,{sx:{display:"flex",alignItems:"center",width:36,flexShrink:0},children:(0,j.jsx)(E.A,{sx:{width:20,height:20}})}),(0,j.jsx)(k.default,{component:"span",sx:{flex:1},children:es?.label??n}),(0,j.jsx)(P.A,{sx:{width:20,height:20}})]})}),!v&&(0,j.jsx)(T.Ay,{disablePadding:!0,sx:{minHeight:48},children:(0,j.jsxs)(k.default,{component:"button",type:"button",onClick:()=>et("role"),sx:{display:"flex",alignItems:"center",width:"100%",px:0,py:1.5,border:0,background:"none",color:"text.secondary",textAlign:"left",typography:"body3dense"},children:[(0,j.jsx)(k.default,{sx:{display:"flex",alignItems:"center",width:36,flexShrink:0},children:(0,j.jsx)(G.A,{sx:{width:20,height:20}})}),(0,j.jsx)(k.default,{component:"span",sx:{flex:1},children:w("browse-by-role-label")}),(0,j.jsx)(P.A,{sx:{width:20,height:20}})]})})]}),t&&(0,j.jsx)(t,{})]})};var X=t(69937),q=t(3440),K=t(99926),Q=t(59054),Y=t(43161),ee=t(32650),en=t(61778),et=t(58985);let ei=({AuthComponent:e,SearchFlyout:n,DynamicMobileAuthComponents:t,DynamicMobileDrawerFooter:o})=>{let{t:x}=(0,M.useTranslation)("shared-nextjs",{keyPrefix:"common"}),c=(0,g.default)(),{isNavFlyoutOpen:h,setNavFlyoutOpen:p,slotProps:u,onClickLogo:y,navigationLinks:f,whereToBuyLocale:m,authEnabled:b}

1=(0,l.Ls)(),{AppBarProps:A}=u??{},{sx:v,...w}=A??{},C=(0,Q.Z)(),{theme:L}=(0,ee.getThemeByTenantAndLocale)(X.TENANTS.USG,C||"en-US"),T=c?.tenant===X.TENANTS.USG?c:L,S=(0,K.A)(T.breakpoints.down("sm")),$=()=>p(!1);return(0,j.jsxs)(q.default,{theme:T,children:[(0,j.jsx)(s.A,{navigationLinks:f}),(0,j.jsxs)(_.A,{color:"inherit",elevation:0,sx:(0,i.o)({borderBottom:`1px solid ${T.palette.divider}`,bgcolor:"background.paper",position:"sticky"},v),"data-cy":"mobile-header",...w,children:[(0,j.jsxs)(z.A,{disableGutters:!0,sx:{display:"flex",flexDirection:"column"},children:[(0,j.jsx)(k.default,{sx:{display:!1===b?"block":{xs:"none",md:"block"},width:"100%"},children:(0,j.jsx)(r.c,{locale:C})}),(0,j.jsxs)(I.default,{sx:{display:"flex",gap:{xs:1.5,sm:2},minHeight:!0===b?{xs:"64px",md:"auto"}:void 0},children:[(0,j.jsx)(H.A,{color:"primary","aria-label":"menu","aria-haspopup":!0,onClick:()=>p(!0),"data-cy":"open-mobile-drawer",disableRipple:!0,disableTouchRipple:!0,sx:{"&:hover, &:focus, &:focus-visible, &.Mui-focusVisible":{backgroundColor:"transparent"}},children:(0,j.jsx)(en.A,{})}),(0,j.jsxs)(a.Z,{onClickLogo:y,locale:C,children:[(0,j.jsx)(d.M,{}),!1===b&&m?.href&&(0,j.jsx)(Y.A,{variant:"contained",color:"primary",size:"extra-small","data-cy":"mobile-header-where-to-buy-button",href:m.href,sx:{whiteSpace:"nowrap",padding:"6px 8px 5px"},children:x("headerCTAButton")}),!S&&e,t&&(0,j.jsx)(t,{compact:!0})]})]})]}),n,(0,j.jsx)(et.Ay,{variant:"temporary",anchor:"left",open:h,onClose:$,"data-cy":"header-drawer-container",sx:{zIndex:c.zIndex.drawer+10},slotProps:{paper:{elevation:0,sx:{width:"100%",height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"}}},children:(0,j.jsx)(J,{closeDrawer:$,locale:C,DynamicMobileDrawerFooter:o})})]})]})}}}]);
2//# sourceMappingURL=4415.92bbd9ead904bb36.js.map