https://upchoose.com/_next/static/chunks/9306.fea21738de8136dd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9306,1320],{33634:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var l=n(85893),a=n(67294),r=n(45697),s=n.n(r),o=n(89382),i=n(93967),c=n.n(i),p=n(77451),d=n(96143),u=n(44117),b=n.n(u);let m=e=>{let{selected:t=!1,onClick:n}=e;return(0,l.jsx)("button",{className:c()(b().dot,{[b().activeDot]:t}),type:"button",onClick:n})},x=e=>{let{enabled:t,onClick:n,children:a=null}=e;return(0,l.jsx)("button",{className:c()(b().emblaButton,b().emblaButtonPrev),type:"button",onClick:n,disabled:!t,children:a||(0,l.jsx)("svg",{className:c()(b().emblaButtonSvg),width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:(0,l.jsx)("path",{d:"M35.3333 17.9998C35.3333 8.42457 27.5753 0.666504 18 0.666504C8.42473 0.666504 0.666672 8.42457 0.666672 17.9998C0.666672 27.5751 8.42473 35.3332 18 35.3332C27.5753 35.3332 35.3333 27.5751 35.3333 17.9998ZM18 33.0966C9.70377 33.0966 2.90323 26.3799 2.90323 17.9998C2.90323 9.7036 9.6199 2.90306 18 2.90306C26.2962 2.90306 33.0968 9.61973 33.0968 17.9998C33.0968 26.2961 26.3801 33.0966 18 33.0966ZM17.1263 26.6316L9.08172 18.5939C8.75323 18.2654 8.75323 17.7342 9.08172 17.4058L17.1263 9.36812C17.4548 9.03962 17.986 9.03962 18.3145 9.36812L18.7968 9.85037C19.1253 10.1789 19.1253 10.724 18.7828 11.0455L12.807 16.8117L26.1075 16.8117C26.5688 16.8117 26.9462 17.1891 26.9462 17.6504V18.3493C26.9462 18.8106 26.5688 19.188 26.1075 19.188L12.807 19.188L18.7898 24.9541C19.1253 25.2826 19.1323 25.8208 18.8038 26.1493L18.3215 26.6316C17.986 26.9601 17.4548 26.9601 17.1263 26.6316Z",fill:"#F4F4F5"})})})},g=e=>{let{enabled:t,onClick:n,children:a=null}=e;return(0,l.jsx)("button",{className:c()(b().emblaButton,b().emblaButtonNext),type:"button",onClick:n,disabled:!t,children:a||(0,l.jsx)("svg",{className:c()(b().emblaButtonSvg),width:"38",height:"38",viewBox:"0 0 38 38",fill:"none",children:(0,l.jsx)("path",{d:"M0.333374 19.0002C0.333374 29.312 8.68821 37.6668 19 37.6668C29.3119 37.6668 37.6667 29.312 37.6667 19.0002C37.6667 8.68833 29.3119 0.333496 19 0.333496C8.68821 0.333496 0.333374 8.68833 0.333374 19.0002ZM19 2.7421C27.9344 2.7421 35.2581 9.97543 35.2581 19.0002C35.2581 27.9346 28.0248 35.2582 19 35.2582C10.0656 35.2582 2.74198 28.0249 2.74198 19.0002C2.74198 10.0658 9.97531 2.7421 19 2.7421ZM19.9409 9.70446L28.6043 18.3604C28.9581 18.7141 28.9581 19.2862 28.6043 19.6399L19.9409 28.2959C19.5871 28.6496 19.0151 28.6496 18.6613 28.2959L18.142 27.7765C17.7882 27.4227 17.7882 26.8356 18.157 26.4894L24.6 20.2797H10.2689C9.77208 20.2797 9.36563 19.8733 9.36563 19.3765V18.6238C9.36563 18.127 9.77208 17.7206 10.2689 17.7206H24.5925L18.1495 11.5109C17.7882 11.1572 17.7807 10.5776 18.1344 10.2238L18.6538 9.70446C19.0151 9.3507 19.5871 9.3507 19.9409 9.70446Z",fill:"white"})})})};x.propTypes={enabled:s().bool.isRequired,onClick:s().func.isRequired,children:s().oneOfType([s().elementType,s().object,s().string])},g.propTypes={enabled:s().bool.isRequired,onClick:s().func.isRequired,children:s().oneOfType([s().elementType,s().object,s().string])},m.propTypes={selected:s().bool,onClick:s().func.isRequired};let h=e=>{var t,n;let{slides:r,children:s,height:i=0,slideML:u=0,slideWidth:h="100%",options:f={},className:_="",showDots:v=!1,showNav:C=!0,is1slideML:S=!1,allowReinit:k=!1,onSelectFn:j=null,slideWidths:N=[],showBlockAfterViewport:D=!1,navContent:y=[],multipleItemsInView:B=!1,indexScrollTo:I=null}=e,T=[];(null===(t=f.autoplay)||void 0===t?void 0:t.enabled)&&T.push((0,p.Z)({...f.autoplay})),(null===(n=f.autoscroll)||void 0===n?void 0:n.enabled)&&T.push((0,d.Z)({...f.autoscroll}));let[E,w]=(0,o.Z)(f,T),[M,R]=(0,a.useState)(!1),[W,L]=(0,a.useState)(!1),[O,A]=(0,a.useState)(0),[q,F]=(0,a.useState)([]),[G,P]=(0,a.useState)({}),[V,Z]=y,H=e=>e.reduce((e,t)=>(e[t]=!0,e),{}),z=(0,a.useCallback)(()=>w&&w.scrollPrev(),[w]),U=(0,a.useCallback)(()=>w&&w.scrollNext(),[w]),J=(0,a.useCallback)(e=>w&&w.scrollTo(e),[w]),Q=(0,a.useCallback)(()=>{if(w&&(A(w.selectedScrollSnap()),R(w.canScrollPrev()),L(w.canScrollNext()),j&&j(w.selectedScrollSnap()),B)){let e=H(w.slidesInView(!0));P(e),e[r.length-1]&&L(!1)}},[w,A,j,B,r.length]);(0,a.useEffect)(()=>

