https://start.thefabulous.co/_next/static/chunks/3192-a51fa32d91396428.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3192],{2821:(e,t,n)=>{function r(){for(var e,t,n=0,r="",a=arguments.length;n<a;n++)(e=arguments[n])&&(t=function e(t){var n,r,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var i=t.length;for(n=0;n<i;n++)t[n]&&(r=e(t[n]))&&(a&&(a+=" "),a+=r)}else for(r in t)t[r]&&(a&&(a+=" "),a+=r);return a}(e))&&(r&&(r+=" "),r+=t);return r}n.d(t,{$:()=>r,A:()=>a});let a=r},16670:(e,t,n)=>{n.d(t,{A:()=>p});var r=n(12115),a=n(76952),i=n(81715),o=n(61357),l=n(75624),s=n(90059),d=n(91495),u=n(90613),c=n(95704);function p(e){var t,n,p,m,f,g;let{step:x,moveToNextStep:v}=e,{apps:h,dispatch:w}=(0,r.useContext)(a.I),{currentApp:b}=(0,i.A)(),y=(0,r.useRef)(!1);(0,r.useEffect)(()=>{y.current=!1},[null==x?void 0:x.stepId]);let A=!!(null==x||null==(n=x.animation)||null==(t=n.states)?void 0:t.length)||!!(null==x||null==(m=x.animation)||null==(p=m.stateFields)?void 0:p.length),k=(0,r.useCallback)(async e=>{if(x&&e){if(x.animation.onLoad)try{await (0,s.kd)("onLoad",x.animation.onLoad,{step:x,rive:e,answers:null==b?void 0:b.answers,dispatch:w,currentAppId:null==h?void 0:h.currentAppId,moveToNextStep:v})}catch(e){console.error("❌ [useRiveModelView] onLoad execution failed:",e)}if(x.animation.viewModelProperties)try{await (0,s.Z)(x,null==b?void 0:b.answers,e)}catch(e){console.error("❌ [useRiveModelView] Failed to initialize view model properties:",e)}if("true"===c.env.NEXT_PUBLIC_E2E_TESTS&&(window.__rive=e,window.__riveStepId=x.stepId),x.animation.triggers){let t=function(e){let{moveToNextStep:t,dispatch:n,step:r,answers:a,rive:i,currentAppId:o}=e;if(!r.animation.triggers||"object"!=typeof r.animation.triggers||0===Object.keys(r.animation.triggers).length)return{};let l=r.animation.triggers;return(0,s.uR)(l,{step:r,rive:i,answers:a,dispatch:n,currentAppId:o,moveToNextStep:t})}({moveToNextStep:v,dispatch:w,step:x,answers:null==b?void 0:b.answers,rive:e,currentAppId:null==h?void 0:h.currentAppId});Object.keys(x.animation.triggers).forEach(async n=>{let r=function(e,t){let n=e.viewModelInstance;if(!n)return null;if(!t.includes("."))return n.trigger(t);let r=t.split("."),a=r.pop(),i=n;for(let e of r)if(!(i=(null==i?void 0:i.viewModel)?i.viewModel(e):null))return(0,o.nA)('Nested VM segment "'.concat(e,'" not found while resolving trigger "').concat(t,'"'),"Rive",Error("Nested VM segment missing"),{triggerName:t,segment:e}),null;return i.trigger?i.trigger(a):null}(e,n),a=t[n];r&&a?r.on(async()=>{try{await a()}catch(e){console.error('❌ [useRiveModelView] Trigger callback failed for "'.concat(n,'":'),e)}}):console.warn('❌ [useRiveModelView] Trigger setup failed for "'.concat(n,'":'),{trigger:!!r,callback:!!a})})}}},[x,null==b?void 0:b.answers,w,null==h?void 0:h.currentAppId,v]),I=!!((null==x||null==(f=x.animation)?void 0:f.triggers)&&Object.keys(x.animation.triggers).length>0)||!!((null==x||null==(g=x.animation)?void 0:g.viewModelProperties)&&Object.keys(x.animation.viewModelProperties).length>0),j=(0,r.useCallback)(e=>{k(e)},[k]),N=(0,r.useCallback)(async(e,t)=>{if(x)try{await (0,d.O)(e,t,{step:x,dispatch:w,currentAppId:null==h?void 0:h.currentAppId,answers:null==b?void 0:b.answers})}catch(e){(0,o.nA)("State change handler failed","Rive",e,{stepId:x.stepId})}},[x,w,null==h?void 0:h.currentAppId,null==b?void 0:b.answers]);return{viewModel:I?j:void 0,onStateChange:A&&x?N:void 0,onRiveReady:(0,r.useCallback)(e=>{x&&!y.current&&(y.current=!0,(0,o.sx)({eventName:l.lZ.RIVE_SHOWN,properties:{stepId:x.stepId,animationUrl:x.animation.url,renderer:x.animation.renderer||u.Q.Canvas}}))},[x])}}},19430:(e,t,n)=>{n.d(t,{A:()=>a});var r=n(95155);let a=e=>{let{className:t="",text:n,style:a={},useHTML:i=!1}=e;return(0,r.jsx)("h2",{className:t,style:a,children:i?(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:n}}):n})}},23192:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(95155),a=n(90613),i=n(92629),o=n(12115),l=n(44801),s=n(19430),d=n(47777),u=n(84591),c=n(51670),p=n(28311),m=n(16670);let f=e=>{var t,n;let{step:f,moveToNextStep:g,loadedAssets:x}=e,[v,h]=(0,o.useState)("relative"),[w,b]=(0,o.useState)(!1),{width:y,height:A,isMobile:k}=(0,u.A)(),I=(0,o.useCallback)(()=>{b(!0),g()},[g]),{viewModel:j,onStateChange:N,onRiveReady:C}=(0,m.A)({step:f,moveToNextStep:I});return(0,o.useEffect)(()=>{h(y<=550?"fixed":"relative")},[y]),(0,r.jsxs)(i.A,{style:{backgroundColor:f.backgroundColor,color:f.textColor,...(0,c.A)(f,k)},shouldFadeOut:!0,animateOut:w,innerContainerStyle:{display:"flex",alignItems:"center",position:v,top:0},nextButtonConfig:f.ctaText?{text:f.ctaText,style:{backgroundColor:f.ctaBackgroun

