https://www.otrium.be/_next/static/chunks/1336-de2aea4032e7b0f5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1336],{90415:function(e,t,r){r.d(t,{V:function(){return i}});var n=r(90804);let i=(0,r(26601).Z)(n.x,{target:"e1rvcun0"})("min-width:0;width:calc(100vw - (100vw - 100%));max-width:1264px;margin:0 auto;padding:",e=>{var t,r;let{theme:n}=e;return"".concat((null===(t=n.space)||void 0===t?void 0:t.space0)||"0px"," ").concat((null===(r=n.space)||void 0===r?void 0:r.space16)||"16px")},";")},31336:function(e,t,r){r.d(t,{Z:function(){return J}});var n=r(35944),i=r(94745),o=r(26601),a=r(67294),l=r(1378),d=r(66281),c=r(90804),s=r(41664),u=r.n(s),p=r(72897),h=r(86756);let g=e=>null==e?void 0:e.sort((e,t)=>e.name.localeCompare(t.name)),m={"#":[],a:[],b:[],c:[],d:[],e:[],f:[],g:[],h:[],i:[],j:[],k:[],l:[],m:[],n:[],o:[],p:[],q:[],r:[],s:[],t:[],u:[],v:[],w:[],x:[],y:[],z:[]};var f=r(13092),x=r(13669),b=r(67597),v=r(30923),Z=r(15969),k=r(31008),w=r(84752),y=r(36502);let j=e=>{let{brandId:t,brandName:r}=e,{addedToWishlist:i}=(0,w.Z)(t),o=(0,y.n)(),{addToWishlist:l,loading:d}=(0,x.N)({refetchQueries:["Brands","userWishlistMetaData"]}),{deleteWishListItem:c,loading:s}=(0,b.V)({refetchQueries:["Brands","userWishlistMetaData"]}),{brandFavourited:u,brandUnfavourited:p,brandFavouritedWhenLoggedOut:h}=(0,v.Kw)(),g=(0,a.useMemo)(()=>({brandName:r,brandId:t}),[r,t]),m=(0,a.useCallback)(async(e,t)=>{if(o){await l(e,t),u(g);return}h(g)},[l,u,g,h,o]),j=(0,a.useCallback)(async(e,t)=>{await c(e,t,{}),p(g)},[p,g,c]);return(0,n.tZ)(f.g,{isAddedToWishList:i,itemType:k.kZ.Brand,itemId:t,loading:d||s,onAddToWishList:m,onRemoveWishList:j,iconType:Z.ju.HEART_PAGE})};r(46937);var B=r(90415),C=r(71051);let z=(0,o.Z)("div",{target:"ekj5te80"})("padding-bottom:",e=>{let{theme:t}=e;return t.space[5]},"px;@media (max-width:",e=>{let{theme:t}=e;return t.breakpoints[1]},"){display:none;}"),L=(0,o.Z)("nav",{target:"ekj5te81"})("border-bottom:1px solid ",e=>{let{theme:t}=e;return t.colors.primary.platinumLight},";border-top:1px solid ",e=>{let{theme:t}=e;return t.colors.primary.platinumLight},";width:100%;"),S=(0,o.Z)(B.V,{target:"ekj5te82"})("display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));justify-content:space-between;margin:32px auto;padding:0 11px;"),E=(0,o.Z)(C.Z,{target:"ekj5te83"})("color:",e=>e["aria-disabled"]?e.theme.colors.tone.silver:e.theme.colors.tone.black,";cursor:",e=>!e["aria-disabled"]&&"pointer",";font-size:",e=>{let{theme:t}=e;return t.fontSizes[3]},";font-weight:bold;line-height:1.33;margin:0 9px;text-transform:uppercase;border:none;background:none;"),I=(0,o.Z)("section",{target:"ekj5te85"})("margin-top:",e=>{let{theme:t}=e;return t.space[5]},"px;"),_=(0,o.Z)("h2",{target:"ekj5te86"})("color:",e=>{let{theme:t}=e;return t.colors.tone.black},";font-size:",e=>{let{theme:t}=e;return t.fontSizes[5]},"px;line-height:1.25;text-transform:uppercase;"),X=(0,o.Z)("div",{target:"ekj5te87"})("display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,238px);margin-top:8px;word-break:break-all;"),N=(0,o.Z)("div",{target:"ekj5te88"})("display:flex;flex-direction:column;height:44px;&:hover{span:first-of-type{font-weight:600;}}"),T=(0,o.Z)("span",{target:"ekj5te89"})("color:",e=>{let{theme:t}=e;return t.colors.tone.black},";cursor:pointer;font-size:",e=>{let{theme:t}=e;return t.fontSizes[1]},";line-height:1.5;position:relative;button{top:-50%;transform:translate(0,0%);}");var V=r(496);let U=e=>{let{children:t}=e,{isDesktop:r}=(0,d.k)(),i=(0,a.useMemo)(()=>({container:{},inner:{}}),[]),[o,l]=(0,a.useState)(i),s=(0,a.useCallback)(e=>{e?l({inner:{maxWidth:"100%"},container:{background:"white"}}):l(i)},[l,i]),{container:u,inner:p}=o,h=(0,a.useRef)(null),[g,m]=(0,a.useState)(null);(0,a.useEffect)(()=>{var e,t;let r=null==h?void 0:null===(t=h.current)||void 0===t?void 0:null===(e=t.getBoundingClientRect())||void 0===e?void 0:e.top;r&&m(r)},[h,g,m]);let[f,x]=(0,a.useState)(0),b=()=>{x(window.pageYOffset)};return((0,a.useEffect)(()=>(window.addEventListener("scroll",b,{passive:!0}),()=>{window.removeEventListener("scroll",b)}),[]),r&&null!==g&&g>0&&f>=g)?(0,n.tZ)(c.x,{display:["none","none","block","block"],children:(0,n.tZ)(V.L,{offsetTop:-g+185,onChange:s,top:63,boxshadowMode:"down",children:(0,n.tZ)(c.x,{sx:{...u},children:(0,n.tZ)(c.x,{sx:{...p},children:t})})})}):(0,n.tZ)("div",{ref:h,children:t})};var W=function(e){let{brands:t,genderId:r,locale:i}=e,o=(0,y.n)(),a=function(e){let t=g(e),r=null==t?void 0:t.reduce((e,t)=>

