https://upchoose.com/_next/static/chunks/5710.5178553806436255.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5710],{33634:function(e,t,o){"use strict";o.d(t,{Z:function(){return v}});var s=o(85893),l=o(67294),n=o(45697),r=o.n(n),i=o(89382),a=o(93967),d=o.n(a),p=o(77451),c=o(96143),u=o(44117),m=o.n(u);let b=e=>{let{selected:t=!1,onClick:o}=e;return(0,s.jsx)("button",{className:d()(m().dot,{[m().activeDot]:t}),type:"button",onClick:o})},g=e=>{let{enabled:t,onClick:o,children:l=null}=e;return(0,s.jsx)("button",{className:d()(m().emblaButton,m().emblaButtonPrev),type:"button",onClick:o,disabled:!t,children:l||(0,s.jsx)("svg",{className:d()(m().emblaButtonSvg),width:"36",height:"36",viewBox:"0 0 36 36",fill:"none",children:(0,s.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"})})})},_=e=>{let{enabled:t,onClick:o,children:l=null}=e;return(0,s.jsx)("button",{className:d()(m().emblaButton,m().emblaButtonNext),type:"button",onClick:o,disabled:!t,children:l||(0,s.jsx)("svg",{className:d()(m().emblaButtonSvg),width:"38",height:"38",viewBox:"0 0 38 38",fill:"none",children:(0,s.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"})})})};g.propTypes={enabled:r().bool.isRequired,onClick:r().func.isRequired,children:r().oneOfType([r().elementType,r().object,r().string])},_.propTypes={enabled:r().bool.isRequired,onClick:r().func.isRequired,children:r().oneOfType([r().elementType,r().object,r().string])},b.propTypes={selected:r().bool,onClick:r().func.isRequired};let h=e=>{var t,o;let{slides:n,children:r,height:a=0,slideML:u=0,slideWidth:h="100%",options:v={},className:x="",showDots:C=!1,showNav:f=!0,is1slideML:I=!1,allowReinit:S=!1,onSelectFn:k=null,slideWidths:w=[],showBlockAfterViewport:B=!1,navContent:T=[],multipleItemsInView:j=!1,indexScrollTo:W=null}=e,y=[];(null===(t=v.autoplay)||void 0===t?void 0:t.enabled)&&y.push((0,p.Z)({...v.auto