1{if(!w)return;w.on("select",Q),Q(),F(w.scrollSnapList());let e=setTimeout(()=>{F(w.scrollSnapList())},700);return()=>{clearTimeout(e)}},[w,F,Q,s]),(0,a.useEffect)(()=>{w&&k&&w.reInit(f)},[w,k,r,f,s]);let X=a.Children.toArray(s),Y=e=>{let t=0!==e?"".concat(u,"px"):0;return 0===e&&S&&(t="".concat(u,"px")),t};return(0,a.useEffect)(()=>{w&&null!==I&&J(I)},[w,I,J]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:c()(b().embla,_),children:[(0,l.jsx)("div",{className:c()(b().emblaViewport),ref:E,children:(0,l.jsx)("div",{className:c()(b().emblaContainer),children:X.map((e,t)=>(0,l.jsx)("div",{className:c()(b().emblaSlide,{[b().emblaSlideActive]:O===t||G[t]}),style:{marginLeft:Y(t),minWidth:N[t]||h||"",maxWidth:N[t]||h||""},children:(0,l.jsx)("div",{className:c()(b().emblaSlideInner),style:{height:i?"".concat(i,"px"):"auto"},children:e})},"slide-".concat(r[t].id||r[t].src||r[t].id+t)))})}),C&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(x,{onClick:z,enabled:M,children:V}),(0,l.jsx)(g,{onClick:U,enabled:W,children:Z})]}),D&&(0,l.jsx)("div",{className:"embla_blockAfterViewport"})]}),v&&(0,l.jsx)("div",{className:c()(b().dots),children:q.map((e,t)=>{var n,a;return(0,l.jsx)(m,{selected:t===O,onClick:()=>J(t)},"dot-".concat((null===(n=r[t])||void 0===n?void 0:n.id)||(null===(a=r[t])||void 0===a?void 0:a.src)+t))})})]})};var f=h;h.propTypes={options:s().shape({align:s().string,skipSnaps:s().bool,autoplay:s().shape({enabled:s().bool,delay:s().number,stopOnInteraction:s().bool,stopOnMouseEnter:s().bool,stopOnFocusIn:s().bool,stopOnLastSnap:s().bool}),autoscroll:s().shape({enabled:s().bool,speed:s().number,stopOnInteraction:s().bool,stopOnMouseEnter:s().bool,stopOnFocusIn:s().bool})}),height:s().oneOfType([s().number,s().string]),slideML:s().number,slideWidth:s().string,children:s().arrayOf(s().element).isRequired,slides:s().arrayOf(s().shape({src:s().string,id:s().oneOfType([s().string,s().number])})).isRequired,className:s().string,showDots:s().bool,showNav:s().bool,is1slideML:s().bool,allowReinit:s().bool,showBlockAfterViewport:s().bool,onSelectFn:s().func,slideWidths:s().arrayOf(s().oneOfType([s().number,s().string])),navContent:s().arrayOf(s().oneOfType([s().element,s().string])),multipleItemsInView:s().bool,indexScrollTo:s().number}},21320:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return v}});var l,a=n(85893),r=n(67294),s=n(93967),o=n.n(s),i=n(45697),c=n.n(i),p=n(44381),d=n(19073);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}var b=function(e){return r.createElement("svg",u({width:16,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=r.createElement("path",{d:"M.335 6.706l5.714 5c.222.197.515.294.808.294.292 0 .585-.098.807-.293a.914.914 0 000-1.414L3.9 7h10.958c.63 0 1.142-.447 1.142-1 0-.553-.511-1-1.142-1H3.899l3.765-3.294a.914.914 0 000-1.414 1.26 1.26 0 00-1.616 0l-5.715 5c-.444.392-.444 1.024.002 1.414z",fill:"#FFC9CA"})))},m=n(79162),x=n(44536),g=n.n(x),h=n(90231),f=n.n(h);let _=e=>{let{isNextActive:t,next:n,prev:l,currentStepIndex:r,btnsData:s,stepsActionData:i,className:c,navigateByClickFormOption:u,breadCrumbs:x,initStepIndex:h}=e,{prevBtn:_,nextBtn:v}=s,C=e=>{let t="Next";return 5===e&&(t="Finish"),6===e&&(t="Order your Set"),7===e&&(t="Create Account"),t},S=(e,n)=>{var l,a,s;return r>n?(null===(a=e.prevBtn)||void 0===a?void 0:a.bgColor)||"rgba(0, 0, 0, 0)":r===n&&t?(null===(s=e.nextBtn)||void 0===s?void 0:s.bgColor)||"":r<=n&&!t&&u?"rgba(0, 0, 0, 0)":(null===(l=e.nextBtn)||void 0===l?void 0:l.bgColorDisabled)||""};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:o()(f().actions,g().hiddenMD,c,{[f().actionsStep4]:4===r}),children:[(null==_?void 0:_.textDesktop)||(null==_?void 0:_.iconSrcDesktop)?(0,a.jsxs)("button",{type:"button",className:o()(f().backBtn),onClick:l,disabled:r===h+1,style:{color:_.btnTextBlack?"#000":"",backgroundColor:_.bgColor},children:[(0,a.jsxs)("span",{className:o()(f().btnIconWrapper),children:[(0,a.jsx)("span",{className:o()(f().btnIcon,f().backBtnIconActive),style:{backgroundImage:"url(".concat(_.iconSrcDesktop,")")}}),(0,a.jsx)("span",{className:o()(f().btnIcon,f().backBtnIconDisabled),style:{backgroundImage:"url(".concat(_.iconSrcDesktopDisabled,")")}})]}),(0,a.jsx)("span",{className:o()(f().backBtnText),dangerouslySetInnerHTML:{__html:1===r?_.textDesktopDisabled:_.textDesktop}})]}):(0,a.jsxs)("button",{type:"button",className:o()(f().backBtn,g().hiddenMD),onClick:l,disabled:r===h+1,children:[r===h+1?(0,a.jsx)(b,{}):(0,a.jsx)(d.Z,{}),(0,a.jsx)("span",{children:"Back"})]}),(null==v?void 0:v.textDesktop)?(0,a.jsxs)("button",{disabled:!t,type:"button",className:o()(f().nextBtn,{[f().nextBtnInvisible]:u&&3!==r}),onClick:()=>n({}),style:{color:v.btnTextBlack?"#000":"",backgroundColor:t?v.bgColor:v.bgColorDisabled},children:[(0,a.jsx)("span",{className:o()(f().backBtnText),dangerouslySetInnerHTML:{__html:v.textDesktop}}),(0,a.jsx)("span",{className:o()(f().btnIconWrapper),children:(0,a.jsx)("span",{className:o()(f().btnIcon),style:{backgroundImage:"url(".concat(v.iconSrcDesktop,")")}})})]}):(0,a.jsxs)("button",{type:"button",className:o()(f().nextBtn,{[f().nextBtnInvisible]:u&&3!==r}),onClick:()=>n({}),disabled:!t,children:[(0,a.jsx)("span",{children:C(r)}),(0,a.jsx)(p.Z,{})]})]}),(0,a.jsx)("div",{className:o()(f().actions,f().actionsMobileGallery,g().hiddenMLG,c,{[f().actionsStep6]:6===r,[f().actionsNavStep4]:4===r&&u,[f().actionsNavStep5]:5===r&&u}),children:i.map((e,s)=>{var i,c,d,b,g;return(0,a.jsxs)("button",{type:"button",className:o()(f().nextBtn,f().mobileBtn,{[f().activeNextBtn]:r===s,[f().becomeBackBtn]:"number"==typeof r&&r-s==1,[f().becomeDisappearedBackBtn]:"number"==typeof r&&r-s>=2,[f().backBtn]:r>s,[f().btnLabel]:r-1<=s&&3!==r&&r<6&&u}),style:{color:r<=s&&(null===(i=e.nextBtn)||void 0===i?void 0:i.btnTextBlack)?"#000":"",backgroundColor:S(e,s)},onClick:()=>{r>s&&l(),r===s&&n({})},disabled:r===s?!t:r-1===h,children:[r>s&&(0,a.jsx)(a.Fragment,{children:(null==e?void 0:null===(c=e.prevBtn)||void 0===c?void 0:c.iconSrcMobile)?(0,a.jsx)("span",{className:o()(f().btnIconWrapper),children:(0,a.jsx)("span",{className:o()(f().btnIcon,f().backBtnIconActive),style:{backgroundImage:"url(".concat(e.prevBtn.iconSrcMobile,")")}})}):(0,a.jsx)(m.Z,{})}),r<=s&&(!u||3===r||r>=6)&&(0,a.jsx)(a.Fragment,{children:(null==e?void 0:null===(d=e.nextBtn)||void 0===d?void 0:d.textMobile)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:o()(f().backBtnText),dangerouslySetInnerHTML:{__html:e.nextBtn.textMobile}}),(0,a.jsx)("span",{className:o()(f().btnIconWrapper),children:(0,a.jsx)("span",{className:o()(f().btnIcon),style:{backgroundImage:"url(".concat(e.nextBtn.iconSrcMobile,")")}})})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("span",{className:o()(f().backBtnText),children:C(r-1)}),(0,a.jsx)(p.Z,{})]})}),r<=s&&3!==r&&r<6&&u&&(0,a.jsx)("span",{className:o()(f().backBtnText,f().btnTextCrumb),dangerouslySetInnerHTML:{__html:x&&(null===(b=x[r])||void 0===b?void 0:b.text)?"Next:&nbsp;".concat(null===(g=x[r])||void 0===g?void 0:g.text):"Next:&nbsp;Delivery"}})]},e.id)})})]})};_.defaultProps={isNextActive:!1,currentStepIndex:null,btnsData:{prevBtn:null,nextBtn:null},stepsActionData:[{prevBtn:null,nextBtn:null}],className:null,navigateByClickFormOption:!1,breadCrumbs:[],initStepIndex:0},_.propTypes={isNextActive:c().bool,next:c().func.isRequired,prev:c().func.isRequired,currentStepIndex:c().oneOfType([c().number,c().string]),btnsData:c().shape({prevBtn:c().shape({bgColor:c().string,bgColorDisabled:c().string,textDesktop:c().string,textDesktopDisabled:c().string,textMobile:c().string,btnTextBlack:c().bool,iconSrcDesktop:c().string,iconSrcDesktopDisabled:c().string,iconSrcMobile:c().string,iconSrcMobileDisabled:c().string}),nextBtn:c().shape({bgColor:c().string,bgColorDisabled:c().string,textDesktop:c().string,textMobile:c().string,btnTextBlack:c().bool,iconSrcDesktop:c().string,iconSrcMobile:c().string})}),stepsActionData:c().arrayOf(c().shape({prevBtn:c().shape({bgColor:c().string,bgColorDisabled:c().string,textDesktop:c().string,textDesktopDisabled:c().string,textMobile:c().string,btnTextBlack:c().bool,iconSrcDesktop:c().string,iconSrcDesktopDisabled:c().string,iconSrcMobile:c().string,iconSrcMobileDisabled:c().string}),nextBtn:c().shape({bgColor:c().string,bgColorDisabled:c().string,textDesktop:c().string,textMobile:c().string,btnTextBlack:c().bool,iconSrcDesktop:c().string,iconSrcMobile:c().string})})),className:c().string,navigateByClickFormOption:c().oneOfType([c().bool,c().string]),breadCrumbs:c().arrayOf(c().shape({id:c().string,text:c().string})),initStepIndex:c().number};var v=_},39306:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return M}});var l,a=n(85893),r=n(67294),s=n(45697),o=n.n(s),i=n(93967),c=n.n(i),p=n(54299),d=n(89933);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)({}).hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(null,arguments)}var b=function(e){return r.createElement("svg",u({width:10,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=r.createElement("path",{d:"M9.706 8.294a1 1 0 11-1.413 1.413L5 6.416l-3.293 3.29A.991.991 0 011 10a1 1 0 01-.707-1.708l3.294-3.294L.293 1.706A1 1 0 111.707.292L5 3.587 8.294.294a1 1 0 111.414 1.414L6.414 5l3.292 3.293z",fill:"#A1A1AA"})))},m=n(33634),x=n(3499),g=n.n(x);let h=(e,t)=>{let n=e.findIndex(e=>{let{id:n}=e;return n===t});return -1!==n?n:0},f=e=>e.map(e=>({...e,ratio:Math.floor(e.width/(e.height||1)*100)/100})),_=e=>{let{fieldValue:t,chosenValue:n,imageId:l,imagesData:s}=e,[o,i]=(0,r.useState)(h(s,l)),p=f(s),u=()=>{let e=window.innerHeight-160;return e<696?e:696};return(0,r.useEffect)(()=>{n&&i(0)},[n,i]),(0,a.jsx)("div",{className:c()(g().imagesWrapper,g().wrapperDots),children:(0,a.jsx)(m.Z,{options:{align:"start",skipSnaps:!1,containScroll:"keepSnaps",startIndex:o},slides:p.map(e=>{let{id:l}=e;return{id:"".concat(n||t,"_").concat(l)}}),height:u(),slideML:16,slideWidths:p.filter(e=>{let{id:t}=e;return t}).map(e=>"".concat(u()*e.ratio,"px")),showDots:!0,allowReinit:!0,showBlockAfterViewport:!0,children:p.map(e=>(0,a.jsx)("div",{className:c()(g().imgWrapper),children:(0,a.jsx)(d.Z,{block:{mobileImage:e.src,desktopImage:e.src},alt:e.alt,sizes:"(min-width: 992px) 692px, 100px"})},"expanded_".concat(e.id)))})})};_.defaultProps={chosenValue:null},_.propTypes={fieldValue:o().string.isRequired,chosenValue:o().string,imageId:o().string.isRequired,imagesData:o().arrayOf(o().shape({id:o().string,

1src:o().string,alt:o().string})).isRequired};var v=n(21320),C=n(44536),S=n.n(C),k=n(98713),j=n.n(k),N=n(26124),D=n.n(N),y=n(95925),B=n.n(y);let I=e=>{var t;let{step:n,clickedCTA:l,formData:s,fieldValue:o,setFieldValue:i,isShown:d,hideStepExpanded:u,imageId:m,imagesData:x,next:g,prev:h,isNextActive:f,stepsActionData:C,currentStepIndex:k}=e,[N,y]=(0,r.useState)(null);return(0,a.jsxs)("div",{className:c()(B().mainWrapper,{[B().mainWrapperShown]:d}),children:[(0,a.jsx)("div",{className:c()(B().row),children:(0,a.jsxs)("div",{className:c()(S().container,B().container,B().header),children:[(0,a.jsx)("div",{className:c()(B().headerTitle),children:"Preview styles"}),(0,a.jsx)("div",{className:c()(B().formGroup),children:s.map(e=>(0,a.jsxs)("div",{className:c()(j().formControlGroup,D().formControlGroup,B().formControlGroup),children:[(0,a.jsx)(p.gN,{className:c()(j().formControl,j().formControlRadio,D().formControl,D().formControlRadio,{[D().formControlRadioPlayful]:"playful"===o,[D().formControlRadioEarhtone]:"Jenna"===o}),type:"radio",name:"styleInExpanded",value:e.value,disabled:e.disabled,id:"step3-expanded-".concat(e.title),onClick:()=>{i("style",e.value),y(e.value)}}),(0,a.jsxs)("label",{htmlFor:"step3-expanded-".concat(e.title),className:c()(j().formLabel,D().formLabel),onClick:()=>{l("white","center",e.title,"style","Quiz page","Button")},children:[(0,a.jsx)("span",{className:c()(D().labelTitle),children:e.title}),e.body&&(0,a.jsx)("span",{className:c()(D().labelText),children:e.body})]})]},"step3-".concat(e.value)))}),(0,a.jsx)("div",{className:c()(B().closeBtnWrapper),children:(0,a.jsx)("button",{className:c()(B().closeBtn),type:"button",onClick:()=>{u(),y(null)},children:(0,a.jsx)(b,{})})})]})}),(0,a.jsx)("div",{className:c()(B().row),style:{backgroundColor:n.bgColorExpanded},children:(0,a.jsx)("div",{className:c()(S().container,B().container),children:(0,a.jsxs)("div",{className:c()(B().containerInner),children:[(0,a.jsxs)("div",{className:c()(D().paletteWrapper,B().paletteWrapper),children:[(0,a.jsx)("div",{className:c()(D().paletteText),children:"Color palette:"}),(0,a.jsxs)("ul",{className:c()(D().palette),children:[""!==o&&(null===(t=s.filter(e=>e.value===o)[0])||void 0===t?void 0:t.colors.map((e,t,n)=>(0,a.jsx)("li",{className:c()(D().paletteItem,"paletteItemInExpanded"),style:{zIndex:n.length-t,backgroundColor:e}},e))),""===o&&["#979F9A","#E3E1E1","#868686","#B8C5B0","#576073","#E6E3DB"].map((e,t,n)=>(0,a.jsx)("li",{className:c()(D().paletteItem,"paletteItemInExpanded"),style:{zIndex:n.length-t,backgroundColor:e}},e))]})]}),d&&(0,a.jsx)(_,{formData:s,imageId:m,chosenValue:N,fieldValue:o,imagesData:x})]})})}),(0,a.jsx)("div",{className:c()(B().row),children:(0,a.jsx)("div",{className:c()(S().container,B().actionsContainer),children:(0,a.jsx)(v.default,{isNextActive:f,next:()=>{u(),g({}),y(null)},prev:()=>{u(),h(),y(null)},currentStepIndex:k,btnsData:{prevBtn:n.prevBtnExpanded||null,nextBtn:n.nextBtnExpanded||null},stepsActionData:C,className:c()(B().actions)})})})]})};I.defaultProps={isShown:!1,currentStepIndex:null},I.propTypes={step:o().shape({title:o().string,subTitle:o().string,prevBtnExpanded:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textDesktopDisabled:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcDesktopDisabled:o().string,iconSrcMobile:o().string,iconSrcMobileDisabled:o().string}),nextBtnExpanded:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcMobile:o().string}),bgColorExpanded:o().string}).isRequired,clickedCTA:o().func.isRequired,formData:o().arrayOf(o().shape({image:o().shape({})})).isRequired,imagesData:o().arrayOf(o().shape({})).isRequired,fieldValue:o().string.isRequired,imageId:o().string.isRequired,isS

