https://www.bipa.at/mobify/bundle/4118/pages-brands-brands.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7059],{81079(e,t,n){n.d(t,{A:()=>f});var a=n(58168),r=n(80045),l=n(96540),o=n(5556),i=n.n(o),s=n(28137),c=n(32818),m=n(6442),d=n(56347),u=n(54547),p=n(88318),g=n(77714);const b=["label","onClick","variant","onlyIcon","alwaysDisplay","color","children"],h=e=>{let{label:t,onClick:n,variant:o="back",onlyIcon:i=!1,alwaysDisplay:h=!1,color:f="gray.50",children:E}=e,y=(0,r.A)(e,b);const v=(0,m.A)(),x=(0,d.useHistory)(),[k,A]=(0,p.Ig)();return h||k&&x.location.pathname!==A?i?l.createElement(s.$,(0,a.A)({display:{base:"inline-flex",lg:h?"inline-flex":"none"},variant:"back-icon",size:"sm",ml:-2,color:f,mr:1,iconSpacing:0,leftIcon:l.createElement(c.o,{w:6,h:6,border:"1px solid",borderColor:"gray.20",borderRadius:2,color:f},l.createElement(u.Pvm,null)),onClick:n||x.goBack},y)):l.createElement(s.$,(0,a.A)({display:{base:"inline-flex",lg:h?"inline-flex":"none"},variant:o,size:"sm",iconSpacing:1,leftIcon:l.createElement(u.Pvm,null),onClick:n||x.goBack,fontFamily:g.pQ.primaryRegular.fontFamily,fontWeight:g.pQ.primaryRegular.fontWeight},y),E||t||v.formatMessage({defaultMessage:[{type:0,value:"Back"}],id:"global.button.back"})):null};h.propTypes={label:i().string,onClick:i().func,onlyIcon:i().bool,alwaysDisplay:i().bool,color:i().string,variant:i().string,children:i().any};const f=h},2298(e,t,n){n.d(t,{A:()=>S});var a=n(58168),r=n(80045),l=n(96540),o=n(5556),i=n.n(o),s=n(54625),c=n(56347),m=n(6442),d=n(58065),u=n(59146),p=n(3842),g=n(18151),b=n(60931),h=n(60461),f=n(63325),E=n(77555),y=n(54547),v=n(88318),x=n(77714),k=n(69195),A=n(91586),w=n(73636);const B=["categories","isPDP","color"],I=e=>{let{categories:t,isPDP:n=!1,color:o="gray.50"}=e,i=(0,r.A)(e,B);const{formatMessage:I}=(0,m.A)(),S=(0,c.useLocation)(),O=(0,h.V)("Breadcrumb"),{navCategories:D,navBrands:P}=(0,w.C)(),[L,M]=(0,l.useState)(!0),[C,_]=(0,v.Ig)(),j=(0,k.n)(),z=C&&S.pathname!==_;return l.createElement(u.a,{position:"relative",w:z?"calc(100% - 44px)":"full"},l.createElement(A.A,{structuredData:j.getBreadcrumbList(t)}),l.createElement(u.a,{position:"absolute",pointerEvents:"none",w:8,h:"full",left:0,top:0,zIndex:10,transition:"opacity 250ms ease-in-out",opacity:L?0:1}),l.createElement(f.RC,{slidesPerView:"auto",watchSlidesProgress:!0,initialSlide:1,modules:[E.A],freeMode:{enabled:!0,momentum:!1},resistanceRatio:0,onInit:e=>{L!==e.isBeginning&&M(e.isBeginning)},onResize:e=>{L!==e.isBeginning&&M(e.isBeginning)},onSliderMove:e=>{L!==e.isBeginning&&M(e.isBeginning)}},l.createElement(f.qr,{style:{width:"auto"}},l.createElement(p.Q,(0,a.A)({className:"sf-breadcrumb",sx:O.container,spacing:1,separator:l.createElement(y.vKP,(0,a.A)({},O.icon,{color:o,"aria-hidden":"true"}))},i),l.createElement(g.J,{"data-testid":"sf-crumb-item"},l.createElement(b.w,{as:s.Link,to:x.R7.home,sx:O.link,color:o},l.createElement(d.A,{defaultMessage:[{type:0,value:"Home"}],id:"global.link.home"}))),t.map((e,a)=>{var r,i;if(e.id===x.ho.navigation&&1!==t.length)return null;const c=a===t.length-1,m=n||!c;return l.createElement(g.J,{key:e.id,"data-testid":"sf-crumb-item"},l.createElement(b.w,{as:m?s.Link:u.a,to:(null===(r=D[e.id])||void 0===r?void 0:r.path)||(null===(i=P[e.id])||void 0===i?void 0:i.path)||`/c/${e.id}`,sx:O.link,color:m||"white"===o?o:"black",_hover:{textDecoration:m?"underline":"none",cursor:m?"pointer":"default"},cursor:m?"pointer":"default"},"marken"===e.id?I({defaultMessage:[{type:0,value:"Brands"}],id:"global.text.brands"}):e.name))}))),l.createElement(f.qr,{style:{width:"0px"}})))};I.displayName="Breadcrumb",I.propTypes={categories:i().array,isPDP:i().bool,color:i().string};const S=I},19996(e,t,n){n.r(t),n.d(t,{default:()=>G});var a=n(10467),r=n(96540),l=n(6442),o=n(69290),i=n(59146),s=n(22254),c=n(37738),m=n(17364),d=n(55597),u=n(77714),p=n(54705),g=n(1188);function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,a)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?b(Object(n),!0).forEach(function(t){(0,p.A)(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var f=n(73276),E=n(5556),y=n.n(E),v=n(12609),x=n(60967),k=n(67234),A=n(85353),w=n(88318),B=n(2298),I=n(81079);const S=({banner:e,isLoading:t})=>{const{formatMessage:n}=(0,l.A)(),{isMobile:a}=(0,w.Gu)(),s=a?null==e?void 0:e.mobileImage:null==e?void 0:e.desktopImage;return r.createElement(r.Fragment,null,r.createElement(o.m,{display:{base:"block",sm:"none"}},r.createElement(v.z,{align:"center",spacing:1,py:1},r.createElement(I.A,{onlyIcon:!0}),r.createElement(B.A,{categories:[u.SO]}))),r.createElement(i.a,{w:"full",h:{base:"183px",sm:"217px"},position:"relative"},t?r.createElement(c.A,{position:"absolute",w:"full",h:"full"}):r.createElement(r.Fragment,null,r.createElement(x._,{position:"absolute",w:"full",h:"full",left:0,top:0,src:null==s?void 0:s.url,alt:null==s?void 0:s.alt,objectFit:"cover"}),r.createElement(i.a,{background:"linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.49));",position:"absolute",w:"full",h:"full",left:0,top:0,zIndex:5})),r.createElement(o.m,{display:{base:"none",sm:"block"},position:"relative",zIndex:10,h:"full"},r.createElement(k.s,{direction:"column",justify:"space-between",h:"full",pb:6,pt:1},r.createElement(v.z,{align:"center",spacing:1},r.createElement(I.A,{onlyIcon:!0,color:"white"}),r.createElement(B.A,{categories:[u.SO],color:"white"})),r.createElement(i.a,{w:"full",maxWidth:"875px",mx:"auto"},r.createElement(A.D,{as:"h1",color:"white",fontSize:"4xl"},n({defaultMessage:[{type:0,value:"Brands"}],id:"global.text.brands"})))))),r.createElement(o.m,{display:{base:"block",sm:"none"}},r.createElement(A.D,{as:"h1",fontSize:"4xl",mt:6},n({defaultMessage:[{type:0,value:"Brands"}],id:"global.text.brands"}))))};S.propTypes={banner:y().object,isLoading:y().bool};const O=S;var D=n(58168),P=n(54284),L=n(21052);const M=({letterGroups:e,groupedBrands:t,search:n})=>null!=e&&e.length?r.createElement(i.a,{display:{base:"none",sm:"block"}},r.createElement(v.z,{spacing:{sm:2.5,md:3,lg:4},mt:6},e.map(e=>{const a=null==t?void 0:t.find(t=>t.id===e),l=n.trim().length>1&&a;return r.createElement(P.N,{key:e,href:`#${e}`,_hover:{textDecoration:"none",color:"brand.pink"},pointerEvents:a?"auto":"none"},r.createElement(L.E,(0,D.A)({},u.pQ.primarySemiBold,{fontSize:{sm:"md",lg:"xl"},color:l?"brand.pink":"black",_hover:{textDecoration:"none",color:"brand.pink"}}),e))}))):null;M.propTypes={letterGroups:y().array,groupedBrands:y().array,search:y().string};const C=M;var _=n(28137),j=n(94983);const z=({name:e,highlightedLettersIndexes:t})=>(e=e.replace(/\s+/g," ").trim(),null!=t&&t.length?r.createElement(r.Fragment,null,e.split("").map((e,n)=>t.includes(n)?r.createElement(L.E,{key:n,as:"span",color:"brand.pink"},e):r.createElement(r.Fragment,{key:n},e))):r.createElement(r.Fragment,null,e));z.propTypes={name:y().string,highlightedLettersIndexes:y().array};const F=z,R=({groupedBrands:e})=>{const{navBrands:t}=(0,w.Ck)();return r.createElement(r.Fragment,null,null==e?void 0:e.map(({id:e,brands:n},a)=>r.createElement(i.a,{key:e,mt:{base:0===a?6:0,sm:0===a?6:10,lg:0===a?6:14}},r.createElement(i.a,{id:e,className:"brand-group-anchor"}),r.createElement(i.a,{px:{base:1.5,sm:3},py:{base:0,sm:2},lineHeight:{base:"20px",sm:"24px"},bgColor:"gray.5",borderRadius:{base:0,sm:"base"}},r.createElement(L.E,(0,D.A)({},u.pQ.primarySemiBold,{fontSize:{base:"sm",sm:"xl"}}),e)),r.createElement(i.a,{mt:{base:3,sm:5},className:"brands-columns"},n.map(e=>{var n;const a=(null===(n=t[e.id])||void 0===n?void 0:n.path)||`/c/${e.id}`;return r.createElement(_.$,{key:e.id,as:j.A,to:encodeURI(a),w:"full",variant:"brand",mb:{base:3,sm:2},whiteSpace:"pre-wrap"},r.createElement(L.E,{fontSize:{base:"sm",lg:"base"}},r.createElement(F,{name:e.name,highlightedLettersIndexes:e.highlightedLettersIndexes})))})))))};R.propTypes={groupedBrands:y().array};const J=R;var N=n(10076),T=n(47144),$=n(61013);const G=()=>{const{formatMessage:e}=(0,l.A)(),t=(0,N.$)(),n=(0,T.b)(),p=(0,$.Bd)(),{data:{brands:b,banner:E}={},isLoading:y}=(0,s.I)({queryKey:["brands-data"],queryFn:(v=(0,a.A)(function*(){var e,a,r,l;const[o,i,s]=yield Promise.all([t.getCategory({parameters:{id:"root",levels:3}}),n.productSearch({parameters:{refine:"cgid=navigation",limit:1}}),(0,$.ie)({client:p,contentIds:["brand-banner"]})]),c=null==i||null===(e=i.refinements)||void 0===e||null===(a=e.find(e=>"brand"===e.attributeId))||void 0===a?void 0:a.values,m=null==o||null===(r=o.categories.find(e=>e.id===u.ho.brands))||void 0===r?void 0:r.categories;return{brands:null==c||null===(l=c.map(e=>{const t=null==m?void 0:m.find(t=>t.name===e.value);if(t)return{id:t.id,name:t.name}}))||void 0===l?void 0:l.filter(e=>e),banner:(null==s?void 0:s.length)&&(0,f.Bl)(s[0].body)}}),function(){return v.apply(this,arguments)})});var v;const{search:x,setSearch:k,groupedBrands:A,letterGroups:w}=(e=>{const[t,n]=(0,r.useState)(""),a=(0,r.useMemo)(()=>{let t=[];if(null==e||!e.length)return t;e.sort((e,t)=>