1play})),(null===(o=v.autoscroll)||void 0===o?void 0:o.enabled)&&y.push((0,c.Z)({...v.autoscroll}));let[N,L]=(0,i.Z)(v,y),[H,O]=(0,l.useState)(!1),[Z,M]=(0,l.useState)(!1),[E,R]=(0,l.useState)(0),[P,U]=(0,l.useState)([]),[D,q]=(0,l.useState)({}),[F,A]=T,V=e=>e.reduce((e,t)=>(e[t]=!0,e),{}),z=(0,l.useCallback)(()=>L&&L.scrollPrev(),[L]),G=(0,l.useCallback)(()=>L&&L.scrollNext(),[L]),X=(0,l.useCallback)(e=>L&&L.scrollTo(e),[L]),J=(0,l.useCallback)(()=>{if(L&&(R(L.selectedScrollSnap()),O(L.canScrollPrev()),M(L.canScrollNext()),k&&k(L.selectedScrollSnap()),j)){let e=V(L.slidesInView(!0));q(e),e[n.length-1]&&M(!1)}},[L,R,k,j,n.length]);(0,l.useEffect)(()=>{if(!L)return;L.on("select",J),J(),U(L.scrollSnapList());let e=setTimeout(()=>{U(L.scrollSnapList())},700);return()=>{clearTimeout(e)}},[L,U,J,r]),(0,l.useEffect)(()=>{L&&S&&L.reInit(v)},[L,S,n,v,r]);let K=l.Children.toArray(r),Y=e=>{let t=0!==e?"".concat(u,"px"):0;return 0===e&&I&&(t="".concat(u,"px")),t};return(0,l.useEffect)(()=>{L&&null!==W&&X(W)},[L,W,X]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:d()(m().embla,x),children:[(0,s.jsx)("div",{className:d()(m().emblaViewport),ref:N,children:(0,s.jsx)("div",{className:d()(m().emblaContainer),children:K.map((e,t)=>(0,s.jsx)("div",{className:d()(m().emblaSlide,{[m().emblaSlideActive]:E===t||D[t]}),style:{marginLeft:Y(t),minWidth:w[t]||h||"",maxWidth:w[t]||h||""},children:(0,s.jsx)("div",{className:d()(m().emblaSlideInner),style:{height:a?"".concat(a,"px"):"auto"},children:e})},"slide-".concat(n[t].id||n[t].src||n[t].id+t)))})}),f&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(g,{onClick:z,enabled:H,children:F}),(0,s.jsx)(_,{onClick:G,enabled:Z,children:A})]}),B&&(0,s.jsx)("div",{className:"embla_blockAfterViewport"})]}),C&&(0,s.jsx)("div",{className:d()(m().dots),children:P.map((e,t)=>{var o,l;return(0,s.jsx)(b,{selected:t===E,onClick:()=>X(t)},"dot-".concat((null===(o=n[t])||void 0===o?void 0:o.id)||(null===(l=n[t])||void 0===l?void 0:l.src)+t))})})]})};var v=h;h.propTypes={options:r().shape({align:r().string,skipSnaps:r().bool,autoplay:r().shape({enabled:r().bool,delay:r().number,stopOnInteraction:r().bool,stopOnMouseEnter:r().bool,stopOnFocusIn:r().bool,stopOnLastSnap:r().bool}),autoscroll:r().shape({enabled:r().bool,speed:r().number,stopOnInteraction:r().bool,stopOnMouseEnter:r().bool,stopOnFocusIn:r().bool})}),height:r().oneOfType([r().number,r().string]),slideML:r().number,slideWidth:r().string,children:r().arrayOf(r().element).isRequired,slides:r().arrayOf(r().shape({src:r().string,id:r().oneOfType([r().string,r().number])})).isRequired,className:r().string,showDots:r().bool,showNav:r().bool,is1slideML:r().bool,allowReinit:r().bool,showBlockAfterViewport:r().bool,onSelectFn:r().func,slideWidths:r().arrayOf(r().oneOfType([r().number,r().string])),navContent:r().arrayOf(r().oneOfType([r().element,r().string])),multipleItemsInView:r().bool,indexScrollTo:r().number}},5710:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return N}});var s,l,n=o(85893),r=o(45697),i=o.n(r),a=o(67294),d=o(93967),p=o.n(d),c=o(1216),u=o(89933),m=o(33634),b=o(5290);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var s in o)({}).hasOwnProperty.call(o,s)&&(e[s]=o[s])}return e}).apply(null,arguments)}var _=function(e){return a.createElement("svg",g({width:20,height:20,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),s||(s=a.createElement("path",{d:"M15.472 16.457L3.544 4.528a.232.232 0 010-.328l.656-.656a.232.232 0 01.328 0l11.929 11.928a.232.232 0 010 .328l-.657.657a.232.232 0 01-.328 0z",fill:"#000"})),l||(l=a.createElement("path",{d:"M15.472 3.543L3.544 15.472a.232.232 0 000 .328l.656.656a.232.232 0 00.328 0L16.457 4.528a.232.232 0 000-.328l-.657-.657a.232.232 0 00-.328 0z",fill:"#000"})))},h=o(46376),v=o.n(h),x=e=>{let t,{step:o,setImages:s,setActiveIndex:l,setIsPopupShown:r,getLegend:i,isOdd:a}=e,{width:d}=(0,b.Z)(),c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,o=arguments.length>2?arguments[2]:void 0;return o&&t<800?[...e].reverse():e}(o.images,d,a);return(0,n.jsx)(m.Z,{options:a?{align:d>=800?"end":"start",skipSnaps:!1,containScroll:d>

1=800?"":"keepSnaps",startIndex:(t=o.images).length>0&&d>=800?t.length-1:0}:{align:"start",skipSnaps:!1,containScroll:d>=800?"":"keepSnaps"},slides:c,slideML:d>=800?32:8,slideWidth:d>=800?"calc( 100% - 112px )":"220px",showNav:d>=800,allowReinit:!0,children:c.filter(e=>""!==e.src).map((e,t)=>(0,n.jsxs)("div",{className:p()(v().stepSlide),children:[(0,n.jsx)("div",{className:p()(v().imgWrapper),style:{height:"".concat(d>=800?490:208,"px")},onClick:()=>{s(c),l(t),r(!0)},children:(0,n.jsx)(u.Z,{block:{mobileImage:e.src,desktopImage:e.src},alt:e.alt,desktopWidth:"600px",mobileWidth:"150px",width:600,height:490})}),i(e,d)&&(0,n.jsx)("div",{className:p()(v().imgLegend),dangerouslySetInnerHTML:{__html:i(e,d)}})]},e.src))})},C=o(75035),f=o(28499),I=o(28179),S=o.n(I),k=o(44536),w=o.n(k),B=o(35774),T=o(61351),j=o(60484),W=o(45512);let y=e=>{let{howItWorks:t,withPreloadImage:o=!1}=e,[s,l]=(0,a.useState)(!1),[r,i]=(0,a.useState)([]),[d,g]=(0,a.useState)(0),h=W.Z.clickedCTA,{step1:I,step2:k,step3:y,doteLine:N,bgColor:L,extraSteps:H,subTitleMobile:O,titleMobile:Z}=t,{title:M,subTitle:E}=t,{width:R,height:P}=(0,b.Z)();M=R>=992?M:Z,E=R>=992?E:O;let U=p()("food-separator","food-separator_home","food-separator-section",{"food-separator-hide":!N}),D=e=>{let t=(0,j.H)(e);return t.url=(0,T.Z)(t.url,e.productId),t},q=[{...I,id:"step1",mainButton:D(I)},{...k,id:"step2",mainButton:D(k)},{...y,id:"step3",mainButton:D(y)},...(H||[]).map((e,t)=>({...e,id:"extra-".concat(t),mainButton:D(e)}))],F=(e,t)=>t>=800?e.title||"":e.titleMobile||"",A=(e,t)=>e.hasOwnProperty("isReversed")?!0===e.isReversed:t%2==1;return(0,n.jsxs)(n.Fragment,{children:[o&&q.slice(0,2).map(e=>e.images).flat().filter(e=>""!==e.src).map(e=>(0,n.jsx)(f.Z,{src:e.src,sizes:"(min-width: 800px) 600px, 150px",id:"hiw-preloadImage-".concat(e.id||e.src)},"preloadWrapper-".concat(e.id||e.src))),N&&(0,n.jsx)("div",{className:U}),(0,n.jsxs)("section",{className:p()(S().section,{[S().sectionPT]:!N}),style:{backgroundColor:L||""},id:"how-it-works",children:[(0,n.jsxs)("div",{className:p()(w().container),children:[M&&(0,n.jsx)("div",{className:p()(S().title),dangerouslySetInnerHTML:{__html:M}}),E&&(0,n.jsx)("div",{className:p()(S().subTitle),dangerouslySetInnerHTML:{__html:E}})]}),(0,n.jsx)("div",{className:p()(v().steps,{[v().stepsAfterSubtitle]:E}),children:q.map((e,t)=>{var o,s,r,a;return(0,n.jsxs)("div",{className:p()(v().step,{[v().step2]:A(e,t)}),children:[(0,n.jsxs)("div",{className:p()(v().stepContent),children:[e.title&&(0,n.jsx)("div",{className:p()(v().stepTitle),dangerouslySetInnerHTML:{__html:e.title}}),e.subTitle&&(0,n.jsx)("div",{className:p()(v().stepText),dangerouslySetInnerHTML:{__html:e.subTitle}}),(!(null===(o=e.mainButton)||void 0===o?void 0:o.hide)&&(null===(s=e.mainButton)||void 0===s?void 0:s.text)||!(null===(r=e.secondButton)||void 0===r?void 0:r.hide)&&(null===(a=e.secondButton)||void 0===a?void 0:a.text))&&(0,n.jsxs)("div",{className:p()(w().btnWrapper,w().hiddenXS,v().btnWrapper,w().btnWrappe),children:[(0,n.jsx)(C.Z,{data:e.mainButton||{},onClick:t=>{var o,s;(0,B.Z)(null===(o=e.mainButton)||void 0===o?void 0:o.scrollToId)(t),h("tomato","center",null===(s=e.mainButton)||void 0===s?void 0:s.text,"quiz","Home Page","Button")}}),(0,n.jsx)(C.Z,{data:e.secondButton||{},onClick:t=>{var o,s;(0,B.Z)(null===(o=e.secondButton)||void 0===o?void 0:o.scrollToId)(t),h("tomato","center",null===(s=e.secondButton)||void 0===s?void 0:s.text,"quiz","Home Page","Button")}})]})]}),(0,n.jsx)("div",{className:p()(v().images,v().carouselWrapper,v().alignedLeft,{[v().alignedRight]:A(e,t)}),children:(0,n.jsx)(c.ZP,{offset:100,children:(0,n.jsx)(x,{step:e,setImages:i,setActiveIndex:g,setIsPopupShown:l,getLegend:F,isOdd:A(e,t)})})})]},"s-".concat(e.id))})})]}),s&&R<800&&(0,n.jsxs)("div",{className:p()(v().popup,S().wrapperDotsMobile),children:[(0,n.jsx)("div",{className:p()(v().closeBtnWrapper),children:(0,n.jsx)("button",{className:p()(v().closeBtn),type:"button",onClick:()=>l(!1),children:(0,n.jsx)(_,{})})}),(0,n.jsx)("div",{className:p()(v().popupCarouselWrapper),children:(0,n.jsx)(m.Z,{slides:r.map(e=>({...e,id:"popup_".concat(e.id)})),options:{align:"start",skipSnaps:!1,startIndex:d,containScroll:"keepSnaps"},height:P-114,slideML:8,slideWidth:"calc( 100% - 8px )",showNav:!1,showDots:!0,children:r.filter(e=>""!==e.src).map(e=>(0,n.jsxs)("div",{className:p()(v().popupImgWrapper),children:[(0,n.jsx)(u.Z,{block:{mobileImage:e.src,desktopImage:e.src},alt:e.alt,mobileWidth:"calc( 100% - 8px )"}),F(e,R)&&(0,n.jsx)("div",{className:p()(v().imgLegend),dangerouslySetInnerHTML:{__html:F(e,R)}})]},"popup_".concat(e.src)))})})]})]})};var N=y;

