1import{x as t,r as i,j as e,A as o,u as a}from"./vendor.mIPXQGLM.js";import{l as n,L as r,M as p,u as l,a3 as s,P as d}from"./@constants.BRV_txzJ.js";import{d as g,i as x,b7 as m,B as c,b2 as u,b3 as h,bd as b,b1 as f,b as E,bh as w,bi as k,a as $,F as v,c as R,u as S,e as T,bj as y,bk as _,bl as C,b9 as I,b6 as N}from"./index.bundle.js";import{g as j}from"./generateRandomPlan.B5N3x6_M.js";import{g as P}from"./getFilteredEmailDomains.D7s9CFMX.js";import{u as A}from"./useClickOutsideHandler.QTUxNu-x.js";import{u as M}from"./useIsUserFromUs.wP7rh7J7.js";import{G as z}from"./GreenArrowButton.BBPrNOIe.js";import{c as B,o as L,w as W}from"./warning.OuzC0B7_.js";import{u as O,T as D}from"./@i18n.Cv0A4uHT.js";import{P as H}from"./PrivacyPolicyLink.VuAfOfFF.js";import{T as V}from"./TermsOfUseLink.BzNW-555.js";import{L as U,c as G,a as Y}from"./lock-icon.DdR0rAcL.js";import{M as K}from"./Modal.Lsb-y6Zz.js";import{u as X}from"./useEmailInputField.B8ksByc-.js";import{u as F}from"./@react-router.hFdD-ZA2.js";import{L as Q}from"./lock.CmbES_Es.js";import"./@amplitude.yMGOHWCQ.js";import"./@xstate.CEsnlirg.js";import"./@firebase.Bkc6--w4.js";import"./@lottie.KPmlgv_O.js";import"./@lodash.D8yALn-Z.js";import"./@rudderstack.DVYreKjc.js";import"./right-white-arrow.jrmExGPe.js";import"./getAppNameFromInAppBrowser.C7vjRxaU.js";import"./failed-face.BCfynzwX.js";const q={Wrapper:t.div` 2 position: relative; 3 display: block; 4 width: 100%; 5 padding-bottom: ${({isLongLocale:t})=>t?"28px":"20px"}; 6 7 &::after { 8 display: block; 9 position: absolute; 10 left: 0; 11 font-size: 10px; 12 line-height: 14px; 13 font-weight: 400; 14 } 15 16 &[data-is-valid="false"]::after { 17 content: attr(data-validation-text); 18 color: rgba(${n.ERROR_RGB}); 19 } 20 21 &[data-is-valid="true"]::after { 22 content: attr(data-hint-text); 23 color: rgba(${n.PRIMARY_TEXT_RGB}, 0.6); 24 } 25 `,Input:t.input` 26 margin: 0; 27 border: 1px solid #ddccc5; 28 border-radius: 8px; 29 outline: none; 30 31 display: block; 32 width: 100%; 33 padding: 14px 40px 14px 12px; 34 color: rgb(${n.PRIMARY_TEXT_RGB}); 35 background-color: #fffaf7; 36 caret-color: #35b43f; 37 font-size: 15px; 38 line-height: 18px; 39 font-weight: 700; 40 transition: border-color 0.2s ease-out; 41 42 &::placeholder { 43 font-weight: 600; 44 color: rgba(176, 160, 153, 0.5); 45 } 46 47 &:focus { 48 border-color: #b0a099; 49 } 50 51 [data-is-valid="false"] & { 52 border: 1px solid ${n.ERROR}; 53 color: rgba(${n.ERROR_RGB}); 54 background-color: rgba(${n.ERROR_RGB}, 0.1); 55 background-image: url("${W}"); 56 background-size: 18px 18px; 57 background-repeat: no-repeat; 58 background-position: right 16px center; 59 } 60 61 [data-is-warning-icon-shown="false"] & { 62 background-image: none; 63 } 64 65 ::-webkit-inner-spin-button, 66 ::-webkit-outer-spin-button { 67 -webkit-appearance: none; 68 margin: 0; 69 } 70 `,Label:t.span` 71 color: rgba(${n.PRIMARY_TEXT_RGB}); 72 font-size: 16px; 73 line-height: 18px; 74 font-weight: 700; 75 margin-bottom: 4px; 76 `,VisibilityButton:t.button` 77 padding: 0; 78 display: block; 79 position: absolute; 80 top: 26px; 81 right: 0; 82 width: 52px; 83 height: 48px; 84 border: none; 85 outline: none; 86 cursor: pointer; 87 background-size: 20px 20px; 88 background-color: transparent; 89 background-repeat: no-repeat; 90 background-position: center; 91 background-image: url("${B}"); 92 93 &[data-visible="true"] { 94 background-image: url("${L}"); 95 } 96 97 &[data-visible="false"] { 98 background-image: url("${B}"); 99 } 100 `,EmailContainer:t.div` 101 width: 100%; 102 position: relative; 103 margin-top: 24px; 104 105 ::after { 106 content: attr(data-hint-text); 107 color: rgba(${n.PRIMARY_TEXT_RGB}, 0.6); 108 font-size: 12px; 109 } 110 `,Label2:t.div` 111 position: absolute; 112 top: -22px; 113 display: flex; 114 align-items: center; 115 font-weight: 600; 116 font-size: 12px; 117 line-height: 18px; 118 `},J=({labelName:t,hasVisibilityControl:o=!1,isValid:a=!0,validationText:n="",hintText:p="",type:l="text",...s})=>{const{i18n:d}=O(),[g,x]=i.useState(!1),m=i.useMemo(()=>d.language===r.DE,[d.language]),c=i.useCallback(()=>o?g?"text":"password":l,[o,g,l]),u=i.useCallback(t=>{const i=t.target;i.value=i.value.trim(),s.onChange&&s.onChange(t),s.onBlur&&s.onBlur(t)},[s]);return e.jsxs(q.Wrapper,{"data-is-valid":a,"data-validation-text":n,"data-hint-text":p,"data-is-warning-icon-shown":!o,isLongLocale:m,children:[t&&e.jsx(q.Label,{children:t}),e.jsx(q.Input,{required:!0,type:c(),...s,onBlur:u}),o&&e.jsx(q.VisibilityButton,{type:"button",onClick:()=>x(t=>!t),"data-visible":g})]})},Z=t.p` 119 width: 100%; 120 margin: 0; 121 font-size: 12px; 122 line-height: 14px; 123 font-weight: 400; 124 color: ${n.PRIMARY_TEXT}; 125 text-align: left; 126 127 a { 128 color: inherit; 129 text-decoration: underline; 130 } 131`,tt=()=>e.jsxs(Z,{"data-testid":"quiz-email-consent-text",children:["By continuing, you indicate that you've read and agree to our"," ",e.jsx(V,{"data-testid":"quiz-email-terms-link",children:"Terms of Use"})," ","and ",e.jsx(H,{"data-testid":"quiz-email-privacy-link"}),"."]}),it=o` 132 position: fixed;
133 z-index: 1; 134 bottom: 0; 135 left: 0; 136 right: 0; 137 margin-left: auto; 138 margin-right: auto; 139 text-align: center; 140 display: flex; 141 justify-content: center; 142 flex-direction: column; 143 align-items: center; 144 gap: 8px; 145 margin-bottom: 8px; 146 147 &[data-is-virtual-keypad-active='true'] { 148 position: relative; 149 margin: 33px 0 24px; 150 } 151 152 @media (min-width: 600px) { 153 &[data-is-virtual-keypad-active='true'] { 154 position: fixed; 155 margin: 0 auto 8px; 156 } 157 } 158`,et={Wrapper:t.div` 159 ${u}; 160 padding-top: 50px; 161 `,Wrapper2:t.div` 162 ${u}; 163 padding-top: 82px; 164 165 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 166 padding-top: 82px; 167 } 168 `,EmailContent:t.div` 169 ${$}; 170 padding-top: 32px; 171 172 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 173 width: 398px; 174 } 175 `,WrapperVC:t.div` 176 ${u}; 177 padding-top: 40px; 178 179 @media (min-width: ${p.PHONE_WITH_390_MIN}px) { 180 padding-top: 74px; 181 } 182 `,Content:t.div` 183 ${$}; 184 padding-top: 43px; 185 186 @media ${m} { 187 padding-top: 67px; 188 } 189 `,Content2:t.div` 190 ${E}; 191 padding-top: 24px; 192 193 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 194 padding-top: 33px; 195 } 196 `,ContentRT:t.div` 197 ${E}; 198 padding-top: 32px; 199 200 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 201 padding-top: 40px; 202 } 203 `,ContentRfnd:t.div` 204 ${E}; 205 padding-top: 59px; 206 207 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 208 padding-top: 32px; 209 } 210 `,ContentVC:t.div` 211 ${k}; 212 `,ContentDesktop:t.div` 213 ${w}; 214 padding-top: 43px; 215 216 @media ${m} { 217 padding-top: 67px; 218 } 219 `,ContentBarking:t.div` 220 ${E}; 221 padding-top: 24px; 222 223 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 224 padding-top: 32px; 225 } 226 `,ContentHog:t.div` 227 ${E}; 228 padding-top: 59px; 229 230 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 231 padding-top: 46px; 232 } 233 `,ContentPpp:t.div` 234 ${E}; 235 `,Title:t.h2` 236 ${f}; 237 margin-bottom: 16px; 238 239 strong { 240 font-weight: 800; 241 color: ${n.MEDIUM_GREEN}; 242 } 243 `,TitlePpp:t.h2` 244 ${f}; 245 margin-bottom: 24px; 246 247 strong { 248 font-weight: 800; 249 color: ${n.MEDIUM_GREEN}; 250 } 251 252 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 253 br { 254 display: none; 255 } 256 } 257 `,EmailTestTitle:t.h2` 258 ${f}; 259 margin-bottom: 8px; 260 261 strong { 262 font-weight: 800; 263 color: ${n.MEDIUM_GREEN}; 264 } 265 266 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 267 font-size: 24px; 268 } 269 `,EmailTitleV9:t.h2` 270 ${f}; 271 margin-bottom: 32px; 272 font-size: 24px; 273 color: ${n.BLACK}; 274 font-weight: 700; 275 line-height: normal; 276 277 strong { 278 font-weight: 700; 279 color: ${n.PURPLE}; 280 } 281 `,Title2:t.h2` 282 ${f}; 283 margin-bottom: 16px; 284 height: 72px; 285 padding-top: 10px; 286 287 strong { 288 font-weight: 800; 289 color: ${n.PURPLE}; 290 } 291 `,TitleVC:t.h2` 292 font-weight: 800; 293 font-size: 24px; 294 margin-bottom: 16px; 295 text-align: center; 296 297 strong { 298 font-weight: 800; 299 color: ${n.PURPLE}; 300 } 301 302 @media (min-width: ${p.MEDIUM_PHONE}px) { 303 font-style: normal; 304 font-weight: 800; 305 line-height: 30px; 306 } 307 308 @media (min-width: ${p.PHONE_WITH_390_MIN}px) { 309 font-size: 28px; 310 line-height: normal; 311 margin-bottom: 63px; 312 313 br { 314 display: none; 315 } 316 } 317 `,TitleRT:t.h2` 318 font-size: 20px; 319 line-height: 24px; 320 font-weight: 800; 321 text-align: center; 322 margin-bottom: 16px; 323 324 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 325 font-size: 24px; 326 } 327 `,TitleRfnd:t.h2` 328 ${f}; 329 margin-bottom: 16px; 330 331 strong { 332 font-weight: 800; 333 color: ${n.MEDIUM_GREEN}; 334 } 335 336 br { 337 display: none; 338 } 339 340 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 341 br { 342 display: block; 343 } 344 } 345 `,TitleDesktop:t.h2` 346 ${f}; 347 margin-bottom: 16px; 348 349 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 350 font-size: 32px; 351 line-height: 44px; 352 max-width: 380px; 353 354 br { 355 display: none; 356 } 357 } 358 `,TitleWellness:t.h2` 359 font-size: 28px; 360 line-height: 110%; 361 font-weight: 800; 362 text-align: center; 363 margin-bottom: 8px; 364 `,TextVariant2:t.p` 365 ${b}; 366 margin-bottom: 8px; 367 `,Text:t.p` 368 ${b}; 369 margin-bottom: 16px; 370 `,TextRT:t.p` 371 ${b}; 372 font-size: 15px; 373 margin-bottom: 16px; 374 `,TextWellness:t.p` 375 ${b}; 376 font-size: 15px; 377 font-weight: 500; 378 line-height: 130%; 379 margin-bottom: 38px; 380 color: ${n.PRIMARY_TEXT}; 381 `,TextDesktop:t.p` 382 ${b}; 383 margin-bottom: 16px; 384 385 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 386 font-size: 20px; 387 line-height: 28px; 388 margin-bottom: 32px; 389 } 390 `,HighlightedText:t.p` 391 ${b}; 392 margin-bottom: 16px; 393 font-weight: 700; 394 color: #35b43f;
395 margin-top: -12px; 396 `,InputWrapper:t.div` 397 width: 100%; 398 `,InputWrapper2:t.div` 399 width: 100%; 400 position: relative; 401 padding-bottom: 0; 402 `,InputWrapperV9:t.div` 403 width: 100%; 404 position: relative; 405 padding-bottom: 0; 406 407 input { 408 background: ${n.WHITE}; 409 border: 1px solid #e5e5e5; 410 color: ${n.BLACK}; 411 caret-color: ${n.PURPLE}; 412 } 413 414 span { 415 color: ${n.BLACK}; 416 } 417 `,InputWrapperDesktop:t.div` 418 width: 100%; 419 position: relative; 420 padding-bottom: 0; 421 422 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 423 input { 424 font-size: 17px; 425 padding: 23px 40px 23px 12px; 426 } 427 span { 428 font-size: 20px; 429 } 430 } 431 `,WrapperVariant2:t.div` 432 ${u}; 433 ${h}; 434 padding-top: 50px; 435 background-color: ${n.BEIGE}; 436 `,Description:t.p` 437 text-align: left; 438 font-weight: 600; 439 font-size: 10px; 440 line-height: 14px; 441 color: ${n.PRIMARY_TEXT}; 442 opacity: ${({isUserFromUs:t})=>t?1:.5}; 443 `,Description2:t.p` 444 font-weight: 600; 445 font-size: 10px; 446 line-height: 14px; 447 color: ${n.PRIMARY_TEXT}; 448 `,Description3:t.p` 449 text-align: left; 450 font-weight: 600; 451 font-size: 10px; 452 line-height: 14px; 453 color: ${n.PRIMARY_TEXT}; 454 opacity: 0.5; 455 margin-top: -6px; 456 `,DescriptionDesktop:t.p` 457 text-align: left; 458 font-weight: 600; 459 font-size: 10px; 460 line-height: 14px; 461 color: ${n.BROWNISH_GRAY}; 462 463 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 464 align-self: flex-start; 465 } 466 `,Description4:t.p` 467 text-align: left; 468 font-weight: 600; 469 font-size: 10px; 470 line-height: 14px; 471 color: ${n.PRIMARY_TEXT}; 472 opacity: 0.5; 473 margin-top: 0; 474 475 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 476 margin-top: 4px; 477 } 478 `,DescriptionV9:t.p` 479 text-align: left; 480 font-weight: 600; 481 font-size: 10px; 482 color: #808080; 483 margin-top: -6px; 484 `,DescriptionWellness:t.p` 485 text-align: left; 486 font-weight: 600; 487 font-size: 10px; 488 margin-top: 24px; 489 opacity: 0.5; 490 `,NewslettersAgreement:t.div` 491 font-weight: 600; 492 font-size: 10px; 493 line-height: 14px; 494 color: ${n.PRIMARY_TEXT}; 495 width: 100%; 496 margin-top: 6px; 497 `,OptionButton:t.div` 498 display: flex; 499 align-items: center; 500 font-weight: 600; 501 font-size: 10px; 502 padding: 8px 15px 8px 0; 503 color: ${n.PRIMARY_TEXT}; 504 text-wrap: auto; 505 width: 100%; 506 transition: background-color 0.2s ease-out; 507 508 &[data-has-check-icon='true'] { 509 background-image: url("${G}"); 510 background-size: 24px; 511 background-repeat: no-repeat; 512 background-position: left 0 center; 513 padding-left: 36px; 514 515 input:checked + & { 516 background-image: url("${Y}"); 517 } 518 } 519 520 span { 521 opacity: 0.5; 522 } 523 `,AutoCompleteWrapper:t.div` 524 max-height: 160px; 525 padding: 0 15px; 526 position: absolute; 527 top: 72px; 528 left: 0; 529 box-shadow: 0 6px 20px rgba(74, 53, 50, 0.2); 530 border-radius: 8px; 531 overflow-y: auto; 532 width: 288px; 533 background-color: ${n.WHITE}; 534 z-index: 2; 535 536 @media (min-width: ${p.MEDIUM_PHONE}px) { 537 width: 343px; 538 } 539 `,AutoCompleteWrapperPpp:t.div` 540 max-height: 160px; 541 padding: 0 15px; 542 position: absolute; 543 top: 72px; 544 left: 0; 545 box-shadow: 0 6px 20px rgba(74, 53, 50, 0.2); 546 border-radius: 8px; 547 overflow-y: auto; 548 width: 328px; 549 background-color: ${n.WHITE}; 550 z-index: 2; 551 552 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 553 width: 398px; 554 } 555 `,AutoCompleteWrapper2:t.div` 556 max-height: 160px; 557 padding: 0 15px; 558 position: absolute; 559 top: 50px; 560 left: 0; 561 box-shadow: 0 6px 20px rgba(74, 53, 50, 0.2); 562 border-radius: 8px; 563 overflow-y: auto; 564 width: 100%; 565 background-color: ${n.WHITE}; 566 z-index: 2; 567 `,AutoCompleteWrapperDesktop:t.div` 568 max-height: 160px; 569 padding: 0 15px; 570 position: absolute; 571 top: 72px; 572 left: 0; 573 box-shadow: 0 6px 20px rgba(74, 53, 50, 0.2); 574 border-radius: 8px; 575 overflow-y: auto; 576 width: 100%; 577 background-color: ${n.WHITE}; 578 z-index: 2; 579 580 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 581 top: 92px; 582 } 583 `,AutoCompleteButton:t.button` 584 height: 40px; 585 width: 100%; 586 padding: 0; 587 display: block; 588 cursor: pointer; 589 border: none; 590 outline: none; 591 font-size: 16px; 592 font-weight: 500; 593 line-height: 40px; 594 text-decoration: none; 595 text-align: left; 596 color: ${n.PRIMARY_TEXT}; 597 background-color: transparent; 598 -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 599 text-overflow: ellipsis; 600 white-space: nowrap; 601 overflow: hidden; 602 direction: rtl; 603 604 :not(:last-child) { 605 border-bottom: 1px dotted #bcc9d0; 606 } 607 `,AutoCompleteButtonTextWrapper:t.span` 608 unicode-bidi: plaintext; 609 `,GetPlanButton:t(c)` 610 ${g}; 611 bottom: 55px; 612 left: 0; 613 right: 0; 614 margin-left: auto; 615 margin-right: auto; 616 display: flex; 617 align-items: center; 618 justify-content: center; 619 620 @media ${m} { 621 bottom: 0; 622 } 623 `,StickyBlockWrapper:t.div` 624 ${g}; 625 ${it} 626 `,StickyBlockWrapperRT:t.div` 627 ${x}; 628 ${it} 629 `,StickyBlockEmailPageWrapper:t.div` 630 ${g}; 631 ${it}; 632 margin-top: 6px !important; 633 634 @media (min-width: ${p.SALES_SCREEN_MIN_PHONE}px) { 635 width: 398px; 636 637 button { 638 width: 398px; 639 } 640 641 br { 642 display: none; 643 } 644 } 645 `,StickyBlockWrapperRfnd:t.div` 646 ${x}; 647 ${it}; 648 `,StickyBlockWrapperPpp:t.div` 649 ${x}; 650 ${it}; 651 background-color: ${n.WHITE}; 652 padding: 8px 0 56px; 653 margin-bottom: 0; 654 &[data-is-virtual-keypad-active='true'] { 655 position: relative; 656 margin: 12px 0 24px; 657 } 658 `,StickyBlockWrapperRfnd2:t.div` 659 ${x}; 660 ${it}; 661 background-color: ${n.WHITE}; 662 padding: 8px 0 56px; 663 margin-bottom: 0; 664 `,StickyBlockWrapperDesktop:t.div` 665 ${g}; 666 ${it}; 667 668 @media (min-width: ${p.QUESTIONS_DESKTOP}px) { 669 border-top: 1px solid rgba(0, 0, 0, 0.1); 670 padding-top: 24px; 671 width: 100vw; 672 gap: 16px; 673 } 674 `,RightsReserved:t.div` 675 color: ${n.BROWNISH_GRAY}; 676 text-align: center; 677 font-size: 12px; 678 font-weight: 400; 679 line-height: 12px; 680 margin-bottom: -32px; 681 padding-top: 32px; 682 `,UsersChooseBlock:t.div` 683 display: flex; 684 flex-direction: row; 685 align-items: center; 686 gap: 8px; 687 margin-bottom: 32px; 688 `,Text2:t.p` 689 font-size: 16px; 690 font-weight: 700; 691 `,Image:t.img` 692 `,DescriptionWrapper:t.div` 693 display: flex; 694 flex-direction: row; 695 align-items: center; 696 gap: 4px; 697 `,LockImg2:t(U)` 698 width: 10px; 699 `,TextVariant3:t.p` 700 text-align: center; 701 font-weight: 700; 702 font-size: 12px; 703 line-height: 14px; 704 color: #B0A099; 705 `,TextVariant4:t.p` 706 text-align: center; 707 font-weight: 400; 708 font-size: 10px; 709 line-height: 14px; 710 color: #B0A099; 711 `},ot=({children:t})=>{const{onNextStep:o,onSkipOneStep:n}=i.useContext(v),{globalError:r,cohort:p,country:d,firebaseRemoteConfig:g,growthbook:x,leadId:m}=R(a(t=>{var i,e,o;return{leadId:(null==(i=t.lead)?void 0:i.id)||"",globalError:t.globalError,cohort:(null==(e=t.lead)?void 0:e.cohort)||"",country:(null==(o=t.lead)?void 0:o.country)||"",firebaseRemoteConfig:t.firebaseRemoteConfig,growthbook:t.growthbook}})),{language:c,isCookieyesConsent:u}=S(a(t=>({language:t.language,isCookieyesConsent:t.cookieyesConsent}))),[h,b]=i.useState(!1),[f,E,w]=X(),{search:k}=F();i.useEffect(()=>{T.logEmailPageShown()},[]);const $=i.useCallback(async t=>{if(!t&&!f.isValid)return;const i=new URLSearchParams(k),e=Object.fromEntries(i.entries());!T.hasLogger(l.AMPLITUDE)&&u&&y({amplitudeApiKey:s,cohort:p,utmTags:e,uuid:m,language:c,firebaseRemoteConfig:g,growthbook:x,country:d}),!T.hasLogger(l.RUDDERSTACK)&&u&&_({cohort:p,utmTags:e,uuid:m,firebaseRemoteConfig:g,growthbook:x,language:c,country:d}),await C({email:t?t.toLowerCase():f.value.toLowerCase(),successCallback:n,unsuccessfulCallback:()=>b(!0)})},[p,d,f.isValid,f.value,g,x,c,o,k,m,u,n,c]),I=i.useCallback(({target:{value:t}})=>{E(i=>({...i,value:t,isValid:!0,validationText:""}))},[E]),N=i.useCallback(()=>{E({value:"",isValid:!0,validationText:""})},[E]),j=i.useMemo(()=>"function"==typeof t?t({onSubmit:$,onChange:I,onBlur:t=>w(t.target.value),email:f,onClearButtonClick:N}):t,[t,$,I,f,w,N]);return e.jsxs(e.Fragment,{children:[j,e.jsx(K,{onClose:()=>{R.setState({globalError:null}),b(!1)},isShown:h,error:r})]})},at={NoteV9:t.div` 712 width: 100%; 713 padding-left: 7px; 714 display: flex; 715 align-items: flex-start; 716 justify-content: center; 717 718 p { 719 text-align: center; 720 font-weight: 400; 721 } 722 723 &[data-is-virtual-keypad-active='true'] { 724 display: none; 725 } 726 727 @media (min-width: 600px) { 728 margin-bottom: 24px; 729 730 &[data-is-virtual-keypad-active='true'] { 731 display: flex; 732 } 733 } 734 `,LockImg2:t(Q)` 735 width: 7px; 736 opacity: 0.5; 737 margin-right: 5px; 738 `,DescriptionV9:t.p` 739 text-align: left; 740 font-weight: 600; 741 font-size: 10px; 742 line-height: 14px; 743 color: #b0a099; 744 text-align: center; 745 746 br { 747 display: block !important; 748 } 749 `},nt=({isVirtualKeypadActive:t=!1})=>e.jsxs(at.NoteV9,{"data-is-virtual-keypad-active":t,children:[e.jsx(at.LockImg2,{}),e.jsx(at.DescriptionV9,{children:e.jsx(D,{i18nKey:"commonComponents.privacyNote",components:[e.jsx("br",{})]})})]}),rt=({email:t,onChange:o,onBlur:n,onSubmit:p})=>{const[l,s]=i.useState(!1),{onNextStep:g}=i.useContext(v),{t:x,i18n:m}=O(),[c,u]=i.useState(!1),h=I(),b=i.useRef(null),f=i.useRef(null),{isProcessing:E}=R(a(t=>({isProcessing:t.isProcessing}))),w=M(),k=i.useMemo(()=>localStorage.getItem("planNumber")||j(),[]),$=i.useMemo(()=>"girl"===(null==h?void 0:h[d.SEX_22V4])?"[email protected]":"[email protected]",[h]),S=i.useMemo(()=>!t.value||!t.isValid||E,[t.isValid,t.value,E]),T=i.useMemo(()=>P(t.value),[t.value]);A([b,f],{handler:()=>s(!1),enabled:l}),i.useEffect(()=>{T.length&&l?u(!0):u(!1)},[t.isValid,t.value,l,T.length]);const y=i.useCallback(()=>{R.setState({inputEmail:t.value.toLowerCase()}),m.language===r.EN?g():p()},[t,g,p,m.language]);return N(),e.jsx(et.Wrapper,{children:e.jsxs(et.Content,{children:[e.jsx(et.Title,{children:e.jsx(D,{i18nKey:"onboarding.email.title2",values:{planNumber:k},components:[e.jsx("br",{})]})}),e.jsx(et.Text,{children:x`onboarding.email.enterEmail`}),e.jsxs(et.InputWrapper2,{ref:b,children:[e.jsx(J,{labelName:x`onboarding.email.email`,id:"user-email",placeholder:$,"data-testid":"email-input",value:t.value,isValid:t.isValid,validationText:t.validationText,name:"email",type:"email",autoComplete:"off",onChange:o,onFocus:()=>s(!0),onBlur:t=>{n(t)}}),c&&e.jsx(et.AutoCompleteWrapper,{children:T.map(t=>e.jsx(et.AutoCompleteButton,{type:"button",value:t,onClick:t=>{o({target:{value:t.currentTarget.value}}),s(!1)},children:e.jsx(et.AutoCompleteButtonTextWrapper,{children:t})},t))})]}),e.jsx(et.Description,{isUserFromUs:w,children:w?e.jsx(tt,{}):x`onboarding.email.yourInformationIsSecure`}),e.jsxs(et.StickyBlockWrapper,{"data-is-virtual-keypad-active":l,ref:f,children:[e.jsx(z,{isButtonDisabled:S,onClick:y,testId:"email-submit-button",text:x`onboarding.email.getMyPlan`}),e.jsx(nt,{isVirtualKeypadActive:l})]})]})})},pt=()=>e.jsx(ot,{children:t=>e.jsx(rt,{...t})});
749export{pt as Email22V4};
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.