1hown:o().bool,hideStepExpanded:o().func.isRequired,setFieldValue:o().func.isRequired,next:o().func.isRequired,prev:o().func.isRequired,isNextActive:o().bool.isRequired,stepsActionData:o().arrayOf(o().shape({prevBtn:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textDesktopDisabled:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcDesktopDisabled:o().string,iconSrcMobile:o().string,iconSrcMobileDisabled:o().string}),nextBtn:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcMobile:o().string})})).isRequired,currentStepIndex:o().number};var T=n(86079);let E=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0;return(0,a.jsx)("ul",{className:c()(D().palette,n),children:e.map((e,t,n)=>(0,a.jsx)("li",{className:c()(D().paletteItem,"paletteItem"),style:{zIndex:n.length-t,backgroundColor:e}},e))},t)},w=e=>{var t;let{step:n,clickedCTA:l,formData:s,fieldValue:o,setFieldValue:i,next:u,prev:b,isNextActive:m,stepsActionData:x,currentStepIndex:g,navigateByClickOnFormOption:h,values:f,hideMoreInfoColumn:_}=e,[v,C]=(0,r.useState)(!1),[k,N]=(0,r.useState)("picture1"),[y,B]=(0,r.useState)(!1),w=(0,r.useRef)(),{title:M,subTitle:R,titleMobile:W,subTitleMobile:L}=n,O=["#979F9A","#E3E1E1","#868686","#B8C5B0","#576073","#E6E3DB"],{age:A,weather:q}=f,F=[];if(s.length>0&&o){let e=s.find(e=>e.value===o),t=e?e.images:{};F=(F=t&&t["".concat(A,"_").concat(q)]||[]).filter(e=>{let{src:t}=e;return t})}let G=E((null===(t=s.find(e=>{let{value:t}=e;return t===o}))||void 0===t?void 0:t.colors)||O,"curPalette-".concat(o),D().singlePalette),P=s.map(e=>{let{value:t,colors:n}=e;return(0,a.jsx)("div",{className:c()(D().multiPaletteWrapper),children:E(n||O,"palette-".concat(t),D().multiPalette)},"paletteWrap-".concat(t))}),V=e=>()=>{window.innerWidth<992||(C(!0),N(e))},Z=()=>{!(window.innerWidth>=992)&&(null==w?void 0:w.current)&&(w.current.scrollTop=0)};return(0,r.useEffect)(()=>{(0,T.Z)()&&B(!0)},[]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:c()(j().step,D().step,{[D().stepNoMoreInfoCol]:_}),children:[(0,a.jsxs)("div",{className:c()(j().stepDescription),children:[M&&(0,a.jsx)("div",{className:c()(j().title,S().hiddenMD,D().title),dangerouslySetInnerHTML:{__html:M}}),R&&(0,a.jsx)("div",{className:c()(j().subTitle,S().hiddenMD,D().subTitle),dangerouslySetInnerHTML:{__html:R}}),W&&(0,a.jsx)("div",{className:c()(j().title,S().hiddenMLG,D().title),dangerouslySetInnerHTML:{__html:W}}),L&&(0,a.jsx)("div",{className:c()(j().subTitle,S().hiddenMLG,D().subTitle),dangerouslySetInnerHTML:{__html:L}})]}),(0,a.jsx)("div",{className:c()(j().formGroup,D().formGroup),children:s.map(e=>(0,a.jsxs)("div",{className:c()(j().formControlGroup,D().formControlGroup),children:[(0,a.jsx)(p.gN,{className:c()(j().formControl,j().formControlRadio,D().formControl,D().formControlRadio,{[D().formControlRadioPlayful]:"playful"===o,[D().formControlRadioEarhtone]:"Jenna"===o}),type:"radio",name:"style",value:e.value,disabled:e.disabled,id:"step3-".concat(e.title),onClick:()=>{i("styleInExpanded",e.value)}}),(0,a.jsxs)("label",{htmlFor:"step3-".concat(e.title),className:c()(j().formLabel,D().formLabel),onClick:()=>{l("white","center",e.title,"style","Quiz page","Button"),Z()},children:[(0,a.jsx)("span",{className:c()(D().labelTitle),children:e.title}),e.body&&(0,a.jsx)("span",{className:c()(D().labelText),children:e.body})]})]},"step3-".concat(e.value)))}),(0,a.jsx)("style",{children:"\n          .paletteItem:not(:first-of-type)::before {\n                border-right: 5px solid ".concat(n.bgColor&&"rgba(0, 0, 0, 0)"!==n.bgColor?n.bgColor:"#fff",";\n          }\n          .paletteItemInExpanded:not(:first-of-type)::before {\n                border-right: 5px solid ").concat(n.bgColorExpanded&&"rgba(0, 0, 0, 0)"!==n.bgColorExpanded?n.bgColorExpanded:"#fff",";\n          }\n          .embla_blockAfterViewport {\n            box-shadow: 100px 0 0 100px ").concat(n.bgColorExpanded&&"rgba(0, 0, 0, 0)"!==n.bgColorExpanded?n.bgColorExpanded:"#fff",";\n          }\n          ")}),(0,a.jsxs)("div",{className:c()(D().paletteWrapper),children:[(0,a.jsx)("div",{className:c()(D().paletteText),children:"Color palette:"}),_&&P,G]}),(0,a.jsx)("div",{className:c()(D().imagesWrapper,{[D().imagesWrapperSafari]:_&&y,[D().imagesWrapperUpTo6]:_&&F.length<=6}),ref:w,children:F.map(e=>(0,a.jsx)("div",{id:e.id,className:c()(D().imgWrapper,"desktop-img-wrapper"),onClick:V(e.id),children:(0,a.jsx)(d.Z,{block:{mobileImage:e.src,desktopImage:e.src},alt:e.alt,sizes:"(min-width: 1200px) 288px, (min-width: 992px) calc(56vw * 0.9 / 2), (min-width: 500px) 452px, calc(100vw - 48px)"})},e.id))})]}),(0,a.jsx)(I,{step:n,clickedCTA:l,formData:s,fieldValue:o,setFieldValue:i,isShown:v,hideStepExpanded:()=>C(!1),imageId:k,imagesData:F,defineImagesRatio:()=>{},next:u,prev:b,isNextActive:m,stepsActionData:x,currentStepIndex:g,navigateByClickOnFormOption:h})]})};w.defaultProps={currentStepIndex:null,navigateByClickOnFormOption:!1,hideMoreInfoColumn:!1}

