https://www.bataviastad.nl/_next/static/chunks/pages/fashionclub-4d31d081b5e8151f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5168],{7341:(e,n,l)=>{"use strict";l.d(n,{a:()=>s});var t=l(72468),i=l(55685),r=l(73086),a=l(31021),o=l(6029),s=(0,r.R)(function(e,n){let{className:l,...r}=e,s=(0,t.Q)();return(0,o.jsx)(a.B.div,{ref:n,className:(0,i.cx)("chakra-card__header",l),__css:s.header,...r})})},12491:(e,n,l)=>{"use strict";l.d(n,{Y:()=>m});var t=l(2860),i=l(79353),r=l(2863),a=l(25702),o=l(1882),s=l(56843),d=l(4097),u=l(21024),c=l(40374),p=l(36104);let m=e=>{let{title:n,pageType:l,rich_text:m,cta:_,mb:v}=e,{ref:f,controls:h,isInView:b}=(0,c.p7)(),g=(0,u.A)(e=>e.hasCampaignStyling),y=(0,u.A)(e=>e.campaignPageTextColor);if(!n)return null;let{href:x,title:w}=_||{},k=n.length>40?"h2":"h1corp",Y=(0,p.Y)(l),C=g?y:"primary.white",E=g?y:Y?"primary.rich-black":"text-reverse",S=g?y:"text-reverse";return(0,t.Y)(i.az,{as:"section",backgroundColor:Y?"primary.rich-black":g?"transparent":"text",mb:v,children:(0,t.FD)(r.m,{py:{base:"space-48",md:"space-96"},textAlign:"center",overflow:"hidden",ref:f,children:[!!n&&(0,t.Y)(o.q,{as:"h2",size:k,textAlign:"center",color:C,title:n,isInView:b}),!!m&&(0,t.Y)(s.e_,{textStyle:"textM",mt:{base:"space-24","3xl":"space-48"},sx:{"p, a, u, b":{color:C}},...(0,c.y9)({animate:h,delay:.2}),children:(0,t.Y)(d.sD,{json:m.json})}),x&&w&&(0,t.Y)(s.vi,{variant:g?"outline":Y?"tertiary":"outlineReverse",borderColor:S,color:E,_hover:{bg:Y?"secondary.pastel-yellow":g?"text":"text-reverse",color:Y?"primary.rich-black":g?"text-reverse":"text"},as:a.rw,href:x,mt:{base:"space-48","3xl":"space-64"},...(0,c.y9)({animate:h,delay:.4}),children:w})]})})}},15043:(e,n,l)=>{"use strict";l.d(n,{I:()=>a});var t=l(55729),i=l(62390),r=l(52509);function a(){r.r.current||(0,i.U)();let[e]=(0,t.useState)(r.O.current);return e}},15932:(e,n,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/fashionclub",function(){return l(85625)}])},19416:(e,n,l)=>{var t=l(55729),i=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(t);!function(e){if(!e||"undefined"==typeof window)return;let n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}'),n.A=t.forwardRef(function({style:e={},className:n="",autoFill:l=!1,play:r=!0,pauseOnHover:a=!1,pauseOnClick:o=!1,direction:s="left",speed:d=50,delay:u=0,loop:c=0,gradient:p=!1,gradientColor:m="white",gradientWidth:_=200,onFinish:v,onCycleComplete:f,onMount:h,children:b},g){let[y,x]=t.useState(0),[w,k]=t.useState(0),[Y,C]=t.useState(1),[E,S]=t.useState(!1),j=t.useRef(null),N=g||j,q=t.useRef(null),A=t.useCallback(()=>{if(q.current&&N.current){let e=N.current.getBoundingClientRect(),n=q.current.getBoundingClientRect(),t=e.width,i=n.width;("up"===s||"down"===s)&&(t=e.height,i=n.height),l&&t&&i?C(i<t?Math.ceil(t/i):1):C(1),x(t),k(i)}},[l,N,s]);t.useEffect(()=>{if(E&&(A(),q.current&&N.current)){let e=new ResizeObserver(()=>A());return e.observe(N.current),e.observe(q.current),()=>{e&&e.disconnect()}}},[A,N,E]),t.useEffect(()=>{A()},[A,b]),t.useEffect(()=>{S(!0)},[]),t.useEffect(()=>{"function"==typeof h&&h()},[]);let R=t.useMemo(()=>l?w*Y/d:w<y?y/d:w/d,[l,y,w,Y,d]),T=t.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!r||a?"paused":"running","--pause-on-click":!r||a&&!o||o?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,r,a,o,s]),D=t.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof _?`${_}px`:_}),[m,_]),M=t.useMemo(()=>

