https://www.bjornborg.com/us/3d2f5123f75fba08d7bd603419943e0b9bbc61e9-503b1ab436a4b62f3cce.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5691],{58090:function(e,t,l){var n=l(24682);t.Z=e=>{const t=e=>{var t,l,r,o;if("string"!=typeof e)return e;const i=(0,n.o3)(e);return null!=i&&null!==(t=i.content)&&void 0!==t&&null!==(l=t[0])&&void 0!==l&&l.text||null!=i&&null!==(r=i.content)&&void 0!==r&&null!==(o=r[0])&&void 0!==o&&o.content?i:void 0};return{buttonLabel:e.buttonLabel||void 0,checkboxLabel:t(e.checkboxLabel),errorMessage:e.errorMessage||void 0,errorUserExists:e.errorUserExists||void 0,errorMessagePrivacy:e.errorMessagePrivacy||void 0,placeholder:e.placeholder||void 0,successLabel:e.successLabel||void 0,successMessage:t(e.successMessage),successMessageNewUser:t(e.successMessageNewUser)}}},85143:function(e,t,l){var n=l(32483);t.Z=()=>{var e;const{application:t}=(0,n.useStaticQuery)("1863476983");return null===(e=t.app.config.dedicatedPages)||void 0===e?void 0:e.content}},73754:function(e,t,l){var n=l(39434);t.Z=e=>{var t;let{textColorMobile:l,textColorDesktop:r}=e,o=null===(t=(0,n.Z)(l))||void 0===t?void 0:t.color,i=l;var a;r&&l!==r&&(o=[o,o,null===(a=(0,n.Z)(r))||void 0===a?void 0:a.color],i=[l,l,r]);return{textColor:o,buttonColor:i}}},61925:function(e,t,l){var n=l(87675);const r=(0,l(6916).zo)("span",(e=>{let{$size:t}=e;return{display:"inline-block",fontFamily:n.Z.extended,fontSize:t||[12,null,14],lineHeight:1,letterSpacing:"1px",textAlign:"center",textTransform:"uppercase"}}));t.Z=r},51475:function(e,t,l){l.d(t,{Z:function(){return $}});var n=l(81987),r=l(17507),o=l(11041),i=l(6916),a=l(56764),s=l(92154),c=l(73747),u=l(89723),d=l(8563),p=l(70561),g=l(25432),m=l(17800),x=l(56675),h=l(84166),v=l(71410),y=l(45884),b=l(14382),f=l(85143),k=l(44314),C=l(58307),j=l(1620);const Z=(0,i.zo)("fieldset",{display:"inline-block",padding:0,margin:0,border:0}),A=(0,i.zo)("input",{opacity:0,":checked + label::before":{backgroundColor:o.O9.black,padding:"2px"},":focus + label":{outline:"2px solid "+o.O9.blueCTA.two,outlineOffset:"1px"},":focus + label:before":{backgroundColor:o.O9.grey.two+" !important"},":checked + label:after":{left:"30px",transform:"translateX(-100%)"}}),w=(0,i.zo)("label",{display:"inline-block",width:"100%",textAlign:"center",fontFamily:o.Vl.extended,fontSize:14,lineHeight:"1",borderStyle:"solid",borderWidth:"1px",transitionDuration:o.lI.secondary,transitionProperty:"all",transitionTimingFunction:o.Z5.ease,cursor:"pointer",transform:"none !important"});var z=e=>{let{$style:t,checked:l,defaultChecked:n,id:r,label:i,name:a,onChange:s,required:c=!1,theme:u="outlinedBlack",value:d}=e,p={};return"string"==typeof u?p={...m.yU[u],...m.zf.m,...l?m.yU[u].hoverStyles:{}}:u&&Array.isArray(u)&&u.forEach(((e,t)=>{const{hoverStyles:n,disabledStyles:r,...i}=m.yU[e];0===t?p={...m.yU[e],...m.zf.m,...l?n:{}}:e&&o.BC.breakpoints[t]&&(p[o.BC.min[C.p8[t]]]={...i,":hover:not(:disabled):not(.disabled)":n,":disabled":r,...l?n:{}})})),(0,j.jsxs)(Z,{$style:t,children:[(0,j.jsx)(A,{checked:l,defaultChecked:n,id:r,name:a,required:c,type:"checkbox",value:d,onChange:s,onClick:e=>e.currentTarget.blur()}),(0,j.jsx)(w,{htmlFor:r,$style:p,children:i})]})};const O=(0,i.zo)("form",{position:"relative",fontFamily:o.Vl.regular}),S=(0,i.zo)("button",(()=>({position:"absolute",top:"26px",right:"16px",display:"flex",alignItems:"flex-end",height:"1.6rem",backgroundColor:"transparent",fontSize:14,lineHeight:1,textTransform:"uppercase",transform:"translateY(-50%)",transitionProperty:"transform",transitionDuration:o.lI.secondary,transitionTimingFunction:o.Z5.ease}))),T=(0,i.zo)("div",(e=>{let{$active:t}=e;return{position:"absolute",top:0,bottom:0,left:0,right:0,display:"flex",justifyContent:"center",alignItems:"center",opacity:t?1:0,visibility:t?"visible":"hidden",background:o.O9.white,color:o.O9.black,transform:t?"translateY(0)":"translateY(15px)",transitionProperty:"transform, visibility, opacity",transitionDuration:o.lI.secondary,transitionTimingFunction:o.Z5.ease,zIndex:10}})),_=(0,i.zo)("div",{maxWidth:"380px",textAlign:"center"});var L=e=>

