@hhgtech/hhg-components 1.27.37 → 1.27.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/babyGrowth.js +8 -8
- package/build/cache.js +1 -1
- package/build/care.js +1 -1
- package/build/components/atoms/icons/User.d.ts +4 -0
- package/build/components/atoms/icons/index.d.ts +1 -0
- package/build/components/atoms/index.d.ts +2 -2
- package/build/components/mantine/theme/index.d.ts +1 -1
- package/build/components/mantine/theme/text.d.ts +1 -0
- package/build/components/navigationV2/components/molecules/navigationBar/index.d.ts +2 -2
- package/build/components/navigationV2/hooks/useNavConfig.d.ts +2 -1
- package/build/components/navigationV2/index.d.ts +1 -1
- package/build/components/organisms/navigationProfileButton/index.d.ts +1 -2
- package/build/components.js +1 -1
- package/build/constants.js +1 -1
- package/build/{core-19a4b505.js → core-b10ec2ae.js} +1 -1
- package/build/{dataTransform-124f467a.js → dataTransform-b54393ce.js} +1 -1
- package/build/ecom.js +1 -1
- package/build/esm/babyGrowth.js +7 -7
- package/build/esm/cache.js +1 -1
- package/build/esm/care.js +1 -1
- package/build/esm/components/atoms/icons/User.d.ts +4 -0
- package/build/esm/components/atoms/icons/index.d.ts +1 -0
- package/build/esm/components/atoms/index.d.ts +2 -2
- package/build/esm/components/mantine/theme/index.d.ts +1 -1
- package/build/esm/components/mantine/theme/text.d.ts +1 -0
- package/build/esm/components/navigationV2/components/molecules/navigationBar/index.d.ts +2 -2
- package/build/esm/components/navigationV2/hooks/useNavConfig.d.ts +2 -1
- package/build/esm/components/navigationV2/index.d.ts +1 -1
- package/build/esm/components/organisms/navigationProfileButton/index.d.ts +1 -2
- package/build/esm/components.js +1 -1
- package/build/esm/constants.js +1 -1
- package/build/esm/{core-322c933c.js → core-8b54d2b3.js} +1 -1
- package/build/esm/{dataTransform-ae856acb.js → dataTransform-2634aa2a.js} +1 -1
- package/build/esm/ecom.js +1 -1
- package/build/esm/fixedBottomAdBlock-252cc4da.js +1 -0
- package/build/esm/footer.js +1 -1
- package/build/esm/gAssets.js +1 -1
- package/build/esm/{getDynamicHealthTool-d80a5759.js → getDynamicHealthTool-20a6fc1a.js} +1 -1
- package/build/esm/{getSocialList-7ee99e42.js → getSocialList-d9b72a6c.js} +1 -1
- package/build/esm/hooks.js +1 -1
- package/build/esm/i18n.js +1 -1
- package/build/esm/i18nV2.js +1 -1
- package/build/esm/{index-0c9a24b4.js → index-011d54c2.js} +1 -1
- package/build/esm/index-089be81e.js +1 -0
- package/build/esm/{index-944ec55e.js → index-0d7aacfc.js} +1 -1
- package/build/esm/index-0f123066.js +1 -0
- package/build/{index.styled-44e2f7db.js → esm/index-14ebdde4.js} +3 -3
- package/build/esm/{index-dd70c978.js → index-17611c49.js} +179 -113
- package/build/esm/index-1bb8266d.js +1 -0
- package/build/esm/{index-49cd0636.js → index-325afc4d.js} +1 -1
- package/build/esm/{index-7cfc4b84.js → index-35fd0aad.js} +30 -30
- package/build/esm/index-592a2e0b.js +1 -0
- package/build/esm/index-63e0b5be.js +1 -0
- package/build/esm/index-72719df9.js +1 -0
- package/build/esm/{index-2e212274.js → index-87850dfe.js} +2 -2
- package/build/esm/{index-410bf93e.js → index-8804431d.js} +1 -1
- package/build/esm/{index-d930591b.js → index-88b68e0d.js} +2 -2
- package/build/esm/{index-706ac0ae.js → index-88e355f5.js} +1 -1
- package/build/esm/{index-36e639f4.js → index-8c0064ee.js} +1 -1
- package/build/esm/{index-6d687c83.js → index-9075d01a.js} +1 -1
- package/build/esm/index-9ff96da9.js +1 -0
- package/build/esm/{index-3f1ef582.js → index-ac45d84b.js} +1 -1
- package/build/esm/{index-493bcc23.js → index-bcca0486.js} +6 -6
- package/build/esm/{index-d463e6c2.js → index-d4681c97.js} +1 -1
- package/build/esm/{index-44c009bb.js → index-e5a33e01.js} +1 -1
- package/build/esm/index-f16a050a.js +1 -0
- package/build/esm/{index-5ea203ac.js → index-f7380130.js} +1 -1
- package/build/esm/index.css +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/{index.styled-52ae0cba.js → index.styled-a7d5bf58.js} +3 -7
- package/build/esm/{index.styled-fdf81293.js → index.styled-a912953b.js} +3 -3
- package/build/esm/{index.styled-591d0fb6.js → index.styled-ef3fcbbd.js} +6 -6
- package/build/esm/interfaces/types/index.d.ts +2 -0
- package/build/esm/lead.js +1 -1
- package/build/esm/mantine.js +1 -1
- package/build/esm/misc.js +1 -1
- package/build/esm/navigation.js +1 -1
- package/build/esm/onboarding.js +1 -1
- package/build/esm/onboardingV2.js +30 -30
- package/build/esm/pwg.js +5 -5
- package/build/esm/{routing-acf0c618.js → routing-afe38f18.js} +1 -1
- package/build/esm/{screenSizeContext-ea6087fb.js → screenSizeContext-652dbbd3.js} +1 -1
- package/build/esm/together.js +1 -1
- package/build/esm/{types-cde4aa5f.js → types-0c764805.js} +69 -69
- package/build/esm/{types-8f75cb63.js → types-52299e0a.js} +9 -9
- package/build/esm/types.js +1 -1
- package/build/esm/useHealthToolCache-bce82a83.js +1 -0
- package/build/esm/{useRafState-8e924f56.js → useRafState-5631654e.js} +1 -1
- package/build/esm/{useTranslations-64a44b4f.js → useTranslations-fff3d6f3.js} +1 -1
- package/build/esm/{utils-ea1e3689.js → utils-d0688954.js} +1 -1
- package/build/esm/vaccination.js +5 -5
- package/build/fixedBottomAdBlock-461f5e67.js +1 -0
- package/build/footer.js +1 -1
- package/build/gAssets.js +1 -1
- package/build/getDynamicHealthTool-aedc0c75.js +1 -0
- package/build/{getSocialList-d7d3f9be.js → getSocialList-621a067b.js} +1 -1
- package/build/hooks.js +1 -1
- package/build/i18n.js +1 -1
- package/build/i18nV2.js +1 -1
- package/build/{index-04dc3da4.js → index-00c4bebd.js} +1 -1
- package/build/{index-df8a6406.js → index-02570863.js} +3 -3
- package/build/{index-951d4670.js → index-07621a50.js} +154 -88
- package/build/{index-9a3d5d10.js → index-0e3e677c.js} +3 -3
- package/build/index-1430772b.js +1 -0
- package/build/{index-9c4d0f16.js → index-2d82157a.js} +1 -1
- package/build/{index-6bf79b10.js → index-33aec72e.js} +1 -1
- package/build/{index-95f45b3d.js → index-35583c17.js} +1 -1
- package/build/{index-27899190.js → index-46b6bc5b.js} +1 -1
- package/build/{index-a3d8b21e.js → index-5e573539.js} +1 -1
- package/build/{index-79dc28ff.js → index-60543e5a.js} +1 -1
- package/build/{index-83948b26.js → index-646eaae8.js} +1 -1
- package/build/index-6838613c.js +1 -0
- package/build/{index-55aff16d.js → index-715541db.js} +1 -1
- package/build/{index-fc0568c9.js → index-7f0e772f.js} +1 -1
- package/build/{index-9040ffbf.js → index-9461eb92.js} +6 -6
- package/build/index-a2b3af0a.js +1 -0
- package/build/index-b2422084.js +1 -0
- package/build/{index-edc63239.js → index-b348c352.js} +1 -1
- package/build/{index-066286f7.js → index-b9c6af73.js} +1 -1
- package/build/{esm/index.styled-0157240d.js → index-c936e2ee.js} +5 -5
- package/build/{index-f5d91454.js → index-cb6bbe76.js} +180 -180
- package/build/{index-9dbba249.js → index-d26e6639.js} +1 -1
- package/build/{index-bc7d2e9b.js → index-eeceda3e.js} +1 -1
- package/build/index-fa16facd.js +1 -0
- package/build/index.css +1 -1
- package/build/index.js +1 -1
- package/build/{index.styled-69b58cee.js → index.styled-1609c259.js} +3 -3
- package/build/{index.styled-cbde9527.js → index.styled-b688c9b5.js} +3 -7
- package/build/{index.styled-8ff1aa09.js → index.styled-d9ba0def.js} +3 -3
- package/build/interfaces/types/index.d.ts +2 -0
- package/build/lead.js +1 -1
- package/build/mantine.js +1 -1
- package/build/misc.js +1 -1
- package/build/navigation.js +1 -1
- package/build/onboarding.js +1 -1
- package/build/onboardingV2.js +16 -16
- package/build/pwg.js +1 -1
- package/build/{routing-1aa794a3.js → routing-7eac9db6.js} +1 -1
- package/build/{screenSizeContext-0dba498d.js → screenSizeContext-0a57febc.js} +10 -10
- package/build/together.js +1 -1
- package/build/{types-0da1d002.js → types-2ace3ae4.js} +1 -1
- package/build/{types-9cafff14.js → types-99b3498c.js} +5 -5
- package/build/types.js +1 -1
- package/build/useHealthToolCache-e3aaede8.js +1 -0
- package/build/{useRafState-8b8b979a.js → useRafState-fa18dd8f.js} +1 -1
- package/build/{useTranslations-edf68834.js → useTranslations-167bae1d.js} +1 -1
- package/build/utils-09eb347b.js +1 -0
- package/build/vaccination.js +12 -12
- package/package.json +1 -1
- package/build/components/atoms/imageWithHandler/index.d.ts +0 -6
- package/build/components/atoms/progress/index.d.ts +0 -13
- package/build/components/atoms/progress/index.styled.d.ts +0 -1
- package/build/esm/components/atoms/imageWithHandler/index.d.ts +0 -6
- package/build/esm/components/atoms/progress/index.d.ts +0 -13
- package/build/esm/components/atoms/progress/index.styled.d.ts +0 -1
- package/build/esm/fixedBottomAdBlock-d717e823.js +0 -1
- package/build/esm/index-018310e4.js +0 -1
- package/build/esm/index-0a26320d.js +0 -1
- package/build/esm/index-19895403.js +0 -1
- package/build/esm/index-2faf27b6.js +0 -1
- package/build/esm/index-3d2b0584.js +0 -1
- package/build/esm/index-3f3909d0.js +0 -1
- package/build/esm/index-c1e306c3.js +0 -1
- package/build/esm/index-d40528d0.js +0 -1
- package/build/esm/index-f4b4612f.js +0 -93
- package/build/esm/index-f5082d8a.js +0 -1
- package/build/esm/useHealthToolCache-c4ced4e8.js +0 -1
- package/build/fixedBottomAdBlock-3eb72d36.js +0 -1
- package/build/getDynamicHealthTool-c445e6e0.js +0 -1
- package/build/index-00138cfa.js +0 -1
- package/build/index-39c66a14.js +0 -93
- package/build/index-55f70ffe.js +0 -1
- package/build/index-6a3407cc.js +0 -1
- package/build/index-a4a8d10e.js +0 -1
- package/build/index-e532b30e.js +0 -1
- package/build/index-fecca045.js +0 -1
- package/build/useHealthToolCache-d302969a.js +0 -1
- package/build/utils-c358b321.js +0 -1
- /package/build/{BMI_BOYS.percentile.monthly-dd92eb04.js → BMI_BOYS.percentile.monthly-881a5da3.js} +0 -0
- /package/build/{BMI_BOYS.percentile.weekly-05ad514a.js → BMI_BOYS.percentile.weekly-ce769d3e.js} +0 -0
- /package/build/{BMI_BOYS.percentile.yearly-5ee03d69.js → BMI_BOYS.percentile.yearly-32b2fa5f.js} +0 -0
- /package/build/{BMI_BOYS.zscore.monthly-9a03fa55.js → BMI_BOYS.zscore.monthly-cab2ba32.js} +0 -0
- /package/build/{BMI_BOYS.zscore.weekly-9b4479a7.js → BMI_BOYS.zscore.weekly-7c5f2209.js} +0 -0
- /package/build/{BMI_BOYS.zscore.yearly-57975774.js → BMI_BOYS.zscore.yearly-7dd4c0cb.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.monthly-bdd09cf2.js → BMI_GIRLS.percentile.monthly-5165978c.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.weekly-5a4f7cc4.js → BMI_GIRLS.percentile.weekly-2daea17e.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.yearly-ce0b1559.js → BMI_GIRLS.percentile.yearly-33aca5d0.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.monthly-b21a06b0.js → BMI_GIRLS.zscore.monthly-36b78ee6.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.weekly-ba68f2f8.js → BMI_GIRLS.zscore.weekly-9ed66ddb.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.yearly-9531ed43.js → BMI_GIRLS.zscore.yearly-1b1a966b.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-73804f6c.js → HEAD CIRCUM_BOYS.percentile.monthly-b3281a12.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-4341f3d6.js → HEAD CIRCUM_BOYS.percentile.weekly-cc444356.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-eb0290e6.js → HEAD CIRCUM_BOYS.percentile.yearly-03e1bcb6.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-61622c27.js → HEAD CIRCUM_BOYS.zscore.monthly-520b0762.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-21fb4c18.js → HEAD CIRCUM_BOYS.zscore.weekly-500aae97.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-a6b5d4f7.js → HEAD CIRCUM_BOYS.zscore.yearly-523c331a.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-6298eacb.js → HEAD CIRCUM_GIRLS.percentile.monthly-1a01e536.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-1bf2c079.js → HEAD CIRCUM_GIRLS.percentile.weekly-bc284355.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-bbc31d8a.js → HEAD CIRCUM_GIRLS.percentile.yearly-be75881d.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-23f4b72a.js → HEAD CIRCUM_GIRLS.zscore.monthly-8c94c9cf.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-50c5cfad.js → HEAD CIRCUM_GIRLS.zscore.weekly-f94787d0.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-b54a79be.js → HEAD CIRCUM_GIRLS.zscore.yearly-f0a4bf39.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.monthly-192eb08f.js → HEIGHT_BOYS.percentile.monthly-5e53a738.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.weekly-f3223bc9.js → HEIGHT_BOYS.percentile.weekly-f79b64ed.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.yearly-ac77ac4a.js → HEIGHT_BOYS.percentile.yearly-28a7f6d1.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.monthly-09f3519e.js → HEIGHT_BOYS.zscore.monthly-20a32e65.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.weekly-70d16ad8.js → HEIGHT_BOYS.zscore.weekly-e0b207bf.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.yearly-68637169.js → HEIGHT_BOYS.zscore.yearly-6ba1ee09.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.monthly-b790259b.js → HEIGHT_GIRLS.percentile.monthly-c139b340.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.weekly-b18cd1b3.js → HEIGHT_GIRLS.percentile.weekly-cd491c57.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.yearly-0a428e4b.js → HEIGHT_GIRLS.percentile.yearly-1b55edf0.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.monthly-fa5c4a3d.js → HEIGHT_GIRLS.zscore.monthly-129db46c.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.weekly-9f7df3fd.js → HEIGHT_GIRLS.zscore.weekly-dcb6aa7b.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.yearly-2a94ea88.js → HEIGHT_GIRLS.zscore.yearly-41a7497c.js} +0 -0
- /package/build/{Onboarding-a1838cb3.js → Onboarding-135c0b06.js} +0 -0
- /package/build/{Visible-891a9c95.js → Visible-2c616ff0.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.monthly-125cfaf5.js → WEIGHT_BOYS.percentile.monthly-703eff4a.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.weekly-b0c9bd0d.js → WEIGHT_BOYS.percentile.weekly-3e2d2801.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.yearly-6ed151b7.js → WEIGHT_BOYS.percentile.yearly-9e2e3b2a.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.monthly-11c6c8bc.js → WEIGHT_BOYS.zscore.monthly-6983b0de.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.weekly-6299d757.js → WEIGHT_BOYS.zscore.weekly-ccfab51c.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.yearly-f1fde041.js → WEIGHT_BOYS.zscore.yearly-5741ca17.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.monthly-7a700528.js → WEIGHT_GIRLS.percentile.monthly-c754b741.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.weekly-b92915eb.js → WEIGHT_GIRLS.percentile.weekly-7ebf3596.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.yearly-1d9938d2.js → WEIGHT_GIRLS.percentile.yearly-30aa086e.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.monthly-cb1ef65e.js → WEIGHT_GIRLS.zscore.monthly-e36364c3.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.weekly-853861b3.js → WEIGHT_GIRLS.zscore.weekly-c5cd2bf5.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.yearly-f55c38ae.js → WEIGHT_GIRLS.zscore.yearly-42acc2e1.js} +0 -0
- /package/build/{constants-b5076852.js → constants-ec416ac4.js} +0 -0
- /package/build/{cookieHelper-6075df00.js → cookieHelper-410d0413.js} +0 -0
- /package/build/{dataTransform-1467d1ec.js → dataTransform-5d9a6b00.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.monthly-9fde4cf0.js → BMI_BOYS.percentile.monthly-ada753bf.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.weekly-58b4a49c.js → BMI_BOYS.percentile.weekly-2b5d102a.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.yearly-a1befb33.js → BMI_BOYS.percentile.yearly-c5658ce6.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.monthly-5e07e4d4.js → BMI_BOYS.zscore.monthly-b6da3806.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.weekly-b2cc1c6f.js → BMI_BOYS.zscore.weekly-3caee281.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.yearly-fb66d352.js → BMI_BOYS.zscore.yearly-feddf343.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.monthly-3b81de9d.js → BMI_GIRLS.percentile.monthly-eea07fff.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.weekly-017f86ab.js → BMI_GIRLS.percentile.weekly-a2ef6b6f.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.yearly-6928840a.js → BMI_GIRLS.percentile.yearly-37e8e0cc.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.monthly-ba8ff199.js → BMI_GIRLS.zscore.monthly-7e3e01e4.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.weekly-45013a96.js → BMI_GIRLS.zscore.weekly-6d7296d9.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.yearly-e71d3f36.js → BMI_GIRLS.zscore.yearly-71669ef3.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-4583d33b.js → HEAD CIRCUM_BOYS.percentile.monthly-f5e2a111.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-beb456e2.js → HEAD CIRCUM_BOYS.percentile.weekly-0b46dcbe.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-eaf9b3d6.js → HEAD CIRCUM_BOYS.percentile.yearly-75383413.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-c4be0d2a.js → HEAD CIRCUM_BOYS.zscore.monthly-3aa9ec12.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-4aeba117.js → HEAD CIRCUM_BOYS.zscore.weekly-59f8a34f.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-12f95232.js → HEAD CIRCUM_BOYS.zscore.yearly-f283a357.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-67efe97b.js → HEAD CIRCUM_GIRLS.percentile.monthly-80746e50.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-507ff6fb.js → HEAD CIRCUM_GIRLS.percentile.weekly-824aaf4b.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-a75f9715.js → HEAD CIRCUM_GIRLS.percentile.yearly-cc53f716.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-7c1bd8f9.js → HEAD CIRCUM_GIRLS.zscore.monthly-75e69a5a.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-bf290acb.js → HEAD CIRCUM_GIRLS.zscore.weekly-2b5889e5.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-55389888.js → HEAD CIRCUM_GIRLS.zscore.yearly-2fed667c.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.monthly-cd3eba91.js → HEIGHT_BOYS.percentile.monthly-c38e5875.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.weekly-2e9684d8.js → HEIGHT_BOYS.percentile.weekly-9ab4943e.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.yearly-c0b05c1b.js → HEIGHT_BOYS.percentile.yearly-28645f8b.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.monthly-066d3fe3.js → HEIGHT_BOYS.zscore.monthly-bdd00bec.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.weekly-4565a1d7.js → HEIGHT_BOYS.zscore.weekly-8c4a7ac6.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.yearly-98d6add6.js → HEIGHT_BOYS.zscore.yearly-862de2b0.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-86cf9096.js → HEIGHT_GIRLS.percentile.monthly-c79b69dd.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-a6e00e89.js → HEIGHT_GIRLS.percentile.weekly-e8ae31aa.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-54f46519.js → HEIGHT_GIRLS.percentile.yearly-8704adbf.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-4e32f3ec.js → HEIGHT_GIRLS.zscore.monthly-b8ef49ea.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-296667eb.js → HEIGHT_GIRLS.zscore.weekly-ebd27fcd.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-a6aa5cc9.js → HEIGHT_GIRLS.zscore.yearly-39c673fe.js} +0 -0
- /package/build/esm/{Onboarding-dcee14bb.js → Onboarding-b0d0d68e.js} +0 -0
- /package/build/esm/{Visible-a2344a2e.js → Visible-bec483b3.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.monthly-682eb74a.js → WEIGHT_BOYS.percentile.monthly-7bed6c8e.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.weekly-96739ded.js → WEIGHT_BOYS.percentile.weekly-c9c12539.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.yearly-d809a315.js → WEIGHT_BOYS.percentile.yearly-eda62e55.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.monthly-d35d45b3.js → WEIGHT_BOYS.zscore.monthly-ecf73450.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.weekly-77a323f8.js → WEIGHT_BOYS.zscore.weekly-e9432ca4.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.yearly-72b52cad.js → WEIGHT_BOYS.zscore.yearly-da2c3ecd.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-32a39389.js → WEIGHT_GIRLS.percentile.monthly-2caf902a.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-d9eeec08.js → WEIGHT_GIRLS.percentile.weekly-2579509a.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-c0004127.js → WEIGHT_GIRLS.percentile.yearly-43743ee0.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-31c41a76.js → WEIGHT_GIRLS.zscore.monthly-f637d0b6.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-1f26bdb6.js → WEIGHT_GIRLS.zscore.weekly-a9c25991.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-52cad228.js → WEIGHT_GIRLS.zscore.yearly-60394d48.js} +0 -0
- /package/build/esm/{constants-ba07a7ba.js → constants-e99b0a37.js} +0 -0
- /package/build/esm/{cookieHelper-d95ca786.js → cookieHelper-238e7958.js} +0 -0
- /package/build/esm/{dataTransform-6a5d05c7.js → dataTransform-202b5b34.js} +0 -0
- /package/build/esm/{index-56c3eaff.js → index-07300d64.js} +0 -0
- /package/build/esm/{isProduction-c39cdcda.js → isProduction-b84be401.js} +0 -0
- /package/build/esm/{localizeNumberFormat-065a8e09.js → localizeNumberFormat-55d7f559.js} +0 -0
- /package/build/esm/{normalizeLink-ae7552c6.js → normalizeLink-a3c058f6.js} +0 -0
- /package/build/esm/{theme-a16c5bc3.js → theme-4d9b8565.js} +0 -0
- /package/build/esm/{translationsContext-96dda90c.js → translationsContext-a95596a3.js} +0 -0
- /package/build/esm/{tslib.es6-fde1f43c.js → tslib.es6-43b52c70.js} +0 -0
- /package/build/esm/{types-7ab86d7d.js → types-dd20cb68.js} +0 -0
- /package/build/esm/{useIsInit-5448ba01.js → useIsInit-39a6f61e.js} +0 -0
- /package/build/esm/{useOutsideClick-57190006.js → useOutsideClick-0e683dd8.js} +0 -0
- /package/build/esm/{useScrollbarSize-6655604d.js → useScrollbarSize-0c8e6ab6.js} +0 -0
- /package/build/esm/{useUniqueId-b4c63671.js → useUniqueId-f2d1092b.js} +0 -0
- /package/build/esm/{utils-074da289.js → utils-0f812a66.js} +0 -0
- /package/build/{index-2006440e.js → index-95ee8f16.js} +0 -0
- /package/build/{isProduction-9464c817.js → isProduction-439d4f86.js} +0 -0
- /package/build/{localizeNumberFormat-7457132e.js → localizeNumberFormat-87c02d49.js} +0 -0
- /package/build/{normalizeLink-bcd572b6.js → normalizeLink-8ccad0ef.js} +0 -0
- /package/build/{theme-4fb2a80d.js → theme-d476b1ab.js} +0 -0
- /package/build/{translationsContext-f2275dbb.js → translationsContext-8020e3fc.js} +0 -0
- /package/build/{tslib.es6-6b5e3e82.js → tslib.es6-ffd4b7f9.js} +0 -0
- /package/build/{types-86484f38.js → types-fa6f9121.js} +0 -0
- /package/build/{useIsInit-0af133f4.js → useIsInit-a55ca56c.js} +0 -0
- /package/build/{useOutsideClick-fd3d9c2f.js → useOutsideClick-660ad13a.js} +0 -0
- /package/build/{useScrollbarSize-e6b32f14.js → useScrollbarSize-db9eadec.js} +0 -0
- /package/build/{useUniqueId-d12810b0.js → useUniqueId-b1b19b1c.js} +0 -0
- /package/build/{utils-980f5113.js → utils-60e2d478.js} +0 -0
package/build/onboarding.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-6b5e3e82.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-066286f7.js"),a=require("./index-9040ffbf.js"),i=require("./index-9a3d5d10.js"),l=require("./useTranslations-edf68834.js");require("lodash/debounce"),require("./isProduction-9464c817.js");var s=require("./index-9dbba249.js"),d=require("./Onboarding-a1838cb3.js");require("dayjs"),require("./screenSizeContext-0dba498d.js"),require("styled-components");var u=require("./theme-4fb2a80d.js"),c=require("./utils-980f5113.js");require("./gAssets.js");var m=require("./index.styled-69b58cee.js"),p=require("@mantine/form");require("./index-951d4670.js"),require("./index-55aff16d.js"),require("./index-39c66a14.js"),require("./index.styled-44e2f7db.js"),require("./index-00138cfa.js");var b=require("./index-9c4d0f16.js");require("./index-79dc28ff.js");var g=require("./index-a3d8b21e.js"),f=require("./Visible-891a9c95.js"),E=require("./utils-c358b321.js"),h=require("yup");require("@mantine/dates");var v=require("lodash/throttle"),y=require("./index-04dc3da4.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./translationsContext-f2275dbb.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-d12810b0.js"),require("react-keyed-flatten-children"),require("./index-6bf79b10.js");var P=w(t),j=O(h),x=w(v);const C=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(b.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(g.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),j=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,j)},q=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default("")}),k=e=>j.object().shape({phone:j.string().required(e("onboarding.updatePhone.error")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName")),email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:j.mixed().required(e("onboarding.similac.address.error")),term:j.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>j.object().shape({otp:j.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>j.object().shape({email:j.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:j.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>j.object().shape({password:j.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:j.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([j.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(q(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["phone"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:b}=l.useTranslations(),{isMobile:g}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(k(b))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||b("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||b("onboarding.updatePhone.description"),hiddenLogo:g},c),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},b("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},b("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:c,onClose:b,loading:g,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,j]=t.useState(30),q=r.useInterval((()=>j((e=>e-1))),1e3),[k,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(q.start(),q.stop)),[]),t.useEffect((()=>{0===O&&(q.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{c&&_.setFieldError("otp",c)}),[c]);const I=t.useMemo((()=>x.default((()=>{M.current||(B.increment(),j(30),null==d||d(a||s),q.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,q]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${u.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(C,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:u.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?u.theme.mbColors.pink:u.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},F("onboarding.button.continue")),h&&k>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:b,isMarryBaby:g}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:g?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(C,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:b,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:b,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(C,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:b,createPassError:g,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:j,onPhoneSubmit:x,onResendCode:C,otpError:q,otpLoading:k,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,Y]=t.useState(""),[H,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(Y(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==x?void 0:x(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Y(t),yield null==x?void 0:x(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:C,otpError:q,loading:k,canSkip:b,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:C,otpError:q,loading:k,canSkip:b,onBack:te,outOfEdit:Z>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==j?void 0:j(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!g&&J()}catch(e){console.error(e)}})),errorMessage:g,loading:f}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:u.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tslib.es6-ffd4b7f9.js"),t=require("react"),n=require("@mantine/core"),r=require("@mantine/hooks"),o=require("./index-b9c6af73.js"),a=require("./index-9461eb92.js"),i=require("./index-0e3e677c.js"),l=require("./useTranslations-167bae1d.js");require("lodash/debounce"),require("./isProduction-439d4f86.js");var s=require("./index-d26e6639.js"),d=require("./Onboarding-135c0b06.js");require("dayjs"),require("./screenSizeContext-0a57febc.js"),require("styled-components");var u=require("./theme-d476b1ab.js"),c=require("./utils-60e2d478.js");require("./gAssets.js");var m=require("./index.styled-1609c259.js"),p=require("@mantine/form");require("./index-07621a50.js"),require("./index-715541db.js"),require("./index-c936e2ee.js");var b=require("./index-2d82157a.js");require("./index-60543e5a.js");var g=require("./index-5e573539.js"),f=require("./Visible-2c616ff0.js"),E=require("./utils-09eb347b.js"),h=require("yup");require("@mantine/dates");var v=require("lodash/throttle"),y=require("./index-00c4bebd.js"),S=require("date-fns");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function O(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@mantine/carousel"),require("./translationsContext-8020e3fc.js"),require("string-format"),require("date-fns/locale"),require("./useUniqueId-b1b19b1c.js"),require("react-keyed-flatten-children"),require("./index-33aec72e.js");var P=w(t),C=O(h),j=w(v);const x=({inputOrder:e=["phone"],withSimilac:t=!1,customTerms:r=""})=>{const{t:o}=l.useTranslations(),s=i.useFormContext(),d=P.default.createElement(n.Input.Wrapper,Object.assign({className:t?"input-control":"phone-input",withAsterisk:!0},t?{label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.phone"))}:{}),P.default.createElement(a.Phone,Object.assign({defaultCountry:E.MAPPED_LOCALE[process.env.UNIFY_LOCALE]||"VN"},s.getInputProps("phone"))),P.default.createElement(n.Input.Error,{size:"md"},s.errors.phone)),u=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourName")),withAsterisk:!0},s.getInputProps("name"))),c=P.default.createElement(a.Input,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourEmail")),withAsterisk:!0},s.getInputProps("email"))),p=P.default.createElement(b.DatePicker,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},s.getInputProps("dob"))),h=P.default.createElement(a.Radio.Group,Object.assign({className:"radio-group",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("bmi.selectGender"))},s.getInputProps("gender")),P.default.createElement(a.Radio,{value:"0",label:o("onboarding.formEmail.genderMale")}),P.default.createElement(a.Radio,{value:"1",label:o("onboarding.formEmail.genderFemale")})),v=P.default.createElement("div",{className:"otp-input"},P.default.createElement(a.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},s.getInputProps("otp"))),P.default.createElement(n.Input.Error,null,s.errors.otp)),y=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("password"))),S=P.default.createElement(a.Input.Wrapper,Object.assign({},s.getInputProps("term",{type:"checkbox"}),{error:null,mb:16}),P.default.createElement(a.Checkbox,{label:r?P.default.createElement(a.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},r):P.default.createElement(a.Text,{size:"p4",as:"span"},"Tôi đã đọc và đồng ý với các điều khoản và chương trình của"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Hello Bacsi"))," ","và"," ",P.default.createElement("a",null,P.default.createElement(a.Text,{size:"label1",as:"span",weight:"bold",color:"blue.6"},"Abbott Similac"))," ","và được hướng dẫn cách ngưng chương trình"),onChange:e=>{s.setFieldValue("term",e.currentTarget.checked)}}),P.default.createElement(n.Input.Error,{size:"md"},s.getInputProps("term",{type:"checkbox"}).error)),w=P.default.createElement(g.AddressInput,Object.assign({className:"input-control",label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.similac.input.address"))},s.getInputProps("address"))),O=P.default.createElement(a.Input.Password,Object.assign({label:P.default.createElement(a.Text,{size:"s4",weight:"semiBold",as:"span"},o("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:P.default.createElement(f.Visible,null)},s.getInputProps("confirmPassword"))),C=e.map((e=>({phone:d,full_name:u,email:c,dob:p,gender:h,otp:v,password:y,confirm_password:O,term:S,address:w}[e]||null)));return P.default.createElement(m.StyledDynamicForm,null,C)},q=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default("")}),k=e=>C.object().shape({phone:C.string().required(e("onboarding.updatePhone.error")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName")),email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:C.mixed().required(e("onboarding.similac.address.error")),term:C.bool().oneOf([!0],e("onboarding.similac.term.error"))}),T=e=>C.object().shape({otp:C.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),B=e=>C.object().shape({email:C.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:C.string().required(e("onboarding.errorMessage.requiredName"))}),M=e=>C.object().shape({password:C.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:C.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([C.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),F=({onClose:t,onSubmit:n,canSkip:r=!0,customFormTexts:a})=>{const{t:s}=l.useTranslations(),d=i.useForm({initialValues:{phone:""},validate:p.yupResolver(q(s))});return P.default.createElement(m.StyledOnboardingForm,{heading:(null==a?void 0:a.heading)||s("onboarding.updatePhone.heading"),description:(null==a?void 0:a.description)||s("onboarding.updatePhone.description")},P.default.createElement(i.FormProvider,{form:d},P.default.createElement("form",{onSubmit:d.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){n(t.phone)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["phone"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},s("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:t,type:"button"},s("onboarding.button.skip")))))},_=t=>{var{onClose:n,onSubmit:r,canSkip:o=!0,customFormTexts:s,customTerms:d,defaultValues:u}=t,c=e.__rest(t,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues"]);const{t:b}=l.useTranslations(),{isMobile:g}=a.useScreenSize(),f=i.useForm({initialValues:Object.assign({phone:"",term:!1},u),validate:p.yupResolver(k(b))});return P.default.createElement(m.StyledOnboardingForm,Object.assign({heading:(null==s?void 0:s.heading)||b("onboarding.updatePhone.heading"),description:(null==s?void 0:s.description)||b("onboarding.updatePhone.description"),hiddenLogo:g},c),P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{onSubmit:f.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){r(t)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["full_name","email","phone","address","term"],withSimilac:!0,customTerms:d}),P.default.createElement(a.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},b("onboarding.button.continue")),o&&P.default.createElement(a.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},b("onboarding.button.skip")))))},I=t=>{var{withSimilac:n=!1}=t,r=e.__rest(t,["withSimilac"]);return n?P.default.createElement(_,Object.assign({},r)):P.default.createElement(F,Object.assign({},r))},z=({onSubmit:n,phone:a,email:s,onResendCode:d,otpError:c,onClose:b,loading:g,onBack:f,canSkip:h,outOfEdit:v})=>{const{siteType:S,isMarryBaby:w}=t.useContext(i.OnboardingContext),[O,C]=t.useState(30),q=r.useInterval((()=>C((e=>e-1))),1e3),[k,B]=r.useCounter(0,{min:0,max:3}),M=t.useRef(!0),{t:F}=l.useTranslations();t.useEffect((()=>(q.start(),q.stop)),[]),t.useEffect((()=>{0===O&&(q.stop(),M.current=!1)}),[O]);const _=i.useForm({initialValues:{otp:""},validate:p.yupResolver(T(F))});t.useEffect((()=>{c&&_.setFieldError("otp",c)}),[c]);const I=t.useMemo((()=>j.default((()=>{M.current||(B.increment(),C(30),null==d||d(a||s),q.start(),M.current=!0)}),1e3,{trailing:!1})),[a,s,d,q]);return P.default.createElement(m.StyledOtpForm,{heading:F("onboarding.otpForm.heading"),description:P.default.createElement(P.default.Fragment,null,P.default.createElement("span",{dangerouslySetInnerHTML:{__html:a?F("onboarding.otpForm.description",{phone:`<b style="color:${u.theme.colors.gray800}">${a.slice(0,-3).replace(/./g,"x").concat(a.slice(-3))}</b>`}):F("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${u.theme.colors.gray800}">${E.hiddenEmailChar(s)}</b>`})}}),!v&&P.default.createElement("svg",{onClick:()=>{null==f||f()},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},P.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},P.default.createElement(i.FormProvider,{form:_},P.default.createElement("form",{onSubmit:_.onSubmit((t=>e.__awaiter(void 0,void 0,void 0,(function*(){B.increment(),n(t.otp)}))),(e=>{console.log(e)}))},P.default.createElement(x,{inputOrder:["otp"]}),P.default.createElement("div",{className:"resend"},P.default.createElement(y.Text,{size:"p4",color:u.theme.colors.gray400},F("onboarding.otpForm.notReceiveOTP")),P.default.createElement(y.Text,{as:"a",size:"p4",color:w?u.theme.mbColors.pink:u.theme.colors.primaryBase,onClick:I},F("onboarding.otpForm.resendCode",{seconds:O}))),P.default.createElement(o.Button,{theme:S,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:g,disabled:g,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},F("onboarding.button.continue")),h&&k>=3&&P.default.createElement(o.Button,{theme:S,color:"ghost",isBlock:!0,size:"lg",onClick:b,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none",type:"button"},F("onboarding.button.skip")))))},L=({onClose:e,onSubmit:n,canSkip:r,loading:a,errorMessage:d,initialData:u})=>{const{t:c,locale:m}=l.useTranslations(),{siteType:b,isMarryBaby:g}=t.useContext(i.OnboardingContext),f=i.useForm({validate:p.yupResolver(B(c))});return t.useEffect((()=>{f.setValues(Object.assign(Object.assign({gender:"0"},u),(null==u?void 0:u.birthday)&&{birthday:new Date(u.birthday)}))}),[u]),t.useEffect((()=>{d&&f.setFieldError("email",d)}),[d]),P.default.createElement(i.Onboarding,{heading:c("onboarding.formEmail.heading"),description:c("onboarding.formEmail.description",{site:g?"Marry Baby":s.LOCALE_SPECS[m].SITE_NAME_FORMATTED})},P.default.createElement(i.FormProvider,{form:f},P.default.createElement("form",{className:"form",onSubmit:f.onSubmit((e=>{n(Object.assign(Object.assign({},e),{birthday:e.birthday&&S.format(e.birthday,"yyyy-MM-dd")}))}),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["full_name","email","dob","gender"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:b,isLoading:a,disabled:a},c("onboarding.button.continue")),r&&P.default.createElement(o.Button,{theme:b,color:"ghost",isBlock:!0,size:"lg",onClick:e},c("onboarding.button.skip")))))},N=({onClose:e,onSubmit:t,canSkip:r,errorMessage:a,loading:s})=>{const{t:d}=l.useTranslations(),u=i.useForm({initialValues:{password:"",confirmPassword:""},validate:p.yupResolver(M(d))});return P.default.createElement(i.Onboarding,{heading:d("onboarding.updatePassword.heading"),description:d("onboarding.updatePassword.description")},P.default.createElement(i.FormProvider,{form:u},P.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t((null==e?void 0:e.password)||"")),(e=>{console.log({fieldErrors:e})}))},P.default.createElement(x,{inputOrder:["password","confirm_password"]}),P.default.createElement(o.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:s,disabled:s},d("onboarding.button.continue")),r&&P.default.createElement(o.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:e},d("onboarding.button.skip")),a&&P.default.createElement(n.Input.Error,{className:"form-error"},a))))};Object.defineProperty(exports,"OnboardingStep",{enumerable:!0,get:function(){return d.OnboardingStep}}),exports.MAPPED_LOCALE=E.MAPPED_LOCALE,exports.OnboardingForm=I,exports.OnboardingModal=s=>{var{banner:p,canSkip:b,createPassError:g,createPassLoading:f,customFormTexts:E,emailLoading:h,flow:v=[d.OnboardingStep.Phone,d.OnboardingStep.OTP],initialData:y,onClose:S,onCreatePassByEmail:w,onOtpSubmit:O,onPersonalInfoSubmit:C,onPhoneSubmit:j,onResendCode:x,otpError:q,otpLoading:k,personalInfoError:T,resultScreenProps:B,siteType:M,step:F,withSimilac:A=!1,similacFormProps:D}=s,R=e.__rest(s,["banner","canSkip","createPassError","createPassLoading","customFormTexts","emailLoading","flow","initialData","onClose","onCreatePassByEmail","onOtpSubmit","onPersonalInfoSubmit","onPhoneSubmit","onResendCode","otpError","otpLoading","personalInfoError","resultScreenProps","siteType","step","withSimilac","similacFormProps"]);const{t:V}=l.useTranslations(),[U,G]=t.useState(F||v[0]),[W,Y]=t.useState(""),[H,$]=t.useState(""),[Z,Q]=r.useCounter(0,{min:0,max:2}),{isMobile:K}=a.useScreenSize(),J=t.useCallback((()=>{const e=v.indexOf(U)+1;e<=v.length-1&&G(v[e])}),[U]),X=t.useCallback((()=>{const e=v.indexOf(U)-1;e>=0&&G(v[e])}),[U]),ee=t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{!(yield O(t))&&J()}catch(e){console.error(e)}})),te=()=>{Z>=2||(Q.increment(),X())},ne="marryBaby"===M;return P.default.createElement(i.OnboardingContext.Provider,{value:{siteType:M,isMarryBaby:ne}},P.default.createElement(m.StyledOnboardingModal,Object.assign({},R),v.length>0?P.default.createElement(m.StyledContainer,null,P.default.createElement(n.Grid,{sx:{[c.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[c.MediaQueries.mbDown]:{padding:0}}}},P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2,sx:{zIndex:A?99:void 0}},P.default.createElement(m.StyledContent,{"data-similac":A,"data-has-banner":"object"==typeof p},U===d.OnboardingStep.Phone&&(A?P.default.createElement(_,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const n=null==t?void 0:t.phone;n&&(Y(n),yield Promise.all([null===(e=null==D?void 0:D.onFormSubmit)||void 0===e?void 0:e.call(D,t),null==j?void 0:j(n)])),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding,defaultValues:null==D?void 0:D.defaultValues,customTerms:null==D?void 0:D.customTerms}):P.default.createElement(I,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{Y(t),yield null==j?void 0:j(t),J()}catch(e){console.error(e)}})),customFormTexts:E.onboarding})),U===d.OnboardingStep.OTP&&P.default.createElement(z,{onClose:S,onSubmit:ee,phone:W,onResendCode:x,otpError:q,loading:k,canSkip:b,onBack:te,outOfEdit:Z>=2}),U===d.OnboardingStep.OTPEmail&&P.default.createElement(z,{onClose:S,onSubmit:ee,onResendCode:x,otpError:q,loading:k,canSkip:b,onBack:te,outOfEdit:Z>=2,email:H}),U===d.OnboardingStep.PersonalInfo&&P.default.createElement(L,{initialData:null==y?void 0:y[d.OnboardingStep.PersonalInfo],onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{$((null==t?void 0:t.email)||"");!(yield null==C?void 0:C(t))&&J()}catch(e){console.error(e)}})),errorMessage:T,loading:h}),U===d.OnboardingStep.UpdatePassword&&P.default.createElement(N,{onClose:S,canSkip:b,onSubmit:t=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==w?void 0:w(t),!g&&J()}catch(e){console.error(e)}})),errorMessage:g,loading:f}),U===d.OnboardingStep.Result&&P.default.createElement(i.Onboarding,Object.assign({},B),P.default.createElement(o.Button,{theme:M,size:"lg",onClick:S,className:"form-button"},V("onboarding.button.continue"))))),"object"==typeof p&&!A&&P.default.createElement(n.Grid.Col,{span:"object"!=typeof p&&!A||K?12:6,order:A?2:1,orderMd:A?1:2},P.default.createElement(m.StyledBannerCol,null,P.default.createElement(m.StyledBannerInner,{"data-is-marry-baby":ne},P.default.createElement(m.StyledIntro,null,(null==p?void 0:p.heading)&&P.default.createElement(n.Title,{order:1,mb:24},null==p?void 0:p.heading),(null==p?void 0:p.description)&&P.default.createElement(a.Text,{size:"p1",color:u.theme.colors.gray800},V("onboarding.welcomeScreen.content"))),(null==p?void 0:p.imgSrc)&&P.default.createElement("div",null,P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy"}))))),"object"==typeof p&&A&&(null==p?void 0:p.imgSrc)&&P.default.createElement(n.Grid.Col,{span:"auto",order:A?1:2,orderMd:A?2:1},P.default.createElement(m.StyledBannerImg,{src:null==p?void 0:p.imgSrc,loading:"lazy",className:"similac"})))):"Incorrect flow"))},exports.OtpForm=z;
|
package/build/onboardingV2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./tslib.es6-ffd4b7f9.js"),a=require("@mantine/core"),n=require("@mantine/hooks");require("./gAssets.js");var r=require("./index-2d82157a.js"),o=require("./index-9461eb92.js"),i=require("./index-07621a50.js");require("dayjs"),require("./screenSizeContext-0a57febc.js");var l=require("styled-components"),s=require("./theme-d476b1ab.js"),d=require("./index-d26e6639.js"),u=require("./utils-60e2d478.js");require("./isProduction-439d4f86.js");var m=require("./Onboarding-135c0b06.js"),c=require("./useTranslations-167bae1d.js");require("./index-60543e5a.js");var p=require("./index-5e573539.js");require("lodash/debounce");var f=require("./Visible-2c616ff0.js"),g=require("@mantine/form");require("./index-715541db.js"),require("./index-c936e2ee.js"),require("@mantine/dates");var b=require("yup"),h=require("react-dom"),E=require("./index-b9c6af73.js"),C=require("./index-0e3e677c.js"),L=require("lodash/throttle"),x=require("./index-00c4bebd.js"),v=require("date-fns");require("./translationsContext-8020e3fc.js"),require("string-format");var y=require("react-keyed-flatten-children");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("date-fns/locale"),require("@mantine/carousel"),require("./useUniqueId-b1b19b1c.js"),require("./index-33aec72e.js"),require("./utils-09eb347b.js");var M=w(e),O=w(l),P=S(b),j=w(L),_=w(y);const T=e.createContext({currentStep:0,setCurrentStep:()=>!1,setMaxStep:()=>!1,nextStep:()=>!1,prevStep:()=>!1,isMarryBaby:!1,siteType:"helloSites",sharedData:{},setSharedData:()=>!1}),[k,B,q]=g.createFormContext(),F=O.default(a.Box)`
|
|
2
2
|
.phone-input {
|
|
3
3
|
width: 100%;
|
|
4
4
|
margin-bottom: 32px;
|
|
@@ -15,20 +15,20 @@
|
|
|
15
15
|
border-radius: 0 4px 4px 0;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
`,
|
|
18
|
+
`,I={[m.LOCALE.Vietnam]:"VN",[m.LOCALE.Cambodia]:"KH",[m.LOCALE.Indonesia]:"ID",[m.LOCALE.Malaysia]:"MY",[m.LOCALE.PhilippinesEnglish]:"PH",[m.LOCALE.PhilippinesTagalog]:"PH",[m.LOCALE.Taiwan]:"TW",[m.LOCALE.Thailand]:"TH",[m.LOCALE.Myanmar]:"MM"},z=(e="")=>{const t=e.indexOf("@"),a=e.substring(0,t),n=a.length>3?3:a.length;return e.replace(e.substring(n,t),e.slice(n,t).replace(/./g,"x"))},D=e=>{var{inputOrder:n=["phone"],withSimilac:i=!1,customTerms:l="",formContext:s}=e,d=t.__rest(e,["inputOrder","withSimilac","customTerms","formContext"]);const{t:u}=c.useTranslations(),m=s||B(),g={phone:e=>{var{label:n,name:r="phone"}=e,l=t.__rest(e,["label","name"]);return M.default.createElement(a.Input.Wrapper,{className:i?"input-control":"phone-input",withAsterisk:!0,label:n||i?M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},n||u("onboarding.similac.input.phone")):void 0},M.default.createElement(o.Phone,Object.assign({defaultCountry:I[process.env.UNIFY_LOCALE]||"VN"},m.getInputProps(r),l)),M.default.createElement(a.Input.Error,{size:"md"},m.errors.phone))},full_name:e=>{var{label:a,name:n="name"}=e,r=t.__rest(e,["label","name"]);return M.default.createElement(o.Input,Object.assign({label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a||u("onboarding.formEmail.yourName")),withAsterisk:!0},m.getInputProps(n),r))},email:e=>{var{label:a,name:n="email"}=e,r=t.__rest(e,["label","name"]);return M.default.createElement(o.Input,Object.assign({label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a||u("onboarding.formEmail.yourEmail")),withAsterisk:!0},m.getInputProps(n),r))},dob:e=>{var{label:a,name:n="dob"}=e,i=t.__rest(e,["label","name"]);return M.default.createElement(r.DatePicker,Object.assign({label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a||u("onboarding.formEmail.yourBirthday")),placeholder:"DD/MM/YYYY"},m.getInputProps(n),i))},gender:e=>{var{label:a,name:n="gender"}=e,r=t.__rest(e,["label","name"]);return M.default.createElement(o.Radio.Group,Object.assign({className:"radio-group",label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a||u("bmi.selectGender"))},m.getInputProps(n),r),M.default.createElement(o.Radio,{value:"0",label:u("onboarding.formEmail.genderMale")}),M.default.createElement(o.Radio,{value:"1",label:u("onboarding.formEmail.genderFemale")}))},otp:({name:e="otp"})=>M.default.createElement("div",{className:"otp-input"},M.default.createElement(o.OTP,Object.assign({enterKeyHint:void 0,nonce:void 0},m.getInputProps(e))),M.default.createElement(a.Input.Error,null,m.errors.otp)),password:({label:e,name:t="password"})=>M.default.createElement(o.Input.Password,Object.assign({label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},e||u("onboarding.updatePassword.password")),withAsterisk:!0,rightSection:M.default.createElement(f.Visible,null)},m.getInputProps(t))),confirm_password:({label:e,name:t="confirmPassword"})=>M.default.createElement(o.Input.Password,Object.assign({label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},e||u("onboarding.updatePassword.confirmPassword")),withAsterisk:!0,rightSection:M.default.createElement(f.Visible,null)},m.getInputProps(t))),term:({name:e="term",className:t=""})=>l?M.default.createElement("div",{style:{marginBottom:16},className:t},M.default.createElement(o.Checkbox,Object.assign({label:M.default.createElement(o.Text,{size:"p4",as:"span",sx:{a:{color:"#2d87f3",fontWeight:"bold",letterSpacing:0}}},l)},m.getInputProps(e,{type:"checkbox"}),{error:null})),M.default.createElement(a.Input.Error,{size:"md"},m.getInputProps("term",{type:"checkbox"}).error)):null,address:e=>{var{label:a,className:n="",name:r="address"}=e,i=t.__rest(e,["label","className","name"]);return M.default.createElement(p.AddressInput,Object.assign({className:`${n} input-control`,label:M.default.createElement(o.Text,{size:"s4",weight:"semiBold",as:"span"},a||u("onboarding.similac.input.address"))},m.getInputProps(r),i))}},b=n.map((e=>{var t;const a="string"==typeof e?{inputType:e}:e;return null===(t=g[a.inputType])||void 0===t?void 0:t.call(g,a)}));return M.default.createElement(F,Object.assign({},d),b)},N=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName")),email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:P.mixed().required(e("onboarding.similac.address.error")),term:P.bool().oneOf([!0],e("onboarding.similac.term.error"))});var A=e.forwardRef(((n,r)=>{var{inputOrder:l,onSubmit:s,validateSchema:d,defaultValues:u,isActive:m,customTerms:p,customFormTexts:f}=n,b=t.__rest(n,["inputOrder","onSubmit","validateSchema","defaultValues","isActive","customTerms","customFormTexts"]);const{nextStep:h,setSharedData:E,sharedData:C}=e.useContext(T),{t:L}=c.useTranslations(),x=q({initialValues:{term:!1,phone:(null==C?void 0:C.phone)||(null==u?void 0:u.phone)||"",email:(null==C?void 0:C.email)||(null==u?void 0:u.email)||"",name:(null==C?void 0:C.name)||(null==u?void 0:u.name)||""},validate:d||g.yupResolver(N(L))}),v=e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==s?void 0:s(e),E((t=>Object.assign(Object.assign({},t),{phone:e.phone,email:e.email,name:e.name}))),h()}catch(e){console.error(e)}})),y=e=>{console.log(e)},w=()=>{var e;return null===(e=x.onSubmit(v,y))||void 0===e?void 0:e()};return e.useImperativeHandle(r,(()=>({submitForm:w}))),M.default.createElement(a.Box,Object.assign({"data-active":m},b),M.default.createElement(a.Box,{sx:e=>({display:"flex",flexDirection:"column",gap:"16px",[e.fn.largerThan("md")]:{gap:"24px"}})},M.default.createElement(a.Box,{sx:{textAlign:"center"}},M.default.createElement(i.Heading,{tag:"h4",as:"h2"},null==f?void 0:f.heading),M.default.createElement(o.Text,{size:"p3"},null==f?void 0:f.description)),M.default.createElement(k,{form:x},M.default.createElement("form",{className:"friso-form",style:{width:"100%"},onSubmit:x.onSubmit(v,y)},M.default.createElement(a.Box,{sx:{".friso-form":{display:"flex",flexWrap:"wrap",gap:"8px",".input-control":{width:"100%",marginBottom:0},".phone-input":{marginBottom:"0 !important",".PhoneInput":{marginBottom:"0 !important"}}}}},M.default.createElement(D,{inputOrder:l,customTerms:p,className:"friso-form"}))))))}));const Z=O.default.div`
|
|
19
19
|
position: fixed;
|
|
20
20
|
inset: 0;
|
|
21
21
|
z-index: 1000;
|
|
22
22
|
background: white;
|
|
23
23
|
overflow-y: auto;
|
|
24
|
-
`,
|
|
24
|
+
`,V=O.default.div`
|
|
25
25
|
height: 100%;
|
|
26
26
|
${u.MediaQueries.lgPcUp} {
|
|
27
27
|
display: table;
|
|
28
28
|
width: 100%;
|
|
29
29
|
height: calc(100% - 25px);
|
|
30
30
|
}
|
|
31
|
-
`,
|
|
31
|
+
`,H=O.default.div`
|
|
32
32
|
padding: 16px;
|
|
33
33
|
${u.MediaQueries.mbUp} {
|
|
34
34
|
padding: 48px 24px 24px;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
margin-top: -1rem;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
-
|
|
44
|
+
`,R=O.default.div`
|
|
45
45
|
width: 640px;
|
|
46
46
|
padding: 16px 16px 0 16px;
|
|
47
47
|
display: none;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
width: 640px;
|
|
51
51
|
display: table-cell;
|
|
52
52
|
}
|
|
53
|
-
|
|
53
|
+
`,$=O.default.div`
|
|
54
54
|
background-color: ${s.theme.colors.primary50};
|
|
55
55
|
border-radius: 12px;
|
|
56
56
|
height: 100%;
|
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
&[data-is-marry-baby='true'] {
|
|
62
62
|
background-color: ${s.theme.mbColors.tonePink};
|
|
63
63
|
}
|
|
64
|
-
`,
|
|
64
|
+
`,U=O.default.div`
|
|
65
65
|
margin-top: 40px;
|
|
66
66
|
padding: 24px 40px;
|
|
67
|
-
`,
|
|
67
|
+
`,Q=O.default.div`
|
|
68
68
|
width: 100%;
|
|
69
69
|
display: block;
|
|
70
70
|
img {
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
height: 100vh;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
`,
|
|
88
|
+
`,Y=O.default(C.Onboarding)`
|
|
89
89
|
.phone-input {
|
|
90
90
|
width: 100%;
|
|
91
91
|
margin-bottom: 32px;
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
&:not([data-active='true']) {
|
|
106
106
|
display: none !important;
|
|
107
107
|
}
|
|
108
|
-
`,
|
|
108
|
+
`,G=e=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default("")}),W=O.default(C.Onboarding)`
|
|
109
109
|
.otp-input {
|
|
110
110
|
margin-bottom: 36px;
|
|
111
111
|
${u.MediaQueries.mbDown} {
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
margin-bottom: 3px;
|
|
139
139
|
margin-left: 3px;
|
|
140
140
|
}
|
|
141
|
-
`,
|
|
141
|
+
`,K=e=>P.object().shape({otp:P.string().required(e("onboarding.otpForm.error")).length(6,e("onboarding.otpForm.error")).default("")}),J=e=>P.object().shape({email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName"))}),X=O.default.div`
|
|
142
142
|
margin-top: 70px;
|
|
143
143
|
display: flex;
|
|
144
144
|
flex-direction: column;
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
&.similac {
|
|
148
148
|
margin-top: 16px;
|
|
149
149
|
}
|
|
150
|
-
`,
|
|
150
|
+
`,ee=O.default(a.Container)`
|
|
151
151
|
&.hhg-comp-onboarding-container.hhg-comp-onboarding-container {
|
|
152
152
|
display: flex;
|
|
153
153
|
flex-direction: column;
|
|
@@ -188,9 +188,9 @@
|
|
|
188
188
|
.form-button {
|
|
189
189
|
width: 100%;
|
|
190
190
|
}
|
|
191
|
-
`,
|
|
191
|
+
`,te=O.default.img`
|
|
192
192
|
margin-bottom: 38px;
|
|
193
|
-
`,
|
|
193
|
+
`,ae=n=>{var r,{heading:l,description:u,children:m,className:c,imgSrc:p,hiddenLogo:f=!1}=n,g=t.__rest(n,["heading","description","children","className","imgSrc","hiddenLogo"]);const{isMarryBaby:b,siteType:h}=e.useContext(T);return M.default.createElement(ee,Object.assign({},g,{className:`hhg-comp-onboarding-container ${c}`,size:"sm"}),!f&&M.default.createElement(i.LogoIcon,{type:b?h:(null===(r=d.LOCALE_SPECS[process.env.UNIFY_LOCALE])||void 0===r?void 0:r.LOGO_TYPE)||"hellobacsi"}),M.default.createElement(X,{className:f?"similac":""},p&&M.default.createElement(te,{src:p,loading:"lazy"}),M.default.createElement("div",{className:"header"},M.default.createElement(a.Title,{order:3},l),M.default.createElement(o.Text,{size:"p3",mt:8,color:s.theme.colors.gray600},u)),m))},ne=O.default(C.Onboarding)`
|
|
194
194
|
.phone-input {
|
|
195
195
|
width: 100%;
|
|
196
196
|
margin-bottom: 32px;
|
|
@@ -210,7 +210,7 @@
|
|
|
210
210
|
&:not([data-active='true']) {
|
|
211
211
|
display: none !important;
|
|
212
212
|
}
|
|
213
|
-
`,
|
|
213
|
+
`,re=(e,t)=>P.object().shape({phone:P.string().required(e("onboarding.updatePhone.error")).default(""),name:P.string().required(e("onboarding.errorMessage.requiredName")),email:P.string().required(e("onboarding.errorMessage.requiredEmail")).email(e("onboarding.errorMessage.invalidEmail")).default(""),address:P.mixed().required(e("onboarding.similac.address.error")),term:t?P.bool():P.bool().oneOf([!0],e("onboarding.similac.term.error"))}),oe=O.default(C.Onboarding)`
|
|
214
214
|
.phone-input {
|
|
215
215
|
width: 100%;
|
|
216
216
|
margin-bottom: 32px;
|
|
@@ -230,4 +230,4 @@
|
|
|
230
230
|
&:not([data-active='true']) {
|
|
231
231
|
display: none !important;
|
|
232
232
|
}
|
|
233
|
-
`,le=e=>j.object().shape({password:j.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:j.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([j.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),se={Provider:({children:t,siteType:a,setSharedData:n})=>{const[r,o]=e.useState(0),[i,l]=e.useState(0),[s,d]=e.useState({});return e.useEffect((()=>{null==n||n(s)}),[s,n]),O.default.createElement(k.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:l,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1),siteType:a,isMarryBaby:"marryBaby"===a,sharedData:s,setSharedData:d}},t)},Modal:n=>{var{children:r,withSimilac:i,banner:l,withPortal:d}=n,m=t.__rest(n,["children","withSimilac","banner","withPortal"]);const{isMobile:p}=o.useScreenSize(),{isMarryBaby:f}=e.useContext(k),{t:g}=c.useTranslations();if(d&&"undefined"==typeof window)return null;const b=O.default.createElement(V,Object.assign({},m),O.default.createElement(H,null,O.default.createElement(a.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},O.default.createElement(a.Grid.Col,{span:"object"!=typeof l&&!i||p?12:6,order:i?2:1,orderMd:i?1:2,sx:{zIndex:i?99:void 0}},O.default.createElement(R,{"data-similac":i,"data-has-banner":"object"==typeof l},r)),l&&"object"==typeof l&&!i&&O.default.createElement(a.Grid.Col,{span:p?12:6,order:1,orderMd:2},O.default.createElement($,null,O.default.createElement(U,{"data-is-marry-baby":f},O.default.createElement(Q,null,l.heading&&O.default.createElement(a.Title,{order:1,mb:24},l.heading),l.description&&O.default.createElement(o.Text,{size:"p1",color:s.theme.colors.gray800},g("onboarding.welcomeScreen.content"))),O.default.createElement(Y,null,l.imgSrc?O.default.createElement("img",{src:l.imgSrc,loading:"lazy"}):l.imgComponent?l.imgComponent:null)))),l&&"object"==typeof l&&i&&(l.imgSrc||l.imgComponent)&&O.default.createElement(a.Grid.Col,{span:"auto",order:1,orderMd:2},O.default.createElement(Y,{className:"similac"},l.imgSrc?O.default.createElement("img",{src:l.imgSrc,loading:"lazy"}):l.imgComponent?l.imgComponent:null)))));return d?E.createPortal(b,u.getPopupWrapperDom()):b},Form:({onClose:a,onSubmit:n,canSkip:r=!0,customFormTexts:o,isActive:i})=>{const{t:l}=c.useTranslations(),{sharedData:s,setSharedData:d,nextStep:u}=e.useContext(k),m=F({initialValues:{phone:(null==s?void 0:s.phone)||""},validate:g.yupResolver(W(l))});return O.default.createElement(G,{heading:(null==o?void 0:o.heading)||l("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||l("onboarding.updatePhone.description"),"data-active":i},O.default.createElement(B,{form:m},O.default.createElement("form",{onSubmit:m.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{d((t=>Object.assign(Object.assign({},t),{phone:e.phone}))),yield null==n?void 0:n(e.phone),u()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(N,{inputOrder:["phone"]}),O.default.createElement(C.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},l("onboarding.button.continue")),r&&O.default.createElement(C.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},l("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:a,email:r,onResendCode:o,otpError:i,onClose:l,loading:d,canSkip:u})=>{const{sharedData:{email:m,retryEmailCount:p},setSharedData:f,prevStep:b,siteType:h,isMarryBaby:E,nextStep:L}=e.useContext(k),x=r||m||"",[y,w]=e.useState(30),S=n.useInterval((()=>w((e=>e-1))),1e3),[M,P]=n.useCounter(0,{min:0,max:3}),j=e.useRef(!0),{t:T}=c.useTranslations();e.useEffect((()=>(S.start(),S.stop)),[]),e.useEffect((()=>{0===y&&(S.stop(),j.current=!1)}),[y]);const q=F({initialValues:{otp:""},validate:g.yupResolver(J(T))});e.useEffect((()=>{i&&q.setFieldError("otp",i)}),[i]);const I=e.useMemo((()=>_.default((()=>{j.current||(P.increment(),w(30),null==o||o(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,o,S]),z=p>=2;return O.default.createElement(K,{heading:T("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${D(x)}</b>`})}}),!z&&O.default.createElement("svg",{onClick:()=>{p>=2||(f((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},O.default.createElement(B,{form:q},O.default.createElement("form",{onSubmit:q.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(e.otp))&&L()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(N,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),O.default.createElement(v.Text,{as:"a",size:"p4",color:E?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:y}))),O.default.createElement(C.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},T("onboarding.button.continue")),u&&M>=3&&O.default.createElement(C.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:l,type:"button"},T("onboarding.button.skip")))))},Phone:({onSubmit:a,phone:r,onResendCode:o,otpError:i,onClose:l,loading:d,canSkip:u})=>{const{sharedData:{phone:m,retryPhoneCount:p},setSharedData:f,prevStep:b,siteType:h,isMarryBaby:E,nextStep:L}=e.useContext(k),x=r||m||"",[y,w]=e.useState(30),S=n.useInterval((()=>w((e=>e-1))),1e3),[M,P]=n.useCounter(0,{min:0,max:3}),j=e.useRef(!0),{t:T}=c.useTranslations();e.useEffect((()=>(S.start(),S.stop)),[]),e.useEffect((()=>{0===y&&(S.stop(),j.current=!1)}),[y]);const q=F({initialValues:{otp:""},validate:g.yupResolver(J(T))});e.useEffect((()=>{i&&q.setFieldError("otp",i)}),[i]);const I=e.useMemo((()=>_.default((()=>{j.current||(P.increment(),w(30),null==o||o(x),S.start(),j.current=!0)}),1e3,{trailing:!1})),[x,o,S]),z=p>=2;return O.default.createElement(K,{heading:T("onboarding.otpForm.heading"),description:O.default.createElement(O.default.Fragment,null,O.default.createElement("span",{dangerouslySetInnerHTML:{__html:T("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${x.slice(0,-3).replace(/./g,"x").concat(x.slice(-3))}</b>`})}}),!z&&O.default.createElement("svg",{onClick:()=>{p>=2||(f((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},O.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},O.default.createElement(B,{form:q},O.default.createElement("form",{onSubmit:q.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(e.otp))&&L()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(N,{inputOrder:["otp"]}),O.default.createElement("div",{className:"resend"},O.default.createElement(v.Text,{size:"p4",color:s.theme.colors.gray400},T("onboarding.otpForm.notReceiveOTP")),O.default.createElement(v.Text,{as:"a",size:"p4",color:E?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},T("onboarding.otpForm.resendCode",{seconds:y}))),O.default.createElement(C.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},T("onboarding.button.continue")),u&&M>=3&&O.default.createElement(C.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:l,type:"button"},T("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:a,onSubmit:n,canSkip:r,loading:o,errorMessage:i,initialData:l})=>{const{t:s,locale:u}=c.useTranslations(),{siteType:m,isMarryBaby:p,setSharedData:f,nextStep:b}=e.useContext(k),h=F({validate:g.yupResolver(X(s))});return e.useEffect((()=>{h.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),e.useEffect((()=>{i&&h.setFieldError("email",i)}),[i]),O.default.createElement(ne,{heading:s("onboarding.formEmail.heading"),description:s("onboarding.formEmail.description",{site:p?"Marry Baby":d.LOCALE_SPECS[u].SITE_NAME_FORMATTED})},O.default.createElement(B,{form:h},O.default.createElement("form",{className:"form",onSubmit:h.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){f((t=>Object.assign(Object.assign({},t),e)));!(yield null==n?void 0:n(Object.assign(Object.assign({},e),{birthday:e.birthday&&y.format(e.birthday,"yyyy-MM-dd")})))&&b()}))),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(N,{inputOrder:["full_name","email","dob","gender"]}),O.default.createElement(C.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:o,disabled:o},s("onboarding.button.continue")),r&&O.default.createElement(C.Button,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},s("onboarding.button.skip")))))},ResultScreen:a=>{var{onClose:n}=a,r=t.__rest(a,["onClose"]);const{t:o}=c.useTranslations(),{siteType:i}=e.useContext(k);return O.default.createElement(ne,Object.assign({},r),O.default.createElement(C.Button,{theme:i,size:"lg",onClick:n,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:a=>{var{onClose:n,onSubmit:r,canSkip:i=!0,customFormTexts:l,customTerms:s,defaultValues:d,isActive:u}=a,m=t.__rest(a,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues","isActive"]);const{t:p}=c.useTranslations(),{nextStep:f,setSharedData:b,sharedData:h}=e.useContext(k),{isMobile:E}=o.useScreenSize(),C=F({initialValues:{term:!1,phone:(null==h?void 0:h.phone)||(null==d?void 0:d.phone)||"",email:(null==h?void 0:h.email)||(null==d?void 0:d.email)||"",name:(null==h?void 0:h.name)||(null==d?void 0:d.name)||""},validate:g.yupResolver(oe(p,!s))}),L=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return O.default.createElement(re,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:E,"data-active":u},m),O.default.createElement(B,{form:C},O.default.createElement("form",{style:{width:"100%"},onSubmit:C.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==r?void 0:r(e),b((t=>Object.assign(Object.assign({},t),{phone:e.phone,email:e.email,name:e.name}))),f()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},O.default.createElement(N,{inputOrder:L,withSimilac:!0,customTerms:s}),O.default.createElement(o.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),i&&O.default.createElement(o.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},p("onboarding.button.skip")))))},FrisoForm:Z,UpdatePasswordForm:({onClose:n,onSubmit:r,canSkip:o,errorMessage:i,loading:l})=>{const{t:s}=c.useTranslations(),{nextStep:d}=e.useContext(k),u=F({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(le(s))});return O.default.createElement(ne,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},O.default.createElement(B,{form:u},O.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){yield r((null==e?void 0:e.password)||""),!i&&d()}))),(e=>{console.log({fieldErrors:e})}))},O.default.createElement(N,{inputOrder:["password","confirm_password"]}),O.default.createElement(C.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&O.default.createElement(C.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n},s("onboarding.button.skip")),i&&O.default.createElement(a.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:t,onStepChange:a})=>{const{currentStep:n,setMaxStep:r}=e.useContext(k),o=O.default.Children.count(t);return e.useEffect((()=>{null==a||a(n)}),[n]),e.useEffect((()=>{r(o-1)}),[o]),O.default.createElement(O.default.Fragment,null,T.default(t).map(((t,a)=>{const r=a===n;return O.default.createElement(e.Fragment,{key:a},O.default.isValidElement(t)?t.props.alwaysRender||r?O.default.cloneElement(t,{isActive:a===n,stepIndex:a}):null:r?t:null)})))},ThankYou:e=>{var{onClose:n,thanksPageInfo:r,isActive:l}=e,s=t.__rest(e,["onClose","thanksPageInfo","isActive"]);const{t:d}=c.useTranslations(),{isMobile:u}=o.useScreenSize();return O.default.createElement(ie,Object.assign({heading:"",description:"",hiddenLogo:u,"data-active":l},s),O.default.createElement(a.Container,{fluid:!0},O.default.createElement(a.Stack,{align:"center",spacing:8,w:"100%",ta:"center"},O.default.createElement(a.AspectRatio,{ratio:1,w:{base:120,md:160}},O.default.createElement("svg",{width:"160",height:"160",viewBox:"0 0 160 160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},O.default.createElement("mask",{id:"mask0_4580_96805",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"160",height:"160"},O.default.createElement("circle",{cx:"80",cy:"80",r:"80",fill:"url(#paint0_radial_4580_96805)"})),O.default.createElement("g",{mask:"url(#mask0_4580_96805)"},O.default.createElement("path",{d:"M71.5938 0.45906L76.9763 38.1373C77.0115 38.1373 77.0819 38.1373 77.1171 38.102L82.3589 75.0033L87.5656 38.0666C87.6008 38.0666 87.636 38.0666 87.636 38.0666L92.8426 1.02406C88.6562 0.353123 84.3642 0 80.0018 0C77.1522 0 74.3378 0.141249 71.5938 0.45906Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M131.15 18.5391C125.733 14.0191 119.682 10.1701 113.173 7.20386L97.8699 41.0683C97.9051 41.0683 97.9403 41.1037 97.9403 41.1037L82.4609 75.2859L131.15 18.5391Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M46.4386 64.8334L82.1114 75.3212H81.9707L82.3225 75.4271H82.3577L82.3928 75.3918L82.428 75.4271H82.3928L82.428 75.4624H82.4632L82.6039 75.5331L82.4984 75.4624L118.347 85.9855C118.347 86.0208 118.347 86.0208 118.312 86.0561L158.101 97.8151C159.332 92.2005 160.001 86.3386 160.001 80.3355C160.001 78.6758 159.93 76.9809 159.86 75.3565H119.825C119.825 75.3918 119.825 75.3918 119.825 75.4271L82.4632 75.4624V75.4271L82.6391 75.3918L82.4984 75.4624L82.815 75.3565H82.6391L155.497 53.6394C153.07 46.7182 149.728 40.2208 145.612 34.2883L82.6391 75.2859H82.4984L82.5687 75.2152L82.4632 75.2859L82.4984 75.074L82.428 75.2152V75.2506L82.3928 75.2859V75.2506H82.3225V75.2152L82.2521 75.074L82.2873 75.2506L82.2169 75.2152L82.2521 75.2506H82.1114L15.7614 32.4167C11.2231 38.5258 7.52917 45.341 4.85547 52.6154L46.4386 64.8334ZM82.3225 75.3918V75.4271L82.2169 75.3565L82.3225 75.3918Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M57.8032 46.9301L82.2887 75.2506L66.7741 41.1036L50.556 5.61475C43.6607 8.33379 37.2579 12.0063 31.4531 16.4556L57.8032 46.9301Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M113.877 95.8023L82.5312 75.5684L106.982 103.854C106.946 103.854 106.946 103.889 106.911 103.889L136.005 137.647C141.529 132.209 146.243 125.994 150.042 119.179L113.877 95.8023Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.3203 75.427V75.4627H82.356L82.3203 75.427H82.356H82.3203Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2857 75.4623L82.321 75.427H82.2857L82.1445 75.4976L82.2857 75.4623Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2164 75.5684L50.9411 95.9436C50.906 95.9082 50.906 95.8729 50.8708 95.8376L11.3281 121.51C15.4794 128.501 20.6861 134.787 26.7019 140.19L62.5858 98.4507L82.2164 75.5684Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M46.438 86.0559L82.2867 75.3916L0.140721 75.4975C0.0351803 77.0866 0 78.6756 0 80.3C0 86.7975 0.773967 93.1184 2.21636 99.1921L46.438 86.0559C46.438 86.0912 46.438 86.0912 46.438 86.0559Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.2507 75.7095L47 153.467C54.2823 156.786 62.1275 159.011 70.3949 160L82.2507 75.7095Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.4609 75.7095L94.3519 159.329C102.373 157.881 109.972 155.233 116.938 151.56L82.4609 75.7095Z",fill:"#E0F8EE"}),O.default.createElement("path",{d:"M82.3203 75.5684L82.3556 75.8509L82.4262 75.5684L82.3556 75.4978L82.3203 75.5684Z",fill:"#E0F8EE"})),O.default.createElement("path",{d:"M124.694 61.2L124.986 62.1726C125.083 62.6589 125.472 62.9507 125.959 63.1452L126.931 63.437L125.959 63.8261C125.569 63.9234 125.18 64.3124 125.083 64.7015L124.694 65.7714L124.305 64.7015C124.111 64.3124 123.819 64.0206 123.43 63.8261L122.457 63.5343L123.43 63.2425C123.819 63.1452 124.111 62.7562 124.305 62.3671L124.694 61.2Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M104.744 34.2856L104.915 34.8571C104.973 35.1428 105.201 35.3142 105.487 35.4285L106.058 35.5999L105.487 35.8285C105.258 35.8856 105.03 36.1142 104.973 36.3428L104.744 36.9714L104.515 36.3428C104.401 36.1142 104.23 35.9428 104.001 35.8285L103.43 35.6571L104.001 35.4856C104.23 35.4285 104.401 35.1999 104.515 34.9714L104.744 34.2856Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M118.345 38L119.088 40.4C119.431 41.4857 120.288 42.3429 121.317 42.6286L123.717 43.3714L121.259 44.2286C120.231 44.5714 119.488 45.3714 119.145 46.3429L118.288 48.8L117.317 46.2286C116.974 45.2571 116.174 44.5143 115.202 44.1714L112.859 43.3714L115.145 42.5714C116.117 42.2286 116.859 41.4857 117.259 40.5714L118.345 38Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M41.8846 98.8572L42.056 99.4286C42.1132 99.7143 42.3417 99.8857 42.6275 100L43.1989 100.171L42.6275 100.4C42.3989 100.457 42.1703 100.686 42.1132 100.914L41.8846 101.543L41.656 100.914C41.5417 100.686 41.3703 100.514 41.1417 100.4L40.5703 100.229L41.1417 100.057C41.3703 100 41.5417 99.7715 41.656 99.5429L41.8846 98.8572Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M64.5717 125.314L65.3145 127.714C65.6574 128.8 66.5145 129.657 67.5431 129.943L69.9431 130.686L67.4859 131.543C66.4574 131.886 65.7145 132.686 65.3717 133.657L64.5145 136.114L63.5431 133.543C63.2002 132.571 62.4002 131.828 61.4288 131.486L59.0859 130.686L61.3717 129.886C62.3431 129.543 63.0859 128.8 63.4859 127.886L64.5717 125.314Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M80.9708 120.343L81.2565 121.314C81.3708 121.771 81.7708 122.114 82.1708 122.228L83.1993 122.514L82.1708 122.857C81.7708 122.971 81.4279 123.314 81.3136 123.714L80.9708 124.743L80.5708 123.657C80.3993 123.257 80.1136 122.914 79.7136 122.8L78.7422 122.457L79.7136 122.114C80.1136 122 80.3993 121.657 80.5708 121.314L80.9708 120.343Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M130.307 98.2856L130.529 99.0426C130.619 99.3988 130.93 99.666 131.242 99.755L132.043 99.9777L131.242 100.245C130.93 100.334 130.663 100.601 130.574 100.913L130.307 101.714L129.995 100.868C129.862 100.557 129.639 100.289 129.327 100.2L128.57 99.9331L129.327 99.666C129.639 99.5769 129.862 99.3098 129.995 99.0426L130.307 98.2856Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M36.592 64L36.8147 64.757C36.9037 65.1132 37.2154 65.3803 37.5271 65.4694L38.3286 65.692L37.5271 65.9592C37.2154 66.0482 36.9482 66.3154 36.8592 66.6271L36.592 67.4286L36.2803 66.5826C36.1467 66.2709 35.9241 66.0037 35.6124 65.9147L34.8555 65.6475L35.6124 65.3803C35.9241 65.2913 36.1467 65.0241 36.2803 64.757L36.592 64Z",fill:"#FFB521"}),O.default.createElement("path",{d:"M67.3816 26.8572L67.6734 27.8298C67.7707 28.3161 68.1597 28.6079 68.646 28.8025L69.6187 29.0942L68.646 29.4833C68.257 29.5806 67.8679 29.9696 67.7707 30.3587L67.3816 31.4286L66.9926 30.3587C66.798 29.9696 66.5062 29.6778 66.1172 29.4833L65.1445 29.1915L66.1172 28.8997C66.5062 28.8025 66.798 28.4134 66.9926 28.0243L67.3816 26.8572Z",fill:"#2D87F3"}),O.default.createElement("path",{d:"M80.0011 108.572C95.7807 108.572 108.573 95.7797 108.573 80.0001C108.573 64.2206 95.7807 51.4287 80.0011 51.4287C64.2216 51.4287 51.4297 64.2206 51.4297 80.0001C51.4297 95.7797 64.2216 108.572 80.0011 108.572Z",fill:"#00B16A"}),O.default.createElement("path",{d:"M78.5808 89.1451C77.3597 89.147 76.1503 88.908 75.0217 88.4418C73.8932 87.9757 72.8677 87.2914 72.0039 86.4283L68.6389 83.0617C68.1939 82.6009 67.9477 81.9838 67.9532 81.3432C67.9588 80.7027 68.2157 80.0899 68.6687 79.6369C69.1217 79.1839 69.7344 78.927 70.375 78.9214C71.0156 78.9159 71.6327 79.1621 72.0935 79.6071L75.4585 82.9738C75.8649 83.3802 76.3473 83.7025 76.8783 83.9225C77.4093 84.1424 77.9784 84.2556 78.5531 84.2556C79.1278 84.2556 79.6969 84.1424 80.2279 83.9225C80.7589 83.7025 81.2413 83.3802 81.6477 82.9738L102.984 63.6911C103.468 63.2745 104.095 63.0635 104.732 63.1034C105.369 63.1433 105.965 63.4308 106.392 63.9044C106.82 64.3781 107.046 65.0003 107.02 65.6379C106.995 66.2756 106.722 66.8781 106.258 67.3166L85.0046 86.513C84.1599 87.3531 83.1576 88.0181 82.0552 88.4698C80.9528 88.9215 79.7721 89.151 78.5808 89.1451Z",fill:"white"}),O.default.createElement("defs",null,O.default.createElement("radialGradient",{id:"paint0_radial_4580_96805",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(80 80) rotate(90) scale(80)"},O.default.createElement("stop",{stopColor:"#C4C4C4"}),O.default.createElement("stop",{offset:"1",stopColor:"#C4C4C4",stopOpacity:"0"}))))),O.default.createElement(i.Heading,{tag:"h3"},null==r?void 0:r.title),O.default.createElement(o.Text,{size:"p3",color:"gray.6"},null==r?void 0:r.description),O.default.createElement(o.Button,{mt:{base:16,md:24},fullWidth:u,size:"lg",onClick:n},d("similac.thankYou.done")))))}};exports.DynamicForm=N,exports.MAPPED_LOCALE=z,exports.Onboarding=se,exports.OnboardingContext=k;
|
|
233
|
+
`,ie=e=>P.object().shape({password:P.string().required(e("onboarding.errorMessage.requiredPassword")).min(8,e("onboarding.errorMessage.minLength",{length:8})).matches(/.*[A-Z].*/,e("onboarding.errorMessage.passWithPattern")).default(""),confirmPassword:P.string().required(e("onboarding.errorMessage.requiredConfirmPassword")).oneOf([P.ref("password"),null],e("onboarding.errorMessage.passNotMatch")).default("")}),le={Provider:({children:t,siteType:a,setSharedData:n})=>{const[r,o]=e.useState(0),[i,l]=e.useState(0),[s,d]=e.useState({});return e.useEffect((()=>{null==n||n(s)}),[s,n]),M.default.createElement(T.Provider,{value:{currentStep:r,setCurrentStep:o,setMaxStep:l,nextStep:()=>r+1<=i&&o(r+1),prevStep:()=>r-1>=0&&o(r-1),siteType:a,isMarryBaby:"marryBaby"===a,sharedData:s,setSharedData:d}},t)},Modal:n=>{var{children:r,withSimilac:i,banner:l,withPortal:d}=n,m=t.__rest(n,["children","withSimilac","banner","withPortal"]);const{isMobile:p}=o.useScreenSize(),{isMarryBaby:f}=e.useContext(T),{t:g}=c.useTranslations();if(d&&"undefined"==typeof window)return null;const b=M.default.createElement(Z,Object.assign({},m),M.default.createElement(V,null,M.default.createElement(a.Grid,{sx:{[u.MediaQueries.mbDown]:{margin:0},".mantine-Grid-col":{[u.MediaQueries.mbDown]:{padding:0}}}},M.default.createElement(a.Grid.Col,{span:"object"!=typeof l&&!i||p?12:6,order:i?2:1,orderMd:i?1:2,sx:{zIndex:i?99:void 0}},M.default.createElement(H,{"data-similac":i,"data-has-banner":"object"==typeof l},r)),l&&"object"==typeof l&&!i&&M.default.createElement(a.Grid.Col,{span:p?12:6,order:1,orderMd:2},M.default.createElement(R,null,M.default.createElement($,{"data-is-marry-baby":f},M.default.createElement(U,null,l.heading&&M.default.createElement(a.Title,{order:1,mb:24},l.heading),l.description&&M.default.createElement(o.Text,{size:"p1",color:s.theme.colors.gray800},g("onboarding.welcomeScreen.content"))),M.default.createElement(Q,null,l.imgSrc?M.default.createElement("img",{src:l.imgSrc,loading:"lazy"}):l.imgComponent?l.imgComponent:null)))),l&&"object"==typeof l&&i&&(l.imgSrc||l.imgComponent)&&M.default.createElement(a.Grid.Col,{span:"auto",order:1,orderMd:2},M.default.createElement(Q,{className:"similac"},l.imgSrc?M.default.createElement("img",{src:l.imgSrc,loading:"lazy"}):l.imgComponent?l.imgComponent:null)))));return d?h.createPortal(b,u.getPopupWrapperDom()):b},Form:({onClose:a,onSubmit:n,canSkip:r=!0,customFormTexts:o,isActive:i})=>{const{t:l}=c.useTranslations(),{sharedData:s,setSharedData:d,nextStep:u}=e.useContext(T),m=q({initialValues:{phone:(null==s?void 0:s.phone)||""},validate:g.yupResolver(G(l))});return M.default.createElement(Y,{heading:(null==o?void 0:o.heading)||l("onboarding.updatePhone.heading"),description:(null==o?void 0:o.description)||l("onboarding.updatePhone.description"),"data-active":i},M.default.createElement(k,{form:m},M.default.createElement("form",{onSubmit:m.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{d((t=>Object.assign(Object.assign({},t),{phone:e.phone}))),yield null==n?void 0:n(e.phone),u()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},M.default.createElement(D,{inputOrder:["phone"]}),M.default.createElement(E.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},l("onboarding.button.continue")),r&&M.default.createElement(E.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},l("onboarding.button.skip")))))},OtpForm:{Email:({onSubmit:a,email:r,onResendCode:o,otpError:i,onClose:l,loading:d,canSkip:u})=>{const{sharedData:{email:m,retryEmailCount:p},setSharedData:f,prevStep:b,siteType:h,isMarryBaby:C,nextStep:L}=e.useContext(T),v=r||m||"",[y,w]=e.useState(30),S=n.useInterval((()=>w((e=>e-1))),1e3),[O,P]=n.useCounter(0,{min:0,max:3}),_=e.useRef(!0),{t:B}=c.useTranslations();e.useEffect((()=>(S.start(),S.stop)),[]),e.useEffect((()=>{0===y&&(S.stop(),_.current=!1)}),[y]);const F=q({initialValues:{otp:""},validate:g.yupResolver(K(B))});e.useEffect((()=>{i&&F.setFieldError("otp",i)}),[i]);const I=e.useMemo((()=>j.default((()=>{_.current||(P.increment(),w(30),null==o||o(v),S.start(),_.current=!0)}),1e3,{trailing:!1})),[v,o,S]),N=p>=2;return M.default.createElement(W,{heading:B("onboarding.otpForm.heading"),description:M.default.createElement(M.default.Fragment,null,M.default.createElement("span",{dangerouslySetInnerHTML:{__html:B("onboarding.otpForm.descriptionEmail",{email:`<b style="color:${s.theme.colors.gray800}">${z(v)}</b>`})}}),!N&&M.default.createElement("svg",{onClick:()=>{p>=2||(f((e=>Object.assign(Object.assign({},e),{retryEmailCount:e.retryEmailCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},M.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},M.default.createElement(k,{form:F},M.default.createElement("form",{onSubmit:F.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(e.otp))&&L()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},M.default.createElement(D,{inputOrder:["otp"]}),M.default.createElement("div",{className:"resend"},M.default.createElement(x.Text,{size:"p4",color:s.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),M.default.createElement(x.Text,{as:"a",size:"p4",color:C?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},B("onboarding.otpForm.resendCode",{seconds:y}))),M.default.createElement(E.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),u&&O>=3&&M.default.createElement(E.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:l,type:"button"},B("onboarding.button.skip")))))},Phone:({onSubmit:a,phone:r,onResendCode:o,otpError:i,onClose:l,loading:d,canSkip:u})=>{const{sharedData:{phone:m,retryPhoneCount:p},setSharedData:f,prevStep:b,siteType:h,isMarryBaby:C,nextStep:L}=e.useContext(T),v=r||m||"",[y,w]=e.useState(30),S=n.useInterval((()=>w((e=>e-1))),1e3),[O,P]=n.useCounter(0,{min:0,max:3}),_=e.useRef(!0),{t:B}=c.useTranslations();e.useEffect((()=>(S.start(),S.stop)),[]),e.useEffect((()=>{0===y&&(S.stop(),_.current=!1)}),[y]);const F=q({initialValues:{otp:""},validate:g.yupResolver(K(B))});e.useEffect((()=>{i&&F.setFieldError("otp",i)}),[i]);const I=e.useMemo((()=>j.default((()=>{_.current||(P.increment(),w(30),null==o||o(v),S.start(),_.current=!0)}),1e3,{trailing:!1})),[v,o,S]),z=p>=2;return M.default.createElement(W,{heading:B("onboarding.otpForm.heading"),description:M.default.createElement(M.default.Fragment,null,M.default.createElement("span",{dangerouslySetInnerHTML:{__html:B("onboarding.otpForm.description",{phone:`<b style="color:${s.theme.colors.gray800}">${v.slice(0,-3).replace(/./g,"x").concat(v.slice(-3))}</b>`})}}),!z&&M.default.createElement("svg",{onClick:()=>{p>=2||(f((e=>Object.assign(Object.assign({},e),{retryPhoneCount:e.retryPhoneCount+1}))),b())},width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"otp-description-edit-icon"},M.default.createElement("path",{d:"M12.7812 1.33337C12.2987 1.33337 11.8162 1.51712 11.4479 1.88546L10.6667 2.66671L13.3333 5.33337L14.1146 4.55212C14.8506 3.81612 14.8506 2.62212 14.1146 1.88546C13.7463 1.51712 13.2638 1.33337 12.7812 1.33337ZM9.66667 3.66671L2 11.3334V14H4.66667L12.3333 6.33337L9.66667 3.66671Z",fill:"#ADB3BC"})))},M.default.createElement(k,{form:F},M.default.createElement("form",{onSubmit:F.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{P.increment();!(yield null==a?void 0:a(e.otp))&&L()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},M.default.createElement(D,{inputOrder:["otp"]}),M.default.createElement("div",{className:"resend"},M.default.createElement(x.Text,{size:"p4",color:s.theme.colors.gray400},B("onboarding.otpForm.notReceiveOTP")),M.default.createElement(x.Text,{as:"a",size:"p4",color:C?s.theme.mbColors.pink:s.theme.colors.primaryBase,onClick:I},B("onboarding.otpForm.resendCode",{seconds:y}))),M.default.createElement(E.Button,{theme:h,color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:d,disabled:d,"data-event-category":"Sign Up","data-event-action":"Confirm Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},B("onboarding.button.continue")),u&&O>=3&&M.default.createElement(E.Button,{theme:h,color:"ghost",isBlock:!0,size:"lg",onClick:l,type:"button"},B("onboarding.button.skip")))))}},PersonalInfoForm:({onClose:a,onSubmit:n,canSkip:r,loading:o,errorMessage:i,initialData:l})=>{const{t:s,locale:u}=c.useTranslations(),{siteType:m,isMarryBaby:p,setSharedData:f,nextStep:b}=e.useContext(T),h=q({validate:g.yupResolver(J(s))});return e.useEffect((()=>{h.setValues(Object.assign(Object.assign({gender:"0"},l),(null==l?void 0:l.birthday)&&{birthday:new Date(l.birthday)}))}),[l]),e.useEffect((()=>{i&&h.setFieldError("email",i)}),[i]),M.default.createElement(ae,{heading:s("onboarding.formEmail.heading"),description:s("onboarding.formEmail.description",{site:p?"Marry Baby":d.LOCALE_SPECS[u].SITE_NAME_FORMATTED})},M.default.createElement(k,{form:h},M.default.createElement("form",{className:"form",onSubmit:h.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){f((t=>Object.assign(Object.assign({},t),e)));!(yield null==n?void 0:n(Object.assign(Object.assign({},e),{birthday:e.birthday&&v.format(e.birthday,"yyyy-MM-dd")})))&&b()}))),(e=>{console.log({fieldErrors:e})}))},M.default.createElement(D,{inputOrder:["full_name","email","dob","gender"]}),M.default.createElement(E.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",theme:m,isLoading:o,disabled:o},s("onboarding.button.continue")),r&&M.default.createElement(E.Button,{theme:m,color:"ghost",isBlock:!0,size:"lg",onClick:a,type:"button"},s("onboarding.button.skip")))))},ResultScreen:a=>{var{onClose:n}=a,r=t.__rest(a,["onClose"]);const{t:o}=c.useTranslations(),{siteType:i}=e.useContext(T);return M.default.createElement(ae,Object.assign({},r),M.default.createElement(E.Button,{theme:i,size:"lg",onClick:n,className:"form-button"},o("onboarding.button.continue")))},SimilacForm:a=>{var{onClose:n,onSubmit:r,canSkip:i=!0,customFormTexts:l,customTerms:s,defaultValues:d,isActive:u}=a,m=t.__rest(a,["onClose","onSubmit","canSkip","customFormTexts","customTerms","defaultValues","isActive"]);const{t:p}=c.useTranslations(),{nextStep:f,setSharedData:b,sharedData:h}=e.useContext(T),{isMobile:E}=o.useScreenSize(),C=q({initialValues:{term:!1,phone:(null==h?void 0:h.phone)||(null==d?void 0:d.phone)||"",email:(null==h?void 0:h.email)||(null==d?void 0:d.email)||"",name:(null==h?void 0:h.name)||(null==d?void 0:d.name)||""},validate:g.yupResolver(re(p,!s))}),L=(null==d?void 0:d.email)?["full_name","phone","address","term"]:["full_name","email","phone","address","term"];return M.default.createElement(ne,Object.assign({heading:(null==l?void 0:l.heading)||p("onboarding.updatePhone.heading"),description:(null==l?void 0:l.description)||p("onboarding.updatePhone.description"),hiddenLogo:E,"data-active":u},m),M.default.createElement(k,{form:C},M.default.createElement("form",{style:{width:"100%"},onSubmit:C.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){try{yield null==r?void 0:r(e),b((t=>Object.assign(Object.assign({},t),{phone:e.phone,email:e.email,name:e.name}))),f()}catch(e){console.error(e)}}))),(e=>{console.log(e)}))},M.default.createElement(D,{inputOrder:L,withSimilac:!0,customTerms:s}),M.default.createElement(o.Button,{fullWidth:!0,size:"lg",type:"submit","data-event-category":"Sign Up","data-event-action":"Update Phone Number","data-event-label":"undefined"!=typeof window?window.location.href:"",className:"pointer-event-child-none"},p("onboarding.button.continue")),i&&M.default.createElement(o.Button,{variant:"ghost",fullWidth:!0,size:"lg",onClick:n,type:"button"},p("onboarding.button.skip")))))},FrisoForm:A,UpdatePasswordForm:({onClose:n,onSubmit:r,canSkip:o,errorMessage:i,loading:l})=>{const{t:s}=c.useTranslations(),{nextStep:d}=e.useContext(T),u=q({initialValues:{password:"",confirmPassword:""},validate:g.yupResolver(ie(s))});return M.default.createElement(ae,{heading:s("onboarding.updatePassword.heading"),description:s("onboarding.updatePassword.description")},M.default.createElement(k,{form:u},M.default.createElement("form",{className:"form",onSubmit:u.onSubmit((e=>t.__awaiter(void 0,void 0,void 0,(function*(){yield r((null==e?void 0:e.password)||""),!i&&d()}))),(e=>{console.log({fieldErrors:e})}))},M.default.createElement(D,{inputOrder:["password","confirm_password"]}),M.default.createElement(E.Button,{color:"primary",isBlock:!0,size:"lg",type:"submit",isLoading:l,disabled:l},s("onboarding.button.continue")),o&&M.default.createElement(E.Button,{color:"ghost",isBlock:!0,size:"lg",onClick:n},s("onboarding.button.skip")),i&&M.default.createElement(a.Input.Error,{className:"form-error"},i))))},StepRenderer:({children:t,onStepChange:a})=>{const{currentStep:n,setMaxStep:r}=e.useContext(T),o=M.default.Children.count(t);return e.useEffect((()=>{null==a||a(n)}),[n]),e.useEffect((()=>{r(o-1)}),[o]),M.default.createElement(M.default.Fragment,null,_.default(t).map(((t,a)=>{const r=a===n;return M.default.createElement(e.Fragment,{key:a},M.default.isValidElement(t)?t.props.alwaysRender||r?M.default.cloneElement(t,{isActive:a===n,stepIndex:a}):null:r?t:null)})))},ThankYou:e=>{var{onClose:n,thanksPageInfo:r,isActive:l}=e,s=t.__rest(e,["onClose","thanksPageInfo","isActive"]);const{t:d}=c.useTranslations(),{isMobile:u}=o.useScreenSize();return M.default.createElement(oe,Object.assign({heading:"",description:"",hiddenLogo:u,"data-active":l},s),M.default.createElement(a.Container,{fluid:!0},M.default.createElement(a.Stack,{align:"center",spacing:8,w:"100%",ta:"center"},M.default.createElement(a.AspectRatio,{ratio:1,w:{base:120,md:160}},M.default.createElement("svg",{width:"160",height:"160",viewBox:"0 0 160 160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},M.default.createElement("mask",{id:"mask0_4580_96805",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"160",height:"160"},M.default.createElement("circle",{cx:"80",cy:"80",r:"80",fill:"url(#paint0_radial_4580_96805)"})),M.default.createElement("g",{mask:"url(#mask0_4580_96805)"},M.default.createElement("path",{d:"M71.5938 0.45906L76.9763 38.1373C77.0115 38.1373 77.0819 38.1373 77.1171 38.102L82.3589 75.0033L87.5656 38.0666C87.6008 38.0666 87.636 38.0666 87.636 38.0666L92.8426 1.02406C88.6562 0.353123 84.3642 0 80.0018 0C77.1522 0 74.3378 0.141249 71.5938 0.45906Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M131.15 18.5391C125.733 14.0191 119.682 10.1701 113.173 7.20386L97.8699 41.0683C97.9051 41.0683 97.9403 41.1037 97.9403 41.1037L82.4609 75.2859L131.15 18.5391Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M46.4386 64.8334L82.1114 75.3212H81.9707L82.3225 75.4271H82.3577L82.3928 75.3918L82.428 75.4271H82.3928L82.428 75.4624H82.4632L82.6039 75.5331L82.4984 75.4624L118.347 85.9855C118.347 86.0208 118.347 86.0208 118.312 86.0561L158.101 97.8151C159.332 92.2005 160.001 86.3386 160.001 80.3355C160.001 78.6758 159.93 76.9809 159.86 75.3565H119.825C119.825 75.3918 119.825 75.3918 119.825 75.4271L82.4632 75.4624V75.4271L82.6391 75.3918L82.4984 75.4624L82.815 75.3565H82.6391L155.497 53.6394C153.07 46.7182 149.728 40.2208 145.612 34.2883L82.6391 75.2859H82.4984L82.5687 75.2152L82.4632 75.2859L82.4984 75.074L82.428 75.2152V75.2506L82.3928 75.2859V75.2506H82.3225V75.2152L82.2521 75.074L82.2873 75.2506L82.2169 75.2152L82.2521 75.2506H82.1114L15.7614 32.4167C11.2231 38.5258 7.52917 45.341 4.85547 52.6154L46.4386 64.8334ZM82.3225 75.3918V75.4271L82.2169 75.3565L82.3225 75.3918Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M57.8032 46.9301L82.2887 75.2506L66.7741 41.1036L50.556 5.61475C43.6607 8.33379 37.2579 12.0063 31.4531 16.4556L57.8032 46.9301Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M113.877 95.8023L82.5312 75.5684L106.982 103.854C106.946 103.854 106.946 103.889 106.911 103.889L136.005 137.647C141.529 132.209 146.243 125.994 150.042 119.179L113.877 95.8023Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.3203 75.427V75.4627H82.356L82.3203 75.427H82.356H82.3203Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.2857 75.4623L82.321 75.427H82.2857L82.1445 75.4976L82.2857 75.4623Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.2164 75.5684L50.9411 95.9436C50.906 95.9082 50.906 95.8729 50.8708 95.8376L11.3281 121.51C15.4794 128.501 20.6861 134.787 26.7019 140.19L62.5858 98.4507L82.2164 75.5684Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M46.438 86.0559L82.2867 75.3916L0.140721 75.4975C0.0351803 77.0866 0 78.6756 0 80.3C0 86.7975 0.773967 93.1184 2.21636 99.1921L46.438 86.0559C46.438 86.0912 46.438 86.0912 46.438 86.0559Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.2507 75.7095L47 153.467C54.2823 156.786 62.1275 159.011 70.3949 160L82.2507 75.7095Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.4609 75.7095L94.3519 159.329C102.373 157.881 109.972 155.233 116.938 151.56L82.4609 75.7095Z",fill:"#E0F8EE"}),M.default.createElement("path",{d:"M82.3203 75.5684L82.3556 75.8509L82.4262 75.5684L82.3556 75.4978L82.3203 75.5684Z",fill:"#E0F8EE"})),M.default.createElement("path",{d:"M124.694 61.2L124.986 62.1726C125.083 62.6589 125.472 62.9507 125.959 63.1452L126.931 63.437L125.959 63.8261C125.569 63.9234 125.18 64.3124 125.083 64.7015L124.694 65.7714L124.305 64.7015C124.111 64.3124 123.819 64.0206 123.43 63.8261L122.457 63.5343L123.43 63.2425C123.819 63.1452 124.111 62.7562 124.305 62.3671L124.694 61.2Z",fill:"#2D87F3"}),M.default.createElement("path",{d:"M104.744 34.2856L104.915 34.8571C104.973 35.1428 105.201 35.3142 105.487 35.4285L106.058 35.5999L105.487 35.8285C105.258 35.8856 105.03 36.1142 104.973 36.3428L104.744 36.9714L104.515 36.3428C104.401 36.1142 104.23 35.9428 104.001 35.8285L103.43 35.6571L104.001 35.4856C104.23 35.4285 104.401 35.1999 104.515 34.9714L104.744 34.2856Z",fill:"#00B16A"}),M.default.createElement("path",{d:"M118.345 38L119.088 40.4C119.431 41.4857 120.288 42.3429 121.317 42.6286L123.717 43.3714L121.259 44.2286C120.231 44.5714 119.488 45.3714 119.145 46.3429L118.288 48.8L117.317 46.2286C116.974 45.2571 116.174 44.5143 115.202 44.1714L112.859 43.3714L115.145 42.5714C116.117 42.2286 116.859 41.4857 117.259 40.5714L118.345 38Z",fill:"#FFB521"}),M.default.createElement("path",{d:"M41.8846 98.8572L42.056 99.4286C42.1132 99.7143 42.3417 99.8857 42.6275 100L43.1989 100.171L42.6275 100.4C42.3989 100.457 42.1703 100.686 42.1132 100.914L41.8846 101.543L41.656 100.914C41.5417 100.686 41.3703 100.514 41.1417 100.4L40.5703 100.229L41.1417 100.057C41.3703 100 41.5417 99.7715 41.656 99.5429L41.8846 98.8572Z",fill:"#00B16A"}),M.default.createElement("path",{d:"M64.5717 125.314L65.3145 127.714C65.6574 128.8 66.5145 129.657 67.5431 129.943L69.9431 130.686L67.4859 131.543C66.4574 131.886 65.7145 132.686 65.3717 133.657L64.5145 136.114L63.5431 133.543C63.2002 132.571 62.4002 131.828 61.4288 131.486L59.0859 130.686L61.3717 129.886C62.3431 129.543 63.0859 128.8 63.4859 127.886L64.5717 125.314Z",fill:"#FFB521"}),M.default.createElement("path",{d:"M80.9708 120.343L81.2565 121.314C81.3708 121.771 81.7708 122.114 82.1708 122.228L83.1993 122.514L82.1708 122.857C81.7708 122.971 81.4279 123.314 81.3136 123.714L80.9708 124.743L80.5708 123.657C80.3993 123.257 80.1136 122.914 79.7136 122.8L78.7422 122.457L79.7136 122.114C80.1136 122 80.3993 121.657 80.5708 121.314L80.9708 120.343Z",fill:"#2D87F3"}),M.default.createElement("path",{d:"M130.307 98.2856L130.529 99.0426C130.619 99.3988 130.93 99.666 131.242 99.755L132.043 99.9777L131.242 100.245C130.93 100.334 130.663 100.601 130.574 100.913L130.307 101.714L129.995 100.868C129.862 100.557 129.639 100.289 129.327 100.2L128.57 99.9331L129.327 99.666C129.639 99.5769 129.862 99.3098 129.995 99.0426L130.307 98.2856Z",fill:"#00B16A"}),M.default.createElement("path",{d:"M36.592 64L36.8147 64.757C36.9037 65.1132 37.2154 65.3803 37.5271 65.4694L38.3286 65.692L37.5271 65.9592C37.2154 66.0482 36.9482 66.3154 36.8592 66.6271L36.592 67.4286L36.2803 66.5826C36.1467 66.2709 35.9241 66.0037 35.6124 65.9147L34.8555 65.6475L35.6124 65.3803C35.9241 65.2913 36.1467 65.0241 36.2803 64.757L36.592 64Z",fill:"#FFB521"}),M.default.createElement("path",{d:"M67.3816 26.8572L67.6734 27.8298C67.7707 28.3161 68.1597 28.6079 68.646 28.8025L69.6187 29.0942L68.646 29.4833C68.257 29.5806 67.8679 29.9696 67.7707 30.3587L67.3816 31.4286L66.9926 30.3587C66.798 29.9696 66.5062 29.6778 66.1172 29.4833L65.1445 29.1915L66.1172 28.8997C66.5062 28.8025 66.798 28.4134 66.9926 28.0243L67.3816 26.8572Z",fill:"#2D87F3"}),M.default.createElement("path",{d:"M80.0011 108.572C95.7807 108.572 108.573 95.7797 108.573 80.0001C108.573 64.2206 95.7807 51.4287 80.0011 51.4287C64.2216 51.4287 51.4297 64.2206 51.4297 80.0001C51.4297 95.7797 64.2216 108.572 80.0011 108.572Z",fill:"#00B16A"}),M.default.createElement("path",{d:"M78.5808 89.1451C77.3597 89.147 76.1503 88.908 75.0217 88.4418C73.8932 87.9757 72.8677 87.2914 72.0039 86.4283L68.6389 83.0617C68.1939 82.6009 67.9477 81.9838 67.9532 81.3432C67.9588 80.7027 68.2157 80.0899 68.6687 79.6369C69.1217 79.1839 69.7344 78.927 70.375 78.9214C71.0156 78.9159 71.6327 79.1621 72.0935 79.6071L75.4585 82.9738C75.8649 83.3802 76.3473 83.7025 76.8783 83.9225C77.4093 84.1424 77.9784 84.2556 78.5531 84.2556C79.1278 84.2556 79.6969 84.1424 80.2279 83.9225C80.7589 83.7025 81.2413 83.3802 81.6477 82.9738L102.984 63.6911C103.468 63.2745 104.095 63.0635 104.732 63.1034C105.369 63.1433 105.965 63.4308 106.392 63.9044C106.82 64.3781 107.046 65.0003 107.02 65.6379C106.995 66.2756 106.722 66.8781 106.258 67.3166L85.0046 86.513C84.1599 87.3531 83.1576 88.0181 82.0552 88.4698C80.9528 88.9215 79.7721 89.151 78.5808 89.1451Z",fill:"white"}),M.default.createElement("defs",null,M.default.createElement("radialGradient",{id:"paint0_radial_4580_96805",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(80 80) rotate(90) scale(80)"},M.default.createElement("stop",{stopColor:"#C4C4C4"}),M.default.createElement("stop",{offset:"1",stopColor:"#C4C4C4",stopOpacity:"0"}))))),M.default.createElement(i.Heading,{tag:"h3"},null==r?void 0:r.title),M.default.createElement(o.Text,{size:"p3",color:"gray.6"},null==r?void 0:r.description),M.default.createElement(o.Button,{mt:{base:16,md:24},fullWidth:u,size:"lg",onClick:n},d("similac.thankYou.done")))))}};exports.DynamicForm=D,exports.MAPPED_LOCALE=I,exports.Onboarding=le,exports.OnboardingContext=T;
|
package/build/pwg.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./index-a2b3af0a.js"),a=require("./index-00c4bebd.js"),r=require("./index-b348c352.js"),l=require("./useTranslations-167bae1d.js"),n=require("./theme-d476b1ab.js"),o=require("recharts"),i=require("./index-c936e2ee.js"),s=require("./useOutsideClick-660ad13a.js"),c=require("styled-components"),d=require("./tslib.es6-ffd4b7f9.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./Onboarding-135c0b06.js"),require("./index.styled-d9ba0def.js"),require("./gAssets.js"),require("./index-d26e6639.js"),require("date-fns/locale"),require("./isProduction-439d4f86.js"),require("./index-60543e5a.js"),require("@mantine/carousel"),require("@mantine/core"),require("@mantine/hooks"),require("./translationsContext-8020e3fc.js"),require("string-format");var m=u(e),f=u(c);const p=e=>{const{x:t,y:a,payload:r,activeWeek:l}=e;return l===r.value?m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("circle",{r:12,fill:"marryBaby"===e.siteType?n.theme.mbColors.pink:n.theme.colors.primaryBase}),m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.white,fontFamily:"Inter",fontWeight:"600",fontSize:"12px"},r.value)):m.default.createElement("g",{transform:`translate(${t},${a})`},m.default.createElement("text",{textAnchor:"middle",alignmentBaseline:"central",fill:n.theme.colors.gray600,fontFamily:"Inter",fontWeight:"400",fontSize:"12px"},r.value))},g=f.default.div`
|
|
2
2
|
/* position: absolute; */
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./index-
|
|
1
|
+
"use strict";var e=require("./index-d26e6639.js"),o=require("./isProduction-439d4f86.js");exports.getCareApiDomain=()=>process.env.UNIFY_INTERNAL_CARE_API||process.env.UNIFY_CARE_API||`https://${o.isProduction?"health-care.":"service-health-care."}hellohealthgroup.com`,exports.getCurrentBaseUrl=(t,s)=>{if("undefined"!=typeof window)return window.location.origin;const r="development"===process.env.NEXT_PUBLIC_DEPLOY_ENV,i=!r&&!o.isProduction;return r?"http://localhost:3000":`https://${i?s?"fe.":"discover.":s?"www.":""}${e.domainLocales[s?"vi-VN_MB":t]}`},exports.getCurrentSsoUrl=(t,s)=>process.env.UNIFY_SSO_API||`https://${o.isProduction?"id.":"staging-id."}${e.domainLocales[s?"vi-VN_MB":t]}`,exports.getDiscoverApiDomain=t=>process.env.UNIFY_DISCOVER_API||`https://${o.isProduction?"wp.":"staging."}${e.domainLocales[t]}`,exports.getTogetherApiDomain=()=>process.env.UNIFY_INTERNAL_TOGETHER_API||process.env.UNIFY_TOGETHER_API||`https://${o.isProduction?"together.":"staging-together."}hellohealthgroup.com`;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("react"),r=require("lodash/throttle"),s=require("./utils-60e2d478.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r);const a=e.keyframes`
|
|
2
2
|
from {
|
|
3
3
|
transform: translate3d(0, 100%, 0);
|
|
4
4
|
visibility: visible;
|
|
@@ -7,7 +7,7 @@ from {
|
|
|
7
7
|
to {
|
|
8
8
|
transform: translate3d(0, 0, 0);
|
|
9
9
|
}
|
|
10
|
-
`,d=
|
|
10
|
+
`,d=e.keyframes`
|
|
11
11
|
from {
|
|
12
12
|
transform: translate3d(0, -100%, 0);
|
|
13
13
|
visibility: visible;
|
|
@@ -16,7 +16,7 @@ from {
|
|
|
16
16
|
to {
|
|
17
17
|
transform: translate3d(0, 0, 0);
|
|
18
18
|
}
|
|
19
|
-
`,l=
|
|
19
|
+
`,l=e.keyframes`
|
|
20
20
|
from {
|
|
21
21
|
transform: translate3d(-100%, 0, 0);
|
|
22
22
|
visibility: visible;
|
|
@@ -25,7 +25,7 @@ from {
|
|
|
25
25
|
to {
|
|
26
26
|
transform: translate3d(0, 0, 0);
|
|
27
27
|
}
|
|
28
|
-
`,f=
|
|
28
|
+
`,f=e.keyframes`
|
|
29
29
|
from {
|
|
30
30
|
transform: translate3d(100%, 0, 0);
|
|
31
31
|
visibility: visible;
|
|
@@ -34,7 +34,7 @@ from {
|
|
|
34
34
|
to {
|
|
35
35
|
transform: translate3d(0, 0, 0);
|
|
36
36
|
}
|
|
37
|
-
`,m=
|
|
37
|
+
`,m=e.keyframes`
|
|
38
38
|
from {
|
|
39
39
|
transform: translate3d(0, 0, 0);
|
|
40
40
|
}
|
|
@@ -43,7 +43,7 @@ to {
|
|
|
43
43
|
visibility: hidden;
|
|
44
44
|
transform: translate3d(0, 100%, 0);
|
|
45
45
|
}
|
|
46
|
-
`,p=
|
|
46
|
+
`,p=e.keyframes`
|
|
47
47
|
from {
|
|
48
48
|
transform: translate3d(0, 0, 0);
|
|
49
49
|
}
|
|
@@ -52,7 +52,7 @@ to {
|
|
|
52
52
|
visibility: hidden;
|
|
53
53
|
transform: translate3d(-100%, 0, 0);
|
|
54
54
|
}
|
|
55
|
-
`,u=
|
|
55
|
+
`,u=e.keyframes`
|
|
56
56
|
from {
|
|
57
57
|
transform: translate3d(0, 0, 0);
|
|
58
58
|
}
|
|
@@ -61,7 +61,7 @@ to {
|
|
|
61
61
|
visibility: hidden;
|
|
62
62
|
transform: translate3d(100%, 0, 0);
|
|
63
63
|
}
|
|
64
|
-
`,y=
|
|
64
|
+
`,y=e.keyframes`
|
|
65
65
|
from {
|
|
66
66
|
transform: translate3d(0, 0, 0);
|
|
67
67
|
}
|
|
@@ -70,7 +70,7 @@ to {
|
|
|
70
70
|
visibility: hidden;
|
|
71
71
|
transform: translate3d(0, -100%, 0);
|
|
72
72
|
}
|
|
73
|
-
`,B=
|
|
73
|
+
`,B=e.keyframes`
|
|
74
74
|
from {
|
|
75
75
|
opacity: 0;
|
|
76
76
|
}
|
|
@@ -78,4 +78,4 @@ to {
|
|
|
78
78
|
to {
|
|
79
79
|
opacity: 1;
|
|
80
80
|
}
|
|
81
|
-
`,c=
|
|
81
|
+
`,c=t.createContext({isInit:!0}),v=e=>{const t=(e=>"number"==typeof e?e:"undefined"!=typeof window&&window.innerWidth||0)(e);return{smallMobile:t<s.Breakpoints.BREAK_POINT_SMALL_MOBILE,mobile:t>=s.Breakpoints.BREAK_POINT_SMALL_MOBILE&&t<s.Breakpoints.BREAK_POINT_MOBILE,tablet:t>=s.Breakpoints.BREAK_POINT_MOBILE&&t<s.Breakpoints.BREAK_POINT_TABLET,pc:t>=s.Breakpoints.BREAK_POINT_TABLET&&t<s.Breakpoints.BREAK_POINT_PC,xl:t>=s.Breakpoints.BREAK_POINT_PC}};exports.ScreenSizeContext=c,exports.ScreenSizeContextProvider=({children:e})=>{const[r,s]=t.useState((()=>({isInit:!0})));t.useEffect((()=>{const e=o.default((()=>{s({width:window.innerWidth,height:window.innerHeight,isInit:!1})}),200);return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const i=t.useMemo((()=>v(r.width)),[r.width]);return n.default.createElement(c.Provider,{value:Object.assign(Object.assign({},r),{sizeGroups:i})},e)},exports.fadeIn=B,exports.getWindowSizeGroups=v,exports.slideInDown=d,exports.slideInLeft=l,exports.slideInRight=f,exports.slideInUp=a,exports.slideOutDown=m,exports.slideOutLeft=p,exports.slideOutRight=u,exports.slideOutUp=y;
|
package/build/together.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types-99b3498c.js"),r=require("./index.styled-b688c9b5.js"),t=require("./dataTransform-b54393ce.js");require("./tslib.es6-ffd4b7f9.js"),require("react"),require("@mantine/core"),require("./index-cb6bbe76.js"),require("styled-components"),require("./utils-60e2d478.js"),require("./index-6838613c.js"),require("./gAssets.js"),require("./index-d26e6639.js"),require("date-fns/locale"),require("./Onboarding-135c0b06.js"),require("./isProduction-439d4f86.js"),require("./index-07621a50.js"),require("./theme-d476b1ab.js"),require("./index-c936e2ee.js"),require("./index-715541db.js"),require("./index-00c4bebd.js"),require("dayjs"),require("./screenSizeContext-0a57febc.js"),require("lodash/throttle"),require("./useUniqueId-b1b19b1c.js"),require("react-keyed-flatten-children"),require("./index-b9c6af73.js"),require("./index-35583c17.js"),require("./index-9461eb92.js"),require("@mantine/carousel"),require("@mantine/hooks"),require("./translationsContext-8020e3fc.js"),require("string-format"),require("@mantine/dates"),require("./index-60543e5a.js"),require("@hookform/resolvers/yup"),require("react-hook-form"),require("./index-02570863.js"),require("./useTranslations-167bae1d.js"),require("./index-a2b3af0a.js"),require("date-fns"),require("./index-646eaae8.js"),require("./types-fa6f9121.js"),require("react-day-picker/DayPickerInput"),require("lodash/debounce"),require("innertext"),require("./index-b2422084.js"),require("react-contenteditable"),require("./cookieHelper-410d0413.js"),require("react-dom"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-d9ba0def.js"),require("uuid"),require("./utils-09eb347b.js"),require("dayjs/plugin/relativeTime"),require("./index-46b6bc5b.js"),require("./routing-7eac9db6.js"),require("slugify"),exports.CardAuthor=e.CardAuthor,exports.CardLink=e.CardLink,exports.CardPost=e.CardPost,exports.CardPostPopoverMore=e.CardPostPopoverMore,exports.CardReactions=e.CardReactions,exports.CardReply=e.CardReply,exports.CardReplyPopover=e.CardReplyPopover,exports.CreateNewPostContent=e.CreateNewPostContent,exports.CreatePostDescription=e.CreatePostDescription,exports.CreatePostTitle=e.CreatePostTitle,exports.ImagePreviewPopup=e.ImagePreviewPopup,exports.InputCommentBar=e.InputCommentBar,exports.LabelPin=e.LabelPin,exports.LabelSortPin=e.LabelSortPin,exports.LabelSorting=e.LabelSorting,exports.Loading=e.Loading,exports.PopoverMenu=e.PopoverMenu,exports.PopupDanger=e.PopupDanger,exports.PopupDoctor=e.PopupDoctor,exports.PopupExpert=e.PopupExpert,exports.PopupFrame=e.PopupFrame,exports.PopupHospital=e.PopupHospital,exports.PostContent=e.PostContent,exports.PostImagePreview=e.PostImagePreview,exports.PostSingleImageViewPopup=e.PostSingleImageViewPopup,exports.ProfileDetail=e.ProfileDetail,exports.ProfileDetailModal=e.ProfileDetailModal,exports.ShareBox=e.ShareBox,exports.SharePopup=e.SharePopup,exports.SkipQuestionOfExpertBtn=e.SkipQuestionOfExpertBtn,exports.SocialLinkPreview=e.SocialLinkPreview,exports.SourceList=e.SourceList,exports.SubmitReportForm=e.SubmitReportForm,Object.defineProperty(exports,"TabNameInProfileDetail",{enumerable:!0,get:function(){return e.TabName}}),exports.TagTopic=e.TagTopic,exports.TogetherAuthConfigContext=e.TogetherAuthConfigContext,exports.TogetherAuthConfigContextProvider=e.TogetherAuthConfigContextProvider,exports.TogetherTypes=e.types,exports.TopicSelectList=e.TopicSelectList,exports.VerifiedTag=e.VerifiedTag,exports.useTogetherAuthRequiredAction=e.useTogetherAuthRequiredAction,exports.DefaultComponentGlobalContextData=r.DefaultComponentGlobalContextData,Object.defineProperty(exports,"GlobalData",{enumerable:!0,get:function(){return r.GlobalData}}),exports.TogetherComponentGlobalContext=r.TogetherComponentGlobalContext,exports.TogetherComponentGlobalContextProvider=r.TogetherComponentGlobalContextProvider,exports.TogetherConstants=r.constants,exports.UserAvatar=r.UserAvatar,exports.TogetherDataTransforms=t.dataTransform;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-ffd4b7f9.js"),t=require("react"),a=require("./constants-ec416ac4.js"),i=require("./index-d26e6639.js"),o=require("./cookieHelper-410d0413.js"),n=require("./useTranslations-167bae1d.js"),s=require("lodash/debounce"),l=require("./index-35583c17.js"),r=require("styled-components"),c=require("./index-00c4bebd.js"),d=require("./theme-d476b1ab.js"),u=require("react-loading-skeleton"),h=require("./utils-60e2d478.js"),p=require("lodash/shuffle"),g=require("./useOutsideClick-660ad13a.js"),f=require("string-format");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var C=m(t),y=m(s),b=m(r),v=m(u),E=m(p),L=m(f);const w=b.default.div``,x=b.default.div`
|
|
2
2
|
--searchbar-z-index: 305;
|
|
3
3
|
&[data-is-modal='true'] {
|
|
4
4
|
position: fixed;
|