(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9502],{25847:(e,t,a)=>{"use strict";a.d(t,{A:()=>n});let n=function(e){let t,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{isImmediate:!1};return function(){for(var r=arguments.length,i=Array(r),o=0;o<r;o++)i[o]=arguments[o];let d=n.isImmediate&&void 0===t;void 0!==t&&clearTimeout(t),t=setTimeout(()=>{t=void 0,n.isImmediate||e(...i)},a),d&&e(...i)}}},35652:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/brands",function(){return a(36624)}])},36624:(e,t,a)=>{"use strict";a.r(t),a.d(t,{__N_SSG:()=>H,default:()=>P});var n=a(29747),r=a(14232),i=a(54943),o=a(9109),d=a(14579),l=a(51263),s=a(47578),c=a(10983),p=a(20735),u=a(73018),h=a(61274),L=a(87114),E=a(79478),g=a(56599),m=a(57532),_=a(63276),I=a(44364),T=a(63381),b=a(36384);let S={brandsList:{marginBottom:T.E.SIZE_60},breadCrumbs:{marginBottom:T.E.SIZE_40,[_.MQ.L]:{marginBottom:T.E.SIZE_50}},h1:{fontSize:10},header:[b.Il.primaryHeadline,{marginBottom:T.E.SIZE_20}],pageHeader:{[_.MQ.L]:{marginTop:T.E.SIZE_70}},root:{backgroundColor:I.l.GLOBAL.WHITE},search:{marginBottom:T.E.SIZE_40,display:"flex",alignItems:"center",position:"relative"},searchIcon:{display:"inline-block",position:"absolute",right:T.E.SIZE_20},searchInput:{width:"100%"}};var M=a(86089);async function f(){return await (0,M.q$)({endpoint:"/brands",includeUserSSOUid:!0,method:"get"})}var A=a(36307);let O=(0,A.q6)();function v(e){let{children:t,value:a}=e,i=function(e){let[t,a]=(0,r.useState)(e),n=async()=>{let e=await f();e.isSuccess&&a({serverData:{allBrands:e.data.allBrands,popularBrands:e.data.popularBrands}})};return(0,r.useEffect)(()=>{n()},[]),t}(a);return(0,n.Y)(O.Provider,{value:i,"data-element":"unknown","data-component":"BrandHubPageDataContextProvider",children:t})}let w=(e,t)=>(0,A.i7)(O,e,t),B=function(){let{allBrands:e,popularBrands:t}=w(e=>({allBrands:e.serverData.allBrands,popularBrands:e.serverData.popularBrands})),a=(0,g.j)([{type:E.bw.HOME},{type:E.bw.BRAND_LANDING}]),_=(0,m.ui)("seoPage.brandHubPage.header"),I=(0,m.ui)("seoPage.brandHubPage.subHeader"),[T,b]=(0,r.useState)(""),[M,f]=(0,r.useState)([]),A=(e,t)=>t?e.filter(e=>e.title.toLowerCase().startsWith(t.toLowerCase().trim().replaceAll("\\s+"," "))):[],O={title:(0,m.ui)("meta.brands.brandsHub.title"),description:(0,m.ui)("meta.brands.brandsHub.description")};return(0,n.FD)("div",{css:[L.ib],"data-component":"BrandHubPage",children:[(0,n.Y)(h.default,{...O,"data-element":"Meta"}),(0,n.Y)(d.default,{"data-element":"Grid",children:(0,n.FD)(l.default,{gridColumn:"2/6",gridColumnM:"2/8",gridColumnL:"2/14",gridColumnXL:"4/12","data-element":"GridItem",children:[(0,n.Y)("div",{css:S.breadCrumbs,children:(0,n.Y)(i.default,{navigationItems:a,"data-element":"BreadcrumbsComponent"})}),(0,n.Y)("div",{children:(0,n.Y)(s.default,{title:_,subTitle:I,"data-element":"HeaderLandingPage"})}),(0,n.FD)("div",{css:S.search,children:[(0,n.Y)("div",{css:S.searchInput,children:(0,n.Y)(u.A,{label:(0,m.ui)("seoPage.brandHubPage.searchInputPlaceholder"),onChange:t=>{b(t),f(A(e,t))},value:T,"data-element":"Input"})}),(0,n.Y)("div",{css:S.searchIcon,children:(0,n.Y)(c.default,{name:p.Ze.SEARCH,"data-element":"Icon"})})]})]})}),""!==T&&M&&M.length>0&&(0,n.Y)(o.i,{dataItems:M,itemCustomStyle:S.brandsList}),""===T&&t&&t.length>0&&(0,n.FD)("div",{children:[(0,n.Y)(d.default,{children:(0,n.Y)(l.default,{gridColumn:"2/6",gridColumnM:"2/8",gridColumnL:"2/14",gridColumnXL:"4/12",children:(0,n.Y)("h1",{css:S.header,children:(0,m.ui)("seoPage.brandHubPage.popularBrandsHeaderCopy")})})}),(0,n.Y)(o.i,{dataItems:t,itemCustomStyle:S.brandsList})]}),""===T&&e&&e.length>0&&(0,n.FD)("div",{children:[(0,n.Y)(d.default,{children:(0,n.Y)(l.default,{gridColumn:"2/6",gridColumnM:"2/8",gridColumnL:"2/14",gridColumnXL:"4/12",children:(0,n.Y)("h1",{css:S.header,children:(0,m.ui)("seoPage.brandHubPage.allBrandsHeaderCopy")})})}),(0,n.Y)(o.i,{dataItems:e,itemCustomStyle:S.brandsList})]})]})},C=function(e){return(0,n.Y)(v,{value:e,"data-element":"BrandHubPageDataContextProvider","data-component":"BrandHubPageContainer",children:(0,n.Y)(B,{"data-element":"BrandHubPage"})})};var H=!0;let P=function(e){return(0,n.Y)(C,{...e,"data-element":"BrandHubPageContainer","data-component":"Brands"})}},43704:(e,t,a)=>{"use strict";a.d(t,{_:()=>i});var n=a(63276);let r=Object.entries(n.LO);function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=n.dj.S;return r.forEach(a=>{let[n,r]=a;e>=r&&(t=n)}),t}},61430:(e,t,a)=>{"use strict";a.d(t,{A:()=>d});var n=a(14232),r=a(69637),i=a(63276),o=a(43704);function d(){let e=(0,r.A)(),[t,a]=(0,n.useState)((0,o._)(e.width));return(0,n.useEffect)(()=>{a((0,o._)(e.width))},[e.width]),{bk:t,greaterThan:{S:i.LO[t]>i.LO[i.dj.S],M:i.LO[t]>i.LO[i.dj.M],L:i.LO[t]>i.LO[i.dj.L],XL:i.LO[t]>i.LO[i.dj.XL]},is:{S:t===i.dj.S,M:t===i.dj.M,L:t===i.dj.L,XL:t===i.dj.XL},isMobile:t===i.dj.S,isMobileOrTablet:t===i.dj.S||t===i.dj.M,isTablet:t===i.dj.M,isTabletOrDesktop:t===i.dj.M||i.LO[t]>i.LO[i.dj.M],lessThan:{M:i.LO[t]<i.LO[i.dj.M],L:i.LO[t]<i.LO[i.dj.L],XL:i.LO[t]<i.LO[i.dj.XL]},windowHeight:e.height,windowWidth:e.width}}},63963:(e,t,a)=>{"use strict";a.d(t,{Ik:()=>r,MJ:()=>i,ib:()=>n});let n="main-navigation",r=22,i={S:65,M:90,L:110,XL:110}},69637:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var n=a(14232),r=a(84859),i=a(46605),o=a(64590),d=a(54292),l=a(25847);let s={[o.y.DESKTOP]:{width:1350,height:940},[o.y.TABLET]:{width:800,height:600},[o.y.MOBILE]:{width:412,height:660}};function c(){let e=function(){let[e,t]=(0,n.useReducer)(e=>e+1,0);return t}(),t=(0,d.o)(),a=(0,r._)(e=>{var t;return null!==(t=e.userAgentType)&&void 0!==t?t:o.y.MOBILE}),c=t?{height:window.innerHeight,width:window.innerWidth}:s[a];return(0,n.useEffect)(()=>{if(!t)return;let a=(0,l.A)(e,i.E.MS300,{isImmediate:!1});return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[t,e]),c}},73018:(e,t,a)=>{"use strict";a.d(t,{A:()=>_});var n=a(29747),r=a(14232),i=a(18079),o=a(63276),d=a(44364),l=a(32586),s=a(63381),c=a(46605),p=a(96861),u=a(36384);let h={INPUT_BOTTOM_PADDING:16,INPUT_HEIGHT:70,LABEL_SCALE_TRANSFORM:.8,LABEL_WIDTH_TRANSFORM:1.25,TEXT_AREA_HEIGHT:200},L={container:{"&:hover":{backgroundColor:d.l.LIGHT.GRAY_20},alignItems:"flex-end",backgroundColor:d.l.LIGHT.GRAY_10,border:i.s.SOLID_TRANSPARENT_2PX,borderRadius:l.Z.RADIUS_15,color:d.l.LIGHT.GRAY_70,display:"flex",fontSize:"1.6rem",height:h.INPUT_HEIGHT,position:"relative",transition:"background-color ".concat(c.E.MS100,"ms ease, border-color ").concat(c.E.MS100,"ms ease")},disabled:{"&:hover":{backgroundColor:d.l.LIGHT.GRAY_10},color:d.l.LIGHT.GRAY_20},hasPrefix:{padding:"".concat(s.E.SIZE_30,"px ").concat(s.E.SIZE_20,"px ").concat(h.INPUT_BOTTOM_PADDING,"px 0px")},helpText:[u.Il.smallCopyTight,{bottom:0,color:d.l.LIGHT.GRAY_70,left:s.E.SIZE_20,paddingTop:s.E.SIZE_05,position:"absolute",transform:"translate3D(0, 100%, 0)"}],input:[p.Yv,{"&::placeholder":{color:d.l.LIGHT.GRAY_70,opacity:0,transition:"opacity ".concat(c.E.MS100,"ms ease")},":focus::placeholder":{opacity:1,transition:"opacity ".concat(c.E.MS100,"ms ease")},backgroundColor:"transparent",border:0,color:d.l.GLOBAL.BLACK,height:"100%",overflow:"hidden",padding:"".concat(s.E.SIZE_30,"px ").concat(s.E.SIZE_20,"px ").concat(h.INPUT_BOTTOM_PADDING,"px"),textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%"}],inputContainer:{display:"flex",width:"100%"},inputDisabled:{color:d.l.GLOBAL.GRAY_60,opacity:.7},label:{left:s.E.SIZE_20,marginRight:s.E.SIZE_20,maxWidth:"calc(100% - (".concat(s.E.SIZE_20,"px + ").concat(s.E.SIZE_20,"px))"),overflow:"hidden",position:"absolute",textOverflow:"ellipsis",top:"50%",transform:"translateY(-50%)",transformOrigin:0,transition:"color ".concat(c.E.MS100,"ms ease, transform ").concat(c.E.MS100,"ms ease"),whiteSpace:"nowrap"},labelDisabled:{color:d.l.GLOBAL.BLACK,opacity:.4},prefix:{color:d.l.GLOBAL.BLACK,height:"100%",padding:"".concat(s.E.SIZE_30,"px 0px ").concat(h.INPUT_BOTTOM_PADDING,"px ").concat(s.E.SIZE_20,"px"),paddingTop:s.E.SIZE_30,whiteSpace:"nowrap"}},E={container:{height:h.TEXT_AREA_HEIGHT},input:{height:"calc(100% - ".concat(s.E.SIZE_30,"px - ").concat(h.INPUT_BOTTOM_PADDING,"px)"),margin:"".concat(s.E.SIZE_30,"px ").concat(s.E.SIZE_20,"px ").concat(h.INPUT_BOTTOM_PADDING,"px"),overflowY:"auto",padding:"0",resize:"none",whiteSpace:"pre-wrap",width:"calc(100% - ".concat(2*s.E.SIZE_20,"px)"),[o.MQ.M]:{padding:0}},label:{marginRight:0,paddingTop:s.E.SIZE_15,top:"17.5%"}},g={container:{borderColor:d.l.GLOBAL.ORANGE,":hover":{backgroundColor:d.l.LIGHT.GRAY_10}},input:{"&::placeholder":{opacity:.5}},label:{display:"block",pointerEvents:"none",textOverflow:"ellipsis",transform:"scale3d(".concat(h.LABEL_SCALE_TRANSFORM,", ").concat(h.LABEL_SCALE_TRANSFORM,", ").concat(h.LABEL_SCALE_TRANSFORM,") translateY(-125%)"),whiteSpace:"nowrap",width:"calc((100% * ".concat(h.LABEL_WIDTH_TRANSFORM,") - ").concat(h.INPUT_HEIGHT,"px)")}},m={container:{backgroundColor:d.l.LIGHT.RED_05,borderColor:d.l.GLOBAL.RED},errorMessage:[u.Il.labelCopyTight,{color:d.l.GLOBAL.RED,display:"inherit",paddingTop:s.E.SIZE_01,[o.MQ.S]:{marginLeft:s.E.SIZE_20,marginTop:s.E.SIZE_05,position:"relative",transform:"none"},[o.MQ.XL]:{position:"relative",transform:"none"}}],withHelpText:{bottom:-15}},_=function(e){let{customContainerStyles:t,customErrorStyle:a,contextualLabel:i,disabled:o,error:d={hasError:!1},helpText:l,id:s,isTextArea:c,label:p,onBlur:u,onChange:h,onFocus:_,onKeyDown:I,readonly:T,required:b,type:S,validationFn:M,value:f,hasError:A,prefix:O,ref:v,...w}=e,{hasError:B,errorMessage:C}=d,H=(0,r.useId)(),[P,Y]=(0,r.useState)(!1),[G,D]=(0,r.useState)(!1);(0,r.useEffect)(()=>{f||D(!1)},[f]),(0,r.useEffect)(()=>{f&&f.length>0&&!P&&!G&&D(!0)},[f,P,G]);let x={"aria-required":b,disabled:o||T,id:"".concat(H,"-input"),onBlur:function(){Y(!1),u&&u(),f?(D(!0),M&&M(f)):D(!1)},onChange:function(e){let{value:t}=e.target;h(t),M&&G&&t.length>0&&M(t)},onFocus:function(){Y(!0),_&&_()},onKeyDown:I,placeholder:i,required:b,value:f},R=B&&G||A&&void 0!==C,N=l&&l.length>0;return(0,n.FD)("div",{"data-component":"Input",children:[(0,n.FD)("span",{css:[L.container,P&&g.container,o&&!T&&L.disabled,c&&E.container,R&&!o&&m.container,t],children:[(0,n.Y)("label",{htmlFor:"".concat(H,"-input"),css:[L.label,c&&E.label,o&&L.labelDisabled,(P||!!f||!!O)&&g.label],children:p}),c?(0,n.Y)("textarea",{css:[L.input,c&&E.input,P&&g.input],ref:v,...x,...w}):(0,n.FD)("span",{css:L.inputContainer,children:[O&&(0,n.Y)("span",{css:L.prefix,children:O}),(0,n.Y)("input",{css:[L.input,P&&g.input,o&&L.inputDisabled,!!O&&L.hasPrefix],ref:v,type:S,...x,...w})]}),N&&(0,n.Y)("span",{role:"definition",css:[L.helpText],children:l})]}),R&&C&&(0,n.Y)("span",{role:"alert",css:[m.errorMessage,N&&m.withHelpText,a],children:C})]})}},87114:(e,t,a)=>{"use strict";a.d(t,{Tc:()=>o,Yq:()=>d,ib:()=>l});var n=a(63276),r=a(63381),i=a(63963);let o={paddingTop:i.MJ.S,[n.MQ.M]:{paddingTop:i.MJ.M},[n.MQ.L]:{paddingTop:i.MJ.L},[n.MQ.XL]:{paddingTop:i.MJ.XL}};n.MQ.M,i.MJ.M,n.MQ.L,i.MJ.L,n.MQ.XL,i.MJ.XL;let d={[n.MQ.M]:{paddingTop:40},[n.MQ.L]:{paddingTop:15},[n.MQ.XL]:{paddingTop:15}},l={paddingTop:r.E.SIZE_20,[n.MQ.M]:{paddingTop:i.MJ.M-30},[n.MQ.L]:{paddingTop:i.MJ.L-30},[n.MQ.XL]:{paddingTop:i.MJ.XL-25}}}},e=>{var t=t=>e(e.s=t);e.O(0,[48230,58728,54587,24108,20735,57329,53116,44032,11429,90636,46593,38792],()=>t(35652)),_N_E=e.O()}]);