https://woofz.academy/js/DogAgeQuestion.CLTaWZHg.js

1import{x as e,r as t,u as o,j as i}from"./vendor.mIPXQGLM.js";import{b1 as r,a,b8 as s,b2 as n,b3 as p,F as m,c as d,b6 as g,b5 as u,b7 as l}from"./index.bundle.js";import{s as x}from"./sendFbqEvent.DfEUdSXA.js";import{b as c,O as b,S as h}from"./Option.DkTX82aO.js";import{A as j}from"./constants.Bzp8bCGR.js";import{m as $,M as v}from"./@constants.BGUlkrYt.js";import{u as f}from"./@i18n.CG4_sUzZ.js";import"./@amplitude.yMGOHWCQ.js";import"./@xstate.CEsnlirg.js";import"./@firebase.Bkc6--w4.js";import"./@lottie.KPmlgv_O.js";import"./@react-router.hFdD-ZA2.js";import"./@lodash.D8yALn-Z.js";import"./@rudderstack.DVYreKjc.js";const C={Wrapper:e.div`
2    ${n};
3    ${p};
4    padding-top: 87px;
5  `,Wrapper2:e.div`
6    ${n};
7    ${p};
8    padding-top: 107px;
9
10    @media ${s} {
11        padding-top: 115px;
12    }
13  `,Content2:e.div`
14      ${a};
15      height: 100%;
16
17      @media ${s} {
18          gap: 16px;
19      }
20  `,Title:e.h2`
21    ${r};
22    font-size: 24px;
23    margin-bottom: 24px;
24    color: ${$.BLACK};
25  `,Title2:e.h2`
26    ${r};
27    font-size: 24px;
28    margin-bottom: 24px;
29    color: ${$.BLACK};
30
31    @media (min-width: ${v.SALES_SCREEN_MIN_PHONE}px) {
32      margin-bottom: 32px;
33    }
34  `,Title5:e.h2`
35    ${r};
36    margin-top: 48px;
37    margin-bottom: 24px;
38  `,Option:e(c)`
39    position: relative;
40  `,QuestionButtonWithImg2:e.div`
41    border-radius: 16px;
42    background-color: ${$.WHITE};
43    color: ${$.PRIMARY_TEXT};
44    display: flex;
45    align-items: center;
46    border: 1px solid ${$.BROWNISH_GRAY};
47    font-weight: 700;
48    height: 56px;
49    font-size: 15px;
50    line-height: 16px;
51    padding: 11px 16px;
52
53    input:checked + & {
54        border-color: ${$.BG_MAIN};
55        background-color: ${$.BG_MAIN};
56    }
57
58    .option-image {
59        width: 56px;
60        height: 56px;
61        margin-left: -16px;
62        margin-right: 8px;
63    }
64  `},I=()=>{const{t:e}=f(),{onNextStep:r}=t.useContext(m),{currentPageId:a,currentPageNumber:s,isCustomEventSent:n,leadId:p}=d(o(e=>{var t;return{currentPageId:e.currentPageId,currentPageNumber:e.currentPageNumber,isCustomEventSent:e.isCustomEventSent,leadI

64d:null==(t=e.lead)?void 0:t.id}})),c=t.useCallback(e=>{a&&s&&(g({question:"Choose your dog's age",answers:e,pageName:a,pageNumber:s}),u({dog_age:e}),r())},[a,s,r]),$=t.useMemo(()=>({...a&&{name:a},type:b.RADIO,onChange:e=>{setTimeout(()=>{c(e)},500)}}),[a,c]);return t.useEffect(()=>{n||(x("trackCustom","SecondPageView",{},{eventID:p}),d.setState({isCustomEventSent:!0}))},[]),l(),i.jsx(C.Wrapper2,{children:i.jsxs(C.Content2,{children:[i.jsx(C.Title5,{children:e`onboarding.age.question2`}),i.jsx(h.OptionsContainer,{children:j.map(({value:o,image:r,translationKey:a})=>t.createElement(C.Option,{...$,value:o,key:o},i.jsxs(C.QuestionButtonWithImg2,{children:[i.jsx(r,{className:"option-image"}),e(a)]})))})]})})},N=I;export{I as Component,N as DogAgeQuestionVariantV9};