1{let[r]=t.name.toLowerCase();return m[r]?e[r]=[...e[r]||[],t]:e["#"]=[...e["#"]||[],t],e},{"#":[]});return{...m,...r}}(t);return a?(0,n.BX)(z,{children:[(0,n.tZ)(L,{children:(0,n.tZ)(U,{children:(0,n.tZ)(S,{"data-testid":"search-letters-list-all-brands",as:"ul",children:Object.keys(a).map(e=>(0,n.tZ)("li",{children:(0,n.tZ)(E,{"data-testid":"search-letter-".concat(e),"aria-disabled":!a[e].length,onClick:()=>{var t,r;null===(r=document)||void 0===r||null===(t=r.getElementById("search-brand-letter-".concat(e)))||void 0===t||t.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},children:e})},e))})})}),(0,n.tZ)(B.V,{"data-testid":"search-results-all-brands",children:Object.keys(a).map(e=>{let t=a[e];return t.length?(0,n.BX)(I,{children:[(0,n.tZ)(_,{id:"search-brand-letter-".concat(e),children:e}),(0,n.tZ)(X,{children:t.map(e=>(0,n.tZ)(u(),{href:r?"".concat((0,p.U)({route:"/brands",locale:i}),"/").concat(e.slug||e.value).concat((0,p.U)({route:"/".concat(r),locale:i})):"".concat((0,p.U)({route:"/brands",locale:i}),"/").concat(e.slug||e.value),prefetch:!1,children:(0,n.tZ)(N,{children:(0,n.tZ)(T,{children:(0,n.BX)(c.k,{children:[o?(0,n.tZ)(c.k,{ml:5,pl:2,sx:{position:"relative",height:"100%",top:"0",marginTop:"-14px"}

1,children:(0,n.tZ)(j,{brandId:e.id,brandName:e.name})}):null,(0,n.tZ)(c.k,{children:(0,n.tZ)(l.x,{as:"p",sx:{wordBreak:"normal"},children:(0,h.K)(e.name)})})]})})})},e.id))})]},e):null})})]}):null},K=r(55457);let M=(0,o.Z)("div",{target:"em1of2g0"})("display:none;@media (max-width:",e=>{let{theme:t}=e;return t.breakpoints[1]},"){display:block;}"),R=(0,o.Z)("div",{target:"em1of2g1"})("box-sizing:content-box;display:flex;margin:",e=>{let{theme:t}=e;return t.space[3]},";position:relative;"),A=(0,o.Z)("input",{target:"em1of2g2"})("background-color:",e=>{let{theme:t}=e;return t.colors.tone.white},";border:solid 1px ",e=>{let{theme:t}=e;return t.colors.tone.silver},";color:",e=>{let{theme:t}=e;return t.colors.tone.black},";font-size:",e=>{let{theme:t}=e;return t.fontSizes[1]},";line-height:1.5;padding:12px 16px;width:100%;&::placeholder{color:",e=>{let{theme:t}=e;return t.colors.tone.anthraciteLight},";}"),D=(0,o.Z)(K.o,{target:"em1of2g3"})("bottom:0;height:24px;margin:auto 0;position:absolute;right:12px;stroke:",e=>{let{theme:t}=e;return t.colors.tone.anthraciteLight},";top:0;width:24px;"),F=(0,o.Z)("div",{target:"em1of2g4"})("display:flex;flex-direction:column;margin:24px 16px;> div:last-of-type{border-bottom:none;}"),O=(0,o.Z)("div",{target:"em1of2g6"})("border-bottom:1px solid ",e=>{let{theme:t}=e;return t.colors.primary.platinumLight},";display:flex;flex-direction:column;height:48px;justify-content:center;padding:0 16px;position:relative;"),H=(0,o.Z)("span",{target:"em1of2g7"})("color:",e=>{let{theme:t}=e;return t.colors.tone.black},";font-size:",e=>{let{theme:t}=e;return t.fontSizes[3]},";line-height:1.5;"),Q=(0,o.Z)("span",{target:"em1of2g8"})("padding:30px 0;text-align:center;width:100%;");var q=function(e){let{brands:t,genderId:r,locale:o}=e,{i18n:l}=(0,i.mV)(),d=g(t),[c,s]=(0,a.useState)(""),[m,f]=(0,a.useState)(d);return(0,a.useEffect)(()=>{if(c){let e=c.toLowerCase().replace(/ /g,"");return f(d.filter(t=>(0,h.K)(t.name).toLowerCase().replace(/ /g,"").includes(e)))}if(d)return f(d)},[c,d]),(0,n.BX)(M,{children:[(0,n.BX)(R,{children:[(0,n.tZ)(A,{type:"text",placeholder:l._({id:"ow177j"}),value:c,onChange:e=>s(e.target.value)}),!c&&(0,n.tZ)(D,{})]}),(0,n.BX)(F,{children:[null==m?void 0:m.map(e=>(0,n.tZ)(u(),{href:r?"/[slug]/[brandSlug]/[genderId]":"/[slug]/[brandSlug]",as:r?"".concat((0,p.U)({route:"/brands",locale:o}),"/").concat(e.slug||e.value).concat((0,p.U)({route:"/".concat(r),locale:o})):"".concat((0,p.U)({route:"/brands",locale:o}),"/").concat(e.slug||e.value),passHref:!0,legacyBehavior:!0,children:(0,n.tZ)(O,{children:(0,n.BX)(H,{children:[(0,h.K)(e.name),(0,n.tZ)(j,{brandId:e.id,brandName:e.n

1ame})]})},e.id)},e.id)),(null==m?void 0:m.length)===0&&(0,n.tZ)(Q,{children:(0,n.tZ)(i.cC,{id:"FfF3DF"})})]})]})},G=r(80780),P=r(9931),Y=r(95319);let $=(0,o.Z)("h1",{target:"ecfn350"})("color:",e=>{let{theme:t}=e;return t.colors.tone.black},";font-size:32px;line-height:1.25;margin:32px auto;max-width:1264px;padding:0 20px;text-transform:uppercase;@media (max-width:",e=>{let{theme:t}=e;return t.breakpoints[1]},"){font-size:24px;line-height:1.33;margin:16px auto;text-align:center;}");var J=e=>{let{genderId:t,locale:r,brands:o,seoContent:a}=e,l=t?(0,G.B$)({gender:t}):void 0,{i18n:d}=(0,i.mV)(),c=t?d._({id:"EIKysy"}):d._({id:"wyRp91"}),s=(0,Y.b)({route:["brands",l]});return(0,n.BX)("main",{children:[(0,n.tZ)(P.y,{title:d._({id:"kooN20"}),description:c,deeplink:s,enableIndexation:!0,seoContent:a}),(0,n.tZ)("header",{children:(0,n.tZ)($,{children:(0,n.tZ)(i.cC,{id:"kooN20"})})}),(0,n.tZ)(W,{brands:o,genderId:l,locale:r}),(0,n.tZ)(q,{brands:o,genderId:l,locale:r})]})}}}]);
2//# sourceMappingURL=1336-de2aea4032e7b0f5.js.map