1(0,g.J2)(e.name)>(0,g.J2)(t.name)?1:-1).forEach(e=>{let n=(0,g.J2)(e.name[0]).toUpperCase();n.match(/[0-9]/g)&&(n="0-9"),t.includes(n)||t.push(n)});const n=t.find(e=>"0-9"===e),a=t.filter(e=>"0-9"!==e);return t=[...a,...n?[n]:[]],t},[e]),l=(0,r.useMemo)(()=>e?t.trim().length<=1?e:e.reduce((e,n)=>{const a=(0,g.T2)(n.name,t);return null!=a&&a.length&&e.push(h(h({},n),{},{highlightedLettersIndexes:a})),e},[]):e,[t,e]),o=(0,r.useMemo)(()=>{if(null==l||!l.length)return[];let e=l.sort((e,t)=>(0,g.J2)((0,g.hK)(e.name))>(0,g.J2)((0,g.hK)(t.name))?1:-1).reduce((e,t)=>{let n=(0,g.J2)(t.name[0]).toUpperCase();n.match(/[0-9]/g)&&(n="0-9");const a=e.findIndex(e=>e.id===n);return a>-1?e[a].brands.push(t):e.push({id:n,brands:[t]}),e},[]);const t=e.find(e=>"0-9"===e.id),n=e.filter(e=>"0-9"!==e.id);return e=[...n,...t?[t]:[]],e},[l]);return{search:t,setSearch:n,groupedBrands:o,letterGroups:a}})(b);return r.createElement(r.Fragment,null,r.createElement(m.A,{title:e({defaultMessage:[{type:0,value:"Brands"}],id:"global.text.brands"})}),r.createElement(O,{banner:E,isLoading:y}),r.createElement(o.m,{pb:10,pt:{base:0,sm:6}},r.createElement(i.a,{maxWidth:"875px",mx:"auto"},y?r.createElement(c.A,{h:11,w:"full",mt:{base:4,sm:0}}):r.createElement(d.A,{setSearch:k,placeholder:e({defaultMessage:[{type:0,value:"Brand"}],id:"global.text.brand"})}),y?r.createElement(c.A,{h:{base:0,sm:7},w:"full",mt:6}):r.createElement(C,{letterGroups:w,groupedBrands:A,search:x}),y?r.createElement(r.Fragment,null,r.createElement(c.A,{h:"30vh",w:"full",mt:6}),r.createElement(c.A,{h:"30vh",w:"full",mt:6})):r.createElement(J,{groupedBrands:A}))))}}}]);