https://woofz.academy/js/UrgePage.DACXmjwa.js

1import{x as e,r as t,u as o,j as r}from"./vendor.mIPXQGLM.js";import{l as s}from"./@lottie.KPmlgv_O.js";import{B as i,bd as a,b1 as n,a as g,b2 as d,be as m,b3 as p,F as l,u,c as x,b9 as c,b6 as h,b4 as j}from"./index.bundle.js";import{g as b}from"./getQuestionAnswers.D9THbdr-.js";import{l as k,M as y,y as f,ay as E,H as _}from"./@constants.BRV_txzJ.js";import{B as v}from"./BgPreloadingMediaProvider.C7NtcM6G.js";import{A as w}from"./dark-arrow.Zbz6C8RA.js";import{D as I,a as N}from"./constants.fO9YrEUU.js";import{a as $}from"./helpers.CGavr9I-.js";import{u as M,T as P}from"./@i18n.Cv0A4uHT.js";import"./@amplitude.yMGOHWCQ.js";import"./@xstate.CEsnlirg.js";import"./@firebase.Bkc6--w4.js";import"./@react-router.hFdD-ZA2.js";import"./@lodash.D8yALn-Z.js";import"./@rudderstack.DVYreKjc.js";import"./useBgImagePreloadWorker.Cgvk21d7.js";import"./yorkshire-terrier-6.B3YyY1pZ.js";const T={v:"5.9.0",fr:60,ip:0,op:100,w:30,h:58,assets:[{id:"comp_0",fr:60,layers:[{ind:1,ty:4,ks:{o:{k:100},r:{k:0},p:{a:1,k:[{i:{x:.67,y:1},o:{x:.33,y:0},t:0,s:[15.14,23.9,0],to:[0,1.67,0],ti:[0,0,0]},{i:{x:.67,y:1},o:{x:.33,y:0},t:50,s:[15.14,33.9,0],to:[0,0,0],ti:[0,1.67,0]},{t:100,s:[15.14,23.9,0]}],l:2},a:{k:[0,0,0],l:2},s:{a:1,k:[{i:{x:[.75,.75,.83],y:[1,1,1]},o:{x:[.62,.63,.33],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.38,.38,.67],y:[1,1,1]},o:{x:[.25,.25,.17],y:[0,0,0]},t:43,s:[80,100,100]},{t:100,s:[100,100,100]}],l:2}},shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:1,k:[{i:{x:.76,y:1},o:{x:.99,y:0},t:0,s:[{i:[[.31,-1.07],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.07],[0,0],[-1.03,-.99],[0,0],[-.62,.58],[0,0],[1.64,.66],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.14,.29],[0,0],[0,0],[0,0],[.95,.58],[0,0],[0,0],[0,0],[.07,.03],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.03,.01],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.01,.07],[0,0],[-.36,.29],[0,0],[.38,.26],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.11,-.62],[0,0],[0,0],[0,0],[.01,-.37],[0,0],[0,0],[0,0],[-.06,-.04],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.01],[0,0],[-.46,-.07]],v:[[-3.46,-19.97],[-3.5,-17.33],[-3.5,-17.33],[-3.55,-6.68],[-3.55,-6.68],[-3.53,-4.11],[-3.53,-4.11],[-3.49,-1.95],[-3.49,-1.95],[-3.28,4.29],[-3.28,4.29],[-2.56,11.52],[-2.52,11.73],[-7.09,12.5],[-6.77,14.37],[-.73,20.82],[.9,20.75],[7.1,14.72],[6.1,12.71],[2.54,12.28],[2.44,8.39],[2.44,8.39],[2.38,4.31],[2.38,4.31],[2.38,-6.38],[2.38,-6.38],[2.76,-14.52],[2.76,-14.52],[2.81,-15.04],[2.81,-15.04],[2.88,-15.52],[2.88,-15.52],[2.94,-15.96],[3.31,-17.34],[3.32,-17.43],[3.32,-17.43],[3.33,-17.53],[2.29,-19.29],[2.09,-19.4],[2.09,-19.4],[1.68,-19.61],[1.48,-19.71],[1.09,-19.9],[1.09,-19.9],[.7,-20.07],[.7,-20.07],[.16,-20.31],[.16,-20.31],[-.18,-20.44],[-.18,-20.44],[-.77,-20.67],[-.77,-20.67],[-1.3,-20.85],[-1.3,-20.85],[-1.55,-20.94],[-1.55,-20.94],[-1.71,-21],[-1.71,-21],[-1.82,-21.04],[-1.89,-21.06],[-2.03,-21.08]],c:!0}]},{i:{x:.76,y:1},o:{x:1,y:0},t:50,s:[{i:[[.31,-1.07],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.07],[0,0],[-1.03,-.99],[0,0],[-.62,.58],[0,0],[1.64,.66],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.14,.29],[0,0],[0,0],[0,0],[.95,.58],[0,0],[0,0],[0,0],[.07,.03],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.03,.01],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.01,.07],[0,0],[-.36,.29],[0,0],[.38,.26],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.11,-.62],[0,0],[0,0],[0,0],[.01,-.37],[0,0],[0,0],[0,0],[-.06,-.04],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.01],[0,0],[-.46,-.07]],v:[[-3.46,-13.1],[-3.48,-11.78],[-3.5,-10.46],[-3.5,-10.46],[-3.5,-10.46],[-3.52,-5.76],[-3.55,-1.06],[-3.55,-1.06],[-3.55,-1.06],[-3.28,4.91],[-3.28,4.91],[-2.56,11.52],[-2.52,13.29],[-7.09,13.28],[-6.77,15.15],[-.73,19.26],[.9,19.18],[7.1,15.5],[6.1,13.49],[2.54,13.84],[2.44,9.01],[2.44,9.01],[2.38,4.93],[2.38,4.93],[2.38,-.76],[2.38,-.76],[2.76,-7.65],[2.76,-7.65],[2.81,-8.17],[2.81,-8.17],[2.88,-8.65],[2.88,-8.65],[2.94,-9.09],[3.31,-10.47],[3.32,-10.56],[3.32,-10.56],[3.33,-10.66],[2.29,-12.42],[2.09,-12.53],[2.09,-12.53],[1.68,-12.74],[1.48,-12.84],[1.09,-13.03],[1.09,-13.03],[.7,-13.2],[.7,-13.2],[.16,-13.44],[.16,-13.44],[-.18,-13.57],[-.18,-13.57],[-.77,-13.8],[-.77,-13.8],[-1.3,-13.98],[-1.3,-13.98],[-1.55,-14.07],[-1.55,-14.07],[-1.71,-14.13],[-1.71,-14.13],[-1.82,-14.17],[-1.89,-14.19],[-2.03,-14.21]],c:!0}]},{t:100,s:[{i:[[.31,-1.07],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.07],[0,0],[-1.03,-.99],[0,0],[-.62,.58],[0,0],[1.64,.66],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.14,.29],[0,0],[0,0],[0,0],[.95,.58],[0,0],[0,0],[0,0],[.07,.03],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.03,.01],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.01,.07],[0,0],[-.36,.29],[0,0],[.38,.26],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[.11,-.62],[0,0],[0,0],[0,0],[.01,-.37],[0,0],[0,0],[0,0],[-.06,-.04],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[0,0],[-.02,-.01],[0,0],[-.46,-.07]],v:[[-3.46,-19.97],[-3.5,-17.33],[-3.5,-17.33],[-3.55,-6.68],[-3.55,-6.68],[-3.53,-4.11],[-3.53,-4.11],[-3.49,-1.95],[-3.49,-1.95],[-3.28,4.29],[-3.28,4.29],[-2.56,11.52],[-2.52,11.73],[-7.09,12.5],[-6.77,14.37],[-.73,20.82],[.9,20.75],[7.1,14.72],[6.1,12.71],[2.54,12.28],[2.44,8.39],[2.44,8.39],[2.38,4.31],[2.38,4.31],[2.38,-6.38],[2.38,-6.38],[2.76,-14.52],[2.76,-14.52],[2.81,-15.04],[2.81,-15.04],[2.88,-15.52],[2.88,-15.52],[2.94,-15.96],[3.31,-17.34],[3.32,-17.43],[3.32,-17.43],[3.33,-17.53],[2.29,-19.29],[2.09,-19.4],[2.09,-19.4],[1.68,-19.61],[1.48,-19.71],[1.09,-19.9],[1.09,-19.9],[.7,-20.07],[.7,-20.07],[.16,-20.31],[.16,-20.31],[-.18,-20.44],[-.18,-20.44],[-.77,-20.67],[-.7

17,-20.67],[-1.3,-20.85],[-1.3,-20.85],[-1.55,-20.94],[-1.55,-20.94],[-1.71,-21],[-1.71,-21],[-1.82,-21.04],[-1.89,-21.06],[-2.03,-21.08]],c:!0}]}]}},{ty:"fl",c:{k:[.972549019608,.725490196078,0,1]},o:{k:100},r:1},{ty:"tr",p:{k:[-.46,20.6]},a:{k:[-.46,20.6]},s:{k:[100,100]},r:{k:0},o:{k:100},sk:{k:0},sa:{k:0}}]}],ip:0,op:100,st:0}]}],layers:[{ind:1,ty:0,refId:"comp_0",ks:{o:{k:100},r:{k:0},p:{k:[15,29,0],l:2},a:{k:[15,29,0],l:2},s:{k:[100,100,100],l:2}},w:30,h:58,ip:0,op:100,st:0}]},A={UrgeWrapper:e.div`
2    ${d};
3    ${p};
4    background-color: ${k.PURPLE};
5  `,UrgeWrapper2:e.div`
6    ${d};
7    ${m};
8    background-color: ${k.MEDIUM_GREEN};
9    height: 100%;
10    min-height: 100vh;
11  `,UrgeContent:e.div`
12    ${g};
13    position: relative;
14  `,UrgeImage:e.img`
15    margin-bottom: 10px;
16    min-height: 228px;
17
18    @media (min-width: ${y.SALES_SCREEN_MIN_PHONE}px) {
19      margin-bottom: 24px;
20    }
21  `,DogImage:e.img`
22    position: absolute;
23    top: 54px;
24    min-height: 220px;
25
26    @media (min-width: ${y.MEDIUM_PHONE}px) {
27      top: 92px;
28    }
29  `,Title:e.h2`
30    ${n};
31    font-size: 32px;
32    font-weight: 800;
33    line-height: 48px;
34    margin-bottom: 8px;
35    text-align: center;
36    color: ${k.WHITE};
37  `,Subtitle:e.h4`
38    ${a};
39    margin-bottom: 4px;
40    color: ${k.WHITE};
41    font-size: ${({isLongLocale:e})=>e?"16px":"20px"};
42    font-weight: 700;
43    line-height: 27px;
44
45    @media (min-width: ${y.SALES_SCREEN_MIN_PHONE}px) {
46      font-size: 20px
47    }
48  `,WhiteButton:e(i)`
49    background-color: ${k.WHITE};
50    color: ${k.PRIMARY_TEXT};
51    margin: 4px 16px 20px;
52    box-shadow: none;
53    max-width: 328px;
54
55    display: flex;
56    align-items: center;
57    justify-content: center;
58  `,ButtonText:e.div`
59    width: 100%;
60  `},W=()=>{const{onNextStep:e}=t.useContext(l),{preloadedMedia:i}=t.useContext(v),a=t.useRef(null),n=u(e=>e.dogBreedValue),{currentPageId:g,currentPageNumber:d}=x(o(e=>({currentPageId:null==e?void 0:e.currentPageId,currentPageNumber:null==e?void 0:e.currentPageNumber}))),m=c(),{t:p}=M(),k=t.useMemo(()=>b(m,[f.DOG_BREED,f.AGE])||{},[m]),y=t.useMemo(()=>Array.isArray(k.dog_age)?k.dog_age.join(", "):k.dog_age,[k]),W=t.useMemo(()=>{const e=Array.isArray(k.dog_breed)?k.dog_breed[0]:k.dog_breed||"";return $(n||e)},[n,k]),S=t.useMemo(()=>[E[_.YOUNGER_THEN_SIX_MONTH],E[_.SIX_TWELVE_MONTH]].includes(y),[y]),U=t.useMemo(()=>S?I[W]:N[W],[W,S]);t.useEffect(()=>{a.current&&s.loadAnimation({container:a.current,animationData:T,loop:!0})},[]),h();const B=t.useCallback(()=>{g&&d&&(j({question:"",answers:"",pageName:g,pageNumber:d}),e())},[g,d,e]);return r.jsx(A.UrgeWrapper,{children:r.jsxs(A.UrgeContent,{children:[r.jsx(A.UrgeImage,{src:i["nove8/cohorts/woofz22_v4/assets/images/dog-urge.jpg"],alt:"dog-bg"}),r.jsx(A.DogImage,{src:i[U||"nove8/cohorts/woofz22_v4/assets/images/dog-breeds-1/mixed-breed.png"],width:162,height:220,alt:"dog"}),r.jsx(A.Title,{children:p`onboarding.urge.thousandDogsWoofz22Test`}),r.jsx(A.Subtitle,{children:r.jsx(P,{components:[r.jsx("br",{})],i18nKey:"onboarding.urge.haveAlreadyLearned"})}),r.jsx("div",{ref:a,style:{width:30}}),r.jsxs(A.WhiteButton,{onClick:B,"data-testid":"quiz-continue-button",children:[r.jsx(A.ButtonText,{children:p`actions.continue`}),r.jsx(w,{height:24,width:24})]})]})})};export{W as UrgePage};