1({"--play":r?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${R}s`,"--delay":`${u}s`,"--iteration-count":c?`${c}`:"infinite","--min-width":l?"auto":"100%"}),[r,s,R,u,c,l]),z=t.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),F=t.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,n)=>i.default.createElement(t.Fragment,{key:n},t.Children.map(b,e=>i.default.createElement("div",{style:z,className:"rfm-child"},e)))),[z,b]);return E?i.default.createElement("div",{ref:N,style:T,className:"rfm-marquee-container "+n},p&&i.default.createElement("div",{style:D,className:"rfm-overlay"}),i.default.createElement("div",{className:"rfm-marquee",style:M,onAnimationIteration:f,onAnimationEnd:v},i.default.createElement("div",{className:"rfm-initial-child-container",ref:q},t.Children.map(b,e=>i.default.createElement("div",{style:z,className:"rfm-child"},e))),F(Y-1)),i.default.createElement("div",{className:"rfm-marquee",style:M},F(Y))):null})},26545:(e,n,l)=>{"use strict";l.d(n,{D:()=>p});var t=l(2860),i=l(2863),r=l(76382),a=l(19855),o=l(70191),s=l(40374),d=l(52729),u=l(855),c=l(56843);let p=e=>{let{images_group:n,textColor:l,...p}=e,{ref:m,controls:_}=(0,s.p7)();if(!n)return null;let v=null==n?void 0:n.length,f={1:"0 0 100%",2:{base:"1",md:"1 1 50%"},3:{base:"1",md:"1 1 33.33%"}}[v];return(0,t.Y)(i.m,{as:"section",py:{base:"space-48",md:"space-96"},...p,ref:m,children:(0,t.Y)(r.s,{gap:{1:0,2:{base:"space-48",md:"space-96"},3:{base:"space-48",md:"space-24"}}[v],flexDir:{base:"column",md:"row"},justifyContent:"space-between",children:n.map((e,n)=>(0,t.FD)(c.e_,{minWidth:{base:v>1?"65.74923547%":"100%",md:"auto"},flex:f,alignSelf:{base:n%2==0?"flex-start":"flex-end",md:"flex-start"},...(0,s.H)(v,n,_),children:[(0,t.Y)(a.g,{ratio:1===v?16/9:3/4,children:(0,t.Y)(u._,{borderRadius:v>1?"xs":0,...(0,d.n)(null==e?void 0:e.bynder_image)})}),(0,t.Y)(o.E,{textStyle:"textXS",mt:{base:"space-8",md:"space-16"},color:l,children:null==e?void 0:e.image_caption})]},n))})})}},48386:(e,n,l)=>{"use strict";l.d(n,{b:()=>s});var t=l(72468),i=l(55685),r=l(73086),a=l(31021),o=l(6029),s=(0,r.R)(function(e,n){let{className:l,...r}=e,s=(0,t.Q)();return(0,o.jsx)(a.B.div,{ref:n,className:(0,i.cx)("chakra-card__body",l),__css:s.body,...r})})},85625:(e,n,l)=>{"use strict";l.r(n),l.d(n,{__N_SSP:()=>R,default:()=>T});var t=l(2860),i=l(75087),r=l(70381),a=l(40043),o=l(4952),s=l(2095),d=l(2863),u=l(81064),c=l(45025),p=l(70191),m=l(55949),_=l(38140),v=l(25702),f=l(52729),h=l(83811),b=l(14173),g=(l(34727),l(65073)),y=l(39502),x=l(91627),w=l(26545),k=l(46262),Y=l(32915),C=l(37155),E=l(42939),S=l(12491),j=l(59379),N=l(4097),q=l(51652),A=l(55729),R=!0;let T=e=>{var n,l,R,T,D,M,z,F,B,I,O,P,X,$,H,V,W,K,L,Q,U,Z,G,J,ee,en,el,et,ei,er,ea,eo,es,ed,eu,ec,ep,em,e_,ev,ef,eh,eb,eg,ey,ex,ew,ek,eY,eC,eE,eS,ej;let{page:eN,brandCarousel:eq,seo:eA,latestOffers:eR}=e,eT=(0,A.useRef)(!0),{t:eD}=(0,v.Bd)(),{offer_details:eM}=(0,s.y)(),{data:ez}=(0,r.V)(),eF=(0,f.n)(null==ez||null==(l=ez.items)||null==(n=l[0])?void 0:n.bynder_image),eB={title:null==eN||null==(R=eN.hero_fashion_club_section)?void 0:R.title,description:null==eN||null==(T=eN.hero_fashion_club_section)?void 0:T.description,image:null==eN||null==(D=eN.hero_fashion_club_section)?void 0:D.image,color:"primary.rich-black",cta_label:null==eN||null==(z=eN.hero_fashion_club_section)||null==(M=z.cta)?void 0:M.title,cta_url:null==eN||null==(B=eN.hero_fashion_club_section)||null==(F=B.cta)?void 0:F.href,sticky_bar_description:null==eN||null==(O=eN.hero_fashion_club_section)||null==(I=O.sticky_bar)?void 0:I.description,sticky_bar_button_label:null==eN||null==($=eN.hero_fashion_club_section)||null==(X=$.sticky_bar)||null==(P=X.cta)?void 0:P.title,sticky_bar_button_url:null==eN||null==(W=eN.hero_fashion_club_section)||null==(V=W.sticky_bar)||null==(H=V.cta)?void 0:H.href},eI=null==eN||null==(U=eN.usp_section_sharedConnection)||null==(Q=U.edges)||null==(L=Q[0])||null==(K=L.node)?void 0:K.usp_section,eO=null!=eI?eI:null==eN?void 0:eN.usp_section,eP={title:null==eO?void 0:eO.page_title,de

1scription:null==eO?void 0:eO.bold_intro_text},eX=null==eO||null==(Z=eO.usps)?void 0:Z.map(e=>{var n;return{title:(null==e?void 0:e.title)||"no title found",rich_text:(null==e?void 0:e.description_rich_text)||void 0,icon:(null==e||null==(n=e.icon)?void 0:n.name)||"no icon found"}}),e$={vimeo_id:(null==eN||null==(G=eN.video)?void 0:G.vimeo_id)||void 0,youtube_id:(null==eN||null==(J=eN.video)?void 0:J.youtube_id)||void 0,bynder_video:(null==eN||null==(ee=eN.video)?void 0:ee.bynder_video)||void 0,autoplay:(null==eN||null==(en=eN.video)?void 0:en.autoplay)||!1},eH=null==eN||null==(er=eN.tier_perks_section_sharedConnection)||null==(ei=er.edges)||null==(et=ei[0])||null==(el=et.node)?void 0:el.tier_perks_section,eV=null!=eH?eH:null==eN?void 0:eN.tier_perks_section,eW={title:null==eV?void 0:eV.title,description:null==eV?void 0:eV.description,tierPerks:(null==eV||null==(ea=eV.tier_perks)?void 0:ea.map(e=>{var n;return{title:(null==e?void 0:e.title)||void 0,description:(null==e?void 0:e.description_rte)?{json:e.description_rte.json}:null,icon:(null==e||null==(n=e.icon)?void 0:n.name)||void 0,is_gold:(null==e?void 0:e.is_gold)||!1,is_silver:(null==e?void 0:e.is_silver)||!1,is_bronze:(null==e?void 0:e.is_bronze)||!1}}))||[]},eK=null==eN||null==(eu=eN.how_it_works_sharedConnection)||null==(ed=eu.edges)||null==(es=ed[0])||null==(eo=es.node)?void 0:eo.stepper_component,eL=null!=eK?eK:null==eN?void 0:eN.steps,eQ={brandsHref:(null==eN||null==(ec=eN.brand_carousel_cta)?void 0:ec.href)||a.Tk.brands,ctaText:(null==eN||null==(ep=eN.brand_carousel_cta)?void 0:ep.title)||eD("brands.seeAll"),pageType:null==eN?void 0:eN.__typename,brands:(null==eq?void 0:eq.map(e=>({name:e.name||"no name",href:e.url||"#",image:(0,f.n)(e.bynder_hero_image)})))||[]},eU=eR||[],eZ={title:null==eN||null==(em=eN.fashion_club_events)?void 0:em.section_title,events:(0,o.R)(null==eN||null==(ev=eN.fashion_club_events)||null==(e_=ev.event_news_cardsConnection)?void 0:e_.edges),backgroundColor:"secondary.pink-light",textColor:"primary.rich-black",bottomColor:"primary.rich-black",withSkew:!1};return(0,A.useEffect)(()=>{eT.current=!1},[]),(0,t.FD)(t.FK,{children:[(0,t.Y)(q.bV,{...eA}),(0,t.Y)(h.M,{...eB}),(0,t.Y)(d.m,{mb:{base:"space-96",lg:"space-128"},children:(0,t.Y)(b.x,{children:(0,t.FD)(u.E,{colStart:{base:1,md:2},colSpan:{base:12,md:10},children:[(0,t.Y)(_.A,{color:"primary.rich-black","aria-label":eD("aria.fashionClubLogo"),mt:{base:"space-80",lg:"space-176"},mb:{base:"space-16",lg:"space-32"}}),eP.title&&(0,t.Y)(c.D,{as:"h2",size:"h2",mb:{base:"space-24",lg:"space-48"},color:"primary.rich-black",children:eP.title}),eP.description&&(0,t.Y)(p.E,{textStyle:"textM",fontWeight:"bold",color:"primary.rich-black",children:eP.description})]})})}),!!(null==eX?void 0:eX.length)&&!1,(null==eL?void 0:eL.title)&&(null==eL?void 0:eL.description)&&!!(null==eL||null==(ef=eL.steps)?void 0:ef.length)&&(0,t.Y)(g.W,{title:eL.title,description:eL.description,steps:(0,m.S$)(eL.steps),bataviaStadImage:eF}),(0,t.Y)(i.f,{...eW}),(e$.vimeo_id||e$.youtube_id||(0,y._)(e$.bynder_video))&&(0,t.Y)(x._,{...e$,borderStyle:"2px solid white",px:{base:"space-24",md:"space-64"},mb:{base:"space-96",lg:"space-192"}}),!e$.vimeo_id&&!e$.youtube_id&&!(0,y._)(e$.bynder_video)&&(null==eN||null==(eh=eN.image)?void 0:eh.images_group)&&(null==eN||null==(eg=eN.image)||null==(eb=eg.images_group)?void 0:eb.length)>0&&(0,t.Y)(w.D,{images_group:null==eN||null==(ey=eN.image)?void 0:ey.images_group,mb:{base:"space-96",md:"space-192"}}),(null==eL?void 0:eL.title)&&(null==eL?void 0:eL.description)&&!!(null==eL||null==(ex=eL.steps)?void 0:ex.length)&&!1,!!(null==(ew=eQ.brands)?void 0:ew.length)&&(0,t.Y)(k.K,{...eQ}),!!eU.length&&(0,t.Y)(Y.E,{pageType:null==eN?void 0:eN.__typename,title:(null==eN?void 0:eN.fashion_club_offers_title)||void 0,conditions_description:(null==eM||null==(ek=eM.offer_conditions_description)?void 0:ek.json)||null,viewAll:{label:eD("navigation.viewAll"),url:a.Tk.offers},offers:eU,backgroundColor:"secondary.sand"}),(null==eN?void 0:eN.download_app)&&(0,t.Y)(C.C,{textColor:"primary.rich-black",pageType:eN.__typename,...eN.download_app}),(0,t.Y)(E.Y,{...eZ}),(null==eN?void 0:eN.banner)&&(0,t.Y)(S.Y,{...eN.banner,rich_text:eN.banner.rich_text||null,__typename:"Banner",mb:{base:"space-96",md:"space-192"},pageType:eN.__typename}),(0,t.Y)(j.I,{pageType:null==eN?void 0:eN.__typename,title:(null==eN||null==(eY=eN.faq)?void 0:eY.component_title)||"",faqItems:null==eN||null==(eS=eN.faq)||null==(eE=eS.referenceConnection)||null==(eC=eE.edges)?void 0:eC.map(e=>{var n,l;return{question:null==e||null==(n=e.node)?void 0:n.question,answer:null==e||null==(l=e.node)?void 0:l.answer}}

1),mb:{base:"space-96",md:"space-192"}}),(0,t.Y)(d.m,{mb:{base:"space-48",lg:"space-96"},children:(null==eN||null==(ej=eN.bottom_paragraph_json_rte)?void 0:ej.json)&&(0,t.Y)(N.sD,{json:eN.bottom_paragraph_json_rte.json})})]})}}},e=>{e.O(0,[9417,26,282,7086,604,4173,636,6593,8792],()=>e(e.s=15932)),_N_E=e.O()}]);