1import{x as e,r as i,j as t,S as o,K as n,F as p,A as r,u as s}from"./vendor.mIPXQGLM.js";import{b as a,bg as x,a as d,b8 as l,bb as g,b9 as c,bf as m,bx as h,c as f,bz as u,bA as w,bn as b}from"./index.bundle.js";import{S as j,f as E,b as y,g as T,c as v,P as $,h as k,d as I,C as P}from"./StickyBanner.BpIUTUtS.js";import{U as C}from"./UserAgreement.BEWVeLQa.js";import{u as S}from"./useGetPlanDecoration.u8zzjmKp.js";import{S as D}from"./SubscriptionsWrapper.vALm7oL-.js";import{l as L,M as _,L as N}from"./@constants.BRV_txzJ.js";import{B as O}from"./BgPreloadingMediaProvider.D4IdXhCE.js";import{u as W,T as R}from"./@i18n.Cv0A4uHT.js";import{T as z}from"./TermsOfUseLink.BzNW-555.js";import{L as M}from"./LottiePlayerWithInteractivity.B2VpIu15.js";import{N as H,E as B,t as K}from"./message.BXfMBrc2.js";import{P as A}from"./PrivacyPolicyLink.VuAfOfFF.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";import"./@stripe.DMn7wunn.js";import"./useIsUsUserWithDiscountTimeout.D47p5dOm.js";import"./plans-decorations.CE1Q2iyf.js";import"./useIsUserFromUs.wP7rh7J7.js";import"./usePurchasePendingStripe.M4gIVdjo.js";import"./fetchPredictedLtv.DoEcVKmf.js";import"./getIsPurchaseInProcess.CaY0_x2O.js";import"./prompt.DcpisTHh.js";import"./Option.DPmUf57_.js";import"./createUpdatedProductName.D4MrosPp.js";import"./payment-services.CSx_yIEy.js";import"./close_icon.DUpzmrVr.js";import"./dark-arrow.CXWUIs-U.js";import"./SpinnerBase.B_P6Engm.js";import"./purchaseSubscriptionStripe.CSnZLJnr.js";import"./Modal.Lsb-y6Zz.js";import"./failed-face.BCfynzwX.js";import"./logFailedPayment.BrY47MGY.js";import"./useBlockBackButton.DKcBymio.js";import"./checkAnimation.6IqJksQ_.js";import"./warning.BbadgnT0.js";import"./failed-face.Xr76oV0E.js";import"./useTimerForTarget.BeDN5d2G.js";import"./right-white-arrow.BmsWDxw8.js";import"./getScrollLevel.1HIJzsZL.js";import"./useCheckIsTestVariant.DsnAF2IS.js";import"./useBgImagePreloadWorker.Cgvk21d7.js";import"./yorkshire-terrier-6.B3YyY1pZ.js";import"./getAppNameFromInAppBrowser.C7vjRxaU.js";const U={Wrapper:e.div` 2 margin-top: -40px; 3 padding-top: 40px; 4 width: 100vw; 5 display: flex; 6 justify-content: center; 7 flex-direction: column; 8 align-items: center; 9 background-color: ${L.PURPLE}; 10 border-radius: 40px 40px 0 0; 11 12 @media ${l} { 13 width: 430px; 14 overflow-x: hidden; 15 } 16 `,Wrapper3:e.div` 17 margin-top: -40px; 18 padding-top: 40px; 19 width: 100vw; 20 display: flex; 21 justify-content: center; 22 flex-direction: column; 23 align-items: center; 24 background-color: ${L.PURPLE}; 25 border-radius: 40px 40px 0 0; 26 27 @media ${l} { 28 width: 430px; 29 overflow-x: hidden; 30 } 31 `,CynologistsContent2:e.div` 32 display: flex; 33 flex-direction: column; 34 align-items: center; 35 justify-content: center; 36 text-align: center; 37 38 @media ${l} { 39 width: 398px; 40 overflow-x: hidden; 41 } 42 `,Wrapper2:e.div` 43 margin-top: -40px; 44 padding-top: 16px; 45 width: 100vw; 46 display: flex; 47 justify-content: center; 48 flex-direction: column; 49 align-items: center; 50 background-color: ${L.MEDIUM_GREEN}; 51 border-radius: 40px 40px 0 0; 52 53 @media ${l} { 54 width: 430px; 55 overflow-x: hidden; 56 } 57 `,Wrapper4:e.div` 58 margin-top: -40px; 59 padding-top: 40px; 60 width: 100vw; 61 display: flex; 62 justify-content: center; 63 flex-direction: column; 64 align-items: center; 65 background-color: ${L.MEDIUM_GREEN}; 66 border-radius: 40px 40px 0 0; 67 68 @media ${l} { 69 width: 430px; 70 overflow-x: hidden; 71 } 72 `,Wrapper5:e.div` 73 margin-top: -40px; 74 padding-top: 40px; 75 width: 100vw; 76 display: flex; 77 justify-content: center; 78 flex-direction: column; 79 align-items: center; 80 background-color: ${L.PURPLE}; 81 border-radius: 40px 40px 0 0; 82 83 @media ${l} { 84 width: 430px; 85 overflow-x: hidden; 86 } 87 `,WrapperRfnd:e.div` 88 margin-top: -40px; 89 padding-top: 16px; 90 padding-bottom: 40px; 91 width: 100vw; 92 display: flex; 93 justify-content: center; 94 flex-direction: column; 95 align-items: center; 96 background-color: ${L.MEDIUM_GREEN}; 97 border-radius: 40px 40px 0 0; 98 99 @media ${l} { 100 width: 430px; 101 overflow-x: hidden; 102 } 103 `,WrapperDesktop:e.div` 104 margin-top: -40px; 105 padding-top: 40px; 106 width: 100vw; 107 display: flex; 108 justify-content: center; 109 flex-direction: column; 110 align-items: center; 111 background-color: ${L.PURPLE}; 112 border-radius: 40px 40px 0 0; 113 z-index: 1; 114 115 @media ${l} { 116 width: 430px; 117 overflow-x: hidden; 118 } 119 120 @media (min-width: ${_.DESKTOP}px) { 121 width: 100vw; 122 padding: 64px 0; 123 } 124 `,WrapperDesktop2:e.div` 125 margin-top: -40px; 126 padding-top: 16px; 127 width: 100vw; 128 display: flex; 129 justify-content: center; 130 flex-direction: column; 131 align-items: center; 132 background-color: ${L.MEDIUM_GREEN}; 133 border-radius: 40px 40px 0 0; 134 135 @media ${l} { 136 width: 430px; 137 overflow-x: hidden; 138 } 139 140 @media (min-width: ${_.DESKTOP}px) { 141 width: 100vw; 142 padding: 64px 0; 143 } 144 `,SliderWrapper:e.div` 145 .swiper-wrapper { 146 display: flex; 147 } 148 149 .swiper-slide { 150 position: relative; 151 width: 328px; 152 height: 430px; 153 padding-top: 22px; 154 } 155 156 .swiper-pagination { 157 position: static; 158 height: 24px; 159 display: flex; 160 align-items: center; 161 justify-content: center; 162 margin: 8px 0 24px; 163 } 164 165 .swiper-pagination-bullet { 166 width: 8px; 167 height: 8px; 168 background-color: ${L.WHITE}; 169 border-radius: 50%; 170 margin: 0 4px !important; 171 cursor: pointer; 172 } 173 174 .swiper-pagination-bullet-active { 175 background-color: ${L.YELLOW_ORANGE}; 176 } 177 `,SliderWrapper3:e.div` 178 .swiper-wrapper { 179 display: flex; 180 } 181 182 .swiper-slide { 183 position: relative; 184 width: 328px; 185 height: 430px; 186 padding-top: 22px; 187 } 188 189 .swiper-pagination { 190 position: static; 191 height: 24px; 192 display: flex; 193 align-items: center; 194 justify-content: center; 195 margin: 8px 0 24px; 196 } 197 198 .swiper-pagination-bullet { 199 width: 8px; 200 height: 8px; 201 background-color: ${L.WHITE}; 202 border-radius: 50%; 203 margin: 0 4px !important; 204 cursor: pointer; 205 } 206 207 .swiper-slide-prev, 208 .swiper-slide-next { 209 opacity: 0.5; 210 } 211 212 .swiper-pagination-bullet-active { 213 background-color: ${L.YELLOW_ORANGE}; 214 } 215 `,SliderWrapperDesktop:e.div` 216 .swiper-wrapper { 217 display: flex; 218 } 219 220 .swiper-slide { 221 position: relative; 222 width: 328px; 223 height: 430px; 224 padding-top: 22px; 225 } 226 227 .swiper-pagination { 228 position: static; 229 height: 24px; 230 display: flex; 231 align-items: center; 232 justify-content: center; 233 margin: 8px 0 24px; 234 } 235 236 .swiper-pagination-bullet { 237 width: 8px; 238 height: 8px; 239 background-color: ${L.WHITE}; 240 border-radius: 50%; 241 margin: 0 4px !important; 242 cursor: pointer; 243 } 244 245 .swiper-pagination-bullet-active { 246 background-color: ${L.YELLOW_ORANGE}; 247 } 248 249 @media (min-width: ${_.DESKTOP}px) { 250 .swiper-wrapper { 251 display: none; 252 } 253 254 .swiper-pagination-bullet { 255 display: none; 256 } 257 } 258 `,SliderWrapper2:e.div` 259 .swiper-wrapper { 260 display: flex; 261 } 262 263 .swiper-slide { 264 position: relative; 265 width: 328px; 266 height: 390px; 267 padding-top: 22px; 268 } 269 270 .swiper-pagination { 271 position: static; 272 height: 24px; 273 display: flex; 274 align-items: center; 275 justify-content: center; 276 margin: 8px 0 24px; 277 } 278 279 .swiper-pagination-bullet { 280 width: 8px; 281 height: 8px; 282 background-color: ${L.WHITE}; 283 border-radius: 50%; 284 margin: 0 4px !important; 285 cursor: pointer; 286 } 287 288 .swiper-pagination-bullet-active { 289 background-color: ${L.YELLOW_ORANGE}; 290 } 291 292 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 293 .swiper-slide { 294 width: 398px; 295 } 296 } 297 `,CynologistsWrapperDesktop:e.div` 298 display: none; 299 300 @media (min-width: ${_.DESKTOP}px) { 301 display: flex; 302 justify-content: center; 303 align-items: stretch; 304 gap: 8px; 305 padding: 0 52px; 306 } 307 `,CynologistsContent:e.div` 308 display: flex; 309 flex-direction: column; 310 align-items: center; 311 justify-content: center; 312 text-align: center; 313 `,CynologistsText:e.div` 314 font-size: 14px; 315 font-weight: 600; 316 line-height: 24px; 317 color: rgba(${L.PRIMARY_TEXT_RGB}, 0.8); 318 `,CynologistsText2:e.div` 319 font-size: 14px; 320 font-weight: 600; 321 line-height: 24px; 322 color: rgba(${L.PRIMARY_TEXT_RGB}, 0.8); 323 text-align: start; 324 `,CynologistsTextVariant2:e.div` 325 font-size: 15px; 326 font-weight: 600; 327 line-height: normal; 328 color: rgba(${L.PRIMARY_TEXT_RGB}, 0.8); 329 `,CynologistsTextDesktop:e.div` 330 font-size: 15px; 331 font-weight: 600; 332 line-height: 24px; 333 color: rgba(${L.PRIMARY_TEXT_RGB}, 0.8); 334 text-align: left; 335 `,Content:e.div` 336 ${d}; 337 `,ContentDesktop:e.div` 338 ${x}; 339 `,ContentBarking:e.div` 340 ${a}; 341 `,Title:e.h2` 342 font-size: 24px; 343 font-weight: 800; 344 line-height: 30px; 345 margin-bottom: 8px; 346 text-align: center; 347 color: ${L.WHITE}; 348 349 @media (max-width: ${_.MEDIUM_PHONE}px) { 350 br { 351 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 352 } 353 } 354 `,TitleDesktop:e.h2` 355 font-size: 24px; 356 font-weight: 800; 357 line-height: 30px; 358 margin-bottom: 8px; 359 text-align: center; 360 color: ${L.WHITE}; 361 362 @media (max-width: ${_.MEDIUM_PHONE}px) { 363 br { 364 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 365 } 366 } 367 368 @media (min-width: ${_.DESKTOP}px) { 369 font-size: 48px; 370 line-height: 66px; 371 372 br { 373 display: none; 374 } 375 } 376 `,Text:e.div` 377 padding: 0 16px; 378 font-size: 15px; 379 font-weight: 600; 380 line-height: 24px; 381 margin-bottom: 120px; 382 color: ${L.WHITE}; 383 opacity: 0.8; 384 385 @media (max-width: ${_.MEDIUM_PHONE}px) { 386 br { 387 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 388 } 389 } 390 `,Text2:e.div` 391 padding: 0 16px; 392 font-size: 15px; 393 font-weight: 600; 394 line-height: 24px; 395 color: ${L.WHITE}; 396 opacity: 0.8; 397 398 @media (max-width: ${_.MEDIUM_PHONE}px) { 399 br { 400 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 401 } 402 } 403 `,Text3:e.div` 404 padding: 0 16px; 405 font-size: 15px; 406 font-weight: 600; 407 line-height: 24px; 408 margin-bottom: 90px; 409 color: ${L.WHITE}; 410 opacity: 0.8; 411 412 @media (max-width: ${_.MEDIUM_PHONE}px) { 413 br { 414 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 415 } 416 } 417 `,TextDesktop:e.div` 418 padding: 0 16px; 419 font-size: 15px; 420 font-weight: 600; 421 line-height: 24px; 422 margin-bottom: 120px; 423 color: ${L.WHITE}; 424 opacity: 0.8; 425 text-align: center; 426 427 @media (max-width: ${_.MEDIUM_PHONE}px) { 428 br { 429 display: ${({isRemovedNextLine:e})=>e?"none":"block"}; 430 } 431 } 432 433 @media (min-width: ${_.DESKTOP}px) { 434 font-size: 30px; 435 line-height: 40px; 436 437 br { 438 display: none; 439 } 440 } 441 `,TextBarking:e.div` 442 font-size: 15px; 443 font-weight: 600; 444 line-height: 24px; 445 margin-bottom: 96px; 446 color: ${L.WHITE}; 447 opacity: 0.8; 448 449 br { 450 display: none; 451 } 452 `,TitleWrapper:e.div` 453 display: flex; 454 flex-direction: column; 455 font-size: 15px; 456 font-weight: 600; 457 align-items: start; 458 `,CynologistTitle:e.h2` 459 font-size: 24px; 460 font-weight: 800; 461 line-height: 30px; 462 margin-bottom: 8px; 463 text-align: center; 464 `,CynologistTitle2:e.h2` 465 font-size: 24px; 466 font-weight: 800; 467 line-height: 30px; 468 text-align: center; 469 `,CynologistsImage:e.img` 470 width: 132px; 471 height: 160px; 472 min-height: 160px; 473 margin-top: -96px; 474 margin-bottom: 12px; 475 `,CynologistsImage2:e.img` 476 width: 128px; 477 height: 160px; 478 min-height: 160px; 479 margin-top: -96px; 480 margin-bottom: 16px; 481 `,CynologistsImageVariant2:e.img` 482 width: 132px; 483 height: 160px; 484 margin-top: -96px; 485 margin-bottom: 12px; 486 `,CynologistsImage3:e.img` 487 width: 80px; 488 height: 99px; 489 min-height: 99px; 490 `,Cynologists:e.div` 491 height: 100%; 492 background-color: ${L.GREY_FIELD_INPUT}; 493 border-radius: 40px; 494 display: flex; 495 flex-direction: column; 496 align-items: center; 497 text-align: center; 498 padding: 0 16px; 499 `,Cynologists2:e.div` 500 height: 100%; 501 background-color: ${L.GREY_FIELD_INPUT}; 502 border-radius: 40px; 503 display: flex; 504 flex-direction: column; 505 align-items: start; 506 text-align: start; 507 padding: 16px 16px 24px; 508 gap: 12px; 509 510 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 511 padding: 16px; 512 } 513 `,CynologistsInfoWrapper:e.div` 514 display: flex; 515 flex-direction: row; 516 gap: 15px; 517 align-items: center; 518 `,CynologistsDesktop:e.div` 519 background-color: ${L.GREY_FIELD_INPUT}; 520 border-radius: 40px; 521 display: flex; 522 flex-direction: column; 523 align-items: center; 524 text-align: center; 525 padding: 0 16px 72px; 526 527 @media (min-width: ${_.DESKTOP}px) { 528 flex: 1 0; 529 } 530 `,ReadMoreButton:e.button` 531 all: unset; 532 color: ${L.PURPLE}; 533 font-size: 15px; 534 font-weight: 800; 535 `},G=()=>{const{t:e,i18n:r}=W(),s=i.useMemo(()=>[N.PL,N.RO,N.ES,N.IT,N.FR].includes(r.language),[r.language]),{preloadedMedia:a}=i.useContext(O);return t.jsx(U.Wrapper2,{children:t.jsxs(U.CynologistsContent,{children:[t.jsxs(U.Content,{id:g.comments,children:[t.jsx(U.Title,{isRemovedNextLine:s,children:t.jsx(R,{i18nKey:"onboarding.experts.title3",components:[t.jsx("br",{})]})}),t.jsx(U.Text,{isRemovedNextLine:s,children:t.jsx(R,{i18nKey:"onboarding.experts.description",components:[t.jsx("br",{})]})})]}),t.jsx(U.SliderWrapper,{children:t.jsxs(o,{slidesPerView
535:"auto",spaceBetween:8,centeredSlides:!0,modules:[n],pagination:{clickable:!0},loop:!0,children:[t.jsx(p,{children:t.jsxs(U.Cynologists,{children:[t.jsx(U.CynologistsImage,{src:a["nove8/cohorts/woofz22_v4t/assets/images/karen-color.png"]}),t.jsx(U.CynologistTitle,{children:e`onboarding.cynologists.karen.name`}),t.jsx(U.CynologistsText,{children:e`onboarding.cynologists.karen.description`})]})}),t.jsx(p,{children:t.jsxs(U.Cynologists,{children:[t.jsx(U.CynologistsImage,{src:a["nove8/cohorts/woofz22_v4t/assets/images/ela_brumm.png"]}),t.jsx(U.CynologistTitle,{children:e`onboarding.cynologists.ela.name`}),t.jsx(U.CynologistsText,{children:e`onboarding.cynologists.ela.description`})]})}),t.jsx(p,{children:t.jsxs(U.Cynologists,{children:[t.jsx(U.CynologistsImage,{src:a["nove8/cohorts/woofz22_v4t/assets/images/shannon-color.png"]}),t.jsx(U.CynologistTitle,{children:e`onboarding.cynologists.shannon.name`}),t.jsx(U.CynologistsText,{children:e`onboarding.cynologists.shannon.description`})]})}),t.jsx(p,{children:t.jsxs(U.Cynologists,{children:[t.jsx(U.CynologistsImage,{style:{width:"120px"},src:a["nove8/cohorts/woofz22_v4t/assets/images/frederica_cyn.png"]}),t.jsx(U.CynologistTitle,{children:e`onboarding.cynologists.frederica.name`}),t.jsx(U.CynologistsText,{children:e`onboarding.cynologists.frederica.description`})]})}),t.jsx(p,{children:t.jsxs(U.Cynologists,{children:[t.jsx(U.CynologistsImage,{src:a["nove8/cohorts/woofz22_v4t/assets/images/lauren-color.png"]}),t.jsx(U.CynologistTitle,{children:e`onboarding.cynologists.lauren.name`}),t.jsx(U.CynologistsText,{children:e`onboarding.cynologists.lauren.description`})]})})]})})]})})},F={newbie:"onboarding.dogCard.newbie",rookie:"onboarding.dogCard.rookie",talented:"onboarding.dogCard.talented",advanced:"onboarding.dogCard.advanced",skillful:"onboarding.dogCard.skillful",expert:"onboarding.dogCard.expert",proficient:"onboarding.dogCard.proficient"},Y={ChartWrapper:e.div` 536 display: flex; 537 flex-direction: column; 538 align-items: center; 539 text-align: center; 540 background-color: ${({isCancelOffer:e})=>e?"transparent":"#fffaf6"}; 541 width: 100vw; 542 padding-bottom: ${({isCancelOffer:e})=>e?"0":"80px"}; 543 544 @media (min-width: ${_.SALES_SCREEN_MAX_PHONE}px) { 545 width: 360px; 546 } 547 548 @media (min-width: ${_.DESKTOP}px) { 549 width: 498px; 550 padding-bottom: 0; 551 } 552 `,Chart:e.div` 553 background-color: ${L.WHITE}; 554 border-radius: 14px; 555 box-shadow: 0px 4px 16px 0px rgba(74, 53, 50, 0.05); 556 min-height: 302px; 557 `,ChartTest:e.div` 558 background-color: ${L.WHITE}; 559 border-radius: 14px; 560 box-shadow: 0px 4px 16px 0px rgba(74, 53, 50, 0.05); 561 min-height: 329px; 562 width: 328px; 563 margin-top: 16px; 564 565 svg { 566 margin-top: 32px; 567 } 568 569 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 570 width: 366px; 571 572 svg { 573 margin-top: 16px; 574 } 575 } 576 `,ChartDesktop:e.div` 577 background-color: ${L.WHITE}; 578 border-radius: 14px; 579 box-shadow: 0px 4px 16px 0px rgba(74, 53, 50, 0.05); 580 width: 330px; 581 582 @media (min-width: ${_.DESKTOP}px) { 583 width: 100%; 584 } 585 `,Wrapper:e.div` 586 position: relative; 587 margin-top: 32px; 588 `,WrapperDesktop:e.div` 589 position: relative; 590 margin-top: 32px; 591 592 @media (min-width: ${_.DESKTOP}px) { 593 width: 100%; 594 } 595 `,ChartTitle:e.h2` 596 font-size: ${({isNotEnLocale:e})=>e?"18px":"20px"}; 597 font-style: normal; 598 line-height: 23px; 599 position: absolute; 600 left: ${({isRoLocale:e})=>e?"20px":"36px"}; 601 top: 16px; 602 `,ChartTitleDesktop:e.h2` 603 font-size: ${({isNotEnLocale:e})=>e?"18px":"20px"}; 604 font-style: normal; 605 line-height: 23px; 606 position: absolute; 607 left: ${({isRoLocale:e})=>e?"20px":"36px"}; 608 top: 16px; 609 610 @media (min-width: ${_.DESKTOP}px) { 611 font-size: ${({isNotEnLocale:e})=>e?"28px":"30px"}; 612 left: ${({isRoLocale:e})=>e?"50px":"66px"}; 613 top: 25px; 614 } 615 `,ChartTitleTest:e.h2` 616 font-size: 24px; 617 line-height: 28px; 618 font-weight: 800; 619 text-align: center; 620 position: absolute; 621 left: 46px; 622 top: 32px; 623 624 span { 625 color: ${L.PURPLE}; 626 } 627 628 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 629 left: 68px; 630 } 631 `,NowText:e.h2` 632 font-size: 12px; 633 font-weight: 800; 634 text-transform: uppercase; 635 color: ${L.BROWNISH_GRAY}; 636 position: absolute; 637 bottom: 16px; 638 left: 43px; 639 `,NowTextDesktop:e.h2` 640 font-size: 12px; 641 font-weight: 800; 642 text-transform: uppercase; 643 color: ${L.BROWNISH_GRAY}; 644 position: absolute; 645 bottom: 16px; 646 left: 46px; 647 648 @media (min-width: ${_.DESKTOP}px) { 649 left: 65px; 650 bottom: 32px; 651 font-size: 19px;
652 line-height: 26px; 653 } 654 `,NowTextTest:e.h2` 655 font-size: 12px; 656 font-weight: 800; 657 text-transform: uppercase; 658 color: ${L.BROWNISH_GRAY}; 659 position: absolute; 660 bottom: 20px; 661 left: 30px; 662 663 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 664 left: 40px; 665 bottom: 28px; 666 } 667 `,TextPlan:e.h2` 668 font-size: 12px; 669 font-weight: 800; 670 text-transform: uppercase; 671 color: ${L.PURPLE}; 672 position: absolute; 673 top: 269px; 674 right: ${({isRoLocale:e})=>e?"8px":"20px"}; 675 `,TextPlanDesktop:e.h2` 676 font-size: 12px; 677 font-weight: 800; 678 text-transform: uppercase; 679 color: ${L.PURPLE}; 680 position: absolute; 681 top: 269px; 682 right: ${({isRoLocale:e})=>e?"10px":"24px"}; 683 684 @media (min-width: ${_.DESKTOP}px) { 685 font-size: 19px; 686 line-height: 26px; 687 top: 380px; 688 right: 26px; 689 } 690 `,TextPlanTest:e.h2` 691 font-size: 12px; 692 font-weight: 800; 693 text-transform: uppercase; 694 color: ${L.PURPLE}; 695 position: absolute; 696 bottom: 20px; 697 right: 40px; 698 699 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 700 right: 50px; 701 bottom: 28px; 702 } 703 `,ExpertBubble:e.div` 704 position: absolute; 705 width: 107px; 706 height: 39px; 707 right: 18px; 708 top: 62px; 709 `,ExpertBubbleDesktop:e.div` 710 position: absolute; 711 width: 107px; 712 height: 39px; 713 right: 20px; 714 top: 62px; 715 716 @media (min-width: ${_.DESKTOP}px) { 717 width: 162px; 718 right: 22px; 719 top: 92px; 720 } 721 `,ExpertBubbleImage:e(B)` 722 width: 110px; 723 height: 40px; 724 725 @media (min-width: ${_.DESKTOP}px) { 726 width: 162px; 727 height: 60px; 728 } 729 `,ExpertBubbleTest:e.div` 730 position: absolute; 731 width: 107px; 732 height: 39px; 733 right: 19px; 734 top: 108px; 735 736 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 737 right: 27px; 738 top: 104px; 739 } 740 `,NewbieBubble:e.div` 741 position: absolute; 742 left: 22px; 743 bottom: 74px; 744 `,NewbieBubbleDesktop:e.div` 745 position: absolute; 746 left: 27px; 747 bottom: 74px; 748 749 @media (min-width: ${_.DESKTOP}px) { 750 left: 36px; 751 bottom: 110px; 752 } 753 `,NewbieBubbleTest:e.div` 754 position: absolute; 755 left: 21px; 756 bottom: 76px; 757 758 @media (min-width: ${_.SALES_SCREEN_MIN_PHONE}px) { 759 left: 28px; 760 bottom: 80px; 761 } 762 `,NewbieTitle:e.div` 763 font-size: 12px; 764 font-weight: 700; 765 color: ${L.WHITE}; 766 position: absolute; 767 left: 8px; 768 top: 4px; 769 `,NewbieTitleDesktop:e.div` 770 font-size: 12px; 771 font-weight: 700; 772 color: ${L.WHITE}; 773 position: absolute; 774 left: 8px; 775 top: 4px; 776 777 @media (min-width: ${_.DESKTOP}px) { 778 font-size: 19px; 779 line-height: 26px; 780 top: 6px; 781 left: 12px; 782 } 783 `,ExpertTitle:e.div` 784 font-size: ${({isPtLocale:e})=>e?"10px":"12px"}; 785 font-weight: 700; 786 color: ${L.WHITE}; 787 position: absolute; 788 left: 43px; 789 top: 4px; 790 `,ExpertTitleDesktop:e.div` 791 font-size: ${({isPtLocale:e})=>e?"10px":"12px"}; 792 font-weight: 700; 793 color: ${L.WHITE}; 794 position: absolute; 795 left: 43px; 796 top: 4px; 797 798 @media (min-width: ${_.DESKTOP}px) { 799 font-size: ${({isPtLocale:e})=>e?"17px":"19px"}; 800 left: 63px; 801 } 802 `,ExpertImg:e.div` 803 width: 27px; 804 height: 27px; 805 background-color: #b5b5fa; 806 border-radius: 14px; 807 line-height: 27px; 808 position: absolute; 809 top: 4px; 810 left: 8px; 811 text-align: center; 812 `,ExpertImgDesktop:e.div` 813 width: 27px; 814 height: 27px; 815 background-color: #b5b5fa; 816 border-radius: 14px; 817 line-height: 27px; 818 position: absolute; 819 top: 4px; 820 left: 8px; 821 text-align: center; 822 823 @media (min-width: ${_.DESKTOP}px) { 824 width: 41px; 825 height: 41px; 826 border-radius: 50%; 827 display: flex; 828 justify-content: center; 829 align-items: center; 830 font-size: 27px; 831 top: 7px; 832 } 833 `,CommandsCount:e.div` 834 font-size: 8px; 835 font-weight: 500; 836 color: ${L.WHITE}; 837 opacity: 0.8; 838 position: absolute; 839 left: 8px; 840 top: 20px; 841 `,CommandsCountDesktop:e.div` 842 font-size: 8px; 843 font-weight: 500; 844 color: ${L.WHITE}; 845 opacity: 0.8; 846 position: absolute; 847 left: 8px; 848 top: 20px; 849 850 @media (min-width: ${_.DESKTOP}px) { 851 font-size: 12px; 852 line-height: 16px; 853 left: 12px; 854 top: 30px; 855 } 856 `,CommandsCountExpert:e.div` 857 font-size: 8px; 858 font-weight: 500; 859 color: ${L.WHITE}; 860 opacity: 0.8; 861 position: absolute; 862 left: 43px; 863 top: 20px; 864 `,CommandsCountExpertDesktop:e.div` 865 font-size: 8px; 866 font-weight: 500; 867 color: ${L.WHITE}; 868 opacity: 0.8; 869 position: absolute; 870 left: 43px; 871 top: 20px; 872 873 @media (min-width: ${_.DESKTOP}px) { 874 font-size: 12px; 875 white-space: nowrap; 876 left: 63px; 877 top: 30px; 878 } 879 `,NewbieBubbleImage:e(H)` 880 width: ${({isFrLocale:e})=>e?"80px":"70px"}; 881 height: 39px; 882 883 @media (min-width: ${_.DESKTOP}px) { 884 width: ${({isFrLocale:e})=>e?"114px":"105px"}; 885 height: 60px; 886 } 887 `},X=()=>{const{t:e,i18n:o}
887=W(),n=c(),p=i.useMemo(()=>m(n).length,[n]),r=i.useMemo(()=>o.language===N.FR,[o.language]),s=i.useMemo(()=>o.language===N.RO,[o.language]),a=i.useMemo(()=>o.language!==N.EN,[o.language]),x=i.useMemo(()=>o.language===N.PT,[o.language]),d=i.useMemo(()=>p?+(p/41*100).toFixed():0,[p]),l=i.useMemo(()=>d<=5?"newbie":d<=15?"rookie":d<=30?"talented":d<=55?"skillful":d<=80?"proficient":d<=95?"advanced":"expert",[d]);return t.jsxs(Y.Wrapper,{children:[t.jsx(Y.ChartTitle,{isNotEnLocale:a,isRoLocale:s,children:e`dogStatistics.trackProgress`}),t.jsx(Y.Chart,{style:{width:"330px"},children:t.jsx(M,{id:"trainingProgress",src:K,lastFrame:299,pauseOffsetPercentFromTop:30})}),t.jsx(Y.NowText,{children:e`dogStatistics.now`}),t.jsx(Y.TextPlan,{isRoLocale:s,children:t.jsx(R,{i18nKey:"dogStatistics.withOurPlan",components:[t.jsx("br",{})]})}),t.jsxs(Y.ExpertBubble,{children:[t.jsx(B,{width:110,height:40}),t.jsx(Y.ExpertImg,{children:"ð"}),t.jsx(Y.ExpertTitle,{isPtLocale:x,children:e`onboarding.dogCard.expert`}),t.jsxs(Y.CommandsCountExpert,{children:["50+ Â ",e`dogStatistics.commands`]})]}),t.jsxs(Y.NewbieBubble,{children:[t.jsx(H,{width:r?90:80,height:45}),t.jsx(Y.NewbieTitle,{children:e(F[l])}),t.jsxs(Y.CommandsCount,{children:[p,"Â ",e`dogStatistics.commands`]})]})]})},V=r` 888 display: flex; 889 flex-direction: column; 890 align-items: center; 891 text-align: center; 892 margin-top: -40px; 893 z-index: 1; 894 width: 100vw; 895 border-top-left-radius: 40px; 896 border-top-right-radius: 40px; 897`,Q={Wrapper:e.div` 898 ${V}; 899 background-color: ${L.WHITE}; 900 padding: 40px 16px; 901 902 @media (min-width: ${_.SALES_SCREEN_MAX_PHONE}px) { 903 width: 430px; 904 } 905 `,WrapperVariant2:e.div` 906 ${V}; 907 background-color: ${L.BEIGE}; 908 padding: 40px 16px 44px; 909 910 @media (min-width: ${_.SALES_SCREEN_MAX_PHONE}px) { 911 width: 430px; 912 } 913 `,WrapperDesktop:e.div` 914 ${V}; 915 background-color: ${L.WHITE}; 916 padding: 40px 16px; 917 918 @media (min-width: ${_.SALES_SCREEN_MAX_PHONE}px) { 919 width: 430px; 920 } 921 922 @media (min-width: ${_.DESKTOP}px) { 923 width: 100vw; 924 border-radius: 0; 925 padding: 48px 16px; 926 } 927 `,WrapperDesktop2:e.div` 928 ${V}; 929 background-color: ${L.BEIGE}; 930 padding: 40px 16px 24px; 931 932 @media (min-width: ${_.SALES_SCREEN_MAX_PHONE}px) { 933 width: 430px; 934 } 935 936 @media (min-width: ${_.DESKTOP}px) { 937 width: 100vw; 938 border-radius: 0; 939 padding: 64px 0 69px; 940 } 941 `,Content:e.div` 942 ${h}; 943 display: flex; 944 justify-content: center; 945 align-items: center; 946 flex-direction: column; 947 948 @media (min-width: ${_.DESKTOP}px) { 949 flex-direction: row-reverse; 950 gap: 64px; 951 } 952 `,Content2:e.div` 953 ${h}; 954 display: flex; 955 justify-content: center; 956 align-items: center; 957 flex-direction: column; 958 959 @media (min-width: ${_.DESKTOP}px) { 960 flex-direction: row; 961 gap: 30px; 962 padding: 0 10px; 963 } 964 `,TextContainer:e.div` 965 display: flex; 966 flex-direction: column; 967 justify-content: center; 968 align-items: center; 969 max-width: 585px; 970 `,ImageContainer:e.div` 971 display: flex; 972 flex-direction: column; 973 justify-content: center; 974 align-items: center; 975 976 @media (min-width: ${_.DESKTOP}px) { 977 flex-direction: row; 978 justify-content: flex-start; 979 margin-bottom: 24px; 980 gap: 24px; 981 } 982 `,Image:e.img` 983 margin-bottom: 16px; 984 margin-top: -74px; 985 min-height: 164px; 986 `,ImageDesktop:e.img` 987 margin-bottom: 16px; 988 margin-top: -74px; 989 width: 114px; 990 min-height: 164px; 991 992 @media (min-width: ${_.DESKTOP}px) { 993 width: 342px; 994 margin: 0; 995 min-height: 492px; 996 } 997 `,ImageDesktop2:e.img` 998 margin-bottom: 16px; 999 margin-top: -74px; 1000 min-height: 148px; 1001 1002 @media (min-width: ${_.DESKTOP}px) { 1003 margin-bottom: 0; 1004 margin-top: 0; 1005 } 1006 `,Title:e.h2` 1007 font-size: 24px; 1008 line-height: 30px; 1009 font-weight: 800; 1010 margin-bottom: 8px; 1011 `,TitleDesktop:e.h2` 1012 font-size: 24px; 1013 line-height: 30px; 1014 font-weight: 800; 1015 margin-bottom: 8px; 1016 1017 @media (min-width: ${_.DESKTOP}px) { 1018 font-size: 48px; 1019 line-height: 66px; 1020 align-self: flex-start; 1021 text-align: left; 1022 margin-bottom: 24px; 1023 } 1024 `,TitleDesktop2:e.h2` 1025 font-size: 24px; 1026 line-height: 30px; 1027 font-weight: 800; 1028 margin-bottom: 8px; 1029 1030 @media (min-width: ${_.DESKTOP}px) { 1031 font-size: 48px; 1032 line-height: 66px; 1033 margin-bottom: 24px; 1034 max-width: 497px; 1035 1036 br { 1037 display: none; 1038 } 1039 } 1040 `,TitleDesktop3:e.h2` 1041 font-size: 24px; 1042 line-height: 30px; 1043 font-weight: 800; 1044 margin-bottom: 8px; 1045 1046 @media (min-width: ${_.DESKTOP}px) { 1047 font-size: 32px; 1048 line-height: 44px; 1049 } 1050 `,Text:e.p` 1051 font-size: 14px; 1052 line-height: 20px; 1053 font-weight: 600; 1054 opacity: 0.8; 1055 1056 a { 1057 color: inherit; 1058 text-decoration: underline; 1059 } 1060 `,TextDesktop:e.p` 1061 font-size: 14px; 1062 line-height: 20px; 1063 font-weight: 600; 1064 opacity: 0.8; 1065 1066 a { 1067 color: inherit; 1068 text-decoration: underline; 1069 } 1070 1071 @media (min-width: ${_.DESKTOP}px) { 1072 font-size: 20px; 1073 line-height: 32px; 1074 align-self: flex-start; 1075 text-align: left; 1076 } 1077 `,TextDesktop2:e.p` 1078 font-size: 14px; 1079 line-height: 20px; 1080 font-weight: 600; 1081 opacity: 0.8; 1082 1083 a { 1084 color: inherit; 1085 text-decoration: underline; 1086 } 1087 1088 @media (min-width: ${_.DESKTOP}px) { 1089 font-size: 24px; 1090 line-height: 32px; 1091 } 1092 `,TextWrapperDesktop:e.div` 1093 display: flex; 1094 justify-content: center;
1095 align-items: center; 1096 flex-direction: column; 1097 max-width: 497px; 1098 `,ResultsBlock:e.div` 1099 background: #4489f1; 1100 color: ${L.WHITE}; 1101 width: 100%; 1102 text-align: center; 1103 justify-content: center; 1104 flex-direction: column; 1105 display: flex; 1106 padding: 40px 16px; 1107 1108 strong { 1109 color: ${L.YELLOW_ORANGE}; 1110 } 1111 `,ResultsBlockDesktop:e.div` 1112 background: #4489f1; 1113 color: ${L.WHITE}; 1114 width: 100%; 1115 text-align: center; 1116 justify-content: center; 1117 flex-direction: column; 1118 display: flex; 1119 padding: 40px 16px; 1120 1121 strong { 1122 color: ${L.YELLOW_ORANGE}; 1123 } 1124 1125 @media (min-width: ${_.DESKTOP}px) { 1126 width: 100vw; 1127 flex-direction: row-reverse; 1128 align-items: center; 1129 gap: 90px; 1130 padding: 64px 16px; 1131 } 1132 `,ResultsWrapper:e.div` 1133 display: flex; 1134 gap: 2px; 1135 align-items: center; 1136 justify-content: center; 1137 padding-top: 20px; 1138 `,ResultsWrapperDesktop:e.div` 1139 display: flex; 1140 gap: 2px; 1141 align-items: center; 1142 justify-content: center; 1143 padding-top: 20px; 1144 1145 @media (min-width: ${_.DESKTOP}px) { 1146 gap: 27px; 1147 } 1148 `,ImageWrapper:e.div` 1149 display: flex; 1150 position: relative; 1151 flex-direction: column; 1152 align-items: center; 1153 `,ResultImage:e.img` 1154 width: 123px; 1155 height: 182px; 1156 min-height: 181px; 1157 border-radius: 14px; 1158 border: 4px solid ${L.WHITE}; 1159 `,ResultImageDesktop:e.img` 1160 width: 123px; 1161 height: 182px; 1162 min-height: 182px; 1163 border-radius: 14px; 1164 border: 4px solid ${L.WHITE}; 1165 1166 @media (min-width: ${_.DESKTOP}px) { 1167 width: 185px; 1168 height: 273px; 1169 min-height: 273px; 1170 } 1171 `,LabelBefore:e.div` 1172 color: ${L.WHITE}; 1173 border-radius: 16px; 1174 background: linear-gradient( 1175 279deg, 1176 #eb3524 -1.71%, 1177 #fc754a 47.96%, 1178 #f8bc45 100.06% 1179 ), 1180 #c4c4c4; 1181 width: 114px; 1182 height: 30px; 1183 margin-top: -15px; 1184 text-align: center; 1185 padding-top: 6px; 1186 font-size: 12px; 1187 font-weight: 700; 1188 `,LabelBeforeDesktop:e.div` 1189 color: ${L.WHITE}; 1190 border-radius: 16px; 1191 background: linear-gradient( 1192 279deg, 1193 #eb3524 -1.71%, 1194 #fc754a 47.96%, 1195 #f8bc45 100.06% 1196 ), 1197 #c4c4c4; 1198 width: 114px; 1199 height: 30px; 1200 margin-top: -15px; 1201 text-align: center; 1202 padding-top: 6px; 1203 font-size: 12px; 1204 font-weight: 700; 1205 1206 @media (min-width: ${_.DESKTOP}px) { 1207 width: 171px; 1208 height: 45px; 1209 font-size: 18px; 1210 padding-top: 10px; 1211 } 1212 `,LabelAfter:e.div` 1213 color: ${L.WHITE}; 1214 border-radius: 16px; 1215 background: linear-gradient(282deg, #35b43f 1.06%, #72d444 100.05%); 1216 width: 114px; 1217 height: 30px; 1218 margin-top: -15px; 1219 text-align: center; 1220 padding-top: 6px; 1221 font-size: 12px; 1222 font-weight: 700; 1223 `,LabelAfterDesktop:e.div` 1224 color: ${L.WHITE}; 1225 border-radius: 16px; 1226 background: linear-gradient(282deg, #35b43f 1.06%, #72d444 100.05%); 1227 width: 114px; 1228 height: 30px; 1229 margin-top: -15px; 1230 text-align: center; 1231 padding-top: 6px; 1232 font-size: 12px; 1233 font-weight: 700; 1234 1235 @media (min-width: ${_.DESKTOP}px) { 1236 width: 171px; 1237 height: 45px; 1238 font-size: 18px; 1239 padding-top: 10px; 1240 } 1241 `,Chart:e.div` 1242 background-color: ${L.WHITE}; 1243 border-radius: 14px; 1244 `,ChartWrapper:e.div` 1245 position: relative; 1246 margin-top: 32px; 1247 `,ChartTitle:e.h2` 1248 font-size: 20px; 1249 font-style: normal; 1250 line-height: 23px; 1251 position: absolute; 1252 left: 36px; 1253 top: 16px; 1254 `,NowText:e.h2` 1255 font-size: 12px; 1256 font-weight: 800; 1257 text-transform: uppercase; 1258 color: ${L.BROWNISH_GRAY}; 1259 position: absolute; 1260 bottom: 22px; 1261 left: 43px; 1262 `,TextPlan:e.h2` 1263 font-size: 12px; 1264 font-weight: 800; 1265 text-transform: uppercase; 1266 color: ${L.PURPLE}; 1267 position: absolute; 1268 bottom: 22px; 1269 left: 207px; 1270 `,NewbieBubble:e.div` 1271 position: absolute; 1272 left: 26px; 1273 bottom: 74px; 1274 `,NewbieTitle:e.div` 1275 font-size: 12px; 1276 font-weight: 700; 1277 color: ${L.WHITE}; 1278 position: absolute; 1279 left: 8px; 1280 top: 4px; 1281 `,CommandsCount:e.div` 1282 font-size: 8px; 1283 font-weight: 500; 1284 color: ${L.WHITE}; 1285 opacity: 0.8; 1286 position: absolute; 1287 left: 8px; 1288 top: 20px; 1289 `},q=()=>{const{t:e}=W(),{preloadedMedia:o}=i.useContext(O);return t.jsx(t.Fragment,{children:t.jsxs(Q.WrapperVariant2,{id:g.guarantee,children:[t.jsx(Q.Image,{width:"114",src:o["nove8/cohorts/woofz22_v4t/assets/images/guarantee-dog-2.png"]}),t.jsx(Q.Title,{children:t.jsx(R,{i18nKey:"onboarding.guarantee.title",components:[t.jsx("br",{})]})}),t.jsxs(Q.Text,{children:[e`onboarding.guarantee.text2`,"Â ",t.jsx(z,{children:e`commonComponents.termsOfUse`})]}),t.jsx(X,{})]})})},J=()=>{const{t:e,i18n:o}
1289=W(),n=i.useMemo(()=>[N.PL,N.JP,N.KR,N.DE,N.FR].includes(o.language),[o.language]);return t.jsx(j.Wrapper2,{children:t.jsx(j.Container,{children:t.jsxs("ul",{children:[t.jsxs(j.ListItem,{children:[t.jsx(j.ListItemTitle,{children:e`security.item1.title`}),t.jsxs(j.ListItemText,{children:[e`security.item1.text`," ",t.jsx(A,{}),"."]})]}),t.jsxs(j.ListItem,{children:[t.jsx(j.ListItemTitle,{children:e`security.item2.title`}),t.jsx(j.ListItemText,{children:e`security.item2.text`})]}),t.jsxs(j.ListItem,{children:[t.jsx(j.ListItemTitle,{children:e`security.item3.title`}),t.jsxs(j.ListItemText,{children:[e`security.item3.text`," ",t.jsx("br",{style:{display:n?"block":"none"}}),t.jsx("a",{href:"mailto:[email protected]",children:"[email protected]"})]})]})]})})})},Z={Wrapper:e.div` 1290 display: flex; 1291 flex-direction: column; 1292 justify-content: center; 1293 align-items: center; 1294 background-color: ${L.WHITE}; 1295 width: 100%; 1296 padding: 40px 16px 80px; 1297 `,WrapperDesktop:e.div` 1298 display: flex; 1299 flex-direction: column; 1300 justify-content: center; 1301 align-items: center; 1302 background-color: ${L.WHITE}; 1303 width: 100%; 1304 padding: 40px 16px 80px; 1305 1306 @media (min-width: ${_.DESKTOP}px) { 1307 width: 100vw; 1308 padding: 64px 16px; 1309 } 1310 `,ContentDesktop:e.div` 1311 ${x}; 1312 1313 @media (min-width: ${_.DESKTOP}px) { 1314 flex-direction: row-reverse; 1315 justify-content: center; 1316 gap: 64px; 1317 } 1318 `,DogImage:e.img` 1319 width: 177px; 1320 min-height: 238px; 1321 1322 @media (min-width: ${_.DESKTOP}px) { 1323 width: 342px; 1324 } 1325 `,TextContainer:e.div` 1326 display: flex; 1327 flex-direction: column; 1328 align-items: center; 1329 justify-content: center; 1330 1331 @media (min-width: ${_.DESKTOP}px) { 1332 align-items: flex-start; 1333 max-width: 585px; 1334 } 1335 `,TextContainer2:e.div` 1336 display: flex; 1337 flex-direction: column; 1338 `,Title:e.h2` 1339 font-weight: 800; 1340 font-size: 24px; 1341 line-height: 30px; 1342 margin: 24px 0 16px; 1343 text-align: center; 1344 `,TitleDesktop:e.h2` 1345 font-weight: 800; 1346 font-size: 24px; 1347 line-height: 30px; 1348 margin: 24px 0 16px; 1349 text-align: center; 1350 1351 @media (min-width: ${_.DESKTOP}px) { 1352 font-size: 48px; 1353 line-height: 66px; 1354 align-self: flex-start; 1355 text-align: left; 1356 } 1357 `,Text:e.p` 1358 margin-bottom: 20px; 1359 font-weight: 600; 1360 font-size: 14px; 1361 line-height: 20px; 1362 opacity: 0.8; 1363 text-align: center; 1364 1365 strong { 1366 font-weight: 700; 1367 } 1368 `,Image:e.img` 1369 width: 177px; 1370 min-height: 238px; 1371 `,TextDesktop:e.p` 1372 margin-bottom: 20px; 1373 font-weight: 600; 1374 font-size: 14px; 1375 line-height: 20px; 1376 opacity: 0.8; 1377 text-align: center; 1378 1379 strong { 1380 font-weight: 700; 1381 } 1382 1383 @media (min-width: ${_.DESKTOP}px) { 1384 font-size: 24px; 1385 line-height: 32px; 1386 margin-bottom: 0; 1387 text-align: left; 1388 } 1389 `},ee=()=>{const{preloadedMedia:e}=i.useContext(O);return t.jsxs(Z.Wrapper,{children:[t.jsx(Z.Image,{src:e["nove8/cohorts/woofz22_v4t/assets/images/save-money-dog.jpg"],alt:"dog"}),t.jsx(Z.Title,{children:t.jsx(R,{i18nKey:"onboarding.saveMoney.title",components:[t.jsx("br",{})]})}),t.jsx(Z.Text,{children:t.jsx(R,{i18nKey:"onboarding.saveMoney.text1",components:[t.jsx("strong",{})]})}),t.jsx(Z.Text,{children:t.jsx(R,{i18nKey:"onboarding.saveMoney.text2"})})]})},ie=({onButtonClick:e,onSubscriptionSelect:o,onboardingType:n,isShownByCss:p})=>{const{t:r,i18n:a}=W(),{preloadedMedia:x}=i.useContext(O),{selectedLeadPlan:d}=b(s(e=>({selectedLeadPlan:e.selectedLeadPlan}))),l=S({planName:(null==d?void 0:d.name)||"",onboardingType:(null==d?void 0:d.onboardingType)||null}),m=c(),h=i.useMemo(()=>m?[...Array.isArray(m.commands_61_22v4t)?m.commands_61_22v4t:[],...Array.isArray(m.commands_62_22v4t)?m.commands_62_22v4t:[],...Array.isArray(m.commands_63_22v4t)?m.commands_63_22v4t:[]].length:0,[m]),f=i.useMemo(()=>a.language===N.DE,[a.language]);return t.jsx(y.Wrapper,{isShownByCss:p,children:t.jsxs(y.Content4,{children:[t.jsx(y.TitleVariant2,{children:t.jsx(R,{i18nKey:"cancelOffer.title",components:[t.jsx("br",{}),t.jsx("strong",{})]})}),t.jsx(y.Image2,{src:x["nove8/cohorts/woofz22_v4t/assets/images/cancel-dog.jpg"]}),t.jsx(T,{screenName:u.CANCEL}),t.jsx(y.CardTitle3,{children:r`commonComponents.chooseYourPlan`}),t.jsxs(y.PlanBlockInfoWrapper2,{id:g.chooseMyPlan,children:[t.jsxs(y.InfoItem,{children:[t.jsx(y.Circle,{children:t.jsx(y.EmojiImage,{children:"ð"})}),t.jsxs(y.InfoItemContent2,{children:[r`onboarding.planBlock.currentLevel`,t.jsx(y.InfoItemText,{children:t.jsx(R,{i18nKey:h<=1?"onboarding.planBlock.command":"onboarding.planBlock.commands",values:{commandsQuantity:h}})})]})]}),t.jsxs(y.InfoItem,{children:[t.jsx(y.Circle,{children:t.jsx(y.EmojiImage,{children:"ð¯"})}),t.jsxs(y.InfoItemContent2,{children:[r`onboarding.planBlock.goal`,t.jsx(y.InfoItemText,{children:r`onboarding.planBlock.commandsGoal`})]})]})]}),t.jsx(v,{onButtonClick:e,onSelect:o,SelectPlanItem:$,onboardingType:n,planCardId:g.chooseMyPlan,bgColor:"#F19FC5"}),t.jsx(q,{}),t.jsxs(y.ButtonWrapper,{id:g.startMyPlanButton,children:[t.jsx(y.DiscountImage2,{isDeLocale:f,children:t.jsx(k,{width:48,height:48})}),t.jsx(I,{onClick:e})]}),t.jsx(ee,{}),t.jsx(G,{}),t.jsx(y.TitleVariant3,{children:t.jsx(R,{i18nKey:"cancelOffer.ifYourDogCouldTalk",components:[t.jsx("br",{}),t.jsx("strong",{})]})}),t.jsx(y.Image2,{src:x["nove8/cohorts/woofz22_v4t/assets/images/happy-dog.jpg"]}),t.jsx(T,{screenName:u.CANCEL}),t.jsx(y.CardTitle4,{children:r`commonComponents.chooseYourPlan`}),t.jsxs(y.PlanBlockInfoWrapper2,{bgColor:L.PURPLE,children:[t.jsxs(y.InfoItem,{children:[t.jsx(y.Circle,{children:t.jsx(y.EmojiImage,{children:"ð"})}),t.jsxs(y.InfoItemContent2,{children:[r`onboarding.planBlock.currentLevel`,t.jsx(y.InfoItemText2,{children:t.jsx(R,{i18nKey:h<=1?"onboarding.planBlock.command":"onboarding.planBlock.commands",values:{commandsQuantity:h}})})]})]}),t.jsxs(y.InfoItem,{children:[t.jsx(y.Circle,{children:t.jsx(y.EmojiImage,{children:"ð¯"})}),t.jsxs(y.InfoItemContent2,{children:[r`onboarding.planBlock.goal`,t.jsx(y.InfoItemText2,{children:r`onboarding.planBlock.commandsGoal`})]})]})]}),t.jsx(v,{onButtonClick:e,onSelect:o,SelectPlanItem:$,onboardingType:n,planCardId:g.chooseMyPlanSecond,bgColor:L.PURPLE,reducedPadding:!0}),t.jsx(J,{}),t.jsxs(y.Copyright2,{children:[t.jsx(P,{selectedSubscriptionFullPrice:null==l?void 0:l.analyticsPrice,periodQuantity:null==l?void 0:l.totalAmountPeriodQuantity}),t.jsx(C,{})]})]})})},te=()=>{const{isPaymentPageShown:e}=f(s(e=>({isPaymentPageShown:e.isPaymentPageShown})));return t.jsx(D,{onboardingType:w.CANCEL_OFFER,screenName:u.CANCEL,children:i=>t.jsxs(t.Fragment,{children:[t.jsx(E,{isShownByCss:e}),t.jsx(ie,{...i,isShownByCss:!e})]})})};export{te as CancelOffer};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.