https://www.bjornborg.com/us/components-product-page-product-selec…BundleOverlay-index-0196c98fd5dd75e57dfc.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4376],{22235:function(e,i,t){t.r(i),t.d(i,{default:function(){return J}});var l=t(6916),n=t(11041),s=t(56764),a=t(49222),o=t(61165),r=t(53142),d=t(48166),c=t(14345),p=t(8563),x=t(316),u=t(78373),h=t(40273),g=t(15509),m=t(44293),v=t(1620);const f=(0,l.zo)("div",{}),y=(0,l.zo)("div",{display:"grid",gap:"2px",margin:"24px 0",":first-of-type":{margin:"0 0 24px"}}),j=(0,l.zo)("span",{margin:"48px 0 16px",paddingBottom:"16px",fontSize:20,display:"flex",justifyContent:"center",fontFamily:n.Vl.extended,textAlign:"center",borderBottom:"1px solid "+n.O9.grey.two});var z=e=>{let{sizeGuides:i,label:t,paragraph:n,sizeguideImage:s,...a}=e;const[o]=(0,l.hQ)(),z=(0,m.v9)((e=>{var i;return null===(i=e.auth.user)||void 0===i?void 0:i.country})),b=(0,m.v9)((e=>e.application.shopConfig.primarySiteCountry));return null!=i&&i.length||s?i?(0,v.jsxs)(f,{...a,children:[null==i?void 0:i.map((e=>{var i,t,l,n;const s=null!==(i=e.label)&&void 0!==i?i:"",a=(0,g.O)(e.sizeCharts,z||b);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(y,{$style:{gridTemplateColumns:(null===(t=e.backgrounds)||void 0===t?void 0:t.length)>1?["100%",null,"50% 50%"]:"100%"},children:null===(l=null!==(n=e.backgrounds)&&void 0!==n?n:[])||void 0===l?void 0:l.map((e=>{let{image:i,ratio:t,_uid:l}=e;const n=(0,h.Z)(null==i?void 0:i[0]),s="horizontal"===t?"secondary":"primary";return(0,v.jsx)(r.Z,{ratio:u.b[t][s],children:(0,v.jsx)(c.Z,{$style:{zIndex:0},media:n,loading:"lazy"})},l)}))},e._uid),a.length&&(0,v.jsx)(x.Z,{label:s,sizeCharts:a})]})})),t&&(0,v.jsx)(j,{children:t}),n&&(0,v.jsx)("div",{className:o({textAlign:"center",fontSize:14,marginBottom:"48px"}),children:(0,v.jsx)(p.Z,{data:n})})]}):s?(0,v.jsx)(f,{...a,children:(0,v.jsx)(d.Z,{src:{url:s.url,width:[200,400,600,800,1e3]},sizes:["100vw",null,"30vw"]})}):void 0:null},b=t(63734),w=t(71410),C=t(44314),S=t(81720),k=t(17507),D=t(12197),B=t(17800),Z=t(29897),N=t(24682),O=t(61718),_=t(98035),A=t(2791);const L=(0,l.zo)("div",{display:"flex",position:"absolute",width:"100%",top:"0",flexDirection:"column",background:n.O9.white,transition:"all "+n.lI.primary+" linear"}),I=(0,l.zo)("div",{display:"flex",flexDirection:"column",padding:["32px 16px 16px 16px",null,"24px 32px 16px 32px"],gap:"32px"}),$=(0,l.zo)("p",{display:"flex",marginBottom:"8px",fontSize:"12px",lineHeight:"100%",fontFamily:n.Vl.extended}),P=e=>{let{paragraph:i}=e;const[t]=(0,l.hQ)();return i?(0,v.jsx)("div",{className:t({display:"flex",justifyContent:"flex-start"}),children:(0,v.jsx)(p.Z,{data:i})}):null},E=(0,l.zo)("div",{display:"flex",flexDirection:"column",fontFamily:n.Vl.extended,fontSize:"14px",gap:"8px"}),R=(0,l.zo)("button",{fontSize:"12px",lineHeight:"100%",padding:"12px",borderRadius:"3px",border:"1px solid "+n.O9.grey.tw