1,w.propTypes={step:o().shape({title:o().string,subTitle:o().string,titleMobile:o().string,subTitleMobile:o().string,bgColor:o().string,bgColorExpanded:o().string}).isRequired,clickedCTA:o().func.isRequired,formData:o().arrayOf(o().shape({image:o().shape({}),value:o().string,images:o().shape({})})).isRequired,fieldValue:o().string.isRequired,setFieldValue:o().func.isRequired,next:o().func.isRequired,prev:o().func.isRequired,isNextActive:o().bool.isRequired,stepsActionData:o().arrayOf(o().shape({prevBtn:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textDesktopDisabled:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcDesktopDisabled:o().string,iconSrcMobile:o().string,iconSrcMobileDisabled:o().string}),nextBtn:o().shape({bgColor:o().string,bgColorDisabled:o().string,textDesktop:o().string,textMobile:o().string,btnTextBlack:o().bool,iconSrcDesktop:o().string,iconSrcMobile:o().string})})).isRequired,currentStepIndex:o().number,navigateByClickOnFormOption:o().bool,hideMoreInfoColumn:o().bool,values:o().shape({age:o().string,weather:o().string}).isRequired};var M=w},44117:function(e){e.exports={embla:"EmlaCarousel_embla__nh_4u",emblaViewport:"EmlaCarousel_emblaViewport__aU1VA",emblaContainer:"EmlaCarousel_emblaContainer__sz4LW",emblaSlide:"EmlaCarousel_emblaSlide__vHJxv",emblaSlideActive:"EmlaCarousel_emblaSlideActive__pFcUB",emblaSlideInner:"EmlaCarousel_emblaSlideInner__93dX8",emblaButton:"EmlaCarousel_emblaButton__g0ZZa",emblaButtonSvg:"EmlaCarousel_emblaButtonSvg__dpSik",emblaButtonPrev:"EmlaCarousel_emblaButtonPrev__cftZt",emblaButtonNext:"EmlaCarousel_emblaButtonNext__708cP",dots:"EmlaCarousel_dots__Xx2Pu",dot:"EmlaCarousel_dot__wBuGH",activeDot:"EmlaCarousel_activeDot__GTC3S"}},26124:function(e){e.exports={step:"Step3_step__9nezU",paletteWrapper:"Step3_paletteWrapper__uUwaJ",imagesWrapper:"Step3_imagesWrapper__jcPrG",formGroup:"Step3_formGroup__dPYpW",formControlGroup:"Step3_formControlGroup__IFu7U",formLabel:"Step3_formLabel__XJzNu",formControlRadio:"Step3_formControlRadio__q8Fzt",formControlRadioPlayful:"Step3_formControlRadioPlayful__ztpfF",formControlRadioEarhtone:"Step3_formControlRadioEarhtone__WQlvJ",paletteText:"Step3_paletteText__pGQHR",palette:"Step3_palette__fXUo_",paletteItem:"Step3_paletteItem__OD9e6",imgWrapper:"Step3_imgWrapper__Qfmyn",stepNoMoreInfoCol:"Step3_stepNoMoreInfoCol__izOpg",title:"Step3_title__cZfl4",subTitle:"Step3_subTitle__O38Qk",singlePalette:"Step3_singlePalette__RblCP",imagesWrapperUpTo6:"Step3_imagesWrapperUpTo6__28_20",imagesWrapperSafari:"Step3_imagesWrapperSafari__afU7d",multiPaletteWrapper:"Step3_multiPaletteWrapper__vHGrf"}},3499:function(e){e.exports={imagesWrapper:"StepCarousel_imagesWrapper__d_MIG",imgWrapper:"StepCarousel_imgWrapper__LMISQ",wrapperDots:"StepCarousel_wrapperDots__omqXV"}},95925:function(e){e.exports={mainWrapper:"StepExpanded_mainWrapper__k7Hh7",paletteWrapper:"StepExpanded_paletteWrapper__5a_Jk",mainWrapperShown:"StepExpanded_mainWrapperShown__qpGrU",row:"StepExpanded_row__hZysA",container:"StepExpanded_container__g7Gng",header:"StepExpanded_header__V2l06",headerTitle:"StepExpanded_headerTitle__V0nKm",closeBtnWrapper:"StepExpanded_closeBtnWrapper__GBxt_",closeBtn:"StepExpanded_closeBtn__IZvcw",formGroup:"StepExpanded_formGroup__vGRwB",formControlGroup:"StepExpanded_formControlGroup___YWkR",containerInner:"StepExpanded_containerInner__20XcY",actionsContainer:"StepExpanded_actionsContainer__jAS2D",actions:"StepExpanded_actions__b1haE"}}}]);