1y.propTypes={howItWorks:i().shape({title:i().string,subTitle:i().string,titleMobile:i().string,subTitleMobile:i().string,bgColor:i().string,step1:i().shape({title:i().string,subTitle:i().string,images:i().arrayOf(i().shape({id:i().oneOfType([i().string,i().number]),src:i().string,alt:i().string,title:i().string})),button:i().string,buttonId:i().string,buttonURL:i().string,buttonBgColor:i().string,buttonBorderColor:i().string,hideButton:i().bool,buttonScrollToEnable:i().bool,buttonScrollToId:i().string,mainButton:i().shape({}),secondButton:i().shape({}),isReversed:i().bool,productId:i().string}),step2:i().shape({title:i().string,subTitle:i().string,images:i().arrayOf(i().shape({id:i().oneOfType([i().string,i().number]),src:i().string,alt:i().string})),button:i().string,buttonId:i().string,buttonURL:i().string,buttonBgColor:i().string,buttonBorderColor:i().string,hideButton:i().bool,buttonScrollToEnable:i().bool,buttonScrollToId:i().string,mainButton:i().shape({}),secondButton:i().shape({}),isReversed:i().bool,productId:i().string}),step3:i().shape({title:i().string,subTitle:i().string,images:i().arrayOf(i().shape({id:i().oneOfType([i().string,i().number]),src:i().string,alt:i().string})),button:i().string,buttonId:i().string,buttonURL:i().string,buttonBgColor:i().string,buttonBorderColor:i().string,buttonScrollToEnable:i().bool,buttonScrollToId:i().string,hideButton:i().bool,mainButton:i().shape({}),secondButton:i().shape({}),isReversed:i().bool,productId:i().string}),extraSteps:i().arrayOf(i().shape({title:i().string,subTitle:i().string,images:i().arrayOf(i().shape({id:i().oneOfType([i().string,i().number]),src:i().string,alt:i().string,title:i().string})),button:i().string,buttonId:i().string,buttonURL:i().string,buttonBgColor:i().string,buttonBorderColor:i().string,buttonScrollToEnable:i().bool,buttonScrollToId:i().string,hideButton:i().bool,secondButton:i().shape({}),isReversed:i().bool,productId:i().string})),doteLine:i().bool}).isRequired,withPreloadImage:i().bool}},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"}},28179:function(e){e.exports={section:"homeUtils_section__NMo7n",sectionPT:"homeUtils_sectionPT__CzbOu",sectionGray:"homeUtils_sectionGray__bO6eC",sectionDarkBlue:"homeUtils_sectionDarkBlue__W_2_W",title:"homeUtils_title__Rb_gB",subTitle:"homeUtils_subTitle__PCaU6",wrapperDotsMobile:"homeUtils_wrapperDotsMobile__R5kiF","food-separator-section":"homeUtils_food-separator-section__7Keb4","food-separator-hide":"homeUtils_food-separator-hide__nCaiV","food-separator":"homeUtils_food-separator__D0M2Z","food-separator_home":"homeUtils_food-separator_home__6yYDe","food-separator--1-5x":"homeUtils_food-separator--1-5x__wKfbz"}},46376:function(e){e.exports={steps:"HowItWorks_steps__jNZ3j",step:"HowItWorks_step__9leqk",stepContent:"HowItWorks_stepContent__Sbp3h",stepText:"HowItWorks_stepText__u06EH",btnWrapper:"HowItWorks_btnWrapper__IDs7s",stepTitle:"HowItWorks_stepTitle__qaZ8q",images:"HowItWorks_images__D4eIt",imgWrapper:"HowItWorks_imgWrapper__T9xXP",carouselWrapper:"HowItWorks_carouselWrapper__O_qCx",imgLegend:"HowItWorks_imgLegend__FCHN8",popup:"HowItWorks_popup__pMX5m",closeBtnWrapper:"HowItWorks_closeBtnWrapper__HgY5P",closeBtn:"HowItWorks_closeBtn__DFsNT",popupImgWrapper:"HowItWorks_popupImgWrapper__7GJDz",popupCarouselWrapper:"HowItWorks_popupCarouselWrapper__r4yWU",step2:"HowItWorks_step2__aTA2u",alignedLeft:"HowItWorks_alignedLeft__74NlG",alignedRight:"HowItWorks_alignedRight__TFxqR",stepsAfterSubtitle:"HowItWorks_stepsAfterSubtitle__tgQgf"}}}]);