1dColor,color:f.ctaColor}}:null,moveToNextStep:g,hideProgressBar:!!f.hideProgressBar,...(0,p.A)(f),children:[f.title&&(0,r.jsx)(l.A,{text:f.title,className:"animate-fadeInLinear absolute top-0 md:top-[72px] text-center font-bold leading-[24.2px] text-[20px] xs:text-base xs:leading-5",style:{animationDuration:"".concat(null!=(t=f.fadeInDuration)?t:500,"ms")}}),(0,r.jsx)("div",{className:"m-auto sm:rounded-40 sm:overflow-hidden fixed sm:static inset-0",style:{width:k?y:360,height:k?A:640},children:(0,r.jsx)(d.A,{moveToNextStep:I,step:f,loadedAssets:x,renderer:f.animation.renderer||a.Q.Canvas,viewModel:j,onStateChange:N,onRiveReady:C})}),f.subtitle&&(0,r.jsx)(s.A,{text:f.subtitle,className:"animate-fadeInLinear fixed md:absolute text-center bottom-0 p-6 pb-9 font-medium leading-[18px] xs:text-[13px] xs:leading-[15px]",style:{animationDuration:"".concat(null!=(n=f.fadeInDuration)?n:500,"ms")}})]})}},25016:(e,t,n)=>{n.d(t,{cn:()=>i});var r=n(2821),a=n(75889);function i(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,a.QP)((0,r.$)(t))}},28311:(e,t,n)=>{n.d(t,{A:()=>r});function r(e){return{fadeOutDuration:e.fadeOutDuration,fadeInDuration:e.fadeInDuration}}},35952:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(95155),a=n(88144),i=n(81715),o=n(25016),l=n(33095),s=n(86842);let d=e=>{var t,n,d,u;let{isSkippable:c,soundEffect:p,...m}=e,{play:f}=(0,s.G)({src:p}),{isFirstStep:g}=(0,i.A)(),x=(0,a.A)();return(0,r.jsxs)("button",{...m,onClick:()=>{f(),m.onClick()},className:(0,o.cn)("cta-button group sm:absolute flex justify-center items-center font-medium text-base pt-3.5 pb-3.5 rounded-10 w-[calc(100%-48px)] sm:!m

1in-w-[100px] !min-w-[calc(100vw-48px)] m-auto",x?"static mt-6":(0,o.cn)("fixed right-6 left-6 xs:left-4 xs:right-4 xs:w-[calc(100%-32px)]",{"bottom-14":c,"bottom-6":!c}),!g&&"animate-opacity0To100"),style:{...e.style,opacity:e.disabled?"70%":"100%"},"data-testid":"go-to-next-step",children:[(0,r.jsx)("span",{className:"pr-1 block ".concat(!(null==e||null==(t=e.style)?void 0:t.hideArrow)&&"-ml-[25px]"),children:e.text}),!(null==e||null==(n=e.style)?void 0:n.hideArrow)&&(0,r.jsx)("div",{children:(0,r.jsx)("div",{style:{[l.A.CTA_ARROW_BEFORE_BG]:null==(d=e.style)?void 0:d.color,backgroundColor:null==(u=e.style)?void 0:u.color},className:"cta-arrow transition-all duration-500 absolute before:absolute after:absolute after:rotate-[45deg] before:-rotate-[45deg] h-[2.29px] w-[14.86px] after:h-[2.29px] after:w-[10px] before:h-[2.29px] before:w-[10px] before:top-[3px] after:-top-[3px] ".concat(e.disabled?"":"md:group-hover:w-[32px]"," before:-right-[3.8px] after:-right-[3.8px]")})})]})}},51670:(e,t,n)=>{n.d(t,{A:()=>r});let r=(e,t)=>{if(!(null==e?void 0:e.desktopBackground)&&!(null==e?void 0:e.backgroundImage))return{};let n=t?e.backgroundImage:e.desktopBackground;return{backgroundImage:"url(".concat(n,")")}}},51948:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(95155),a=n(81715),i=n(84591);function o(e){let{className:t="",style:n={}}=e,{onboarding:o,onboardingProgress:l}=(0,a.A)(),{isMobile:s}=(0,i.A)();if(!o.logoWithProgressBar)return(0,r.jsx)("div",{className:"pt-[80px] md:pt-[98px]"});

1let{logoImage:d,logoWidth:u,progressBarBackground:c,progressBarColor:p,logoHeightMobile:m,logoHeight:f,logoWidthMobile:g}=o.logoWithProgressBar;return(0,r.jsxs)("header",{className:"pt-[24px] md:pt-[40px] max-w-[570px] m-auto ".concat(t," z-30"),style:n,children:[(0,r.jsx)("div",{style:{backgroundImage:"url(".concat(d,")"),width:s?g:u,height:s?m:f},className:"bg-contain bg-no-repeat bg-center mx-auto min-h-[40px]"}),(0,r.jsx)("div",{className:"h-[4px] mt-3 rounded-[2.5px]",style:{background:c},children:(0,r.jsx)("div",{style:{background:p,width:"".concat(l||1,"%")},className:"h-[4px] rounded-[2.5px]"})})]})}},88144:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(12115);let a=null;function i(){return!!window.visualViewport&&(null===a&&(a=window.visualViewport?window.visualViewport.height:0),a-300>window.visualViewport.height)}function o(){let[e,t]=(0,r.useState)(i);return(0,r.useEffect)(()=>{let e=window.visualViewport;if(!e)return;let n=()=>t(i());return e.addEventListener("resize",n),()=>e.removeEventListener("resize",n)},[]),e}},92629:(e,t,n)=>{n.d(t,{A:()=>d});var r=n(95155),a=n(12115),i=n(51948),o=n(35952),l=n(88144),s=n(81715);function d(e){var t,n;let{style:d={},moveToNextStep:u,nextButtonConfig:c,innerContainerStyle:p={},children:m,isAutoNext:f,shouldFadeOut:g=!0,shouldFadeIn:x=!0,showFullScreen:v=!1,hideProgressBar:h=!1,progressBarStyle:w={},fadeOutDuration:b,fadeInDuration:y,animateOut:A}=e,[k,I]=(0,a.useState)(!1);(0,a.useEffect)(()=>{A&&I(!0)},[A]);let j=(0,l.A)(),[N,C]=(0,a.useState)(!1),{isFirstStep:E,onboarding:S}=(0,s.A)();(0,a.useEffect)(()=>{let e;if(f)return e=setTimeout(()=>{_()},6e3),()=>clearInterval(e)},[]);let _=()=>{g&&I(!0),u&&u()};return(0,a.useEffect)(()=>{setTimeout(()=>{C(!0)},(null==c?void 0:c.showButtonsDelay)||0)},[]),(0,r.jsx)("div",{className:"min-h-[100dvh] flex justify-center align-center items-center bg-cover no-repeat bg-fixed",style:d,children:(0,r.jsxs)("main",{style:{...p,animationFillMode:"forwards",animationDuration:k?"".concat(null!=b?b:400,"ms"):"".concat(null!=y?y:500,"ms"),...j&&!v&&{flexDirection:"column",position:"fixed",top:"30%",translate:"transformY(-30%)",paddingTop:"102px",maxWidth:"100vw",overflowY:"hidden"}},className:"".concat(k&&"animate-fadeoutLinear"," ").concat(x&&!E&&"animate-fadeInLinear"," m-auto ").concat(v?"min-h-[100dvh]":"xs:min-h-max min-h-640 sm:max-w-360 sm:w-360"," relative w-full h-full sm:rounded-40 bg-center bg-cover bg-no-repeat md:bg-contain"),children:[!h&&(null==S?void 0:S.logoWithProgressBar)&&(0,r.jsx)(i.A,{className:"fixed md:!pt-6 top-0 right-6 left-6 md:left-0 md:right-0 lg:max-w-[312px]",style:w}),m,c&&u&&N&&(0,r.jsx)("div",{className:(null==(t=c.wrapper)?void 0:t.className)||"",style:(null==(n=c.wrapper)?void 0:n.style)||{},children:(0,r.jsx)(o.A,{text:c.text,soundEffect:c.soundEffect,onClick:_,style:c.style,disabled:c.disabled,isSkippable:c.isSkippable})})]})})}}}]);