1o,fontFamily:n.Vl.extended});var V=e=>{var i,t,a,o,r,c,p;let{addItem:x=(()=>{}),handleColorChange:u=(()=>{}),handleVariantSelect:h=(()=>{}),isSelected:g,paragraph:m,section:f,selectedProduct:y,selectedSize:j,sizeGuideContent:z,sizeguideImage:w,step:C,toggleSizeGuide:V=(()=>{}),totalSteps:G,...T}=e;const[F]=(0,l.hQ)(),{0:W,1:H}=(0,s.useState)("default"),U=!j,M=(0,Z.R)(null!==(i=null==y?void 0:y.ruleContent)&&void 0!==i?i:[]);let Q=(0,O.Z)(M,{onlyMatchWithFirst:!1});Q=Q.map((e=>{var i;return{...e,message:null===(i=e.message[0])||void 0===i?void 0:i.text}}));const Y=Q.reduce(((e,i)=>{if(!i)return e;const t=(0,N.zW)(i.position);return e[t]||(e[t]=[]),e[t].push(i),e}),{});return(0,v.jsxs)(L,{...T,children:[(0,v.jsxs)(I,{children:[(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"row",justifyContent:"space-between"}),children:[(0,v.jsx)("span",{}),(0,v.jsxs)($,{children:["Step"," ",C,"/",G]})]}),(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"column",gap:"8px",alignContent:"flex-start",flexWrap:"wrap"}),children:[(0,v.jsxs)(k.Z,{$style:{fontSize:"24px",lineHeight:"1.4"},styleAs:void 0,children:["Add to bag"," "]}),(0,v.jsx)(P,{paragraph:m})]})]}),(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"column",justifyContent:"space-between",padding:["0 16px",null,"0 32px 24px"],gap:"24px"}),children:[(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"row",justifyContent:"center",gap:"16px"}),children:[(null==y?void 0:y.image)&&g&&(0,v.jsx)(d.Z,{$style:{width:"160px",aspectRatio:"3 / 4",backgroundColor:n.O9.greyProductBackground},alt:null==y?void 0:y.name,sizes:["50vw",null,"20vw"],src:{url:y.image,width:[200,400,600,800]}}),(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"column",flexGrow:1,gap:"32px"}),children:[(0,v.jsxs)(E,{children:[(0,v.jsx)("p",{className:F({textAlign:"left",wordBreak:"break-word"}),children:null==y?void 0:y.name}),(0,v.jsx)(D.tA,{$style:{width:"min-content"},activePrice:(null==y||null===(t=y.price)||void 0===t?void 0:t.salePriceWithCurrency)||"",originalPrice:null==y||null===(a=y.price)||void 0===a?void 0:a.priceWithCurrency})]}

1),y&&(0,v.jsx)(A.Z,{currentId:null==y?void 0:y.id,color:null===(o=y.customAttributes)||void 0===o||null===(r=o.saColor)||void 0===r?void 0:r.colorName,colorDetailed:null===(c=y.customAttributes)||void 0===c?void 0:c.saColorDetailed,variations:y.relatedColorVariations,handleChange:u})]})]}),(0,v.jsxs)("div",{className:F({display:"flex",flexDirection:"column",gap:"8px",marginBottom:"32px"}),children:[Y&&(null===(p=Y.beforeSizes)||void 0===p?void 0:p.length)>0&&(0,v.jsx)("div",{className:F({display:"flex",flexDirection:"column",gap:"8px",paddingBottom:"8px"}),children:(0,v.jsx)(S.W,{infoBoxes:Y.beforeSizes})}),y&&(0,v.jsx)(_.Z,{variations:y.variations,selectedVariant:y.variations.find((e=>e.name===j)),onSelect:h}),(z||w)&&(0,v.jsx)("div",{className:F({display:"flex",gap:"8px",paddingTop:["8px",null,"16px"]}),children:(0,v.jsx)(R,{type:"button",onClick:V,children:"Size guide"})})]}),(0,v.jsxs)(B.ZP,{isFullyRounded:!0,disabled:!j,theme:"solidBlack",size:"l",onClick:()=>{H("loading"),y&&x(f.id,j,y),setTimeout((()=>H("default")),3e3)},children:[U?"Select a size":"Add to bag",!U&&(0,v.jsx)(b.Z,{size:"12px",state:W,$style:{marginLeft:"8px"}})]})]})]})},G=t(73043),T=t(10762);const F=(0,l.zo)("div",{position:"absolute",paddingBottom:"24px",width:"100%",top:"0",background:n.O9.white,transition:"all "+n.lI.primary+" linear"}),W=(0,l.zo)("div",{display:"flex",flexDirection:"column",padding:"24px 32px 32px 32px",gap:"32px"}),H=e=>{let{paragraph:i}=e;const[t]=(0,l.hQ)();return i?(0,v.jsx)("div",{className:t({display:"flex",justifyContent:"flex-start"}),children:(0,v.jsx)(p.Z,{data:i})}):null},U=(0,l.zo)("p",{display:"flex",marginBottom:"8px",fontSize:"12px",lineHeight:"100%",fontFamily:n.Vl.extended}),M=(0,l.zo)(T.Z,{width:"100%",paddingLeft:n.ew,paddingRight:n.ew,paddingBottom:["16px",null,"none"]}),Q=(0,l.zo)("div",{width:"100%",display:"grid",gridTemplateColumns:"1fr 1fr",gap:["8px",null,"16px"],paddingLeft:["0",null,"32px"],paddingRight:["0",null,"32px"]});var Y=e=>{var i;let{handleSizeClick:t=(()=>{}),isSelected:s,paragraph:a,sameSizeProducts:o,section:r,selectedSize:d,selectProduct:c=(()=>{}),step:p,totalSteps:x,...u}=e;const[h]=(0,l.hQ)();return(0,v.jsxs)(F,{...u,children:[(0,v.jsxs)(W,{children:[(0,v.jsxs)("div",{className:h({display:"flex",flexDirection:"row",justifyContent:"space-between"}),children:[(0,v.jsx)("span",{}),(0,v.jsxs)(U,{children:["Step"," ",p,"/",x]})]}),(0,v.jsxs)("div",{className:h({display:"flex",flexDirection:"column",gap:"8px",alignContent:"flex-start",flexWrap:"wrap"}),children:[(0,v.jsx)(k.Z,{$style:{fontSize:"24px",lineHeight:"1.4"},styleAs:void 0,children:"Choose Product"}),(0,v.jsx)(H,{paragraph:a})]})]}),(0,v.jsx)(M,{withScrollbar:!0,$style:{marginBottom:"16px",display:"flex",gap:"8px",justifyContent:"flex-start",padding:["0 16px",null,"0 32px"],flexWrap:["nowrap",null,"wrap"],"::-webkit-scrollbar":{backgroundColor:n.O9.white},"::-webkit-scrollbar-track":{marginLeft:n.ew,marginRight:n.ew}},scrolldirection:"horizontal",children:null===(i=r.sizeFilteredData)||void 0===i?void 0:i.map(((e,i)=>{const l=e[0];return(0,v.jsx)(B.ZP,{$style:{display:"flex",justifyContent:"center",alignItems:"center",width:"72px",height:"48px",whiteSpace:"nowrap"},theme:l===d?"solidBlack":"outlinedBlack",value:l,onClick:()=>t(l),children:l.toUpperCase()},l+"-"+i)}))}),(0,v.jsx)(Q,{children:o&&s&&o.map(((e,i)=>(0,v.jsx)("div",{className:h({textAlign:"left"}),onClick:()=>c(e,p),children:(0,v.jsx)(G.Z,{$style:{":hover":{cursor:"pointer"}},loading:"lazy",product:e},e.id)},i+"-"+e.id)))})]})};const K=(0,l.zo)("div",{position:"sticky",top:"0",zIndex:"5",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"24px",padding:"16px",borderBottom:"1px solid "+n.O9.sand.three,background:n.O9.white}),X=(0,l.zo)("div",{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer",fontSize:"14px",lineHeight:"100%",fontFamily:n.Vl.extended}),q=(0,l.zo)("div",{width:"100%",position:"relative",textAlign:"center"});var J=e=>{let{addItem:i=(()=>{}),section:t,sizeGuideContent:l,sizeguideImage:r,sizeGuideInformationLabel:d,sizeGuideInformationText:c}=e;const{0:p,1:x}

1=(0,s.useState)(1),{0:u,1:h}=(0,s.useState)(""),{0:g,1:m}=(0,s.useState)([]),{0:f,1:y}=(0,s.useState)(),{0:j,1:S}=(0,s.useState)(!1),k=(0,s.useRef)(null);(0,s.useEffect)((()=>{var e,i,l;null!==t&&u?m(null===(e=t.sizeFilteredData.filter((e=>e[0]===u)))||void 0===e||null===(i=e[0])||void 0===i||null===(l=i[1])||void 0===l?void 0:l.map((e=>t.variantsMap.filter((i=>i.id===e))[0]))):null!==t&&m(t.variantsMap.map((e=>e)))}),[u]);const D=(e,i)=>{var t;(y(e),1===i)&&(x(i+1),null===(t=k.current)||void 0===t||t.scrollTo({top:0}))};return(0,v.jsxs)(o.Z,{id:C._.BUNDLE_OVERLAY,overlayWidth:"wide",children:[(0,v.jsxs)(K,{ref:k,children:[(0,v.jsxs)(X,{onClick:()=>(e=>{var i;j?S(!j):(1===e&&w.Z.close(C._.BUNDLE_OVERLAY),x(e-1),null===(i=k.current)||void 0===i||i.scrollTo({top:0}))})(p),children:[(0,v.jsx)(a.Z,{rotation:"left",width:7}),"Go Back"]}),(0,v.jsx)(b.Z,{$style:{cursor:"pointer"},state:"close",size:"24px",onClick:()=>{j?S(!j):(x(0),w.Z.close(C._.BUNDLE_OVERLAY))}})]}),(0,v.jsxs)(q,{children:[(0,v.jsx)(Y,{$style:{opacity:1===p?"1":"0",visibility:1===p?"visible":"hidden"},handleSizeClick:e=>{h(e)},isSelected:1===p,paragraph:t.overlayDescriptions.chooseProductDescription,sameSizeProducts:g,section:t,selectedSize:u,selectProduct:D,step:p,totalSteps:2}),(0,v.jsx)(V,{$style:{opacity:2!==p||j?"0":"1",visibility:2!==p||j?"hidden":"visible"},addItem:i,handleColorChange:e=>{const i=t.variantsMap.filter((i=>i.id===e));i[0].variations.some((e=>e.name===u&&e.inStock))||h(""),D(i[0],p)},handleVariantSelect:e=>{h(e.name)},isSelected:2===p,paragraph:t.overlayDescriptions.addToBagDescription,section:t,selectedProduct:f,selectedSize:u,sizeGuideContent:l,sizeguideImage:r,step:p,toggleSizeGuide:()=>{S(!j)},totalSteps:2}),((null==l?void 0:l.sizeGuides)||r)&&(0,v.jsx)(z,{$style:{position:"absolute",top:"0",display:"flex",flexDirection:"column",width:"100%",maxHeight:"100%",background:n.O9.white,transition:"all "+n.lI.primary+" linear",opacity:j?"1":"0",visibility:j?"visible":"hidden"},sizeGuides:null==l?void 0:l.sizeGuides,label:d,paragraph:c,sizeguideImage:r})]})]})}},13434:function(e,i,t){var l=t(56764);i.Z=e=>{const{0:i,1:t}=(0,l.useState)(!1),n=(0,l.useCallback)((e=>{i!==e.matches&&t(e.matches)}),[i]);return(0,l.useEffect)((()=>{const i=window.matchMedia(e.replace("@media screen and ",""));return n(i),i.addEventListener("change",n),()=>{i.removeEventListener("change",n)}}),[e,n]),i}},15509:function(e,i,t){t.d(i,{O:function(){return l}});const l=(e,i)=>e.reduce(((e,i)=>{var t;const{measurementUnit:l,regionPriority:n,sizeChartTable:s,_uid:a}=(null==i?void 0:i.content)||{},{tbody:o=[],thead:r=[]}=s||{},d=(null===(t=r[0])||void 0===t?void 0:t.value)||"";return e.push({_uid:a,measurementUnit:l,regionPriority:n,sizeChartTable:{tbody:o,thead:r},tableLabel:d}),e}),[]).sort(((e,t)=>{var l,n;return-1!==(null===(l=e.regionPriority)||void 0===l?void 0:l.indexOf(i.toLowerCase()))?-1:-1!==(null===(n=t.regionPriority)||void 0===n?void 0:n.indexOf(i.toLowerCase()))?1:0}))},316:function(e,i,t){var l=t(11041),n=t(6916),s=t(56764),a=t(17507),o=t(10762),r=t(1620);const d=(0,n.zo)("div",{width:"100%",fontFamily:l.Vl.extended}),c=(0,n.zo)(o.Z,{"::-webkit-scrollbar":{height:"2px"},":last-child":{marginBottom:"32px"}}),p=(0,n.zo)("div",{display:"flex",justifyContent:"center",alignItems:"center",height:"16px",width:"16px",marginBottom:"4px",border:"1px solid "+l.O9.black,borderRadius:"50%",fontSize:10}),x=(0,n.zo)("tr",{borderBottom:"1px solid "+l.O9.grey.two});i.Z=e=>{let{$style:i={},label:t="",sizeCharts:o=[],rerenderOnTabChange:u}=e;const h=(0,s.useRef)(),[g]=(0,n.hQ)(),{0:m,1:v}=(0,s.useState)(0);return(0,s.useLayoutEffect)((()=>{h.current&&v(h.current.getBoundingClientRect().width)}),[h,u]),o.length<1?null:(0,r.jsxs)(d,{$style:i,children:[t&&(0,r.jsx)(a.Z,{styleAs:"xs",as:"h3",$style:{textAlign:"center",marginBottom:"16px"},children:t}),o.map(((e,t)=>{var n;const{sizeChartTable:s,measurementUnit:a}=e,{thead:o,tbody:u}=s,v=m/Math.min(o.length,3.5),f=m/Math.min(o.length,5);return(0,r.jsx)(d,{$style:i,children:(null===(n=o[0])||void 0===n?void 0:n.value)&&(0,r.jsx)(c,{withScrollbar:!0,className:g({overflowX:"auto",marginTop:["32px",null,"48px"],width:"100%"}),scrolldirection:"horizontal",ref:h,children:(0,r.jsxs)("table",{className:g({borderCollapse:"collapse"}),children:[(0,r.jsx)("thead",{children:(0,r.jsx)(x,{children:o.map(((e,i)=>{const t=0===i;return(0,r.jsx)("th",{className:g({minWidth:[v+"px",null,f+"px"],paddingBottom:"16

1px",fontWeight:400}),children:(0,r.jsxs)("div",{className:g({display:"flex",flexDirection:"column",alignItems:"center"}),children:[!t&&(0,r.jsx)(p,{children:i}),e.value,!t&&!!a&&(0,r.jsx)("span",{className:g({color:l.O9.grey.four}),children:a})]})},e._uid)}))})}),u.length>0&&(0,r.jsx)("tbody",{children:u.map((e=>(0,r.jsx)(x,{$style:{transition:"background "+l.lI.secondary+" "+l.Z5.ease,minWidth:[v+"px",null,f+"px"],":hover":{background:l.O9.grey.one}},children:e.body.map((e=>{let{value:i,_uid:t}=e;return(0,r.jsx)("td",{className:g({textAlign:"center",padding:"12px 0"}),children:i},t)}))},e._uid)))})]})})},t)}))]})}}}]);