1{let{bgColor:t,buttonLabel:l="Submit",buttonTheme:n,checkboxLabel:C,errorMessage:Z="Something went wrong...",errorUserExists:A="Email is already registered",id:w,labelColor:L=o.O9.grey.six,placeholder:E="Email",successLabel:P="Success!",successMessage:I="Thank you for signing up!",successMessageNewUser:M="Thank you for signing up!",successMessageTimeout:B=3e4,textColor:$=o.O9.black,...D}=e;const[U]=(0,i.hQ)(),N=(0,s.zL)(),{privacyPolicyPage:F}=(0,f.Z)(),{isAuthenticated:H,user:W}=(0,s.ix)((e=>e.auth),((e,t)=>e.isAuthenticated===t.isAuthenticated));C=C||{type:"paragraph",content:[{text:"I agree to Björn Borg's ",type:"text"},{text:"privacy policy",type:"text",marks:[{attrs:{href:F,linktype:"url",target:"_blank"},type:"link"}]}]};const V=x.IO.reduce(((e,t)=>(e[t.id]={label:t.label,value:t.id},e)),{}),q=Object.values(V),Q={value:"",targetAudience:[],errors:void 0,focused:!1,success:!1,loading:!1},{0:K,1:R}=(0,a.useState)(Q);let Y;(0,a.useEffect)((()=>{var e;const t=null==W?void 0:W.email,l=null==W||null===(e=W.preferences)||void 0===e?void 0:e.acceptsEmail;if(H&&t&&!l&&!K.value){let e=W.newsletterInterests;0===e.length&&("female"===W.gender?e=[V.female.value]:"male"===W.gender&&(e=[V.male.value])),R((t=>({...t,value:W.email,targetAudience:e,focused:!0})))}}),[H,W,K.value]),(0,a.useEffect)((()=>()=>{clearTimeout(Y)}));const{props:G,errors:X,validateInput:J}=(0,b.Z)((async e=>{const{email:t,privacyPolicy:l}=e,n=(Object.entries(e)||[]).reduce(((e,t)=>{let[l,n]=t;return n&&x.IO.some((e=>e.id===l))&&e.push(l),e}),[]);if(l){let e=Z;R((e=>({...e,loading:!0})));const l=await N((0,y.UK)(t,{newsletterInterests:n}));if(200===l.status)return R((e=>({...e,errors:void 0,loading:!1,success:!0}))),Y=setTimeout((()=>{R(Q)}),B),!0;409===l.status&&(e=A),(e=>{R((t=>({...t,loading:!1,success:!1,errors:[{message:e}]})))})(e)}return!1}));return(0,j.jsxs)(O,{...D,...G,children:[(0,j.jsx)("span",{className:U({display:"block",textAlign:"center",fontSize:12,marginBottom:"16px"}),children:"Shopping preferences"}),(0,j.jsx)("div",{className:U({display:"flex",justifyContent:"stretch",gap:"12px",marginBottom:"40px"}),children:q.map((e=>(0,j.jsx)(z,{$style:{width:100/q.length+"%"},name:""+e.value,id:w+"_"+e.value,label:e.label,value:e.value,checked:K.targetAudience.includes(e.value),theme:n,onChange:e=>{R((t=>{const l=t.targetAudience.includes(e.target.value)?t.targetAudience.filter((t=>t!==e.target.value)):t.targetAudience.concat(e.target.value);return{...t,targetAudience:l}}))}},e.value)))}),(0,j.jsxs)("div",{className:U({position:"relative",color:$,backgroundColor:t}),children:[(0,j.jsx)(u.ZP,{required:!0,name:"email",type:"email",label:E,maxLength:75,defaultValue:K.value,errors:K.errors?K.errors:X.email?X.email:void 0,labelStyle:{color:L},inputStyle:{paddingRight:"125px",color:$},handleChange:e=>{X.email&&(0,h.vV)(e)&&delete X.email,R((t=>({...t,value:e})))},onFocus:()=>{R((e=>({...e,focused:!0})))},onBlur:()=>{R((e=>({...e,focused:!!e.value})))}}),(0,j.jsx)(S,{type:"submit",disabled:K.loading,children:K.loading?(0,j.jsx)(g.Z,{width:"1.6rem",height:"1.6rem",id:"newsletter-submit-spinner"}):l})]}),(0,j.jsx)(c.Z,{required:!0,id:w+"-privacyPolicy",name:"privacyPolicy",label:C,errors:X.privacyPolicy,$style:{marginTop:"10px"},onChange:e=>{X.privacyPolicy&&J(e)}}),(0,j.jsx)(T,{$active:K.success,children:(0,j.jsxs)(_,{children:[(0,j.jsx)(r.Z,{styleAs:"xs",as:"h3",$style:{marginBottom:"12px"},children:P}),(0,j.jsx)("div",{children:(0,j.jsx)(d.Z,{data:H?I:M})}),!H&&(0,j.jsx)(m.ZP,{$style:{marginTop:"24px"},theme:"outlinedBlack",onClick:()=>{v.Z.open(k._.UNAUTHENTICATED,{form:p._5,email:K.value})},children:"Become a member"})]})})]})},E=l(61925),P=l(14345);const I=(0,i.zo)("div",{width:"100%",height:"100%",display:"flex",alignItems:"center",position:"relative",padding:"60px 0"}),M=(0,i.zo)("div",{maxWidth:"480px",margin:"0 auto"}),B=(0,i.zo)("div",{marginTop:"24px",fontFamiliy:o.Vl.regular,fontSize:16,lineHeight:1.4});var $=e=>{let{background:t,backgroundLoading:l,backgroundOverlay:i,bgColor:a,buttonTheme:s="outlinedBlack",contentLayout:c="horizontal",heading:u,id:p,isColumn:g=!1,labelColor:m,newsletter:x,paragraph:h,tag:v,textColor:y,...b}=e;const f={width:["calc(100% + 32px)",null,g?"100%":"calc(100% + 48px)"],marginLeft:["-16px",null,g?"0":"-24px"],marginRight:["-16px",null,g?"0":"-24px"]};return(0,j.jsxs)(I,{...b,children:[t&&(0,j.jsx)(P.Z,{$style:f,media:t,backgroundOverlay:i,loading:l}

1),(0,j.jsx)(n.ZP,{id:p,columnSizes:"horizontal"===c?[12,6,5]:12,gutterHeight:32,$style:{width:"calc(100% + 32px)",alignItems:"center",justifyContent:"center",fontFamily:o.Vl.regular,color:y},items:[(0,j.jsxs)(M,{$style:{maxWidth:"380px",textAlign:"center"},children:[(null==v?void 0:v.text)&&(0,j.jsx)(E.Z,{$style:{marginBottom:"16px"},...v.sbEditable,children:v.text}),(null==u?void 0:u.text)&&(0,j.jsx)(r.Z,{as:u.type||"h2",styleAs:u.style||"m",...u.sbEditable,children:u.text}),(null==h?void 0:h.text)&&(0,j.jsx)(B,{...h.sbEditable,children:(0,j.jsx)(d.Z,{data:h.text})})]},"content"),(0,j.jsx)(M,{children:(0,j.jsx)(L,{id:p,bgColor:a,buttonTheme:s,labelColor:m,textColor:y,...x,$style:{position:"static"}})},"newsletter")]})]})}},81987:function(e,t,l){l.d(t,{QJ:function(){return i},aN:function(){return a},qr:function(){return s},rE:function(){return c}});var n=l(79741),r=l(6916),o=l(1620);const i=e=>(0,n._2)(e).map((e=>e?"-"+e/2+"px":null)),a=e=>(0,n._2)(e).map((e=>e?"-"+e+"px":null)),s=e=>(0,n._2)(e).map((e=>e?e/2+"px":null)),c=e=>(0,n._2)(e).map((e=>e?e+"px":null));t.ZP=e=>{let{items:t=[],columnBase:l=12,columnSizes:i=[12,6,null,4,3],gutterHeight:a=16,gutterWidth:s=16,horizontalScrollMobile:c=!1,inlinePadding:u,centerRow:d=!1,$style:p,...g}=e;const[m]=(0,r.hQ)(),x=(0,n._2)(s).map((e=>"number"==typeof e?e+"px":e)),h=(0,n._2)(a).map((e=>"number"==typeof e?e+"px":e)),v=c?{overflowX:["auto",null,"visible"],marginInline:(0,n._2)(u).map((e=>e?"-"+e:e)),paddingInline:(0,n._2)(u),flexWrap:"nowrap",flexDirection:"row",scrollbarWidth:"none",msOverflowStyle:"none","::-webkit-scrollbar":{display:"none"}}:{},y=(0,n._2)(i),b=y.map((e=>e?e/l:e)).map((e=>e?"0 0 "+100*e+"%":e)),f=d?y.map((e=>{if(!e)return null;const n=e*t.length;return n>=l?null:Math.floor((l-n)/2)})):null;return(0,o.jsx)("div",{className:m({display:c?["flex",null,"grid"]:"grid",gridTemplateColumns:"repeat("+l+", 1fr)",minWidth:"100%",rowGap:h,columnGap:x,...v,...p}),...g,children:t.map(((e,t)=>{var l;if(!e)return null;const n=y.map(((e,l)=>e?f&&null!=f[l]?f[l]+1+t*e+" / span "+e:"span "+e:null));return(0,o.jsx)("div",{className:m({flex:b,gridColumn:n,...null===(l=e.props)||void 0===l?void 0:l.columnStyle}),children:e},t+"-"+(null==e?void 0:e.key))}))})}},8994:function(e,t,l){l.r(t);var n=l(51475),r=l(73754),o=l(76353),i=l(58090),a=l(11041),s=l(78209),c=l(92313),u=l(12063),d=l(91693),p=l(26415),g=l(1620);t.default=e=>{var t;let{content:l,isColumn:m}=e;const{backgroundDesktop:x,backgroundMobile:h,newsletter:v,heading:y,tag:b,textColor:f="black",textColorDesktop:k=f,paragraph:C,anchorTag:j}=l,{textColor:Z,buttonColor:A}=(0,r.Z)({textColorMobile:f,textColorDesktop:k}),w=(0,u.Z)([null==h?void 0:h[0],null,null==x?void 0:x[0]]),z=(0,p.Z)([null==h?void 0:h[0],null,null==x?void 0:x[0]],1),O=(0,o.ZP)({defaultStyle:"xs",defaultType:"h2",heading:y}),S=Array.isArray(A)?A.map((e=>(0,d.Z)("outlined",e))):(0,d.Z)("outlined",A),T=Array.isArray(Z)?Z.map((e=>e===a.O9.white?a.O9.grey.one:a.O9.grey.six)):Z===a.O9.white?a.O9.grey.one:a.O9.grey.six;return(0,g.jsx)(n.Z,{background:z,backgroundLoading:"lazy",backgroundOverlay:w,buttonTheme:S,contentLayout:m?"vertical":"horizontal",heading:O,id:null==j||null===(t=j[0])||void 0===t?void 0:t.anchorTag,isColumn:!!m,labelColor:T,newsletter:v.length?(0,i.Z)(v[0]):null,tag:(0,s.Z)({tag:b}),paragraph:(0,c.Z)({paragraph:C}),textColor:Z})}}}]);