@hhgtech/hhg-components 1.28.53 → 1.28.55
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/Plus-54948d91.js +1 -0
- package/build/WhatsApp-6d901f48.js +1 -0
- package/build/babyGrowth.js +24 -24
- package/build/cache.js +1 -1
- package/build/care.js +1 -1
- package/build/components/mantine/button/index.d.ts +1 -0
- package/build/components/mantine/button/index.styles.d.ts +1 -0
- package/build/components.js +1 -1
- package/build/{constants-7d133608.js → constants-152ef105.js} +1 -1
- package/build/{constants-fd5bf3b7.js → constants-a45e9439.js} +1 -1
- package/build/constants.js +1 -1
- package/build/{core-0b06f761.js → core-335c2da3.js} +1 -1
- package/build/{dataTransform-588be4da.js → dataTransform-a5319404.js} +1 -1
- package/build/ecom.js +1 -1
- package/build/esm/Plus-74f52e6c.js +1 -0
- package/build/esm/WhatsApp-764b872d.js +1 -0
- package/build/esm/babyGrowth.js +16 -16
- package/build/esm/cache.js +1 -1
- package/build/esm/care.js +1 -1
- package/build/esm/components/mantine/button/index.d.ts +1 -0
- package/build/esm/components/mantine/button/index.styles.d.ts +1 -0
- package/build/esm/components.js +1 -1
- package/build/esm/{constants-0a031398.js → constants-0683dc31.js} +1 -1
- package/build/esm/{constants-9b92b3c2.js → constants-f4c472e4.js} +1 -1
- package/build/esm/constants.js +1 -1
- package/build/esm/{core-c56845a5.js → core-93ac9e1f.js} +1 -1
- package/build/esm/{dataTransform-619c2846.js → dataTransform-756179c9.js} +1 -1
- package/build/esm/ecom.js +1 -1
- package/build/esm/footer.js +1 -1
- package/build/esm/gAssets.js +1 -1
- package/build/esm/getDynamicHealthTool-0d6da468.js +1 -0
- package/build/esm/{getSocialList-0578856d.js → getSocialList-68fa92f4.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-3d898caa.js → index-05e53bec.js} +1 -1
- package/build/esm/{index-789cb49a.js → index-198068d7.js} +5 -5
- package/build/esm/index-22ebe2d3.js +1 -0
- package/build/esm/index-2444997f.js +1 -0
- package/build/esm/{index-c1871567.js → index-2e200c36.js} +230 -230
- package/build/esm/{index-0fed6a98.js → index-3409f3ca.js} +1 -1
- package/build/esm/index-3d2abc54.js +1 -0
- package/build/esm/{index-69d014d8.js → index-4209d110.js} +1 -1
- package/build/esm/{index-f024488c.js → index-4d4fe4a9.js} +1 -1
- package/build/esm/index-516a950d.js +2748 -0
- package/build/esm/index-58970baf.js +1 -0
- package/build/esm/{index-0dd16ca7.js → index-737f6666.js} +1 -1
- package/build/esm/index-738bc059.js +1 -0
- package/build/esm/{index-cbd121a4.js → index-77800f03.js} +2 -2
- package/build/esm/index-77fd947f.js +1 -0
- package/build/esm/{index-7e673caa.js → index-816d81a1.js} +1 -1
- package/build/esm/{index-d3d480ec.js → index-8e0dc901.js} +6 -6
- package/build/esm/{index-e8b162fc.js → index-b2fd7f71.js} +1 -1
- package/build/esm/{index-36e0acd5.js → index-bd711d1d.js} +1 -1
- package/build/esm/index-d0efc6f7.js +1 -0
- package/build/esm/index-d9f09bce.js +113 -0
- package/build/esm/index-ea30bcd6.js +1 -0
- package/build/esm/index-f296970a.js +1 -0
- package/build/esm/{index-5bb8678e.js → index-fffa276c.js} +3 -3
- package/build/esm/index.js +1 -1
- package/build/esm/{index.styled-c404ce64.js → index.styled-e7114743.js} +3 -3
- package/build/esm/{index.styles-60db99fe.js → index.styles-607132bf.js} +1 -1
- 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/onboardingV2.js +34 -34
- package/build/esm/pwg.js +5 -5
- package/build/esm/{routing-23cb4998.js → routing-9dc90ff7.js} +1 -1
- package/build/esm/subot.js +8 -8
- package/build/esm/together/components/organisms/cardReply/index.styled.d.ts +1 -1
- package/build/esm/together/components/organisms/sourceList/index.d.ts +2 -1
- package/build/esm/together.js +1 -1
- package/build/esm/{types-fa2aa453.js → types-aa7b8d46.js} +99 -99
- package/build/esm/{types-bb2e616c.js → types-c4a3cc51.js} +199 -199
- package/build/esm/types.js +1 -1
- package/build/esm/useCategory-53558471.js +1 -0
- package/build/esm/useHealthToolCache-cfeb4f39.js +1 -0
- package/build/esm/{usePlacesAutocomplete-f9ebcd04.js → usePlacesAutocomplete-abfbd1a6.js} +1 -1
- package/build/esm/useTranslations-2bfc2d1a.js +1 -0
- package/build/esm/useUniqueId-9cd4ba87.js +1 -0
- package/build/esm/{utils-f15bf320.js → utils-230293e5.js} +1 -1
- package/build/esm/{utils-b9b2d4ee.js → utils-9cb13935.js} +1 -1
- package/build/esm/{utils-f9c12f09.js → utils-bb7cbdbf.js} +1 -1
- package/build/esm/vaccination.js +40 -40
- package/build/footer.js +1 -1
- package/build/gAssets.js +1 -1
- package/build/getDynamicHealthTool-f7738ae3.js +1 -0
- package/build/{getSocialList-cfb9a038.js → getSocialList-816e94c7.js} +1 -1
- package/build/hooks.js +1 -1
- package/build/i18n.js +1 -1
- package/build/i18nV2.js +1 -1
- package/build/{index-3e2d91fe.js → index-06c31aa5.js} +90 -90
- package/build/{index-2d178782.js → index-13b06ce7.js} +1 -1
- package/build/index-32c9ce71.js +1 -0
- package/build/index-3453364d.js +1 -0
- package/build/index-34b22040.js +113 -0
- package/build/{index-107f1235.js → index-36d00c1e.js} +137 -137
- package/build/index-3c0325dd.js +1 -0
- package/build/index-4fcc50ac.js +1 -0
- package/build/{index-21af0a75.js → index-6395c71d.js} +1 -1
- package/build/{index-92410ea5.js → index-654c54be.js} +1 -1
- package/build/index-695bcc12.js +1 -0
- package/build/{index-681f87b4.js → index-6fe01704.js} +1 -1
- package/build/index-93072a8a.js +1 -0
- package/build/index-9fed5846.js +1 -0
- package/build/{index-a7f24503.js → index-a0ff0c7c.js} +1 -1
- package/build/{index-25c42837.js → index-a986f5cc.js} +1 -1
- package/build/{index-71370283.js → index-abcb94df.js} +14 -14
- package/build/{index-dcd67fb7.js → index-ac495049.js} +1 -1
- package/build/{index-1f8b7209.js → index-beafcfe0.js} +4 -4
- package/build/{index-57ad8cf3.js → index-e2aa0679.js} +1 -1
- package/build/{index-24019fab.js → index-e9bcd521.js} +1 -1
- package/build/{index-1ca8b7a5.js → index-ed991afc.js} +1 -1
- package/build/index-f04d4a4d.js +1 -0
- package/build/{index-12f4c96b.js → index-f8556ecc.js} +1 -1
- package/build/index.js +1 -1
- package/build/{index.styled-c5ae961b.js → index.styled-5c0482ab.js} +1 -1
- package/build/{index.styles-b2e0b5d9.js → index.styles-4e9a4b76.js} +5 -5
- 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/onboardingV2.js +32 -32
- package/build/pwg.js +1 -1
- package/build/{routing-db0624e7.js → routing-20ad0d2b.js} +1 -1
- package/build/subot.js +91 -91
- package/build/together/components/organisms/cardReply/index.styled.d.ts +1 -1
- package/build/together/components/organisms/sourceList/index.d.ts +2 -1
- package/build/together.js +1 -1
- package/build/{types-50f76edb.js → types-21848dce.js} +109 -109
- package/build/{types-8abb60bb.js → types-8871614c.js} +67 -67
- package/build/types.js +1 -1
- package/build/useCategory-b48bb500.js +1 -0
- package/build/useHealthToolCache-7ab5f9c5.js +1 -0
- package/build/{usePlacesAutocomplete-eb65bc12.js → usePlacesAutocomplete-7fa143b6.js} +1 -1
- package/build/useTranslations-da1647d4.js +1 -0
- package/build/useUniqueId-10e140e3.js +1 -0
- package/build/{utils-87177d9a.js → utils-9389c98f.js} +1 -1
- package/build/utils-c0ee935c.js +1 -0
- package/build/{utils-9e94b29c.js → utils-fd32cb42.js} +2 -2
- package/build/vaccination.js +7 -7
- package/package.json +1 -1
- package/build/esm/getDynamicHealthTool-057875c3.js +0 -1
- package/build/esm/index-0a912c05.js +0 -1
- package/build/esm/index-18dfc227.js +0 -1
- package/build/esm/index-33e09a38.js +0 -1
- package/build/esm/index-76739ec7.js +0 -1
- package/build/esm/index-7939420e.js +0 -1
- package/build/esm/index-acf79819.js +0 -1
- package/build/esm/index-b1d7a64d.js +0 -1
- package/build/esm/index-bc925c3f.js +0 -113
- package/build/esm/index-d32e2867.js +0 -2748
- package/build/esm/index-f4c67fe4.js +0 -1
- package/build/esm/useCategory-9cb0ac4e.js +0 -1
- package/build/esm/useHealthToolCache-0eb5e663.js +0 -1
- package/build/esm/useTranslations-2bc5a07f.js +0 -1
- package/build/getDynamicHealthTool-0502c669.js +0 -1
- package/build/index-0ff56596.js +0 -1
- package/build/index-144bf42a.js +0 -1
- package/build/index-4af7bf88.js +0 -1
- package/build/index-61146c84.js +0 -1
- package/build/index-71744665.js +0 -1
- package/build/index-8ceafed8.js +0 -1
- package/build/index-f326950e.js +0 -113
- package/build/index-ff24ece7.js +0 -1
- package/build/useCategory-fd3d1b53.js +0 -1
- package/build/useHealthToolCache-2cdca558.js +0 -1
- package/build/useTranslations-42c1a71b.js +0 -1
- package/build/utils-ffc6f1f2.js +0 -1
- /package/build/{BMI_BOYS.percentile.monthly-e235929e.js → BMI_BOYS.percentile.monthly-d3c686ae.js} +0 -0
- /package/build/{BMI_BOYS.percentile.weekly-9b7603ee.js → BMI_BOYS.percentile.weekly-b1684768.js} +0 -0
- /package/build/{BMI_BOYS.percentile.yearly-199d1a08.js → BMI_BOYS.percentile.yearly-0238ac12.js} +0 -0
- /package/build/{BMI_BOYS.zscore.monthly-cb8ad77d.js → BMI_BOYS.zscore.monthly-94cb0748.js} +0 -0
- /package/build/{BMI_BOYS.zscore.weekly-b8a0fcd3.js → BMI_BOYS.zscore.weekly-f50db573.js} +0 -0
- /package/build/{BMI_BOYS.zscore.yearly-c66e2c6c.js → BMI_BOYS.zscore.yearly-a98f3c96.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.monthly-048d5b73.js → BMI_GIRLS.percentile.monthly-0b319364.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.weekly-d96053b8.js → BMI_GIRLS.percentile.weekly-f1518ef8.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.yearly-04792048.js → BMI_GIRLS.percentile.yearly-3b178d54.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.monthly-f1c3dd5f.js → BMI_GIRLS.zscore.monthly-5e9d2df3.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.weekly-335c1ecb.js → BMI_GIRLS.zscore.weekly-d754160f.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.yearly-b5619a2c.js → BMI_GIRLS.zscore.yearly-8a183bde.js} +0 -0
- /package/build/{ChevronDown-3761180a.js → ChevronDown-15cca681.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-a51cc7f0.js → HEAD CIRCUM_BOYS.percentile.monthly-2c94f81c.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-04bbaaac.js → HEAD CIRCUM_BOYS.percentile.weekly-0cae2452.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-57a3dfd8.js → HEAD CIRCUM_BOYS.percentile.yearly-74bd6cff.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-f248d812.js → HEAD CIRCUM_BOYS.zscore.monthly-3b47563f.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-c200fd52.js → HEAD CIRCUM_BOYS.zscore.weekly-b997313c.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-207dd9eb.js → HEAD CIRCUM_BOYS.zscore.yearly-06d04ada.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-fd5c48b6.js → HEAD CIRCUM_GIRLS.percentile.monthly-b8241562.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-1ec55d6e.js → HEAD CIRCUM_GIRLS.percentile.weekly-4e9b860d.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-06dbef0f.js → HEAD CIRCUM_GIRLS.percentile.yearly-9121c08b.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-5a4f509e.js → HEAD CIRCUM_GIRLS.zscore.monthly-f0188d6b.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-e381ddb1.js → HEAD CIRCUM_GIRLS.zscore.weekly-a9911f13.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-fe82d952.js → HEAD CIRCUM_GIRLS.zscore.yearly-f71d641f.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.monthly-14fb0c06.js → HEIGHT_BOYS.percentile.monthly-d3768455.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.weekly-45c31a3c.js → HEIGHT_BOYS.percentile.weekly-96a73428.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.yearly-c9c01d1a.js → HEIGHT_BOYS.percentile.yearly-d839fd3b.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.monthly-bbfa1555.js → HEIGHT_BOYS.zscore.monthly-64ce2640.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.weekly-5b310b11.js → HEIGHT_BOYS.zscore.weekly-312366e4.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.yearly-51ae9672.js → HEIGHT_BOYS.zscore.yearly-16e829f4.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.monthly-bf07f71e.js → HEIGHT_GIRLS.percentile.monthly-1c21967d.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.weekly-9fb04885.js → HEIGHT_GIRLS.percentile.weekly-281fe154.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.yearly-ed746de7.js → HEIGHT_GIRLS.percentile.yearly-c6bd690d.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.monthly-65183a60.js → HEIGHT_GIRLS.zscore.monthly-75de2b7c.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.weekly-18a779d2.js → HEIGHT_GIRLS.zscore.weekly-0bc77aa6.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.yearly-9d4550ba.js → HEIGHT_GIRLS.zscore.yearly-ef5ab1a5.js} +0 -0
- /package/build/{Subot-72d97891.js → Subot-75abd57a.js} +0 -0
- /package/build/{Visible-2307e4fe.js → Visible-33f6b1dc.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.monthly-5ce99f67.js → WEIGHT_BOYS.percentile.monthly-56ec27d0.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.weekly-9fcbd81e.js → WEIGHT_BOYS.percentile.weekly-5b97ff78.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.yearly-d4324ef7.js → WEIGHT_BOYS.percentile.yearly-b388b157.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.monthly-73ba22ee.js → WEIGHT_BOYS.zscore.monthly-3e16d435.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.weekly-5dc2ef1e.js → WEIGHT_BOYS.zscore.weekly-eabb91cd.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.yearly-ebae660d.js → WEIGHT_BOYS.zscore.yearly-da2f6096.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.monthly-f9f9003b.js → WEIGHT_GIRLS.percentile.monthly-c46836f5.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.weekly-068509cf.js → WEIGHT_GIRLS.percentile.weekly-4b08038d.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.yearly-82ea7d8e.js → WEIGHT_GIRLS.percentile.yearly-4cd46ed1.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.monthly-4b8f3df6.js → WEIGHT_GIRLS.zscore.monthly-60b75079.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.weekly-14936f43.js → WEIGHT_GIRLS.zscore.weekly-3f61408b.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.yearly-82a87eac.js → WEIGHT_GIRLS.zscore.yearly-319edc8c.js} +0 -0
- /package/build/{animation-505ab7ab.js → animation-c29cc5bc.js} +0 -0
- /package/build/{cookieHelper-bef66b95.js → cookieHelper-1eaa42d7.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.monthly-814c52b5.js → BMI_BOYS.percentile.monthly-20892a54.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.weekly-58e86534.js → BMI_BOYS.percentile.weekly-5f79e22e.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.yearly-7bec47c8.js → BMI_BOYS.percentile.yearly-12936223.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.monthly-0f9f022f.js → BMI_BOYS.zscore.monthly-60708e68.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.weekly-f55af0b2.js → BMI_BOYS.zscore.weekly-c8a613c5.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.yearly-20be4d08.js → BMI_BOYS.zscore.yearly-a9bd8507.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.monthly-890e2a85.js → BMI_GIRLS.percentile.monthly-41dd2d7c.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.weekly-7ea454ef.js → BMI_GIRLS.percentile.weekly-d067d41b.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.yearly-1517707b.js → BMI_GIRLS.percentile.yearly-66a2783f.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.monthly-e43e9ffa.js → BMI_GIRLS.zscore.monthly-c815fa18.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.weekly-939898ff.js → BMI_GIRLS.zscore.weekly-7589a0a0.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.yearly-ef5924bb.js → BMI_GIRLS.zscore.yearly-b7a10a85.js} +0 -0
- /package/build/esm/{ChevronDown-b53abff2.js → ChevronDown-b3e02130.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-7770b53a.js → HEAD CIRCUM_BOYS.percentile.monthly-626ceeeb.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-ff7a3dc2.js → HEAD CIRCUM_BOYS.percentile.weekly-a5fdcc13.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-ef8b36bd.js → HEAD CIRCUM_BOYS.percentile.yearly-fd3d54b5.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-fb258a36.js → HEAD CIRCUM_BOYS.zscore.monthly-5c54f379.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-616cc3c3.js → HEAD CIRCUM_BOYS.zscore.weekly-c58948a0.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-b7b7fa60.js → HEAD CIRCUM_BOYS.zscore.yearly-ab4a588a.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-60a12758.js → HEAD CIRCUM_GIRLS.percentile.monthly-12b33b8e.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-000da76b.js → HEAD CIRCUM_GIRLS.percentile.weekly-a2d59338.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-283d374f.js → HEAD CIRCUM_GIRLS.percentile.yearly-44dbecdb.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-fe73c068.js → HEAD CIRCUM_GIRLS.zscore.monthly-58a30ace.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-939b7e36.js → HEAD CIRCUM_GIRLS.zscore.weekly-36428056.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-c3bdf286.js → HEAD CIRCUM_GIRLS.zscore.yearly-f8600e66.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.monthly-ec418027.js → HEIGHT_BOYS.percentile.monthly-0ac98831.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.weekly-e39a4a4d.js → HEIGHT_BOYS.percentile.weekly-83a94654.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.yearly-f1961284.js → HEIGHT_BOYS.percentile.yearly-3cee73b2.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.monthly-b32a1aa4.js → HEIGHT_BOYS.zscore.monthly-26ec47f8.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.weekly-1971f014.js → HEIGHT_BOYS.zscore.weekly-b92229c6.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.yearly-930c129c.js → HEIGHT_BOYS.zscore.yearly-b220649f.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-ef97754d.js → HEIGHT_GIRLS.percentile.monthly-6b12dbaf.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-72638068.js → HEIGHT_GIRLS.percentile.weekly-a565b8f2.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-99bc2945.js → HEIGHT_GIRLS.percentile.yearly-22d15b4b.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-adba5b3d.js → HEIGHT_GIRLS.zscore.monthly-a98b969a.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-846fb103.js → HEIGHT_GIRLS.zscore.weekly-71d38c7d.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-7ffff2a5.js → HEIGHT_GIRLS.zscore.yearly-5d6fddfa.js} +0 -0
- /package/build/esm/{Subot-5b04d983.js → Subot-851fd333.js} +0 -0
- /package/build/esm/{Visible-369adf3a.js → Visible-2cdedc33.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.monthly-63d5a69d.js → WEIGHT_BOYS.percentile.monthly-607e4448.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.weekly-eef6b61e.js → WEIGHT_BOYS.percentile.weekly-253a7a81.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.yearly-b7379540.js → WEIGHT_BOYS.percentile.yearly-b83e8e14.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.monthly-354156ce.js → WEIGHT_BOYS.zscore.monthly-b5a3665a.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.weekly-57053bc6.js → WEIGHT_BOYS.zscore.weekly-b9548729.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.yearly-149add52.js → WEIGHT_BOYS.zscore.yearly-ea749e5d.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-5b429487.js → WEIGHT_GIRLS.percentile.monthly-1b99019f.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-26d545cd.js → WEIGHT_GIRLS.percentile.weekly-ca6f0a48.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-a921fb7c.js → WEIGHT_GIRLS.percentile.yearly-90000ca0.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-7e79e608.js → WEIGHT_GIRLS.zscore.monthly-b398da08.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-02132679.js → WEIGHT_GIRLS.zscore.weekly-14c3c82b.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-1f0a9481.js → WEIGHT_GIRLS.zscore.yearly-02ffbc4f.js} +0 -0
- /package/build/esm/{animation-7a514429.js → animation-40bcca6a.js} +0 -0
- /package/build/esm/{cookieHelper-3e2dd83c.js → cookieHelper-0c3dcabd.js} +0 -0
- /package/build/esm/{index-84b32a2c.js → index-5e61790d.js} +0 -0
- /package/build/esm/{index-6b8127b1.js → index-6deb876e.js} +0 -0
- /package/build/esm/{index-a491e779.js → index-df9619b8.js} +0 -0
- /package/build/esm/{isProduction-4d356afc.js → isProduction-d32c9de6.js} +0 -0
- /package/build/esm/{localizeNumberFormat-d600cc85.js → localizeNumberFormat-0d035fa2.js} +0 -0
- /package/build/esm/{normalizeLink-b02efc99.js → normalizeLink-b5dd4ea3.js} +0 -0
- /package/build/esm/{number-a6908286.js → number-b2244c1b.js} +0 -0
- /package/build/esm/{paths-8c55eb7a.js → paths-eaed7507.js} +0 -0
- /package/build/esm/{theme-a46125e9.js → theme-868b0ca0.js} +0 -0
- /package/build/esm/{translationsContext-e64cddb1.js → translationsContext-6c25aedd.js} +0 -0
- /package/build/esm/{tslib.es6-8ed6f2bc.js → tslib.es6-ba9d8cd4.js} +0 -0
- /package/build/esm/{types-a77a7338.js → types-e56d1f3f.js} +0 -0
- /package/build/esm/{useIsInit-0fd92365.js → useIsInit-65eb966d.js} +0 -0
- /package/build/esm/{useOutsideClick-50785e38.js → useOutsideClick-0d9abe5e.js} +0 -0
- /package/build/esm/{useScrollbarSize-8ac89784.js → useScrollbarSize-547afb52.js} +0 -0
- /package/build/esm/{utils-a62a9933.js → utils-16053cd5.js} +0 -0
- /package/build/{index-f3a53fa7.js → index-2e493e48.js} +0 -0
- /package/build/{index-3a31e805.js → index-8f4c566f.js} +0 -0
- /package/build/{index-0162490f.js → index-eebbbb0a.js} +0 -0
- /package/build/{isProduction-26617223.js → isProduction-1b27c7e8.js} +0 -0
- /package/build/{localizeNumberFormat-77a3ca30.js → localizeNumberFormat-3fd4984c.js} +0 -0
- /package/build/{normalizeLink-799ae6be.js → normalizeLink-8d5414b7.js} +0 -0
- /package/build/{number-2634696d.js → number-c8e16fcd.js} +0 -0
- /package/build/{paths-559a164d.js → paths-f4b000d7.js} +0 -0
- /package/build/{theme-38307b0e.js → theme-645eae3b.js} +0 -0
- /package/build/{translationsContext-4e01740c.js → translationsContext-25ed50e4.js} +0 -0
- /package/build/{tslib.es6-b2bdb663.js → tslib.es6-f3854ac2.js} +0 -0
- /package/build/{types-a7525454.js → types-a61d3975.js} +0 -0
- /package/build/{useIsInit-cbceac64.js → useIsInit-0b395431.js} +0 -0
- /package/build/{useOutsideClick-abe89ee9.js → useOutsideClick-ed38ff08.js} +0 -0
- /package/build/{useScrollbarSize-adb34bd6.js → useScrollbarSize-c9cfb1ec.js} +0 -0
- /package/build/{utils-41c0f011.js → utils-ac610998.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("./index-144bf42a.js"),a=require("./index.styles-b2e0b5d9.js"),l=require("./utils-41c0f011.js"),n=require("./index-f326950e.js"),i=require("./index-8ceafed8.js"),o=require("./useTranslations-42c1a71b.js"),r=require("./index-1ca8b7a5.js"),s=require("./theme-38307b0e.js"),d=require("./tslib.es6-b2bdb663.js"),c=require("@mantine/core"),m=require("innertext");require("@mantine/dates");var u=require("./index-a7f24503.js"),p=require("./Subot-72d97891.js");require("./translationsContext-4e01740c.js"),require("string-format");var g=require("@mantine/hooks"),h=require("./index-3e2d91fe.js"),f=require("styled-components"),b=require("lodash/throttle"),v=require("./index-12f4c96b.js"),y=require("./index-681f87b4.js"),x=require("./index-21af0a75.js"),E=require("html-react-parser"),w=require("./isProduction-26617223.js"),C=require("date-fns"),k=require("dayjs");require("./utils-9e94b29c.js"),require("./index.styled-c5ae961b.js"),require("./index-3a31e805.js");var B=require("./constants-fd5bf3b7.js"),T=require("./utils-87177d9a.js"),S=require("./types-a7525454.js"),N=require("./index-25c42837.js"),A=require("./index-ff24ece7.js"),M=require("./index-24019fab.js"),P=require("./index-dcd67fb7.js"),D=require("./index-0162490f.js"),z=require("react-hook-form"),L=require("./useHealthToolCache-2cdca558.js"),I=require("@hookform/resolvers/yup"),$=require("./index-71370283.js"),_=require("./index-2d178782.js"),O=require("./useOutsideClick-abe89ee9.js"),j=require("date-fns/locale/en-US"),F=require("date-fns/locale/id"),H=require("date-fns/locale/vi"),R=require("date-fns/locale/zh-TW"),G=require("./getSocialList-cfb9a038.js"),U=require("uuid"),W=require("./routing-db0624e7.js"),V=require("@mantine/form"),q=require("./index-0ff56596.js"),Q=require("js-cookie"),Z=require("lodash/flatten"),Y=require("lodash/uniqBy"),K=require("./cookieHelper-bef66b95.js"),X=require("./normalizeLink-799ae6be.js");function J(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var ee=J(e),te=J(m),ae=J(f),le=J(b),ne=J(E),ie=J(k),oe=J(j),re=J(F),se=J(H),de=J(R),ce=J(Q),me=J(Z),ue=J(Y),pe="CHw-fZZ",ge="_03U6VRS",he="EO828Vv";const fe={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},be=({type:t="square",size:l,avatarImg:i,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:m,width:u,height:p,alt:g})=>{const h=l?fe[l]:void 0,[f,b]=e.useState(!1);e.useEffect((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{b(!0)}))}}),[o,b]);const v=(!o&&!i||f)&&r;return ee.default.createElement(a.StyledAvatar,{style:Object.assign(Object.assign({},c),{"--size":h?h+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!u||!p),"data-avatar-type":t,onClick:d,className:m,avatarUrl:o,"data-custom-size":!!l},i,o&&!f&&ee.default.createElement(n.ImageWrap,{src:o,alt:g||"avatar"}),v&&r)},ve=()=>ee.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),ye=()=>ee.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},ee.default.createElement("defs",null,ee.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},ee.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),ee.default.createElement("title",null,"File"),ee.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},ee.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),ee.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),xe=()=>ee.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},ee.default.createElement("title",null,"download"),ee.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),Ee=()=>ee.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},ee.default.createElement("title",null,"upload"),ee.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),we=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:o,href:r,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,m]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?m(d.slice(0,5)):n>=d.length-3?m(d.slice(d.length-5,d.length)):m(d.slice(n-2,n+1))}),[n]),ee.default.createElement(e.Fragment,null,n>4&&ee.default.createElement(e.Fragment,null,ee.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},r?ee.default.createElement("a",{href:r,onClick:o},1):1),ee.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>ee.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},r?ee.default.createElement("a",{href:l.formatUrlWithPageParam(r,e,s),onClick:o},e):e))),n<d.length-3&&ee.default.createElement(e.Fragment,null,ee.default.createElement(a.StyledPaginationBlock,null,"..."),ee.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},r?ee.default.createElement("a",{href:l.formatUrlWithPageParam(r,d.length,s),onClick:o},d.length):d.length)))},Ce=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:o,value:r,isRectangle:s,inputDataTestId:d,siteType:c})=>ee.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},ee.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(r,!l),disabled:i,value:r,id:`${t}-${r}`,"data-label-text":e,"data-testid":d}),!s&&ee.default.createElement("label",{htmlFor:`${t}-${r}`},e)),ke=e=>ee.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),ee.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),Be=e=>ee.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),ee.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),Te=e=>{const t=o.useUniqueId();return ee.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),ee.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),ee.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},ee.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),ee.default.createElement("g",{mask:`url(#${t})`},ee.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},Se=l=>{var{label:n,availableValue:i,styles:s,isBaby:m,genderValue:u={male:"male",female:"female"}}=l,p=d.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:g}=o.useTranslations(),{classes:h,cx:f}=a.useStyles(void 0,{name:"GenderOptionControl",styles:s}),[b,v]=e.useState(),y=e.useRef(null),x=e.useMemo((()=>[{value:u.male,label:g(m?"gender.boy":"gender.male"),icon:r.CommonGAssets.getAssetPath(m?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:u.female,label:g(m?"gender.girl":"gender.female"),icon:r.CommonGAssets.getAssetPath(m?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),ee.default.createElement(c.Box,{ref:y,className:h.root},ee.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:ee.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||g(m?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},p,{classNames:{error:h.groupErr}}),ee.default.createElement(c.Flex,{className:f(h.wrapper)},x.map((e=>ee.default.createElement(c.Radio,Object.assign({className:"gender-item",classNames:{root:h.itemRoot,labelWrapper:h.itemLabelWrapper,label:h.itemLabel,inner:h.itemInner},key:e.value,value:e.value},b&&e.value!==b&&{disabled:!0},{label:ee.default.createElement(c.Flex,{gap:c.rem(8),align:"center",justify:"center",sx:{zIndex:0}},ee.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),ee.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var Ne="PiqKaXk",Ae="HgbW6-m",Me="_6lkfLYy",Pe="j7c-onH";const De=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>ee.default.createElement("div",{className:Pe},ee.default.createElement("div",{className:"author"},ee.default.createElement("div",{className:"avatar","data-size":i},e),ee.default.createElement("div",{className:"poster","data-is-disabled-url":!l},ee.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},ee.default.createElement("a",{href:l},ee.default.createElement("span",{className:"name"},a),"•"," "),ee.default.createElement("span",null,n))))),ze=({isMobile:e,avatarImg:l,name:n,link:i,size:o="lg",specialty:r})=>ee.default.createElement("div",{className:Pe},ee.default.createElement("div",{className:"author"},ee.default.createElement("div",{className:"expert-avatar","data-size":o},l),ee.default.createElement("div",{className:"expert","data-is-disabled-url":!i},e?ee.default.createElement("a",{href:i},"lg"===o?ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n),ee.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},r)):ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n))):ee.default.createElement("a",{href:i},"lg"===o?ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n),ee.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},r)):ee.default.createElement(ee.default.Fragment,null,ee.default.createElement("h6",{color:s.theme.colors.gray600,className:`${Ne} expert__name`},n),ee.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p4",className:"specialty"},r)))))),Le=e.memo((()=>ee.default.createElement("div",{className:"shoppable"},ee.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ee.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),ee.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),Ie=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>ee.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},ee.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),$e=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>ee.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},ee.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),_e=e=>{var a,l,i,{article:o,author:r,authorAvatar:s,badge:m="",hideDescription:u=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,b=d.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:v}=n.useScreenSize();return console.log({article:o}),ee.default.createElement(c.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},b),ee.default.createElement(c.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},ee.default.createElement("img",{src:(v?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),ee.default.createElement(c.Card.Section,null,ee.default.createElement(c.Group,{position:"apart",mt:16,mb:4},ee.default.createElement(n.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},ee.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.displayName)),ee.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?ee.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),ee.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):ee.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),ee.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),ee.default.createElement(t.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle||o.postName||""),!u&&ee.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},te.default(o.excerpt||o.description||(null===(i=o.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),ee.default.createElement(c.Flex,{gap:12,align:"center"},ee.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:ee.default.createElement("img",{loading:"lazy",src:m,alt:""})}},"A"),ee.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",h))))};var Oe=c.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const je=648/440,Fe=1.5,He=a=>{var l,i,o,{article:r,author:s,authorAvatar:m,badge:u="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:b,tracking:v,classNames:y,styles:x,unstyled:E,className:w}=a,C=d.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=Oe({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),S=e.useMemo((()=>g?Fe:je),[g]);return ee.default.createElement(c.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),ee.default.createElement(c.Card.Section,{className:T(B.image,"pointer")},ee.default.createElement(n.AspectRatio,Object.assign({ratio:S},p),ee.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),ee.default.createElement(c.Card.Section,null,ee.default.createElement(c.Group,{position:"apart",mt:16,mb:4},ee.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},ee.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),ee.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?ee.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),ee.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):ee.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==v?void 0:v.bookmark),ee.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),ee.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&ee.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},te.default(r.excerpt||r.description||(null===(o=r.postContent)||void 0===o?void 0:o.split("\r\n")[0])||"")),ee.default.createElement(c.Flex,{className:B.author,gap:12,align:"center"},ee.default.createElement(n.Avatar,{size:32,src:m,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:ee.default.createElement("img",{loading:"lazy",src:u,alt:""})}},"A"),ee.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",b))))},Re=ae.default.a`
|
|
1
|
+
"use strict";var e=require("react"),t=require("./Plus-54948d91.js"),a=require("./index.styles-4e9a4b76.js"),l=require("./utils-ac610998.js"),n=require("./index-34b22040.js"),i=require("./index-f04d4a4d.js"),o=require("./useUniqueId-10e140e3.js"),r=require("./index-ed991afc.js"),s=require("./theme-645eae3b.js"),d=require("./tslib.es6-f3854ac2.js"),c=require("@mantine/core"),m=require("innertext");require("@mantine/dates");var u=require("./index-a0ff0c7c.js"),p=require("./Subot-75abd57a.js");require("./translationsContext-25ed50e4.js"),require("string-format");var g=require("@mantine/hooks"),h=require("./index-06c31aa5.js"),f=require("styled-components"),v=require("lodash/throttle"),b=require("./index-f8556ecc.js"),y=require("./index-6fe01704.js"),x=require("./index-6395c71d.js"),E=require("html-react-parser"),w=require("./isProduction-1b27c7e8.js"),C=require("./useTranslations-da1647d4.js"),k=require("date-fns"),B=require("dayjs");require("./utils-fd32cb42.js");var T=require("./index-3c0325dd.js");require("./index.styled-5c0482ab.js"),require("./index-8f4c566f.js");var S=require("./constants-a45e9439.js"),N=require("./utils-9389c98f.js"),A=require("./types-a61d3975.js"),M=require("./index-a986f5cc.js"),P=require("./index-3453364d.js"),D=require("./index-e9bcd521.js"),z=require("./index-ac495049.js"),L=require("./index-eebbbb0a.js"),I=require("react-hook-form"),$=require("./useHealthToolCache-7ab5f9c5.js"),_=require("@hookform/resolvers/yup"),O=require("./index-abcb94df.js"),j=require("./index-13b06ce7.js");require("./WhatsApp-6d901f48.js");var F=require("./useOutsideClick-ed38ff08.js"),H=require("date-fns/locale/en-US"),R=require("date-fns/locale/id"),G=require("date-fns/locale/vi"),U=require("date-fns/locale/zh-TW"),W=require("./getSocialList-816e94c7.js"),V=require("uuid"),q=require("./routing-20ad0d2b.js"),Q=require("@mantine/form"),Z=require("./index-32c9ce71.js"),Y=require("js-cookie"),K=require("lodash/flatten"),X=require("lodash/uniqBy"),J=require("./cookieHelper-1eaa42d7.js"),ee=require("./normalizeLink-8d5414b7.js");function te(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var ae=te(e),le=te(m),ne=te(f),ie=te(v),oe=te(E),re=te(B),se=te(H),de=te(R),ce=te(G),me=te(U),ue=te(Y),pe=te(K),ge=te(X),he="CHw-fZZ",fe="_03U6VRS",ve="EO828Vv";const be={xs:28,small:32,medium:40,large:48,xl:64,xxl:80,xxxl:96},ye=({type:t="square",size:l,avatarImg:i,avatarUrl:o,firstLetter:r,backgroundColor:s,onClick:d,style:c,className:m,width:u,height:p,alt:g})=>{const h=l?be[l]:void 0,[f,v]=e.useState(!1);e.useEffect((()=>{if(o){const e=document.createElement("img");e.setAttribute("src",o),e.addEventListener("error",(()=>{v(!0)}))}}),[o,v]);const b=(!o&&!i||f)&&r;return ae.default.createElement(a.StyledAvatar,{style:Object.assign(Object.assign({},c),{"--size":h?h+"px":void 0,"--width-prop":u?u+"px":void 0,"--height-prop":p?p+"px":void 0,"--background-color":s}),"data-has-max":!(!u||!p),"data-avatar-type":t,onClick:d,className:m,avatarUrl:o,"data-custom-size":!!l},i,o&&!f&&ae.default.createElement(n.ImageWrap,{src:o,alt:g||"avatar"}),b&&r)},xe=()=>ae.default.createElement("style",null,".file-dropdown-path{fill:none;stroke:#595959;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}"),Ee=()=>ae.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 12.17 14.83"},ae.default.createElement("defs",null,ae.default.createElement("clipPath",{id:"prefix__clip-path",transform:"translate(-1.92 -1.54)"},ae.default.createElement("path",{fill:"none",d:"M0 .96h16v16H0z"}))),ae.default.createElement("title",null,"File"),ae.default.createElement("g",{clipPath:"url(#prefix__clip-path)"},ae.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29H4a1.33 1.33 0 00-1.33 1.33v10.67A1.33 1.33 0 004 15.62h8a1.33 1.33 0 001.33-1.33V7z",transform:"translate(-1.92 -1.54)"}),ae.default.createElement("path",{className:"file-dropdown-path",d:"M8.67 2.29V7h4.66",transform:"translate(-1.92 -1.54)"}))),we=()=>ae.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},ae.default.createElement("title",null,"download"),ae.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M4.67 7.62L8 11l3.33-3.34M8 11V3",transform:"translate(-1.25 -2.21)"})),Ce=()=>ae.default.createElement("svg",{id:"prefix__Layer_1","data-name":"Layer 1",viewBox:"0 0 13.5 13.5"},ae.default.createElement("title",null,"upload"),ae.default.createElement("path",{className:"file-dropdown-path",d:"M14 11v2.66A1.33 1.33 0 0112.67 15H3.33A1.33 1.33 0 012 13.62V11M11.33 6.29L8 3 4.67 6.29M8 3v8",transform:"translate(-1.25 -2.21)"})),ke=({pagesAmount:t,activePage:n,handlePageChange:i,handleClick:o,href:r,queryPageName:s="page"})=>{const d=[...Array(t)].map(((e,t)=>t+1)),[c,m]=e.useState(n<=4?d.slice(0,5):n>=d.length-3?d.slice(d.length-5,d.length):d.slice(n-2,n+1));return e.useEffect((()=>{n<=4?m(d.slice(0,5)):n>=d.length-3?m(d.slice(d.length-5,d.length)):m(d.slice(n-2,n+1))}),[n]),ae.default.createElement(e.Fragment,null,n>4&&ae.default.createElement(e.Fragment,null,ae.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(1)},r?ae.default.createElement("a",{href:r,onClick:o},1):1),ae.default.createElement(a.StyledPaginationBlock,null,"...")),c.map((e=>ae.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===n||void 0,onClick:()=>i(e)},r?ae.default.createElement("a",{href:l.formatUrlWithPageParam(r,e,s),onClick:o},e):e))),n<d.length-3&&ae.default.createElement(e.Fragment,null,ae.default.createElement(a.StyledPaginationBlock,null,"..."),ae.default.createElement(a.StyledPaginationBlock,{onClick:()=>i(d.length)},r?ae.default.createElement("a",{href:l.formatUrlWithPageParam(r,d.length,s),onClick:o},d.length):d.length)))},Be=({label:e,name:t,checked:l,className:n,isDisabled:i,onChange:o,value:r,isRectangle:s,inputDataTestId:d,siteType:c})=>ae.default.createElement(a.StyledCheckbox,{className:n,"data-disabled":i||void 0,"data-is-rectangle":s||void 0,"data-label-text":e,"data-theme":c},ae.default.createElement("input",{type:"checkbox",checked:l,name:t,onChange:()=>o(r,!l),disabled:i,value:r,id:`${t}-${r}`,"data-label-text":e,"data-testid":d}),!s&&ae.default.createElement("label",{htmlFor:`${t}-${r}`},e)),Te=e=>ae.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 32 32",fill:"none"}),ae.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#D2D6DC"})),Se=e=>ae.default.createElement("svg",Object.assign({},e,{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"}),ae.default.createElement("path",{d:"M16.0002 23.0266L22.8935 27.1866C23.4002 27.4933 24.0268 27.04 23.8935 26.4666L22.0668 18.6266L28.1468 13.36C28.5868 12.9733 28.3602 12.24 27.7602 12.1866L19.7468 11.5066L16.6135 4.11996C16.3868 3.57329 15.6135 3.57329 15.3868 4.11996L12.2535 11.5066L4.24016 12.1866C3.65349 12.24 3.41349 12.9733 3.86682 13.36L9.94682 18.6266L8.12016 26.4666C7.98682 27.04 8.61349 27.4933 9.12016 27.1866L16.0002 23.0266Z",fill:"#FFC326"})),Ne=e=>{const t=o.useUniqueId();return ae.default.createElement("svg",Object.assign({},e,{viewBox:"0 0 24 24",fill:"none"}),ae.default.createElement("path",{d:"M12.0001 17.2697L17.1701 20.3897C17.5501 20.6197 18.0201 20.2797 17.9201 19.8497L16.5501 13.9697L21.1101 10.0197C21.4401 9.72973 21.2701 9.17973 20.8201 9.13973L14.8101 8.62973L12.4601 3.08973C12.2901 2.67973 11.7101 2.67973 11.5401 3.08973L9.19006 8.62973L3.18006 9.13973C2.74006 9.17973 2.56006 9.72973 2.90006 10.0197L7.46006 13.9697L6.09006 19.8497C5.99006 20.2797 6.46006 20.6197 6.84006 20.3897L12.0001 17.2697Z",fill:"#E4E8EC"}),ae.default.createElement("mask",{id:t,maskUnits:"userSpaceOnUse",x:"2",y:"0",width:"10",height:"24"},ae.default.createElement("rect",{x:"2",width:"10",height:"24",fill:"#C4C4C4"})),ae.default.createElement("g",{mask:`url(#${t})`},ae.default.createElement("path",{d:"M11.9998 17.2697L17.1698 20.3897C17.5498 20.6197 18.0198 20.2797 17.9198 19.8497L16.5498 13.9697L21.1098 10.0197C21.4398 9.72973 21.2698 9.17973 20.8198 9.13973L14.8098 8.62973L12.4598 3.08973C12.2898 2.67973 11.7098 2.67973 11.5398 3.08973L9.18981 8.62973L3.17981 9.13973C2.73981 9.17973 2.55981 9.72973 2.89981 10.0197L7.45981 13.9697L6.08981 19.8497C5.98981 20.2797 6.45981 20.6197 6.83981 20.3897L11.9998 17.2697Z",fill:"#FFC326"})))},Ae=l=>{var{label:n,availableValue:i,styles:o,isBaby:s,genderValue:m={male:"male",female:"female"}}=l,u=d.__rest(l,["label","availableValue","styles","isBaby","genderValue"]);const{t:p}=C.useTranslations(),{classes:g,cx:h}=a.useStyles(void 0,{name:"GenderOptionControl",styles:o}),[f,v]=e.useState(),b=e.useRef(null),y=e.useMemo((()=>[{value:m.male,label:p(s?"gender.boy":"gender.male"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/boy-icon.svg":"health-tools/male-icon.svg")},{value:m.female,label:p(s?"gender.girl":"gender.female"),icon:r.CommonGAssets.getAssetPath(s?"health-tools/girl-icon.svg":"health-tools/female-icon.svg")}]),[]);return e.useEffect((()=>{v(i)}),[i]),ae.default.createElement(c.Box,{ref:b,className:g.root},ae.default.createElement(c.Radio.Group,Object.assign({className:"radio-group",label:ae.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},n||p(s?"tools.selectBabyGender":"tools.selectGender")),size:"lg"},u,{classNames:{error:g.groupErr}}),ae.default.createElement(c.Flex,{className:h(g.wrapper)},y.map((e=>ae.default.createElement(c.Radio,Object.assign({className:"gender-item",classNames:{root:g.itemRoot,labelWrapper:g.itemLabelWrapper,label:g.itemLabel,inner:g.itemInner},key:e.value,value:e.value},f&&e.value!==f&&{disabled:!0},{label:ae.default.createElement(c.Flex,{gap:c.rem(8),align:"center",justify:"center",sx:{zIndex:0}},ae.default.createElement("img",{src:e.icon,className:"gender-image",alt:"female",loading:"lazy"}),ae.default.createElement(t.Text,{size:"p3"},e.label))})))))))};var Me="PiqKaXk",Pe="HgbW6-m",De="_6lkfLYy",ze="j7c-onH";const Le=({avatarImg:e,authorName:a,authorLink:l,uploadTime:n,size:i})=>ae.default.createElement("div",{className:ze},ae.default.createElement("div",{className:"author"},ae.default.createElement("div",{className:"avatar","data-size":i},e),ae.default.createElement("div",{className:"poster","data-is-disabled-url":!l},ae.default.createElement(t.Text,{size:"lg"===i?"p3":"p4"},ae.default.createElement("a",{href:l},ae.default.createElement("span",{className:"name"},a),"•"," "),ae.default.createElement("span",null,n))))),Ie=({isMobile:e,avatarImg:l,name:n,link:i,size:o="lg",specialty:r})=>ae.default.createElement("div",{className:ze},ae.default.createElement("div",{className:"author"},ae.default.createElement("div",{className:"expert-avatar","data-size":o},l),ae.default.createElement("div",{className:"expert","data-is-disabled-url":!i},e?ae.default.createElement("a",{href:i},"lg"===o?ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n),ae.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},r)):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n))):ae.default.createElement("a",{href:i},"lg"===o?ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(a.Heading,{tag:"h6",className:"expert__name",color:s.theme.colors.gray600},n),ae.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p3",className:"specialty"},r)):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement("h6",{color:s.theme.colors.gray600,className:`${Me} expert__name`},n),ae.default.createElement(t.Text,{color:s.theme.colors.gray500,size:"p4",className:"specialty"},r)))))),$e=e.memo((()=>ae.default.createElement("div",{className:"shoppable"},ae.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ae.default.createElement("rect",{width:"24",height:"24",rx:"12",fill:"#1B3250"}),ae.default.createElement("path",{d:"M16.6667 8.00033H15.3333C15.3333 6.16033 13.84 4.66699 12 4.66699C10.16 4.66699 8.66667 6.16033 8.66667 8.00033H7.33333C6.6 8.00033 6 8.60033 6 9.33366V17.3337C6 18.067 6.6 18.667 7.33333 18.667H16.6667C17.4 18.667 18 18.067 18 17.3337V9.33366C18 8.60033 17.4 8.00033 16.6667 8.00033ZM12 6.00033C13.1067 6.00033 14 6.89366 14 8.00033H10C10 6.89366 10.8933 6.00033 12 6.00033ZM12 12.667C10.4467 12.667 9.14 11.607 8.77333 10.167C8.66 9.74699 8.98667 9.33366 9.42 9.33366C9.73333 9.33366 9.98667 9.56033 10.0733 9.86699C10.3067 10.7137 11.08 11.3337 12 11.3337C12.92 11.3337 13.6933 10.7137 13.9267 9.86699C14.0133 9.56033 14.2667 9.33366 14.58 9.33366C15.0133 9.33366 15.3333 9.74699 15.2267 10.167C14.86 11.607 13.5533 12.667 12 12.667Z",fill:"white"}))))),_e=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>ae.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"14",height:"16",viewBox:"0 0 14 16",fill:"none"},ae.default.createElement("path",{d:"M13 15L7 11.1111L1 15V2.55556C1 2.143 1.18061 1.74733 1.5021 1.45561C1.82359 1.16389 2.25963 1 2.71429 1H11.2857C11.7404 1 12.1764 1.16389 12.4979 1.45561C12.8194 1.74733 13 2.143 13 2.55556V15Z",fill:"#2ED69E",stroke:"#2ED69E",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))),Oe=e.memo((({dataEventCategoryForBookmark:e,dataEventActionForBookmark:t,dataEventLabelForBookmark:a})=>ae.default.createElement("svg",{"data-event-category":e,"data-event-action":t,"data-event-label":a,width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},ae.default.createElement("path",{d:"M12.75 2.25H5.25C4.425 2.25 3.75 2.925 3.75 3.75V15.75L9 13.5L14.25 15.75V3.75C14.25 2.925 13.575 2.25 12.75 2.25Z",fill:"#D2D6DC"})))),je=e=>{var a,l,i,{article:o,author:r,authorAvatar:s,badge:m="",hideDescription:u=!1,isBookmarked:p=!1,onBookmark:g,time:h,tracking:f}=e,v=d.__rest(e,["article","author","authorAvatar","badge","hideDescription","isBookmarked","onBookmark","time","tracking"]);const{isMobile:b}=n.useScreenSize();return console.log({article:o}),ae.default.createElement(c.Card,Object.assign({padding:0,radius:0,sx:{display:"flex",flexDirection:"row",gap:24}},v),ae.default.createElement(c.Card.Section,{w:"100%",h:"100%",miw:264,m:0,className:"pointer"},ae.default.createElement("img",{src:(b?o.featureImageMobile:o.featureImage)||o.featureImage,alt:o.postName,style:{width:"100%"},loading:"lazy"})),ae.default.createElement(c.Card.Section,null,ae.default.createElement(c.Group,{position:"apart",mt:16,mb:4},ae.default.createElement(n.Anchor,{href:(null===(a=null==o?void 0:o.primaryCategory)||void 0===a?void 0:a.permalink)||"#"},ae.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(l=null==o?void 0:o.primaryCategory)||void 0===l?void 0:l.displayName)),ae.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:g},p?ae.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),ae.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):ae.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==f?void 0:f.bookmark),ae.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),ae.default.createElement(t.Text,{size:u?"s2":"s1",mb:8,weight:"semiBold",className:"pointer"},o.postTitle||o.postName||""),!u&&ae.default.createElement(t.Text,{size:"p2",mb:16,lineClamp:3,className:"pointer"},le.default(o.excerpt||o.description||(null===(i=o.postContent)||void 0===i?void 0:i.split("\r\n")[0])||"")),ae.default.createElement(c.Flex,{gap:12,align:"center"},ae.default.createElement(n.Avatar,{size:32,src:s,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:ae.default.createElement("img",{loading:"lazy",src:m,alt:""})}},"A"),ae.default.createElement(t.Text,{size:"n1",c:"gray.6"},r," • ",h))))};var Fe=c.createStyles(((e,{})=>({root:{},image:{},title:{},category:{},description:{},author:{}})));const He=648/440,Re=1.5,Ge=a=>{var l,i,o,{article:r,author:s,authorAvatar:m,badge:u="",bannerImageWrapProps:p,hideDescription:g=!1,isBookmarked:h=!1,onBookmark:f,time:v,tracking:b,classNames:y,styles:x,unstyled:E,className:w}=a,C=d.__rest(a,["article","author","authorAvatar","badge","bannerImageWrapProps","hideDescription","isBookmarked","onBookmark","time","tracking","classNames","styles","unstyled","className"]);const{isMobile:k}=n.useScreenSize(),{classes:B,cx:T}=Fe({},{name:"ArticleCard",classNames:y,styles:x,unstyled:E}),S=e.useMemo((()=>g?Re:He),[g]);return ae.default.createElement(c.Card,Object.assign({className:T(B.root,w),padding:"lg",radius:0},C),ae.default.createElement(c.Card.Section,{className:T(B.image,"pointer")},ae.default.createElement(n.AspectRatio,Object.assign({ratio:S},p),ae.default.createElement("img",{src:(k?r.featureImageMobile:r.featureImage)||r.featureImage,alt:r.postName,style:{objectFit:"cover"}}))),ae.default.createElement(c.Card.Section,null,ae.default.createElement(c.Group,{position:"apart",mt:16,mb:4},ae.default.createElement(n.Anchor,{className:B.category,href:(null===(l=null==r?void 0:r.primaryCategory)||void 0===l?void 0:l.permalink)||"#"},ae.default.createElement(t.Text,{size:"p4",color:"blue.6"},null===(i=null==r?void 0:r.primaryCategory)||void 0===i?void 0:i.displayName)),ae.default.createElement(c.Box,{sx:{cursor:"pointer"},role:"button",onClick:f},h?ae.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),ae.default.createElement("path",{d:"M6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7Z",fill:"#595959"})):ae.default.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},null==b?void 0:b.bookmark),ae.default.createElement("path",{d:"M7 17.95L12 15.8L17 17.95V5.3C17 5.23333 16.9667 5.16667 16.9 5.1C16.8333 5.03333 16.7667 5 16.7 5H7.3C7.23333 5 7.16667 5.03333 7.1 5.1C7.03333 5.16667 7 5.23333 7 5.3V17.95ZM6.775 19.7C6.475 19.8333 6.18733 19.8123 5.912 19.637C5.63733 19.4623 5.5 19.2083 5.5 18.875V5.3C5.5 4.8 5.675 4.375 6.025 4.025C6.375 3.675 6.8 3.5 7.3 3.5H16.7C17.2 3.5 17.625 3.675 17.975 4.025C18.325 4.375 18.5 4.8 18.5 5.3V18.875C18.5 19.2083 18.3623 19.4623 18.087 19.637C17.8123 19.8123 17.525 19.8333 17.225 19.7L12 17.45L6.775 19.7ZM7 5H17H12H7Z",fill:"#595959"})))),ae.default.createElement(t.Text,{className:T(B.title,"pointer"),size:g?"s2":"s1",mb:8,weight:"semiBold"},r.postTitle||r.postName||""),!g&&ae.default.createElement(t.Text,{className:T(B.description,"pointer"),size:"p2",mb:16,lineClamp:3},le.default(r.excerpt||r.description||(null===(o=r.postContent)||void 0===o?void 0:o.split("\r\n")[0])||"")),ae.default.createElement(c.Flex,{className:B.author,gap:12,align:"center"},ae.default.createElement(n.Avatar,{size:32,src:m,withIndicator:!0,indicatorConfig:{offset:5,size:18,label:ae.default.createElement("img",{loading:"lazy",src:u,alt:""})}},"A"),ae.default.createElement(t.Text,{size:"n1",c:"gray.6"},s," • ",v))))},Ue=ne.default.a`
|
|
2
2
|
display: flex;
|
|
3
3
|
height: 125px;
|
|
4
4
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
* {
|
|
33
33
|
pointer-events: none;
|
|
34
34
|
}
|
|
35
|
-
`,
|
|
35
|
+
`,We=ne.default.div`
|
|
36
36
|
display: flex;
|
|
37
37
|
|
|
38
38
|
&[data-type='vertical'] {
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
`,
|
|
59
|
+
`,Ve=ne.default.div`
|
|
60
60
|
display: flex;
|
|
61
61
|
align-items: center;
|
|
62
62
|
--font-weight-lg: ${s.theme.sizes.fwBold};
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
font-weight: var(----font-weight-sm);
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
`,
|
|
101
|
+
`,qe=ne.default.div`
|
|
102
102
|
position: relative;
|
|
103
103
|
width: 100%;
|
|
104
104
|
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
outline: none;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
`,
|
|
112
|
+
`,Qe=ne.default.div`
|
|
113
113
|
position: absolute;
|
|
114
114
|
top: 19px;
|
|
115
115
|
width: 24px;
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
color: ${s.theme.colors.white};
|
|
133
133
|
border: none;
|
|
134
134
|
}
|
|
135
|
-
`,
|
|
135
|
+
`,Ze=ne.default.div`
|
|
136
136
|
display: flex;
|
|
137
137
|
width: 100%;
|
|
138
138
|
height: 36px;
|
|
@@ -150,13 +150,13 @@
|
|
|
150
150
|
border: 1px solid ${s.theme.colors.gray200};
|
|
151
151
|
height: 0px;
|
|
152
152
|
}
|
|
153
|
-
`,
|
|
153
|
+
`,Ye=ne.default.div`
|
|
154
154
|
width: 100%;
|
|
155
155
|
height: 5px;
|
|
156
156
|
align-self: center;
|
|
157
157
|
border-radius: 4px;
|
|
158
158
|
background-color: ${s.theme.colors.gray200};
|
|
159
|
-
`,
|
|
159
|
+
`,Ke=ne.default.div`
|
|
160
160
|
position: absolute;
|
|
161
161
|
top: 32px;
|
|
162
162
|
min-width: 100px;
|
|
@@ -168,10 +168,10 @@
|
|
|
168
168
|
&[data-step-passed='true'] {
|
|
169
169
|
color: ${s.theme.colors.gray800};
|
|
170
170
|
}
|
|
171
|
-
`,
|
|
171
|
+
`,Xe=ne.default.div`
|
|
172
172
|
display: flex;
|
|
173
173
|
align-items: center;
|
|
174
|
-
`,
|
|
174
|
+
`,Je=ne.default.div`
|
|
175
175
|
display: flex;
|
|
176
176
|
align-items: center;
|
|
177
177
|
font-size: ${s.theme.sizes.fsCaption2};
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
&[data-selected='true'] {
|
|
193
193
|
color: ${s.theme.colors.primaryBase};
|
|
194
194
|
}
|
|
195
|
-
`,
|
|
195
|
+
`,et=ne.default.div`
|
|
196
196
|
position: absolute;
|
|
197
197
|
left: 0;
|
|
198
198
|
top: 19px;
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
|
|
206
206
|
padding: 8px;
|
|
207
207
|
background-color: ${s.theme.colors.white};
|
|
208
|
-
`,
|
|
208
|
+
`,tt=ne.default.div`
|
|
209
209
|
min-width: 24px;
|
|
210
210
|
height: 24px;
|
|
211
211
|
border: 2px solid ${s.theme.colors.white};
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
background-color: ${s.theme.colors.primaryBase};
|
|
226
226
|
color: ${s.theme.colors.white};
|
|
227
227
|
}
|
|
228
|
-
`,
|
|
228
|
+
`,at=ne.default.div`
|
|
229
229
|
display: flex;
|
|
230
230
|
align-items: center;
|
|
231
231
|
justify-content: center;
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
stroke: ${s.theme.colors.gray500};
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
`,
|
|
242
|
+
`,lt=ne.default.div`
|
|
243
243
|
color: ${s.theme.colors.gray400};
|
|
244
244
|
font-size: ${s.theme.sizes.fsCaption2};
|
|
245
245
|
font-weight: ${s.theme.sizes.fwBold};
|
|
@@ -249,13 +249,13 @@
|
|
|
249
249
|
&[data-step-passed='true'] {
|
|
250
250
|
color: ${s.theme.colors.gray800};
|
|
251
251
|
}
|
|
252
|
-
`,
|
|
252
|
+
`,nt=ne.default.div`
|
|
253
253
|
position: absolute;
|
|
254
254
|
top: 32px;
|
|
255
255
|
font-weight: ${s.theme.sizes.fwRegular};
|
|
256
256
|
color: ${s.theme.colors.gray400};
|
|
257
257
|
padding-right: 16px;
|
|
258
|
-
`,
|
|
258
|
+
`,it=ae.default.forwardRef((({id:t,value:a,options:l,className:i,isDisabled:o,size:r="small",direction:s="vertical",onChange:d,dataEventCategory:m,dataEventAction:u,dataEventLabel:p},g)=>{const[h,f]=e.useState(a);e.useImperativeHandle(g,(()=>({reset(){f(a)}})));const v="small"===r?"md":"lg",b="vertical"===s?c.Stack:c.Group;return ae.default.createElement(n.Radio.Group,{name:t,className:i,size:v,value:String(h),defaultValue:a,onChange:e=>{f(e),null==d||d(e)}},ae.default.createElement(b,{spacing:"xl"},l.map((e=>ae.default.createElement(n.Radio,{key:e.value,value:e.value,label:e.label,disabled:o,"data-event-category":m,"data-event-action":u,"data-event-label":p})))))})),ot=ne.default.div`
|
|
259
259
|
--menu-width: 240px;
|
|
260
260
|
--menu-spacing: 28px 16px;
|
|
261
261
|
width: var(--menu-width);
|
|
@@ -268,7 +268,7 @@
|
|
|
268
268
|
--menu-width: 64px;
|
|
269
269
|
--menu-spacing: 28px 8px;
|
|
270
270
|
}
|
|
271
|
-
`,
|
|
271
|
+
`,rt=ne.default.div`
|
|
272
272
|
display: flex;
|
|
273
273
|
align-items: baseline;
|
|
274
274
|
justify-content: space-between;
|
|
@@ -276,12 +276,12 @@
|
|
|
276
276
|
svg {
|
|
277
277
|
transition: 0.4s ease-in-out;
|
|
278
278
|
}
|
|
279
|
-
`,
|
|
279
|
+
`,st=ne.default.div`
|
|
280
280
|
cursor: pointer;
|
|
281
281
|
&[data-is-collapsed] {
|
|
282
282
|
transform: rotate(180deg);
|
|
283
283
|
}
|
|
284
|
-
`,
|
|
284
|
+
`,dt=ne.default.figure`
|
|
285
285
|
display: flex;
|
|
286
286
|
|
|
287
287
|
> img,
|
|
@@ -299,7 +299,7 @@
|
|
|
299
299
|
margin-top: 2px;
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
|
-
`,
|
|
302
|
+
`,ct=({name:e,description:a,image:l,isDescriptionHidden:n})=>ae.default.createElement(dt,null,l,!n&&ae.default.createElement("figcaption",null,ae.default.createElement(t.Text,{size:"p4",weight:"bold"},e),ae.default.createElement(t.Text,{size:"p4"},a))),mt=ne.default.div`
|
|
303
303
|
display: flex;
|
|
304
304
|
align-items: center;
|
|
305
305
|
margin-top: 24px;
|
|
@@ -315,7 +315,7 @@
|
|
|
315
315
|
max-height: 2rem;
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
|
-
`,
|
|
318
|
+
`,ut=ne.default.div`
|
|
319
319
|
display: flex;
|
|
320
320
|
align-items: center;
|
|
321
321
|
padding: 9px 21px;
|
|
@@ -339,7 +339,7 @@
|
|
|
339
339
|
margin-right: -14px;
|
|
340
340
|
margin-left: -14px;
|
|
341
341
|
}
|
|
342
|
-
`;var
|
|
342
|
+
`;var pt=Object.freeze({__proto__:null,SideMenu:({isCollapsed:e,className:t,style:a,children:l})=>ae.default.createElement(ot,{style:a,className:t,"data-is-collapsed":e||void 0},l),SideHeader:({isCollapsed:e,defaultLogo:t,onBackClick:a,customIcon:l})=>ae.default.createElement(rt,null,ae.default.createElement(b.Logo,{type:e?"logomark":t||"hellocare",customSize:{width:e?"24px":"77px",height:"24px"}}),ae.default.createElement(st,{"data-is-collapsed":e||void 0,onClick:a},l||ae.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 20 20",width:"20px",height:"20px"},ae.default.createElement("path",{d:"M10 .75A9.25 9.25 0 1019.25 10 9.25 9.25 0 0010 .75z",fill:"none",stroke:"#d2d6dc",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"}),ae.default.createElement("path",{d:"M11.44 6.53L8 10l3.48 3.47",fill:"none",stroke:"#737373",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5"})))),UserInfo:({isCollapsed:e,userName:t,role:a,avatar:l})=>ae.default.createElement(mt,{"data-is-collapsed":e||void 0},ae.default.createElement(ct,{image:l,name:t,description:a,isDescriptionHidden:e})),MenuLink:({icon:e,isActive:a,children:l,isCollapsed:n,activeIcon:i,onLinkClick:o,textSize:r="base",textType:s="bold",textColorActive:d="#fff",textColor:c="#595959"})=>ae.default.createElement(ut,{"data-is-link-active":a||void 0,onClick:o,"data-is-link-collapsed":n||void 0},a&&i?i:e,!n&&ae.default.createElement(t.Text,{size:r,weight:s,color:a?d:c},l))});const gt=ne.default.div`
|
|
343
343
|
position: relative;
|
|
344
344
|
width: 100%;
|
|
345
345
|
> .container {
|
|
@@ -474,22 +474,22 @@
|
|
|
474
474
|
max-width: 100%;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
|
-
`,
|
|
477
|
+
`,ht=({status:e})=>"inActive"===e?ae.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},ae.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})):"active"===e?ae.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},ae.default.createElement("circle",{cx:"6",cy:"6",r:"4",fill:"#2D87F3"}),ae.default.createElement("circle",{cx:"6",cy:"6",r:"5.5",stroke:"#2D87F3"})):"done"===e?ae.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},ae.default.createElement("path",{d:"M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z",fill:"#00B16A"}),ae.default.createElement("path",{d:"M8.76061 4.20029L4.80061 7.80029L3.00061 6.16392",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):ae.default.createElement("svg",{width:"6",height:"6",viewBox:"0 0 6 6",fill:"none"},ae.default.createElement("circle",{cx:"3",cy:"3",r:"3",fill:"#ADB3BC"})),ft=ne.default.div`
|
|
478
478
|
border-radius: ${s.theme.borderRadius};
|
|
479
479
|
${e=>e["data-is-in-card"]&&`\n padding: 12px; \n background-color: ${e["data-card-color"]};`}
|
|
480
|
-
`,
|
|
480
|
+
`,vt=ne.default.div`
|
|
481
481
|
width: 13px;
|
|
482
482
|
height: 13px;
|
|
483
483
|
margin-right: 10px;
|
|
484
484
|
background-color: ${e=>e["data-color"]};
|
|
485
485
|
border-radius: 50%;
|
|
486
|
-
`,
|
|
486
|
+
`,bt=ne.default.div`
|
|
487
487
|
display: flex;
|
|
488
488
|
align-items: center;
|
|
489
489
|
color: ${s.theme.colors.gray800};
|
|
490
490
|
font-size: ${s.theme.sizes.fsParagraph4};
|
|
491
491
|
font-weight: ${s.theme.sizes.fwRegular};
|
|
492
|
-
`,
|
|
492
|
+
`,yt=ne.default.div`
|
|
493
493
|
display: flex;
|
|
494
494
|
align-items: center;
|
|
495
495
|
margin-top: 4px;
|
|
@@ -508,10 +508,10 @@
|
|
|
508
508
|
font-size: ${s.theme.sizes.fsParagraph4};
|
|
509
509
|
font-weight: ${s.theme.sizes.fwBold};
|
|
510
510
|
}
|
|
511
|
-
`,
|
|
511
|
+
`,xt=ne.default.table`
|
|
512
512
|
width: 100%;
|
|
513
513
|
position: relative;
|
|
514
|
-
`,
|
|
514
|
+
`,Et=ne.default.td`
|
|
515
515
|
padding: var(--vertical-spacing) var(--horizontal-spacing);
|
|
516
516
|
vertical-align: middle;
|
|
517
517
|
|
|
@@ -524,13 +524,13 @@
|
|
|
524
524
|
&[data-text-align='center'] {
|
|
525
525
|
text-align: center;
|
|
526
526
|
}
|
|
527
|
-
`,
|
|
527
|
+
`,wt=ne.default.tr`
|
|
528
528
|
border-bottom: 1px solid ${s.theme.colors.gray100};
|
|
529
529
|
|
|
530
530
|
&[data-is-active='true'] {
|
|
531
531
|
background-color: ${s.theme.colors.gray200};
|
|
532
532
|
}
|
|
533
|
-
`,
|
|
533
|
+
`,Ct=({children:e,className:t,style:a,isActive:l,onRowClicked:n,rowId:i})=>ae.default.createElement(wt,{className:t,"data-is-active":l,style:a,onClick:()=>{n&&n(i)}},e),kt=ne.default.thead`
|
|
534
534
|
th {
|
|
535
535
|
padding: var(--vertical-spacing) var(--horizontal-spacing);
|
|
536
536
|
text-align: left;
|
|
@@ -546,7 +546,7 @@
|
|
|
546
546
|
border-bottom: 2px solid ${s.theme.colors.gray200};
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
|
-
`,
|
|
549
|
+
`,Bt=ne.default.tbody`
|
|
550
550
|
position: relative;
|
|
551
551
|
&[data-is-striped] {
|
|
552
552
|
> tr:nth-child(odd) {
|
|
@@ -558,7 +558,7 @@
|
|
|
558
558
|
background-color: ${s.theme.colors.neutral100};
|
|
559
559
|
}
|
|
560
560
|
}
|
|
561
|
-
`;var
|
|
561
|
+
`;var Tt=Object.freeze({__proto__:null,Table:({children:e,className:t,style:a,horizontalPadding:l,verticalPadding:n})=>ae.default.createElement(xt,{className:t,style:Object.assign({"--horizontal-spacing":l||"19px","--vertical-spacing":n||"26px"},a)},e),Cell:({children:e,className:t,style:a,textAlign:l,isTableHead:n})=>ae.default.createElement(Et,{className:t,style:a,"data-text-align":l||"left",as:n?"th":"td"},e),Head:({isSticky:e,children:t,className:a,style:l})=>ae.default.createElement(kt,{className:a,"data-is-sticky":e||void 0,style:l},ae.default.createElement(Ct,null,t)),Row:Ct,Body:({children:e,className:t,style:a,isHoverable:l,isStriped:n})=>ae.default.createElement(Bt,{className:t,style:a,"data-is-striped":n||void 0,"data-is-hoverable":l||void 0},e)}),St=c.createStyles((e=>{const t=c.getStylesRef("itemLabel");return{root:{display:"inline-flex",maxWidth:"100%",borderBottom:`1px solid ${e.colors.neutral[1]}`,"-webkit-overflow-scrolling":"touch",overflowX:"auto",overflowY:"hidden","-ms-overflow-style":"none","scrollbar-width":"none","&::-webkit-scrollbar":{display:"none"},columnGap:e.spacing.lg},item:{display:"flex",alignItems:"center",paddingBottom:"4px","&:hover":{cursor:"pointer"},"&.active":{color:e.fn.primaryColor(),borderBottom:`3px solid ${e.fn.primaryColor()}`,bottom:"-1px",position:"relative",[`& .${t}`]:{}},"&[data-event-category] > *":{pointerEvents:"none"}},itemInner:{display:"flex",alignItems:"center"},label:{ref:t},icon:{marginRight:e.spacing.xs}}}));const Nt=ne.default.div`
|
|
562
562
|
padding: 1rem;
|
|
563
563
|
background: ${s.theme.colors.neutral100};
|
|
564
564
|
.survey-inner-wrapper {
|
|
@@ -635,7 +635,7 @@
|
|
|
635
635
|
}
|
|
636
636
|
}
|
|
637
637
|
}
|
|
638
|
-
`,
|
|
638
|
+
`,At=ne.default.div`
|
|
639
639
|
position: relative;
|
|
640
640
|
display: flex;
|
|
641
641
|
align-items: center;
|
|
@@ -748,7 +748,7 @@
|
|
|
748
748
|
}
|
|
749
749
|
}
|
|
750
750
|
}
|
|
751
|
-
`,
|
|
751
|
+
`,Mt=ne.default.div`
|
|
752
752
|
position: relative;
|
|
753
753
|
width: 100%;
|
|
754
754
|
padding-top: min(400px, 100%);
|
|
@@ -778,7 +778,7 @@
|
|
|
778
778
|
}
|
|
779
779
|
}
|
|
780
780
|
}
|
|
781
|
-
`,
|
|
781
|
+
`,Pt=ne.default.div`
|
|
782
782
|
.survey-question-text-wrapper {
|
|
783
783
|
margin-bottom: 24px;
|
|
784
784
|
.survey-question-title {
|
|
@@ -828,7 +828,7 @@
|
|
|
828
828
|
}
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
|
-
`,
|
|
831
|
+
`,Dt=({size:e="small",label:t,name:a,checked:l,value:n,className:i,isDisabled:o=!1,onChange:r,hasImage:s,inputType:d,image:c})=>ae.default.createElement(At,{"data-disabled":o,className:i,"data-size":e,"data-checked":l,onClick:()=>{r(n)},"data-has-image":s},s&&ae.default.createElement("div",{className:"choice-image-wrapper"},c&&ae.default.createElement("img",{src:c,loading:"lazy"})),ae.default.createElement("label",{onClick:e=>{e.preventDefault()},htmlFor:`${a}-${n}`},t),ae.default.createElement("input",{type:d,checked:l,name:a,id:`${a}-${n}`,value:n,readOnly:!0})),zt=({question:l,description:n,onOptionsChange:i,onTextOptionsChange:o,style:r,className:s})=>{const{type:d,title:c,subtitle:m,image:u,textOptions:p,options:g,name:h,is_multi_select:f}=l,v=!!(null==g?void 0:g.some((e=>e.image))),[b,y]=e.useState([]),[E,w]=e.useState((()=>(null==p?void 0:p.slice())||[]));return e.useEffect((()=>{i&&i(b.slice())}),[!!i,b]),e.useEffect((()=>{o&&o(E)}),[!!o,E]),ae.default.createElement(Pt,{className:s,style:r},ae.default.createElement("div",{className:"survey-question-text-wrapper"},c&&ae.default.createElement(a.Heading,{"data-nosubtitle":!m,className:"survey-question-title",tag:"h4"},c),m&&ae.default.createElement(t.Text,{className:"survey-question-subtitle",size:"p2"},m),n&&ae.default.createElement(t.Text,{className:"survey-question-description",size:"p2"},n)),u&&ae.default.createElement("img",{src:u,className:"survey-question-image",loading:"lazy"}),ae.default.createElement("div",{className:"survey-question-answer-wrapper"},"radio"===d&&ae.default.createElement("div",{"data-has-image":v,className:"survey-question-options-wrapper"},g.map((e=>{var t;return ae.default.createElement(Dt,{inputType:"radio",label:e.label,name:h,key:`${h}-${e.value}`,checked:(null===(t=b[0])||void 0===t?void 0:t.value)===e.value,value:e.value,onChange:e=>{y([g.find((t=>t.value===e))])},className:"survey-question-option-item",image:e.image,hasImage:v})}))),"checkbox"===d&&ae.default.createElement("div",{"data-has-image":v,className:"survey-question-options-wrapper"},g.map((e=>ae.default.createElement(Dt,{inputType:"checkbox",label:e.label,name:h,key:`${h}-${e.value}`,checked:!!b.find((t=>t.value===e.value)),value:e.value,onChange:()=>{const t=b.findIndex((t=>t.value===e.value));y(t>=0?e=>(e.splice(t,1),e.slice()):f?t=>t.concat(e).slice():[e])},className:"survey-question-option-item survey-option-radio",image:e.image,hasImage:v})))),"textbox"===d&&E.map(((e,t)=>e.isTextArea?ae.default.createElement(a.TextArea,{key:t,placeholder:e.placeholder,height:"150px",value:e.value,onChange:e=>w((a=>(a[t].value=e,a.slice())))}):ae.default.createElement(x.Input,{key:t,value:e.value,name:e.name,size:"md",className:"survey-contact-input",label:e.label,placeholder:e.placeholder,onChange:e=>{w((a=>(a[t].value=e,a.slice())))},type:e.type})))))};var Lt;!function(e){e[e.UNLIMITED=0]="UNLIMITED",e[e.EXACT_NUMBER=1]="EXACT_NUMBER",e[e.RANGE=2]="RANGE"}(Lt||(Lt={}));const It=200,$t=ne.default.div``,_t=ne.default.div`
|
|
832
832
|
width: 100vw;
|
|
833
833
|
height: 100vh;
|
|
834
834
|
position: fixed;
|
|
@@ -836,15 +836,15 @@
|
|
|
836
836
|
right: 0;
|
|
837
837
|
background-color: ${s.theme.colors.white};
|
|
838
838
|
opacity: 0.83;
|
|
839
|
-
transition: display ${
|
|
839
|
+
transition: display ${It}ms linear;
|
|
840
840
|
|
|
841
841
|
[data-floatmenu-open='true'] & {
|
|
842
|
-
animation: showBackgroundPanel ${
|
|
842
|
+
animation: showBackgroundPanel ${It}ms linear 0s normal
|
|
843
843
|
forwards;
|
|
844
844
|
}
|
|
845
845
|
|
|
846
846
|
[data-floatmenu-open='false'] & {
|
|
847
|
-
animation: hideBackgroundPanel ${
|
|
847
|
+
animation: hideBackgroundPanel ${It}ms linear 0s normal
|
|
848
848
|
forwards;
|
|
849
849
|
}
|
|
850
850
|
|
|
@@ -874,15 +874,15 @@
|
|
|
874
874
|
height: 0;
|
|
875
875
|
}
|
|
876
876
|
}
|
|
877
|
-
|
|
877
|
+
`,Ot=ne.default.div`
|
|
878
878
|
position: fixed;
|
|
879
879
|
right: 16px;
|
|
880
880
|
bottom: 40px;
|
|
881
|
-
`,
|
|
881
|
+
`,jt=ne.default.div`
|
|
882
882
|
display: flex;
|
|
883
883
|
flex-direction: column;
|
|
884
884
|
gap: 16px;
|
|
885
|
-
transition: all ${
|
|
885
|
+
transition: all ${It}ms ease-in-out;
|
|
886
886
|
position: fixed;
|
|
887
887
|
bottom: 112px;
|
|
888
888
|
right: 16px;
|
|
@@ -901,7 +901,7 @@
|
|
|
901
901
|
bottom: 46px;
|
|
902
902
|
right: 36px;
|
|
903
903
|
}
|
|
904
|
-
`,
|
|
904
|
+
`,Ft=ne.default.div`
|
|
905
905
|
border-radius: 50%;
|
|
906
906
|
width: 56px;
|
|
907
907
|
height: 56px;
|
|
@@ -949,12 +949,12 @@
|
|
|
949
949
|
|
|
950
950
|
[data-floatmenu-open='true'] &:before,
|
|
951
951
|
[data-floatmenu-open='true'] &:after {
|
|
952
|
-
animation: toX ${
|
|
952
|
+
animation: toX ${It}ms linear 0s normal forwards;
|
|
953
953
|
}
|
|
954
954
|
|
|
955
955
|
[data-floatmenu-open='false'] &:before,
|
|
956
956
|
[data-floatmenu-open='false'] &:after {
|
|
957
|
-
animation: toPlus ${
|
|
957
|
+
animation: toPlus ${It}ms linear 0s normal forwards;
|
|
958
958
|
}
|
|
959
959
|
|
|
960
960
|
@keyframes toX {
|
|
@@ -990,7 +990,7 @@
|
|
|
990
990
|
transform: translate(-50%, -50%) rotateZ(0deg);
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
|
-
`,
|
|
993
|
+
`,Ht=ne.default.div`
|
|
994
994
|
display: flex;
|
|
995
995
|
gap: 8px;
|
|
996
996
|
align-items: center;
|
|
@@ -1014,11 +1014,11 @@
|
|
|
1014
1014
|
}
|
|
1015
1015
|
// slide
|
|
1016
1016
|
[data-animation-type='slide'] & {
|
|
1017
|
-
transition: all ${
|
|
1017
|
+
transition: all ${It}ms ease-in;
|
|
1018
1018
|
}
|
|
1019
1019
|
|
|
1020
1020
|
[data-animation-type='slide'][data-floatmenu-open='true'] & {
|
|
1021
|
-
animation: showItem ${
|
|
1021
|
+
animation: showItem ${It}ms;
|
|
1022
1022
|
}
|
|
1023
1023
|
[data-animation-type='slide'][data-floatmenu-open='false'] & {
|
|
1024
1024
|
bottom: -64px !important;
|
|
@@ -1056,12 +1056,12 @@
|
|
|
1056
1056
|
opacity: 0;
|
|
1057
1057
|
}
|
|
1058
1058
|
}
|
|
1059
|
-
`,
|
|
1059
|
+
`,Rt=ne.default.div`
|
|
1060
1060
|
font-size: 14px;
|
|
1061
1061
|
|
|
1062
1062
|
// zoom
|
|
1063
1063
|
[data-animation-type='zoom'] & {
|
|
1064
|
-
transition: transform ${
|
|
1064
|
+
transition: transform ${It}ms ease-in-out;
|
|
1065
1065
|
transform-origin: 100% 0;
|
|
1066
1066
|
}
|
|
1067
1067
|
|
|
@@ -1075,7 +1075,7 @@
|
|
|
1075
1075
|
|
|
1076
1076
|
// slide
|
|
1077
1077
|
[data-animation-type='slide'] & {
|
|
1078
|
-
transition: opacity ${
|
|
1078
|
+
transition: opacity ${It}ms;
|
|
1079
1079
|
}
|
|
1080
1080
|
[data-animation-type='slide'][data-floatmenu-open='true'] & {
|
|
1081
1081
|
opacity: 1;
|
|
@@ -1083,7 +1083,7 @@
|
|
|
1083
1083
|
[data-animation-type='slide'][data-floatmenu-open='false'] & {
|
|
1084
1084
|
opacity: 0;
|
|
1085
1085
|
}
|
|
1086
|
-
`,
|
|
1086
|
+
`,Gt=ne.default.div`
|
|
1087
1087
|
border-radius: 50%;
|
|
1088
1088
|
box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 8px rgba(0, 0, 0, 0.04),
|
|
1089
1089
|
0px 0px 1px rgba(0, 0, 0, 0.04);
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
|
|
1097
1097
|
// zoom
|
|
1098
1098
|
[data-animation-type='zoom'] & {
|
|
1099
|
-
transition: transform ${
|
|
1099
|
+
transition: transform ${It}ms ease-in-out;
|
|
1100
1100
|
}
|
|
1101
1101
|
|
|
1102
1102
|
[data-animation-type='zoom'][data-floatmenu-open='true'] & {
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
height: 24px;
|
|
1113
1113
|
object-fit: contain;
|
|
1114
1114
|
}
|
|
1115
|
-
`,
|
|
1115
|
+
`,Ut=ne.default.div`
|
|
1116
1116
|
padding: 16px;
|
|
1117
1117
|
width: 375px;
|
|
1118
1118
|
word-wrap: break-word;
|
|
@@ -1142,7 +1142,7 @@
|
|
|
1142
1142
|
right: unset;
|
|
1143
1143
|
}
|
|
1144
1144
|
}
|
|
1145
|
-
`,
|
|
1145
|
+
`,Wt=ne.default.p`
|
|
1146
1146
|
position: relative;
|
|
1147
1147
|
padding-left: 24px;
|
|
1148
1148
|
color: ${s.theme.colors.white};
|
|
@@ -1161,7 +1161,7 @@
|
|
|
1161
1161
|
content: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00001 1.33331C4.32001 1.33331 1.33334 4.31998 1.33334 7.99998C1.33334 11.68 4.32001 14.6666 8.00001 14.6666C11.68 14.6666 14.6667 11.68 14.6667 7.99998C14.6667 4.31998 11.68 1.33331 8.00001 1.33331ZM8.00001 11.3333C7.63334 11.3333 7.33334 11.0333 7.33334 10.6666V7.99998C7.33334 7.63331 7.63334 7.33331 8.00001 7.33331C8.36668 7.33331 8.66668 7.63331 8.66668 7.99998V10.6666C8.66668 11.0333 8.36668 11.3333 8.00001 11.3333ZM7.33334 5.99998H8.66668V4.66665H7.33334V5.99998Z' fill='white'/%3e%3c/svg%3e");
|
|
1162
1162
|
}
|
|
1163
1163
|
}
|
|
1164
|
-
`,
|
|
1164
|
+
`,Vt=ne.default.p`
|
|
1165
1165
|
margin-top: 2px;
|
|
1166
1166
|
color: ${s.theme.colors.white};
|
|
1167
1167
|
font-size: 12px;
|
|
@@ -1172,12 +1172,12 @@
|
|
|
1172
1172
|
text-decoration: none;
|
|
1173
1173
|
text-decoration-line: underline;
|
|
1174
1174
|
}
|
|
1175
|
-
`,
|
|
1175
|
+
`,qt=ne.default.div`
|
|
1176
1176
|
display: flex;
|
|
1177
1177
|
align-items: center;
|
|
1178
1178
|
margin-top: 8px;
|
|
1179
1179
|
gap: 16px;
|
|
1180
|
-
`,
|
|
1180
|
+
`,Qt=ne.default.div`
|
|
1181
1181
|
padding: 7px 28px;
|
|
1182
1182
|
background: ${s.theme.colors.white};
|
|
1183
1183
|
border-radius: ${s.theme.borderRadius};
|
|
@@ -1186,14 +1186,14 @@
|
|
|
1186
1186
|
font-size: 12px;
|
|
1187
1187
|
font-weight: 600;
|
|
1188
1188
|
line-height: 18px;
|
|
1189
|
-
`,
|
|
1189
|
+
`,Zt=ne.default.a`
|
|
1190
1190
|
color: ${s.theme.colors.white};
|
|
1191
1191
|
font-size: 12px;
|
|
1192
1192
|
font-weight: 600;
|
|
1193
1193
|
line-height: 22px;
|
|
1194
1194
|
text-decoration: none;
|
|
1195
1195
|
text-decoration-line: underline;
|
|
1196
|
-
`,
|
|
1196
|
+
`,Yt=f.keyframes`
|
|
1197
1197
|
from {
|
|
1198
1198
|
transform: translateY(100%);
|
|
1199
1199
|
visibility: visible;
|
|
@@ -1202,7 +1202,7 @@
|
|
|
1202
1202
|
to {
|
|
1203
1203
|
transform: translateY(0);
|
|
1204
1204
|
}
|
|
1205
|
-
`,
|
|
1205
|
+
`,Kt=f.keyframes`
|
|
1206
1206
|
from {
|
|
1207
1207
|
transform: translate(0, 0);
|
|
1208
1208
|
}
|
|
@@ -1211,7 +1211,7 @@
|
|
|
1211
1211
|
visibility: hidden;
|
|
1212
1212
|
transform: translate(0, 100%);
|
|
1213
1213
|
}
|
|
1214
|
-
`,
|
|
1214
|
+
`,Xt=ne.default.div`
|
|
1215
1215
|
cursor: pointer;
|
|
1216
1216
|
display: flex;
|
|
1217
1217
|
flex-direction: column;
|
|
@@ -1284,7 +1284,7 @@
|
|
|
1284
1284
|
&[data-is-disabled='true'] {
|
|
1285
1285
|
opacity: 0.2;
|
|
1286
1286
|
}
|
|
1287
|
-
`,
|
|
1287
|
+
`,Jt=ne.default.div`
|
|
1288
1288
|
z-index: 100;
|
|
1289
1289
|
position: fixed;
|
|
1290
1290
|
bottom: 0;
|
|
@@ -1310,11 +1310,11 @@
|
|
|
1310
1310
|
text-decoration: none;
|
|
1311
1311
|
}
|
|
1312
1312
|
&[data-is-collapsed='true'] {
|
|
1313
|
-
animation: ${
|
|
1313
|
+
animation: ${Kt} 500ms ease-in-out forwards;
|
|
1314
1314
|
}
|
|
1315
1315
|
|
|
1316
1316
|
&[data-is-collapsed='false'] {
|
|
1317
|
-
animation: ${
|
|
1317
|
+
animation: ${Yt} 500ms ease-in-out forwards;
|
|
1318
1318
|
}
|
|
1319
1319
|
&[data-template='health-tool'] {
|
|
1320
1320
|
height: 44px;
|
|
@@ -1325,7 +1325,7 @@
|
|
|
1325
1325
|
flex: 0;
|
|
1326
1326
|
}
|
|
1327
1327
|
}
|
|
1328
|
-
`,
|
|
1328
|
+
`,ea=ne.default.span`
|
|
1329
1329
|
position: absolute;
|
|
1330
1330
|
left: 100%;
|
|
1331
1331
|
transform: translate(-10px, calc(-50% + 3px));
|
|
@@ -1343,18 +1343,18 @@
|
|
|
1343
1343
|
left: 0;
|
|
1344
1344
|
transform: translate(22px, -50%);
|
|
1345
1345
|
}
|
|
1346
|
-
`;
|
|
1346
|
+
`;ne.default.div`
|
|
1347
1347
|
position: absolute;
|
|
1348
1348
|
top: 0;
|
|
1349
1349
|
left: 0;
|
|
1350
1350
|
height: 3px;
|
|
1351
1351
|
background-color: ${s.theme.colors.primaryBase};
|
|
1352
1352
|
transition: width 150ms linear;
|
|
1353
|
-
`,
|
|
1353
|
+
`,ne.default.div`
|
|
1354
1354
|
a {
|
|
1355
1355
|
text-decoration: none;
|
|
1356
1356
|
}
|
|
1357
|
-
`;const
|
|
1357
|
+
`;const ta=e=>{var{badgeAmount:a,disabled:l=!1,hasBadge:n=!1,icon:i,isActive:o=!1,isSpecial:r=!1,label:c}=e,m=d.__rest(e,["badgeAmount","disabled","hasBadge","icon","isActive","isSpecial","label"]);return ae.default.createElement(Xt,Object.assign({"data-is-special":r,"data-is-active":o,"data-is-disabled":l},m),ae.default.createElement("div",{className:"mobile-navigation-icon","data-no-label":!Boolean(c)},n&&ae.default.createElement(ea,{"data-no-label":!Boolean(c)},ae.default.createElement(t.Text,{size:"s5",weight:"semiBold",color:r?s.theme.colors.primaryBase:s.theme.colors.white},a)),i),c&&ae.default.createElement("span",{className:"mobile-navigation-label"},c))},aa=e=>{var{children:t,isCollapsed:a=!1,template:l="homepage"}=e,n=d.__rest(e,["children","isCollapsed","template"]);return ae.default.createElement(Jt,Object.assign({"data-is-collapsed":a,"data-template":l},n),t)};aa.Icon=ta;const la=ne.default.div`
|
|
1358
1358
|
position: relative;
|
|
1359
1359
|
width: 100%;
|
|
1360
1360
|
height: 100%;
|
|
@@ -1370,7 +1370,7 @@
|
|
|
1370
1370
|
border-top-right-radius: 16px;
|
|
1371
1371
|
}
|
|
1372
1372
|
}
|
|
1373
|
-
`,
|
|
1373
|
+
`,na="hhgcomp-toolbanner-wrapper",ia=a.getDefaultClassWrapper(la,na),oa=ne.default.div`
|
|
1374
1374
|
width: 100%;
|
|
1375
1375
|
${l.MediaQueries.mbDown} {
|
|
1376
1376
|
padding-bottom: 24px;
|
|
@@ -1392,7 +1392,7 @@
|
|
|
1392
1392
|
|
|
1393
1393
|
${l.MediaQueries.tdDown} {
|
|
1394
1394
|
height: auto;
|
|
1395
|
-
.${
|
|
1395
|
+
.${na} {
|
|
1396
1396
|
.${"hhgcomp-toolbanner-inner"} {
|
|
1397
1397
|
display: flex;
|
|
1398
1398
|
align-items: center;
|
|
@@ -1416,7 +1416,7 @@
|
|
|
1416
1416
|
}
|
|
1417
1417
|
}
|
|
1418
1418
|
}
|
|
1419
|
-
`,
|
|
1419
|
+
`,ra=ne.default.div`
|
|
1420
1420
|
display: flex;
|
|
1421
1421
|
flex-direction: row;
|
|
1422
1422
|
align-items: center;
|
|
@@ -1427,7 +1427,7 @@
|
|
|
1427
1427
|
${l.MediaQueries.mbDown} {
|
|
1428
1428
|
padding: 16px 0;
|
|
1429
1429
|
}
|
|
1430
|
-
`,
|
|
1430
|
+
`,sa=ne.default.div`
|
|
1431
1431
|
background: #ffffff;
|
|
1432
1432
|
border-radius: 16px;
|
|
1433
1433
|
width: 48px;
|
|
@@ -1442,14 +1442,14 @@
|
|
|
1442
1442
|
max-height: 24px;
|
|
1443
1443
|
transform: translate(-50%, -50%);
|
|
1444
1444
|
}
|
|
1445
|
-
`,
|
|
1445
|
+
`,da=ne.default.div`
|
|
1446
1446
|
display: flex;
|
|
1447
1447
|
align-items: flex-start;
|
|
1448
1448
|
flex-direction: column;
|
|
1449
1449
|
justify-content: space-between;
|
|
1450
1450
|
gap: 0;
|
|
1451
1451
|
width: 100%;
|
|
1452
|
-
`,
|
|
1452
|
+
`,ca=ne.default.div`
|
|
1453
1453
|
display: flex;
|
|
1454
1454
|
align-items: flex-start;
|
|
1455
1455
|
font-weight: 400;
|
|
@@ -1474,7 +1474,7 @@
|
|
|
1474
1474
|
height: 14px;
|
|
1475
1475
|
}
|
|
1476
1476
|
}
|
|
1477
|
-
`,
|
|
1477
|
+
`,ma=({className:e,heading:l,color:n="blue",isMobile:i,bannerUrl:o,bannerUrlLarge:r,bannerColor:s,medicalReview:d={link:"#",reviewer:"",date:""},icon:m,style:u,siteType:p,isEmbeded:g})=>{var h,f;const{t:v}=C.useTranslations(),b=c.useMantineTheme(),y=i?o:r||o,x={pink:[8,6]},E=b.colors[n]||b.colors.blue,w=(null==d?void 0:d.reviewer)?ae.default.createElement(t.Text,{size:"label2",color:"#fff",as:"div",className:"embedded-review",sx:{a:{textUnderlineOffset:"2px",color:"#fff",textDecoration:"underline"}}},ae.default.createElement("div",{dangerouslySetInnerHTML:{__html:v("toolPage.toolReviewer",{expert_name:`<a href="${d.link}">${d.reviewer.trim()}</a>`,date:d.date})}})):null;return ae.default.createElement(oa,{"data-is-mobile":i,style:u,"data-site":p},ae.default.createElement(ia,{className:e,"data-banner-url":y,"data-is-mobile":i,"data-site":p,"data-banner-color":s,"data-is-embedded":g,bgColor:`linear-gradient(71deg, ${null==E?void 0:E[(null===(h=x[n])||void 0===h?void 0:h[0])||7]} -4.07%, ${null==E?void 0:E[(null===(f=x[n])||void 0===f?void 0:f[1])||4]} 90.13%)}`},"marryBaby"===p&&g?ae.default.createElement(ra,null,ae.default.createElement(sa,null,m),ae.default.createElement(da,null,ae.default.createElement(a.Heading,{color:"white",tag:"h5",as:"h2"},l),d&&ae.default.createElement(ca,{"data-is-mobile":i},w))):ae.default.createElement(c.Flex,{gap:c.rem(24),align:"center",justify:"space-between",sx:{padding:`${c.rem(13)} ${c.rem(20)}`,gap:c.rem(24)}},ae.default.createElement(c.Box,null,ae.default.createElement(a.Heading,{tag:"h5",as:"h2",color:"#fff"},l),d&&ae.default.createElement(t.Text,{size:"n1",as:"div"},w)),ae.default.createElement(c.Flex,{justify:"center",align:"center",sx:e=>{var t,a;return{width:c.rem(64),height:c.rem(64),borderRadius:"50%",background:(null===(a=null===(t=e.colors)||void 0===t?void 0:t[n])||void 0===a?void 0:a[0])||e.colors.blue[0],flexShrink:0,img:{maxWidth:c.rem(48),maxHeight:c.rem(48)},[e.fn.smallerThan("sm")]:{width:c.rem(56),height:c.rem(56),img:{maxWidth:c.rem(40),maxHeight:c.rem(40)}}}}},m))))},ua=ne.default(z.Dropdown)`
|
|
1478
1478
|
border-color: ${s.theme.mbColors.lightGray};
|
|
1479
1479
|
background-color: ${s.theme.colors.white};
|
|
1480
1480
|
border-radius: 16px;
|
|
@@ -1485,7 +1485,7 @@
|
|
|
1485
1485
|
}
|
|
1486
1486
|
|
|
1487
1487
|
& > ul {
|
|
1488
|
-
z-index: ${
|
|
1488
|
+
z-index: ${N.Z_INDEX.menuSearchPopup};
|
|
1489
1489
|
max-height: 300px;
|
|
1490
1490
|
overflow-y: auto;
|
|
1491
1491
|
}
|
|
@@ -1500,7 +1500,7 @@
|
|
|
1500
1500
|
&[data-dropdown-open='true'] {
|
|
1501
1501
|
border-color: ${s.theme.mbColors.pink};
|
|
1502
1502
|
}
|
|
1503
|
-
`;
|
|
1503
|
+
`;ne.default(a.PureInput)`
|
|
1504
1504
|
& input {
|
|
1505
1505
|
border-color: ${s.theme.mbColors.lightGray};
|
|
1506
1506
|
background-color: ${s.theme.colors.white};
|
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
& .displayIcon {
|
|
1517
1517
|
pointer-events: none;
|
|
1518
1518
|
}
|
|
1519
|
-
`;const
|
|
1519
|
+
`;const pa=ne.default(x.Input)`
|
|
1520
1520
|
& label {
|
|
1521
1521
|
position: absolute;
|
|
1522
1522
|
z-index: 1;
|
|
@@ -1593,9 +1593,9 @@
|
|
|
1593
1593
|
padding-right: 46px;
|
|
1594
1594
|
}
|
|
1595
1595
|
}
|
|
1596
|
-
`,
|
|
1596
|
+
`,ga=ne.default.div`
|
|
1597
1597
|
width: 100%;
|
|
1598
|
-
`,
|
|
1598
|
+
`,ha=ne.default.div`
|
|
1599
1599
|
#due-date-dropdown {
|
|
1600
1600
|
z-index: 9;
|
|
1601
1601
|
width: 100%;
|
|
@@ -1621,7 +1621,7 @@
|
|
|
1621
1621
|
display: flex;
|
|
1622
1622
|
width: 100%;
|
|
1623
1623
|
justify-content: space-between;
|
|
1624
|
-
`,
|
|
1624
|
+
`,fa=ne.default(ga)`
|
|
1625
1625
|
.due-date-input {
|
|
1626
1626
|
width: 100%;
|
|
1627
1627
|
min-width: unset;
|
|
@@ -1645,7 +1645,7 @@
|
|
|
1645
1645
|
font-size: 16px;
|
|
1646
1646
|
}
|
|
1647
1647
|
}
|
|
1648
|
-
`;
|
|
1648
|
+
`;ne.default.div`
|
|
1649
1649
|
display: flex;
|
|
1650
1650
|
align-items: right;
|
|
1651
1651
|
|
|
@@ -1660,14 +1660,14 @@
|
|
|
1660
1660
|
line-height: 16px;
|
|
1661
1661
|
text-align: right;
|
|
1662
1662
|
}
|
|
1663
|
-
`;const
|
|
1663
|
+
`;const va=ne.default.img`
|
|
1664
1664
|
img& {
|
|
1665
1665
|
width: 16px;
|
|
1666
1666
|
height: 16px;
|
|
1667
1667
|
}
|
|
1668
|
-
`;var
|
|
1668
|
+
`;var ba;ne.default(va)`
|
|
1669
1669
|
margin-right: 4px;
|
|
1670
|
-
`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(
|
|
1670
|
+
`,function(e){e[e.lastPeriod=0]="lastPeriod",e[e.conception=1]="conception",e[e.IVF=2]="IVF"}(ba||(ba={}));const ya="yyyy-MM-dd",xa=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,Ea=({locale:a,onClick:l,siteType:i,pageUrl:o})=>{const{t:r}=C.useTranslations(),[d,c]=e.useState(new Date);return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(fa,{className:"input-form","data-is-side":!0},"marryBaby"===i?ae.default.createElement(pa,{label:r("dueDatePage.conceptionDate"),name:"date",size:"md",value:xa(d),CustomInput:ae.default.createElement(M.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>ae.default.createElement(x.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&re.default(d).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}):ae.default.createElement(x.Input,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.conceptionDate")),value:xa(d),name:"date",size:"md",className:"due-date-input",CustomInput:ae.default.createElement(M.DatePicker,{customInput:e=>ae.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:xa(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:d,displayDateFormat:A.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),ae.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l((e=>{const t=new Date(e);return t.setDate(t.getDate()+265),{startDate:e,dueDate:t,otherInfo:{method:ba.conception+1,conception_date:k.format(e,ya),first_day:null,cycle_length_days:null,ivf_transfer_date:null,days_transfer:null}}})(d),`${u.QUERY_HEALTH_TOOL.type}=1&sd=${k.format(d,ya)}&${u.QUERY_HEALTH_TOOL.additional}= `)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},wa=({locale:a,onClick:l,siteType:i,pageUrl:o})=>{const{t:r}=C.useTranslations(),[d,c]=e.useState(new Date),[m,p]=e.useState("3");return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(fa,{className:"input-form","data-is-side":!0},"marryBaby"===i?ae.default.createElement(pa,{label:r("dueDatePage.ivf.transferDate"),name:"date",size:"md",value:xa(d),CustomInput:ae.default.createElement(M.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>ae.default.createElement(x.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&re.default(d).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}):ae.default.createElement(x.Input,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray700,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.ivf.transferDate")),value:xa(d),name:"date",size:"md",className:"due-date-input",CustomInput:ae.default.createElement(M.DatePicker,{customInput:e=>ae.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:xa(d)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:d,displayDateFormat:A.DATE_FORMAT,onChange:e=>{c(e)},placeholder:"placeholder"})})),ae.default.createElement("div",{style:{width:"100%"}},ae.default.createElement(it,{id:"radio-transfer-date",direction:"vertical",size:"small",value:m,onChange:e=>p(e),options:[{value:"3",label:r("dueDatePage.ivf.transferDateRadio",{number:3})},{value:"5",label:r("dueDatePage.ivf.transferDateRadio",{number:5})}]})),ae.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,onClick:()=>{l(((e,t)=>{const a=new Date(e);return a.setDate(a.getDate()+265-t),{startDate:e,dueDate:a,otherInfo:{method:ba.IVF+1,ivf_transfer_date:k.format(e,ya),days_transfer:t,conception_date:null,first_day:null,cycle_length_days:null}}})(d,Number(m)),`${u.QUERY_HEALTH_TOOL.type}=2&${u.QUERY_HEALTH_TOOL.startDate}=${k.format(d,ya)}&${u.QUERY_HEALTH_TOOL.additional}=${m}`)},role:"button"},r("dueDatePage.lastPeriod.calculate")))},Ca=({locale:a,onClick:l,siteType:i,pageUrl:o})=>{const{t:r}=C.useTranslations(),[d,c]=e.useState(28),[m,p]=e.useState(new Date);return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(fa,{className:"input-form","data-is-side":!0},"marryBaby"===i?ae.default.createElement(pa,{label:r("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:xa(m),CustomInput:ae.default.createElement(M.DatePicker,{onChange:e=>{p(e)},placeholder:"dd/mm/yyyy",pickedDate:m,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:new Date((new Date).getTime()-24192e6)},customInput:e=>ae.default.createElement(x.Input,Object.assign({name:"birthday",size:"md"},e,{value:m&&re.default(m).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}):ae.default.createElement(x.Input,{className:"input-section due-date-input",label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:xa(m),name:"date",size:"md",CustomInput:ae.default.createElement(M.DatePicker,{customInput:e=>ae.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:xa(m)})),disabledDays:{before:new Date((new Date).getTime()-24192e6)},locale:a,pickedDate:m,displayDateFormat:A.DATE_FORMAT,onChange:e=>{p(e)},placeholder:"placeholder"})})),ae.default.createElement("div",{className:"slider-due-date","data-theme":"marryBaby"===i?"marryBaby":""},"marryBaby"===i?ae.default.createElement(D.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},r("dueDatePage.lastPeriod.periodLengthLabel")):ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600,style:{marginBottom:"0.5rem"}},r("dueDatePage.lastPeriod.periodLengthLabel")),ae.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===i&&ae.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:s.theme.colors.gray600},d),ae.default.createElement(P.Slider,{containerStyle:{flex:1},min:20,max:40,step:1,labelAlwaysOn:"marryBaby"!==i,withControl:"marryBaby"!==i,onChange:c,value:d,label:"marryBaby"!==i?void 0:null}))),ae.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Due Date",dataEventLabel:o,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===i?"secondary":"primary",onClick:()=>l(((e,t)=>{const a=t-21+272,l=new Date(e);return l.setDate(l.getDate()+a),{startDate:e,dueDate:l,otherInfo:{method:ba.lastPeriod+1,first_day:k.format(e,ya),cycle_length_days:t,conception_date:null,ivf_transfer_date:null,days_transfer:null}}})(m,d),`${u.QUERY_HEALTH_TOOL.type}=0&${u.QUERY_HEALTH_TOOL.startDate}=${k.format(m,ya)}&${u.QUERY_HEALTH_TOOL.additional}=${d}`),role:"button"},r("dueDatePage.lastPeriod.calculate")))},ka=ne.default.div`
|
|
1671
1671
|
&[data-is-side='true'] {
|
|
1672
1672
|
width: 100%;
|
|
1673
1673
|
margin-bottom: 0;
|
|
@@ -1697,7 +1697,7 @@
|
|
|
1697
1697
|
}
|
|
1698
1698
|
}
|
|
1699
1699
|
}
|
|
1700
|
-
`,
|
|
1700
|
+
`,Ba=ne.default.div`
|
|
1701
1701
|
margin-bottom: 20px;
|
|
1702
1702
|
width: 100%;
|
|
1703
1703
|
|
|
@@ -1709,7 +1709,7 @@
|
|
|
1709
1709
|
width: calc(50% - 8px);
|
|
1710
1710
|
}
|
|
1711
1711
|
}
|
|
1712
|
-
`,
|
|
1712
|
+
`,Ta=ne.default.div`
|
|
1713
1713
|
width: 100%;
|
|
1714
1714
|
display: flex;
|
|
1715
1715
|
justify-content: center;
|
|
@@ -1737,7 +1737,7 @@
|
|
|
1737
1737
|
max-width: 200px;
|
|
1738
1738
|
}
|
|
1739
1739
|
}
|
|
1740
|
-
`,
|
|
1740
|
+
`,Sa=ne.default.div`
|
|
1741
1741
|
width: 100%;
|
|
1742
1742
|
display: flex;
|
|
1743
1743
|
flex-wrap: wrap;
|
|
@@ -1753,7 +1753,7 @@
|
|
|
1753
1753
|
width: 100%;
|
|
1754
1754
|
}
|
|
1755
1755
|
}
|
|
1756
|
-
`,
|
|
1756
|
+
`,Na=ne.default.div`
|
|
1757
1757
|
position: relative;
|
|
1758
1758
|
width: calc(50% - 8px);
|
|
1759
1759
|
|
|
@@ -1780,7 +1780,7 @@
|
|
|
1780
1780
|
overflow-y: scroll;
|
|
1781
1781
|
}
|
|
1782
1782
|
}
|
|
1783
|
-
`,
|
|
1783
|
+
`,Aa=ne.default.div`
|
|
1784
1784
|
margin-bottom: 24px;
|
|
1785
1785
|
width: 100%;
|
|
1786
1786
|
|
|
@@ -1830,7 +1830,7 @@
|
|
|
1830
1830
|
padding-top: 8px;
|
|
1831
1831
|
padding-bottom: 16px;
|
|
1832
1832
|
}
|
|
1833
|
-
`,
|
|
1833
|
+
`,Ma=({onSubmitDueDate:a,locale:l,isSide:n,siteType:i})=>{const{t:o}=C.useTranslations(),[r,d]=e.useState(ba.lastPeriod),c=[{value:ba.lastPeriod,label:o("dueDatePage.lastPeriod")},{value:ba.conception,label:o("dueDatePage.conceptionDate")},{value:ba.IVF,label:o("dueDatePage.ivf")}],m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ae.default.createElement(Sa,null,ae.default.createElement(ga,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?ae.default.createElement(ua,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[r],onChange:e=>{d(e.value)}}):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},o("dueDatePage.calculationMethod")),ae.default.createElement(ha,{"data-is-side":n},ae.default.createElement(z.Dropdown,{options:c,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"md",value:c[r],onChange:e=>{d(e.value)}})))),r===ba.lastPeriod?ae.default.createElement(Ca,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null,r===ba.conception?ae.default.createElement(Ea,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null,r===ba.IVF?ae.default.createElement(wa,{locale:l,onClick:a,isSide:n,siteType:i,pageUrl:m}):null)},Pa=ne.default.form`
|
|
1834
1834
|
margin: auto;
|
|
1835
1835
|
${l.MediaQueries.mbUp} {
|
|
1836
1836
|
width: 100%;
|
|
@@ -1917,7 +1917,7 @@
|
|
|
1917
1917
|
}
|
|
1918
1918
|
}
|
|
1919
1919
|
}
|
|
1920
|
-
`,
|
|
1920
|
+
`,Da="hhgcomp-embedtoolcard-content",za=a.getDefaultClassWrapper(Pa,Da),La=ne.default.div`
|
|
1921
1921
|
padding: 0;
|
|
1922
1922
|
background-color: white;
|
|
1923
1923
|
border: 1px solid #e4e8ec;
|
|
@@ -1928,7 +1928,7 @@
|
|
|
1928
1928
|
border-radius: 16px;
|
|
1929
1929
|
}
|
|
1930
1930
|
.due-date-cal {
|
|
1931
|
-
.${
|
|
1931
|
+
.${Da} {
|
|
1932
1932
|
${l.MediaQueries.mbUp} {
|
|
1933
1933
|
padding: 24px;
|
|
1934
1934
|
}
|
|
@@ -2069,20 +2069,20 @@
|
|
|
2069
2069
|
background-size: contain;
|
|
2070
2070
|
content: '';
|
|
2071
2071
|
}
|
|
2072
|
-
`,
|
|
2072
|
+
`,Ia=ne.default(it)`
|
|
2073
2073
|
&[data-direction='horizontal'] div[data-type='circle'] {
|
|
2074
2074
|
margin-right: 8px;
|
|
2075
2075
|
}
|
|
2076
2076
|
label {
|
|
2077
2077
|
font-size: 14px;
|
|
2078
2078
|
}
|
|
2079
|
-
|
|
2079
|
+
`,$a=ne.default(n.Button)`
|
|
2080
2080
|
margin: 0 auto 24px;
|
|
2081
2081
|
${l.MediaQueries.mbUp} {
|
|
2082
2082
|
max-width: 200px;
|
|
2083
2083
|
margin: 24px auto;
|
|
2084
2084
|
}
|
|
2085
|
-
`,
|
|
2085
|
+
`,_a=ne.default(a.PureInput)`
|
|
2086
2086
|
&.bmi--input {
|
|
2087
2087
|
+ .bmi--input {
|
|
2088
2088
|
margin-top: 24px;
|
|
@@ -2142,9 +2142,9 @@
|
|
|
2142
2142
|
}
|
|
2143
2143
|
}
|
|
2144
2144
|
}
|
|
2145
|
-
|
|
2145
|
+
`,Oa=ne.default.div`
|
|
2146
2146
|
width: 100%;
|
|
2147
|
-
`,
|
|
2147
|
+
`,ja=ne.default.div`
|
|
2148
2148
|
margin-bottom: 1rem;
|
|
2149
2149
|
display: flex;
|
|
2150
2150
|
flex-direction: column;
|
|
@@ -2165,7 +2165,7 @@
|
|
|
2165
2165
|
font-size: 12px;
|
|
2166
2166
|
}
|
|
2167
2167
|
}
|
|
2168
|
-
`,
|
|
2168
|
+
`,Fa=ne.default.div`
|
|
2169
2169
|
${l.MediaQueries.mbUp} {
|
|
2170
2170
|
display: flex;
|
|
2171
2171
|
width: 100%;
|
|
@@ -2188,18 +2188,18 @@
|
|
|
2188
2188
|
flex-direction: column;
|
|
2189
2189
|
gap: 0px;
|
|
2190
2190
|
}
|
|
2191
|
-
`;function
|
|
2191
|
+
`;function Ha({weight:e,height:t}){const a=t/100,l=e;return Math.round(l/(a*a)*10)/10}const Ra=({value:a,onChange:l,onSubmit:i,disabled:o,bmiGenerated:r,bmiUnit:m,locale:p,isSide:g})=>{var h,f,v,b;const[y,x]=e.useState(!1),{control:E,handleSubmit:w,setValue:k,watch:B}=I.useForm(),T=B(),{t:S}=C.useTranslations(),{gender:A=!1,age:M=!1,height:P=!1,weight:D=!1,objective:z=!0}=o||{},{getHealthToolLink:L}=$.useHealthToolsCache(p),_=e.useMemo((()=>L(N.HEALTH_TOOL_TYPE.OVULATION)),[L]),O=e.useMemo((()=>[{value:"lose-weight",label:S("bmi.objective.loseWeight")},{value:"maintain-weight",label:S("bmi.objective.maintainWeight")},{value:"gain-weight",label:S("bmi.objective.gainWeight")}]),[]),j=()=>{x(!0)};return e.useEffect((()=>{Object.keys(a||{}).forEach((e=>{k(e,null==a?void 0:a[e],{shouldTouch:!1,shouldDirty:!1,shouldValidate:!1})}))}),[a]),e.useEffect((()=>{l&&l(T)}),[T]),ae.default.createElement(Oa,null,ae.default.createElement("form",{onSubmit:w((e=>d.__awaiter(void 0,void 0,void 0,(function*(){const t=m.heightConvert(e.height),a=m.weightConvert(e.weight),l={gender:e.gender,age:e.age,height:t,weight:a,bmi:Ha({height:t,weight:a})};z||(l.objective=e.objective),j(),i&&i(l)}))),j)},!A&&ae.default.createElement(ja,{"data-is-side":g},ae.default.createElement(I.Controller,{name:"gender",control:E,defaultValue:"male",render:({field:{onChange:e}})=>ae.default.createElement(Ae,{defaultValue:"male",onChange:t=>e(t),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:c.rem(12)}}})})})),ae.default.createElement(Fa,{"data-is-side":g},!M&&ae.default.createElement(ja,null,ae.default.createElement(I.Controller,{name:"age",control:E,rules:null===(h=r.age)||void 0===h?void 0:h.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},S("bmi.ageInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},S("bmi.ageInput.desc"))),placeholder:S("healthtool.placeholder.age"),name:e,value:a,onChange:l,error:y?null==i?void 0:i.message:"",min:0})})),!P&&ae.default.createElement(ja,null,ae.default.createElement(I.Controller,{name:"height",control:E,rules:null===(f=r.height)||void 0===f?void 0:f.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},S("bmi.heightInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},S("bmi.heightInput.desc"))),placeholder:S("pwg.placeholder.height"),name:e,value:a,onChange:l,error:y?null==i?void 0:i.message:"",min:0})})),!D&&ae.default.createElement(ja,null,ae.default.createElement(I.Controller,{name:"weight",control:E,rules:null===(v=r.weight)||void 0===v?void 0:v.rule,render:({field:{name:e,value:a,onChange:l},fieldState:{error:i}})=>ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},S("bmi.weightInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},S("bmi.weightInput.desc"))),placeholder:S("pwg.placeholder.weight"),name:e,value:a,onChange:l,error:y?null==i?void 0:i.message:"",precision:1,min:0})})),!z&&ae.default.createElement(ja,null,ae.default.createElement(I.Controller,{name:"objective",control:E,defaultValue:"lose-weight",rules:null===(b=r.objective)||void 0===b?void 0:b.rule,render:({field:{name:e,value:t,onChange:a},fieldState:{error:l}})=>ae.default.createElement(_a,{size:"md",name:e,label:r.objective.label,CustomInput:ae.default.createElement(it,{id:"bmi-objective",className:"bmi-objective",direction:"vertical",size:"small",options:O,value:t,onChange:a}),errorMessage:y?null==l?void 0:l.message:"",className:"bmi--input bmi--input-objective"})}))),ae.default.createElement("div",{style:{display:"flex"}},ae.default.createElement($a,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMI",dataEventLabel:`https://${u.domainLocales[p]}/${_}`,type:"submit"},S("bmi.submit")))))},Ga=ne.default.div`
|
|
2192
2192
|
padding-block: 40px;
|
|
2193
2193
|
|
|
2194
2194
|
&[data-theme='marryBaby'] {
|
|
2195
2195
|
padding-block: 0;
|
|
2196
2196
|
padding-top: 12px;
|
|
2197
2197
|
}
|
|
2198
|
-
`,
|
|
2198
|
+
`,Ua=ne.default.form`
|
|
2199
2199
|
display: flex;
|
|
2200
2200
|
flex-direction: column;
|
|
2201
2201
|
gap: 16px;
|
|
2202
|
-
`,
|
|
2202
|
+
`,Wa=ne.default.div`
|
|
2203
2203
|
display: flex;
|
|
2204
2204
|
flex-direction: column;
|
|
2205
2205
|
gap: 6px;
|
|
@@ -2208,11 +2208,11 @@
|
|
|
2208
2208
|
.error-input input {
|
|
2209
2209
|
border: 1px solid ${s.theme.colors.red700};
|
|
2210
2210
|
}
|
|
2211
|
-
`,
|
|
2211
|
+
`,Va=ne.default(S.Label)`
|
|
2212
2212
|
display: inline-flex;
|
|
2213
2213
|
padding-bottom: 6px;
|
|
2214
2214
|
gap: 4px;
|
|
2215
|
-
`,
|
|
2215
|
+
`,qa=ne.default.div`
|
|
2216
2216
|
display: flex;
|
|
2217
2217
|
width: 100%;
|
|
2218
2218
|
align-items: center;
|
|
@@ -2221,7 +2221,7 @@
|
|
|
2221
2221
|
> div {
|
|
2222
2222
|
width: 100%;
|
|
2223
2223
|
}
|
|
2224
|
-
`,
|
|
2224
|
+
`,Qa=(e=0,t=0)=>{try{if(e&&t){const a=Number(t)/Math.pow(Number(e)/100,2);return Number(((e,t=2)=>Intl.NumberFormat(void 0,{maximumFractionDigits:t}).format(e))(a))}return 0}catch(e){}return 0},Za=ne.default.div`
|
|
2225
2225
|
padding: 36px;
|
|
2226
2226
|
padding-top: 0;
|
|
2227
2227
|
background-color: white;
|
|
@@ -2238,9 +2238,9 @@
|
|
|
2238
2238
|
padding: 16px;
|
|
2239
2239
|
}
|
|
2240
2240
|
}
|
|
2241
|
-
`,
|
|
2241
|
+
`,Ya=ne.default((({onSubmit:a,onError:l,schema:i,siteType:o})=>{const{t:r}=C.useTranslations(),d="mb"===c.useMantineTheme().other.template,{control:m,setValue:u,watch:g,handleSubmit:h,formState:{isSubmitted:f}}=I.useForm({resolver:_.yupResolver(i),mode:"onSubmit",defaultValues:{name:"",gender:p.Gender.Boy,measurementDate:new Date}}),v=g("weight"),b=g("height"),y=g("head"),E=e.useMemo((()=>f&&!v&&!b&&!y),[f,v,b,y]);e.useEffect((()=>{const e=Qa(b,v);u("bmi",String(e)||"0")}),[v,b]);const w=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(Ga,{"data-theme":o},ae.default.createElement(Ua,{onSubmit:h(a,l)},ae.default.createElement(I.Controller,{control:m,name:"gender",render:({field:{onChange:e,value:t}})=>ae.default.createElement(O.BabyGrowthGender,{onChange:e,value:t,siteType:o})}),"marryBaby"===o?ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(I.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:r("babyGrowth.input.birthday"),name:"birthday",size:"md",value:String(t),CustomInput:ae.default.createElement(M.DatePicker,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:t||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:l=>ae.default.createElement(x.Input,Object.assign({onChange:e,className:(null==a?void 0:a.message)?"error-input":"",name:"birthday",size:"md"},l,{value:t&&re.default(t).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}))}),ae.default.createElement(qa,null,ae.default.createElement(I.Controller,{control:m,name:"height",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:`${r("babyGrowth.height")} ${r("babyGrowth.cm")}`,name:"height",size:"md",value:String(t),CustomInput:ae.default.createElement(x.Input,{className:E||(null==a?void 0:a.message)?"error-input":"",name:"height",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),ae.default.createElement(I.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:`${r("babyGrowth.weight")} ${r("babyGrowth.kg")}`,name:"weight",size:"md",value:String(t),CustomInput:ae.default.createElement(x.Input,{className:E||(null==a?void 0:a.message)?"error-input":"",name:"weight",size:"md",placeholder:"Nhập thông tin",value:String(t),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))})),ae.default.createElement(qa,null,ae.default.createElement(I.Controller,{control:m,name:"head",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:`${r("babyGrowth.headCircumference")} ${r("babyGrowth.cm")}`,name:"head",size:"md",value:String(t),CustomInput:ae.default.createElement(x.Input,{className:E||(null==a?void 0:a.message)?"error-input":"",name:"head",size:"md",value:String(t),onChange:e,type:"number",placeholder:"Nhập thông tin",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()})}))}),ae.default.createElement(I.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:`${r("babyGrowth.input.bmi")} ${r("babyGrowth.kg.m2")}`,name:"date",size:"md",value:String(e),CustomInput:ae.default.createElement(x.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0,style:{color:"#9495A0"}})}))})),ae.default.createElement(I.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:t},fieldState:{error:a}})=>ae.default.createElement(Wa,null,ae.default.createElement(pa,{label:r("babyGrowth.input.measurementDate"),name:"date",size:"md",value:xa(t),CustomInput:ae.default.createElement(M.DatePicker,{placeholder:t&&re.default(t).format(N.DUE_DATE_FORMAT),pickedDate:t||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:l=>ae.default.createElement(x.Input,Object.assign({className:(null==a?void 0:a.message)&&"error-input",name:"measurementDate",size:"md",placeholder:t&&re.default(t).format(N.DUE_DATE_FORMAT),onChange:e},l,{value:t&&re.default(t).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}))}),ae.default.createElement(n.Button,{size:"lg",type:"submit",variant:d?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":w},r("babyGrowth.input.submit"))):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(I.Controller,{control:m,name:"birthday",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"birthday"},ae.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},r("babyGrowth.input.birthday"))),ae.default.createElement(M.DatePicker,{onChange:e,placeholder:"dd/mm/yyyy",pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",disabledDays:{after:new Date},customInput:t=>ae.default.createElement(x.Input,Object.assign({onChange:e,className:(null==l?void 0:l.message)?"error-input":"",name:"birthday",size:"md",actionIcon:ae.default.createElement(T.Icon.Calendar,null)},t,{value:a&&re.default(a).format(N.DUE_DATE_FORMAT)}))}))}),ae.default.createElement(qa,null,ae.default.createElement(I.Controller,{control:m,name:"height",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"height"},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold"},r("babyGrowth.height")),ae.default.createElement(t.Text,{as:"span",size:"n1",color:s.theme.colors.gray400},r("babyGrowth.cm"))),ae.default.createElement(x.Input,{className:E||(null==l?void 0:l.message)?"error-input":"",name:"height",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),ae.default.createElement(I.Controller,{control:m,name:"weight",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"weight"},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold"},r("babyGrowth.weight")),ae.default.createElement(t.Text,{as:"span",size:"n1",color:s.theme.colors.gray400},r("babyGrowth.kg"))),ae.default.createElement(x.Input,{className:E||(null==l?void 0:l.message)?"error-input":"",name:"weight",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))})),ae.default.createElement(qa,null,ae.default.createElement(I.Controller,{control:m,name:"head",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"head"},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold"},r("babyGrowth.headCircumference")),ae.default.createElement(t.Text,{as:"span",size:"n1",color:s.theme.colors.gray400},r("babyGrowth.cm"))),ae.default.createElement(x.Input,{className:E||(null==l?void 0:l.message)?"error-input":"",name:"head",placeholder:"0",size:"md",value:String(a),onChange:e,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur()}))}),ae.default.createElement(I.Controller,{control:m,name:"bmi",render:({field:{value:e}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"bmi"},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold"},r("babyGrowth.input.bmi")),ae.default.createElement(t.Text,{as:"span",size:"n1",color:s.theme.colors.gray400},r("babyGrowth.kg.m2"))),ae.default.createElement(x.Input,{name:"bmi",size:"md",type:"number",value:String(e),isDisabled:!0}))})),ae.default.createElement(I.Controller,{control:m,name:"measurementDate",render:({field:{onChange:e,value:a},fieldState:{error:l}})=>ae.default.createElement(Wa,null,ae.default.createElement(Va,{size:"label1",htmlFor:"measurementDate"},ae.default.createElement(t.Text,{as:"label",size:"s4",weight:"semiBold"},r("babyGrowth.input.measurementDate"))),ae.default.createElement(M.DatePicker,{placeholder:a&&re.default(a).format(N.DUE_DATE_FORMAT),pickedDate:a||new Date,displayDateFormat:"dd/MM/yyyy",onChange:e,disabledDays:{after:new Date},customInput:t=>ae.default.createElement(x.Input,Object.assign({className:(null==l?void 0:l.message)&&"error-input",name:"measurementDate",size:"md",placeholder:a&&re.default(a).format(N.DUE_DATE_FORMAT),onChange:e,actionIcon:ae.default.createElement(T.Icon.Calendar,null)},t,{value:a&&re.default(a).format(N.DUE_DATE_FORMAT)}))}))}),ae.default.createElement(n.Button,{size:"lg",type:"submit",variant:d?"secondary":"primary","data-event-category":"Health Tool","data-event-action":"Baby Growth","data-event-label":w},r("babyGrowth.input.submit"))))))}))`
|
|
2242
2242
|
padding-block: 0;
|
|
2243
|
-
`;
|
|
2243
|
+
`;ne.default(ma)`
|
|
2244
2244
|
padding-inline: 20px;
|
|
2245
2245
|
|
|
2246
2246
|
img.embedded-icon {
|
|
@@ -2262,7 +2262,7 @@
|
|
|
2262
2262
|
max-width: 200px;
|
|
2263
2263
|
}
|
|
2264
2264
|
}
|
|
2265
|
-
`;var
|
|
2265
|
+
`;var Ka=c.createStyles(((e,t)=>{const{isMarryBaby:a,isSide:l,direction:n}=t;return{root:Object.assign(Object.assign(Object.assign(Object.assign({position:"relative",display:"flex"},"auto"===n?{flexDirection:"row"}:{flexDirection:"column"===n?"column-reverse":"row"}),{gap:"8px",padding:"16px",borderRadius:a?"16px":"8px"}),!a&&{backgroundImage:`url(${r.CommonGAssets.getAssetPath("bgPattern/baby-poop.svg")})`,backgroundRepeat:"no-repeat",backgroundSize:"cover",backgroundPosition:"center"}),{backgroundColor:a?e.colors.toneGreen.toString():e.colors[e.primaryColor][0],[e.fn.smallerThan("sm")]:Object.assign({},"auto"===n?{flexDirection:"column-reverse"}:{}),[e.fn.smallerThan("md")]:{borderRadius:a?"12px":"8px"},[e.fn.largerThan("md")]:{padding:"32px",gap:"20px"}}),inner:{display:"flex",gap:"16px",flexDirection:"column",flex:1},content:{display:"flex",flexDirection:"column",gap:"16px"},reviewText:{display:"flex",gap:"4px",a:{color:e.colors.gray[6],fontWeight:"bold","&:not(:hover)":{textDecoration:"none"}}},reviewTextIcon:{flexShrink:0,width:"16px",height:"16px",[e.fn.largerThan("sm")]:{marginTop:"2px"}},thumbnail:Object.assign(Object.assign({img:{objectFit:"contain",objectPosition:"bottom",width:"100%",height:"100%"}},"column"===n?{width:"80%",alignSelf:"center"}:"row"===n?{width:"40%"}:{}),{[e.fn.smallerThan("sm")]:Object.assign({},"auto"===n?{width:"80%",alignSelf:"center"}:{}),[e.fn.largerThan("sm")]:Object.assign({},"auto"===n?{width:"40%"}:{})}),action:{display:"flex",justifyContent:a?"center":"flex-start"},btn:{minWidth:a?"auto":"143px",width:l||a?"100%":"auto",[e.fn.smallerThan("md")]:{width:"100%"}},sponsorLogo:Object.assign(Object.assign({position:"absolute",top:0,height:40,objectFit:"contain",objectPosition:"top"},"column"===n?{left:"16px",height:40}:"row"===n?{height:50,right:"40px"}:{left:"16px",height:40}),{[e.fn.largerThan("sm")]:Object.assign({},"auto"===n?{height:50,right:"40px",left:"unset"}:{})})}}));const Xa=ne.default.div`
|
|
2266
2266
|
display: flex;
|
|
2267
2267
|
width: 100%;
|
|
2268
2268
|
|
|
@@ -2273,7 +2273,7 @@
|
|
|
2273
2273
|
&[data-direction='horizontal'] {
|
|
2274
2274
|
flex-wrap: wrap;
|
|
2275
2275
|
}
|
|
2276
|
-
`,
|
|
2276
|
+
`,Ja=ne.default.div`
|
|
2277
2277
|
display: flex;
|
|
2278
2278
|
|
|
2279
2279
|
padding: 8px;
|
|
@@ -2319,13 +2319,13 @@
|
|
|
2319
2319
|
height: 36px;
|
|
2320
2320
|
object-fit: contain;
|
|
2321
2321
|
}
|
|
2322
|
-
`,
|
|
2322
|
+
`,el=({value:a,options:l,className:n,direction:i="horizontal",onChange:o,isDisabled:r})=>{const[s,d]=e.useState(a);return ae.default.createElement(Xa,{className:n,"data-direction":i},l.map(((e,l)=>ae.default.createElement(Ja,{"data-selected":(a||s)===e.value,"data-disabled":r,key:`health-tool${l}`,onClick:()=>{var t;t=e.value,r||(d(t),o&&o(t))}},ae.default.createElement("div",null,ae.default.createElement("img",{src:(a||s)===e.value?e.imageActive:e.image,className:"gender-image",alt:"",loading:"lazy"}),e.label&&ae.default.createElement(t.Text,{weight:"bold",className:"radio-group-item-heading",size:"label1"},e.label))))))},tl=ne.default(n.Button)`
|
|
2323
2323
|
margin: 0 auto 24px;
|
|
2324
2324
|
width: 100%;
|
|
2325
2325
|
${l.MediaQueries.mbUp} {
|
|
2326
2326
|
max-width: 200px;
|
|
2327
2327
|
}
|
|
2328
|
-
`,
|
|
2328
|
+
`,al=ne.default.div``,ll=ne.default.div`
|
|
2329
2329
|
display: flex;
|
|
2330
2330
|
flex-direction: column;
|
|
2331
2331
|
gap: 16px;
|
|
@@ -2347,7 +2347,7 @@
|
|
|
2347
2347
|
font-size: 12px;
|
|
2348
2348
|
}
|
|
2349
2349
|
}
|
|
2350
|
-
`,
|
|
2350
|
+
`,nl=ne.default.div`
|
|
2351
2351
|
${l.MediaQueries.mbUp} {
|
|
2352
2352
|
display: flex;
|
|
2353
2353
|
width: 100%;
|
|
@@ -2373,13 +2373,13 @@
|
|
|
2373
2373
|
gap: 0px;
|
|
2374
2374
|
}
|
|
2375
2375
|
}
|
|
2376
|
-
`,
|
|
2376
|
+
`,il=({info:a,className:l,style:n,onChange:i,errorMessage:o={},locale:r})=>{const{t:d}=C.useTranslations(),[c,m]=e.useState(new Date),[u,p]=e.useState({age:!1,rate:!1});return e.useEffect((()=>{p({age:!1,rate:!1})}),[o]),ae.default.createElement(al,{style:n,className:l},ae.default.createElement(x.Input,{className:"input-section due-date-input",label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600,style:{marginBottom:"9px",flex:"1"}},d("targetHeartRate.ageInput")),value:xa(c),name:"date",size:"md",CustomInput:ae.default.createElement(M.DatePicker,{customInput:e=>ae.default.createElement("input",Object.assign({type:"date",className:"due-date-input"},e,{value:xa(c)})),disabledDays:{after:new Date(k.addDays(new Date,0))},locale:r,pickedDate:c,displayDateFormat:"dd/MM/yyyy",onChange:e=>{(e=>{m(e),p((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:k.format(new Date(e),ya)});i&&i(t)})(e)},placeholder:"placeholder"}),errorMessage:u.age?"":o.age}))},ol=ne.default(n.Button)`
|
|
2377
2377
|
margin: 0 auto 24px;
|
|
2378
2378
|
${l.MediaQueries.mbUp} {
|
|
2379
2379
|
max-width: 200px;
|
|
2380
2380
|
margin: 24px auto;
|
|
2381
2381
|
}
|
|
2382
|
-
`,
|
|
2382
|
+
`,rl=ne.default.div``,sl=ne.default.div`
|
|
2383
2383
|
margin-bottom: 1rem;
|
|
2384
2384
|
display: flex;
|
|
2385
2385
|
flex-direction: column;
|
|
@@ -2406,7 +2406,7 @@
|
|
|
2406
2406
|
font-size: 12px;
|
|
2407
2407
|
}
|
|
2408
2408
|
}
|
|
2409
|
-
`,
|
|
2409
|
+
`,dl=ne.default.div`
|
|
2410
2410
|
${l.MediaQueries.mbUp} {
|
|
2411
2411
|
display: flex;
|
|
2412
2412
|
width: 100%;
|
|
@@ -2429,11 +2429,11 @@
|
|
|
2429
2429
|
flex-direction: column;
|
|
2430
2430
|
gap: 0px;
|
|
2431
2431
|
}
|
|
2432
|
-
`,sl=({info:a,className:l,style:i,onChange:r,errorMessage:d={},locale:m,onClick:p,isSide:g})=>{const{t:h}=o.useTranslations(),[f,b]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:v}=L.useHealthToolsCache(m),y=e.useMemo((()=>v(T.HEALTH_TOOL_TYPE.OVULATION)),[v]),[x,E]=e.useState("male"),w=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},C=e=>{var t,l;l=e=>{b((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});r&&r(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||l(t)};return e.useEffect((()=>{r&&r(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{b({age:!1,height:!1,weight:!1})}),[d]),ee.default.createElement(il,{style:i,className:l},ee.default.createElement(ol,{"data-is-side":g},ee.default.createElement(Se,{defaultValue:"male",onChange:e=>E(e),styles:e=>({root:!g&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:c.rem(12)}}})})),ee.default.createElement(rl,{"data-is-side":g},ee.default.createElement(ol,null,ee.default.createElement(n.Input.Number,{label:ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},h("bmi.ageInput")," ",ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},h("bmi.ageInput.desc"))),placeholder:h("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>C(String(e)),error:f.age?"":d.age,min:0})),ee.default.createElement(ol,null,ee.default.createElement(n.Input.Number,{label:ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},h("bmi.heightInput")," ",ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},h("bmi.heightInput.desc"))),placeholder:h("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void w(t,(e=>{b((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});r&&r(t)}));var t},error:f.height?"":d.height,min:0})),ee.default.createElement(ol,null,ee.default.createElement(n.Input.Number,{label:ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},h("bmi.weightInput")," ",ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},h("bmi.weightInput.desc"))),placeholder:h("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),b((e=>Object.assign(Object.assign({},e),{weight:!0}))),void w(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});r&&r(t)}));var t},error:f.weight?"":d.weight,min:0,precision:1}))),ee.default.createElement("div",{style:{display:"flex"}},ee.default.createElement(nl,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${u.domainLocales[m]}/${y}`,onClick:()=>{p(x)}},h("bmi.submit"))))},dl=({locale:a,onSubmit:l,isSide:i,siteType:r})=>{const{t:d}=o.useTranslations(),[c,m]=e.useState(new Date),[u,p]=e.useState(28),[g,h]=e.useState(7),f={cycle:u,periodDateStart:c,periodLength:g},b=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(ga,{className:"input-form input-section","data-is-side":!0},"marryBaby"===r?ee.default.createElement(ma,{label:d("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:va(c),CustomInput:ee.default.createElement(N.DatePicker,{onChange:e=>{m(e)},placeholder:"dd/mm/yyyy",pickedDate:c,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:C.addDays(new Date,-45),after:new Date},customInput:e=>ee.default.createElement(x.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:c&&ie.default(c).format(T.DUE_DATE_FORMAT)}))}),actionIcon:ee.default.createElement(t.Icon.CalendarMB,{size:32})}):ee.default.createElement(x.Input,{label:ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},d("dueDatePage.lastPeriod.lastPeriodLabel")),value:va(c),size:"md",name:"date",className:"due-date-input",CustomInput:ee.default.createElement(N.DatePicker,{customInput:e=>ee.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:va(c)})),locale:a,pickedDate:c,displayDateFormat:S.DATE_FORMAT,onChange:e=>{m(e)},disabledDays:{before:C.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),ee.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":i},"marryBaby"===r?ee.default.createElement(M.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},d("ovulationPage.cycleLength")):ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},d("ovulationPage.cycleLength")+" ",ee.default.createElement("span",{style:{minHeight:"36px"}},d("ovulationPage.dayUnit"))),ee.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&ee.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:s.theme.colors.gray600},u),ee.default.createElement(A.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:u,onChange:p,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),ee.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===r?"marryBaby":"","data-is-side":i},"marryBaby"===r?ee.default.createElement(M.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},d("ovulationPage.periodDuration")):ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},d("ovulationPage.periodDuration")+" ",ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},d("ovulationPage.dayUnit"))),ee.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===r&&ee.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:s.theme.colors.gray600},g),ee.default.createElement(A.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:g,onChange:h,labelAlwaysOn:"marryBaby"!==r,withControl:"marryBaby"!==r,label:"marryBaby"!==r?void 0:null}))),ee.default.createElement("div",{style:{width:"100%",display:"flex"}},ee.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===r?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:b,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(f)),l&&l({startDate:c,cycle:u,periodLength:g})},role:"button"},d("dueDatePage.lastPeriod.calculate"))))};var cl;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(cl||(cl={}));const ml=({locale:a,onSubmitOvulation:l,isSide:n,siteType:i})=>{const{t:r}=o.useTranslations(),[s,d]=e.useState(cl.trackPeriod),c=[{label:r("ovulationPage.trackPeriod"),value:cl.trackPeriod},{label:r("ovulationPage.conceive"),value:cl.conceive},{label:r("ovulationPage.avoidPregnancy"),value:cl.avoidPregnancy}];return ee.default.createElement(Ba,null,ee.default.createElement(ua,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?ee.default.createElement(ca,{groupedWithLabel:r("dueDatePage.calculationMethod"),options:c,placeholder:r("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:c[s],onChange:e=>{d(e.value)}}):ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},r("ovulationPage.objectives")),ee.default.createElement(pa,{"data-is-side":n},ee.default.createElement(P.Dropdown,{options:c,placeholder:r("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:c[s],onChange:e=>{d(e.value)}})))),ee.default.createElement(dl,{siteType:i,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{l&&l({method:s,periodDateStart:e,cycle:t,periodLength:a})},isSide:n}))},ul=({siteType:t,info:l,onChange:n,errorMessage:i={}})=>{const{t:r}=o.useTranslations(),[d,c]=e.useState({weightBefore:!1,height:!1,weight:!1}),[m,u]=e.useState(0),p=e.useRef(null);e.useEffect((()=>{var e;u(null===(e=p.current)||void 0===e?void 0:e.clientHeight)}));const g=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},h=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},f=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},b=e=>{g(e,(e=>{c((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{c({weightBefore:!1,height:!1,weight:!1})}),[i]),"marryBaby"===t?ee.default.createElement(ee.default.Fragment,null,ee.default.createElement("div",{className:"input-form-pwg input-section"},ee.default.createElement(ma,{label:r("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:ee.default.createElement(x.Input,{className:(null==d?void 0:d.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==d?void 0:d.height)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:f})})),ee.default.createElement("div",{className:"input-form-pwg input-section"},ee.default.createElement(ma,{label:r("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:ee.default.createElement(x.Input,{className:(null==d?void 0:d.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==d?void 0:d.weightBefore)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:h})})),ee.default.createElement("div",{className:"input-form-pwg input-section"},ee.default.createElement(ma,{label:r("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:ee.default.createElement(x.Input,{className:(null==d?void 0:d.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==d?void 0:d.weight)?"":null==i?void 0:i.weight,showErrorMessage:!1,onChange:b})}))):ee.default.createElement(ee.default.Fragment,null,ee.default.createElement("div",{className:"input-form-pwg"},ee.default.createElement(a.PureInput,{placeholder:r("pwg.placeholder.height"),className:"input-section",label:ee.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},r("pregnancyWeightGain.heightInput")," ",ee.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},r("bmi.heightInput.desc"))),errorMessage:d.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:f})),ee.default.createElement("div",{className:"input-form-pwg"},ee.default.createElement(a.PureInput,{placeholder:r("pwg.placeholder.weight"),className:"input-section",label:ee.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:p,className:"label-text"},r("pregnancyWeightGain.weightBeforeInput")," ",ee.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},r("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:h,value:null==l?void 0:l.weightBefore})),ee.default.createElement("div",{className:"input-form-pwg"},ee.default.createElement(a.PureInput,{placeholder:r("pwg.placeholder.weight"),className:"input-section",label:ee.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:m},className:"label-text"},r("pregnancyWeightGain.weightInput")," ",ee.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},r("pregnancyWeightGain.weightInput.desc"))),errorMessage:d.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:b})))},pl=ae.default.div`
|
|
2432
|
+
`,cl=({info:a,className:l,style:i,onChange:o,errorMessage:r={},locale:d,onClick:m,isSide:p})=>{const{t:g}=C.useTranslations(),[h,f]=e.useState({age:!1,height:!1,weight:!1}),{getHealthToolLink:v}=$.useHealthToolsCache(d),b=e.useMemo((()=>v(N.HEALTH_TOOL_TYPE.OVULATION)),[v]),[y,x]=e.useState("male"),E=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},w=e=>{var t,l;l=e=>{f((e=>Object.assign(Object.assign({},e),{age:!0})));const t=Object.assign(Object.assign({},a),{age:e});o&&o(t)},""!==(t=e)&&(isNaN(t)||isNaN(parseFloat(t))||t.includes("."))||l(t)};return e.useEffect((()=>{o&&o(Object.assign(Object.assign({},a),{objective:"lose-fat",activeLevel:"sedentary"}))}),[]),e.useEffect((()=>{f({age:!1,height:!1,weight:!1})}),[r]),ae.default.createElement(rl,{style:i,className:l},ae.default.createElement(sl,{"data-is-side":p},ae.default.createElement(Ae,{defaultValue:"male",onChange:e=>x(e),styles:e=>({root:!p&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:c.rem(12)}}})})),ae.default.createElement(dl,{"data-is-side":p},ae.default.createElement(sl,null,ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},g("bmi.ageInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},g("bmi.ageInput.desc"))),placeholder:g("healthtool.placeholder.age"),value:Number(a.age),onChange:e=>w(String(e)),error:h.age?"":r.age,min:0})),ae.default.createElement(sl,null,ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},g("bmi.heightInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},g("bmi.heightInput.desc"))),placeholder:g("pwg.placeholder.height"),value:Number(a.height),onChange:e=>{return t=String(e),void E(t,(e=>{f((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},a),{height:e});o&&o(t)}));var t},error:h.height?"":r.height,min:0})),ae.default.createElement(sl,null,ae.default.createElement(n.Input.Number,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},g("bmi.weightInput")," ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray300,as:"span"},g("bmi.weightInput.desc"))),placeholder:g("pwg.placeholder.weight"),value:Number(a.weight),onChange:e=>{return t=String(e),f((e=>Object.assign(Object.assign({},e),{weight:!0}))),void E(t,(e=>{const t=Object.assign(Object.assign({},a),{weight:e});o&&o(t)}));var t},error:h.weight?"":r.weight,min:0,precision:1}))),ae.default.createElement("div",{style:{display:"flex"}},ae.default.createElement(ol,{size:"lg",fullWidth:!0,className:"bmi-btn bmi--btn-submit",dataEventCategory:"Health Tool",dataEventAction:"BMR",dataEventLabel:`https://${u.domainLocales[d]}/${b}`,onClick:()=>{m(y)}},g("bmi.submit"))))},ml=({locale:a,onSubmit:l,isSide:i,siteType:o})=>{const{t:r}=C.useTranslations(),[d,c]=e.useState(new Date),[m,u]=e.useState(28),[p,g]=e.useState(7),h={cycle:m,periodDateStart:d,periodLength:p},f=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(fa,{className:"input-form input-section","data-is-side":!0},"marryBaby"===o?ae.default.createElement(pa,{label:r("dueDatePage.lastPeriod.lastPeriodLabel"),name:"date",size:"md",value:xa(d),CustomInput:ae.default.createElement(M.DatePicker,{onChange:e=>{c(e)},placeholder:"dd/mm/yyyy",pickedDate:d,displayDateFormat:"dd/MM/yyyy",disabledDays:{before:k.addDays(new Date,-45),after:new Date},customInput:e=>ae.default.createElement(x.Input,Object.assign({className:"due-date-input",name:"birthday",size:"md"},e,{value:d&&re.default(d).format(N.DUE_DATE_FORMAT)}))}),actionIcon:ae.default.createElement(T.Icon.CalendarMB,{size:32})}):ae.default.createElement(x.Input,{label:ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},r("dueDatePage.lastPeriod.lastPeriodLabel")),value:xa(d),size:"md",name:"date",className:"due-date-input",CustomInput:ae.default.createElement(M.DatePicker,{customInput:e=>ae.default.createElement("input",Object.assign({},e,{type:"date",className:"due-date-input",value:xa(d)})),locale:a,pickedDate:d,displayDateFormat:A.DATE_FORMAT,onChange:e=>{c(e)},disabledDays:{before:k.addDays(new Date,-45),after:new Date},placeholder:"Chọn ngày"})})),ae.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":i},"marryBaby"===o?ae.default.createElement(D.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},r("ovulationPage.cycleLength")):ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},r("ovulationPage.cycleLength")+" ",ae.default.createElement("span",{style:{minHeight:"36px"}},r("ovulationPage.dayUnit"))),ae.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&ae.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:s.theme.colors.gray600},m),ae.default.createElement(P.Slider,{containerStyle:{flex:1},min:21,max:45,step:1,value:m,onChange:u,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),ae.default.createElement("div",{className:"slider-ovulation day-slider","data-theme":"marryBaby"===o?"marryBaby":"","data-is-side":i},"marryBaby"===o?ae.default.createElement(D.MarryBabyText,{type:"bodytext-3",color:s.theme.mbColors.midGray},r("ovulationPage.periodDuration")):ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959"},r("ovulationPage.periodDuration")+" ",ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{display:"inline",minHeight:"36px"}},r("ovulationPage.dayUnit"))),ae.default.createElement("div",{className:"slider-outer-wrapper"},"marryBaby"===o&&ae.default.createElement(t.Text,{size:"s3",weight:"semiBold",color:s.theme.colors.gray600},p),ae.default.createElement(P.Slider,{containerStyle:{flex:1},min:1,max:15,step:1,value:p,onChange:g,labelAlwaysOn:"marryBaby"!==o,withControl:"marryBaby"!==o,label:"marryBaby"!==o?void 0:null}))),ae.default.createElement("div",{style:{width:"100%",display:"flex"}},ae.default.createElement(n.Button,{className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===o?"secondary":"primary",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:f,onClick:()=>{localStorage.setItem("ovulationInfo",JSON.stringify(h)),l&&l({startDate:d,cycle:m,periodLength:p})},role:"button"},r("dueDatePage.lastPeriod.calculate"))))};var ul;!function(e){e[e.trackPeriod=0]="trackPeriod",e[e.conceive=1]="conceive",e[e.avoidPregnancy=2]="avoidPregnancy"}(ul||(ul={}));const pl=({locale:a,onSubmitOvulation:l,isSide:n,siteType:i})=>{const{t:o}=C.useTranslations(),[r,s]=e.useState(ul.trackPeriod),d=[{label:o("ovulationPage.trackPeriod"),value:ul.trackPeriod},{label:o("ovulationPage.conceive"),value:ul.conceive},{label:o("ovulationPage.avoidPregnancy"),value:ul.avoidPregnancy}];return ae.default.createElement(Sa,null,ae.default.createElement(ga,{className:"input-form input-section","data-is-side":!0},"marryBaby"===i?ae.default.createElement(ua,{groupedWithLabel:o("dueDatePage.calculationMethod"),options:d,placeholder:o("dueDatePage.lastPeriod"),id:"due-date-dropdown",size:"lg",value:d[r],onChange:e=>{s(e.value)}}):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:"#595959",style:{marginBottom:"9px",flex:"1"}},o("ovulationPage.objectives")),ae.default.createElement(ha,{"data-is-side":n},ae.default.createElement(z.Dropdown,{options:d,placeholder:o("ovulationPage.trackPeriod"),id:"due-date-dropdown",size:"md",value:d[r],onChange:e=>{s(e.value)}})))),ae.default.createElement(ml,{siteType:i,locale:a,onSubmit:({startDate:e,cycle:t,periodLength:a})=>{l&&l({method:r,periodDateStart:e,cycle:t,periodLength:a})},isSide:n}))},gl=({siteType:t,info:l,onChange:n,errorMessage:i={}})=>{const{t:o}=C.useTranslations(),[r,d]=e.useState({weightBefore:!1,height:!1,weight:!1}),[c,m]=e.useState(0),u=e.useRef(null);e.useEffect((()=>{var e;m(null===(e=u.current)||void 0===e?void 0:e.clientHeight)}));const p=(e,t)=>{""!==e&&(isNaN(e)||isNaN(parseFloat(e)))||t(e)},g=e=>{p(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weightBefore:!0})));const t=Object.assign(Object.assign({},l),{weightBefore:e});n&&n(t)}))},h=e=>{p(e,(e=>{d((e=>Object.assign(Object.assign({},e),{height:!0})));const t=Object.assign(Object.assign({},l),{height:e});n&&n(t)}))},f=e=>{p(e,(e=>{d((e=>Object.assign(Object.assign({},e),{weight:!0})));const t=Object.assign(Object.assign({},l),{weight:e});n&&n(t)}))};return e.useEffect((()=>{n&&n(Object.assign({},l))}),[]),e.useEffect((()=>{d({weightBefore:!1,height:!1,weight:!1})}),[i]),"marryBaby"===t?ae.default.createElement(ae.default.Fragment,null,ae.default.createElement("div",{className:"input-form-pwg input-section"},ae.default.createElement(pa,{label:o("pregnancyWeightGain.heightInput"),name:"pwg-height",size:"md",value:null==l?void 0:l.height,CustomInput:ae.default.createElement(x.Input,{className:(null==r?void 0:r.height)?"":"error-input",name:"pwg-height",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.height,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==r?void 0:r.height)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:h})})),ae.default.createElement("div",{className:"input-form-pwg input-section"},ae.default.createElement(pa,{label:o("pregnancyWeightGain.weightBeforeInput"),name:"pwg-weightBefore",size:"md",value:null==l?void 0:l.weightBefore,CustomInput:ae.default.createElement(x.Input,{className:(null==r?void 0:r.weightBefore)?"":"error-input",name:"pwg-weightBefore",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weightBefore,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==r?void 0:r.weightBefore)?"":null==i?void 0:i.height,showErrorMessage:!1,onChange:g})})),ae.default.createElement("div",{className:"input-form-pwg input-section"},ae.default.createElement(pa,{label:o("pregnancyWeightGain.weightInput"),name:"pwg-weight",size:"md",value:null==l?void 0:l.weight,CustomInput:ae.default.createElement(x.Input,{className:(null==r?void 0:r.weight)?"":"error-input",name:"pwg-weight",size:"md",placeholder:"Nhập thông tin",value:null==l?void 0:l.weight,type:"number",onKeyDown:e=>["e","E","+","-"].includes(e.key)&&e.preventDefault(),onWheelCapture:e=>e.currentTarget.blur(),errorMessage:(null==r?void 0:r.weight)?"":null==i?void 0:i.weight,showErrorMessage:!1,onChange:f})}))):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement("div",{className:"input-form-pwg"},ae.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.height"),className:"input-section",label:ae.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},className:"label-text"},o("pregnancyWeightGain.heightInput")," ",ae.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("bmi.heightInput.desc"))),errorMessage:r.height?"":null==i?void 0:i.height,size:"sm",isNumerousKeyboard:!0,name:"pwg-height",value:null==l?void 0:l.height,onChange:h})),ae.default.createElement("div",{className:"input-form-pwg"},ae.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:ae.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px"},ref:u,className:"label-text"},o("pregnancyWeightGain.weightBeforeInput")," ",ae.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:r.weightBefore?"":null==i?void 0:i.weightBefore,size:"sm",isNumerousKeyboard:!0,name:"pwg-weightBefore",onChange:g,value:null==l?void 0:l.weightBefore})),ae.default.createElement("div",{className:"input-form-pwg"},ae.default.createElement(a.PureInput,{placeholder:o("pwg.placeholder.weight"),className:"input-section",label:ae.default.createElement("span",{style:{color:s.theme.colors.gray600,fontWeight:"bold",marginBottom:"9px",minHeight:c},className:"label-text"},o("pregnancyWeightGain.weightInput")," ",ae.default.createElement("span",{style:{color:`${s.theme.colors.gray300}`}},o("pregnancyWeightGain.weightInput.desc"))),errorMessage:r.weight?"":null==i?void 0:i.weight,size:"sm",isNumerousKeyboard:!0,name:"pwg-weight",value:null==l?void 0:l.weight,onChange:f})))},hl=ne.default.div`
|
|
2433
2433
|
flex: 1;
|
|
2434
|
-
`,
|
|
2434
|
+
`,fl=ne.default.div`
|
|
2435
2435
|
padding: 0 10px;
|
|
2436
|
-
`,
|
|
2436
|
+
`,vl=ne.default.div`
|
|
2437
2437
|
display: flex;
|
|
2438
2438
|
height: 80px;
|
|
2439
2439
|
align-items: center;
|
|
@@ -2448,26 +2448,26 @@
|
|
|
2448
2448
|
${l.MediaQueries.mbDown} {
|
|
2449
2449
|
height: 70px;
|
|
2450
2450
|
}
|
|
2451
|
-
`,
|
|
2451
|
+
`,bl=ne.default.div`
|
|
2452
2452
|
display: grid;
|
|
2453
2453
|
grid-template-columns: repeat(7, 1fr);
|
|
2454
2454
|
row-gap: 2px;
|
|
2455
|
-
`,
|
|
2455
|
+
`,yl=ne.default(bl)`
|
|
2456
2456
|
margin-bottom: 8px;
|
|
2457
|
-
`;
|
|
2457
|
+
`;ne.default.div`
|
|
2458
2458
|
height: 40px;
|
|
2459
2459
|
width: 40px;
|
|
2460
2460
|
display: flex;
|
|
2461
2461
|
align-items: center;
|
|
2462
2462
|
justify-content: center;
|
|
2463
|
-
`;const
|
|
2463
|
+
`;const xl=ne.default.div`
|
|
2464
2464
|
font-size: 14px;
|
|
2465
2465
|
display: flex;
|
|
2466
2466
|
justify-content: center;
|
|
2467
2467
|
align-items: center;
|
|
2468
2468
|
color: 1px solid ${s.theme.colors.gray800};
|
|
2469
2469
|
font-weight: 300;
|
|
2470
|
-
`,
|
|
2470
|
+
`,El=ne.default.div`
|
|
2471
2471
|
width: 18px;
|
|
2472
2472
|
position: relative;
|
|
2473
2473
|
&::before {
|
|
@@ -2479,11 +2479,11 @@
|
|
|
2479
2479
|
right: 50%;
|
|
2480
2480
|
background: ${s.theme.colors.neutral100};
|
|
2481
2481
|
}
|
|
2482
|
-
`,
|
|
2482
|
+
`,wl=ne.default.div`
|
|
2483
2483
|
margin: 0 auto;
|
|
2484
|
-
`,
|
|
2484
|
+
`,Cl=ne.default.div`
|
|
2485
2485
|
position: relative;
|
|
2486
|
-
`,
|
|
2486
|
+
`,kl=bl,Bl=ne.default.div`
|
|
2487
2487
|
position: relative;
|
|
2488
2488
|
display: flex;
|
|
2489
2489
|
justify-content: center;
|
|
@@ -2523,7 +2523,7 @@
|
|
|
2523
2523
|
right: 50%;
|
|
2524
2524
|
}
|
|
2525
2525
|
}
|
|
2526
|
-
`,
|
|
2526
|
+
`,Tl=ne.default.div`
|
|
2527
2527
|
position: relative;
|
|
2528
2528
|
font-weight: 600;
|
|
2529
2529
|
${l.MediaQueries.mbDown} {
|
|
@@ -2560,7 +2560,7 @@
|
|
|
2560
2560
|
border-radius: 32px;
|
|
2561
2561
|
border: 1px solid ${s.theme.colors.primaryBase};
|
|
2562
2562
|
}
|
|
2563
|
-
`;const
|
|
2563
|
+
`;const Sl={"en-PH":se.default,"vi-VN":ce.default,"zh-TW":me.default,"id-ID":de.default};function Nl(t){const{value:a={from:null,to:null}}=t,[l,i]=e.useState(null),{isMobile:o}=n.useScreenSize(),[r,s]=e.useState((()=>a)),[d,c]=e.useState((()=>{var e;return k.startOfMonth(null!==(e=a.from)&&void 0!==e?e:new Date)})),m=e.useMemo((()=>k.addMonths(d,1)),[d]);const u=Object.assign(Object.assign({},t),{goToNextMonth:function(){c((e=>k.addMonths(e,1)))},goToPreviousMonth:function(){c((e=>k.subMonths(e,1)))},range:r,setRange:s,hoverDay:l,setHoverDay:i});return ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(Al,Object.assign({},u,{date:d})),!o&&ae.default.createElement(El,null),!o&&ae.default.createElement(Al,Object.assign({},u,{date:m})))}function Al({date:t,range:a,setRange:l,onChange:n,goToPreviousMonth:i,goToNextMonth:o,minDate:s,maxDate:d,close:c=(()=>{}),autoClose:m=!1,hoverDay:u,setHoverDay:p}){const{locale:g}=C.useTranslations(),h=e.useMemo((()=>{var e;return null!==(e=Sl[g])&&void 0!==e?e:Sl["en-PH"]}),[g]),f=e.useMemo((()=>k.format(t,"MMMM",{locale:h})),[t,h]),v=e.useMemo((()=>h?[1,2,3,4,5,6,0].map((e=>h.localize.day(e,{width:"narrow"}))):[]),[h]);function b(e,t){if(null===e)return ae.default.createElement(Bl,{key:`idx-${t}`,"data-empty":"true"});const n=e.getDate(),i=k.isToday(e),o=!!a.from&&k.isSameDay(a.from,e),r=!!a.to&&k.isSameDay(a.to,e),g=o||r;let h=!1;null!==u&&a.from&&k.isBefore(a.from,u)&&!a.to?h=k.isWithinInterval(e,{start:a.from,end:u}):a.from&&a.to&&(h=k.isWithinInterval(e,{start:a.from,end:a.to}));let f=!1;return s&&d?f=!k.isWithinInterval(e,{start:s,end:d}):s?f=k.isBefore(e,s):d&&(f=k.isAfter(e,d)),ae.default.createElement(Bl,{key:n,"data-is-today":i,"data-is-past":!i&&k.isPast(e),"data-is-selected":g,"data-is-disabled":f,"data-in-range":h,"data-is-from":o,"data-is-to":r,onMouseEnter:()=>{p(e)},onMouseLeave:()=>p(null),onClick:()=>{f||l((t=>(m&&a.from&&!a.to&&c(),function(e,t){return t.from||t.to?t.from&&t.to?{from:e,to:null}:t.from?k.isBefore(e,t.from)?Object.assign(Object.assign({},t),{from:e}):Object.assign(Object.assign({},t),{to:e}):t:Object.assign(Object.assign({},t),{from:e})}(e,t))))}},ae.default.createElement(Tl,{onClick:()=>{}},ae.default.createElement("p",null,n)))}return e.useEffect((()=>{a.from&&a.to&&n(a)}),[a]),ae.default.createElement(hl,{className:"calendar-wrapper"},ae.default.createElement(vl,null,ae.default.createElement(y.Button,{onClick:i,size:"md",color:"ghost",icon:ae.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowLeft.svg"),loading:"lazy"})}),ae.default.createElement("div",{className:"calendar-month"},f,ae.default.createElement("strong",null,k.format(t,"yyyy"))),ae.default.createElement(y.Button,{onClick:o,size:"md",color:"ghost",icon:ae.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendarArrowRight.svg"),loading:"lazy"})})),ae.default.createElement(fl,null,ae.default.createElement("div",null,ae.default.createElement(yl,null,v.map(((e,t)=>ae.default.createElement(xl,{key:`${e}-${t}`},e))))),ae.default.createElement("div",null,function(){const e=t.getFullYear(),l=t.getMonth(),n=k.getDaysInMonth(t),i=[];for(let t=1;t<=n;t++)i.push(new Date(e,l,t));const o=i[0]?i[0].getDay():0;if(1!==o){const e=0===o?6:o-1;for(let t=0;t<e;t++)i.unshift(null)}return ae.default.createElement(Cl,{key:`month-${l}`,"data-month-index":l,"data-has-range":Boolean(a.from&&a.to)},ae.default.createElement(wl,null,ae.default.createElement(kl,null,i.map(b))))}())))}const Ml=ne.default.div`
|
|
2564
2564
|
display: block;
|
|
2565
2565
|
position: relative;
|
|
2566
2566
|
width: 270px;
|
|
@@ -2571,7 +2571,7 @@
|
|
|
2571
2571
|
${l.MediaQueries.mbDown} {
|
|
2572
2572
|
width: 100%;
|
|
2573
2573
|
}
|
|
2574
|
-
`,
|
|
2574
|
+
`,Pl=ne.default.div`
|
|
2575
2575
|
display: flex;
|
|
2576
2576
|
position: absolute;
|
|
2577
2577
|
top: 46px;
|
|
@@ -2590,7 +2590,7 @@
|
|
|
2590
2590
|
${l.MediaQueries.mbDown} {
|
|
2591
2591
|
width: 100%;
|
|
2592
2592
|
}
|
|
2593
|
-
`;var
|
|
2593
|
+
`;var Dl="WUqzfRb",zl="MnVGtSY",Ll="NclbhXQ";const Il=({LinkComponent:e,page:t,isLast:a,onChangePage:l})=>{const{label:n,value:i,isDropdown:o,dropdownItems:r,dataEventCategory:s,dataEventAction:d,dataEventLabel:c}=t;return o?ae.default.createElement(z.Dropdown,{options:r,placeholder:"...",id:"",placeholderIcon:null,onChange:l,className:"collapsed-breadcrumb"}):ae.default.createElement("div",{className:Ll,title:"string"!=typeof n?i:n,"data-last":a},e&&ae.default.createElement(e,{"data-event-category":s,"data-event-action":d,"data-event-label":c,href:i||"#"},n))},$l=ne.default.div`
|
|
2594
2594
|
display: flex;
|
|
2595
2595
|
gap: 20px;
|
|
2596
2596
|
width: 100%;
|
|
@@ -2621,7 +2621,7 @@
|
|
|
2621
2621
|
}
|
|
2622
2622
|
}
|
|
2623
2623
|
}
|
|
2624
|
-
`,
|
|
2624
|
+
`,_l=()=>ae.default.createElement("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none"},ae.default.createElement("path",{d:"M6.86364 10.6666H5.22727C4.86912 10.6666 4.51448 10.5977 4.18359 10.4637C3.8527 10.3296 3.55205 10.1332 3.2988 9.8856C2.78734 9.3855 2.5 8.70722 2.5 7.99998C2.5 7.29274 2.78734 6.61446 3.2988 6.11436C3.81026 5.61426 4.50396 5.33331 5.22727 5.33331H6.86364M9.78374 5.33331H11.7727C12.1309 5.33331 12.4855 5.40229 12.8164 5.5363C13.1473 5.67031 13.4479 5.86674 13.7012 6.11436C13.9545 6.36198 14.1553 6.65596 14.2924 6.97949C14.4295 7.30303 14.5 7.64979 14.5 7.99998C14.5 8.35017 14.4295 8.69693 14.2924 9.02047C14.1553 9.344 13.9545 9.63798 13.7012 9.8856C13.4479 10.1332 13.1473 10.3296 12.8164 10.4637C12.4855 10.5977 12.1309 10.6666 11.7727 10.6666H9.78374",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"}),ae.default.createElement("path",{d:"M6.5 8H10.5",stroke:"#595959",strokeLinecap:"round",strokeLinejoin:"round"})),Ol=ne.default(O.Drawer)`
|
|
2625
2625
|
padding-bottom: 24px;
|
|
2626
2626
|
.share-container {
|
|
2627
2627
|
display: flex;
|
|
@@ -2655,7 +2655,7 @@
|
|
|
2655
2655
|
height: 32px;
|
|
2656
2656
|
}
|
|
2657
2657
|
}
|
|
2658
|
-
`,
|
|
2658
|
+
`,jl=()=>ae.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:"copy"},ae.default.createElement("path",{d:"M4 2.5C3.17125 2.5 2.5 3.17125 2.5 4V13.75C2.5 14.164 2.836 14.5 3.25 14.5C3.664 14.5 4 14.164 4 13.75V4H13.75C14.164 4 14.5 3.664 14.5 3.25C14.5 2.836 14.164 2.5 13.75 2.5H4ZM7 5.5C6.17125 5.5 5.5 6.17125 5.5 7V16C5.5 16.8287 6.17125 17.5 7 17.5H16C16.8287 17.5 17.5 16.8287 17.5 16V7C17.5 6.17125 16.8287 5.5 16 5.5H7ZM7 7H16V16H7V7Z",fill:"#595959"})),Fl=ne.default.div`
|
|
2659
2659
|
position: fixed;
|
|
2660
2660
|
z-index: 48;
|
|
2661
2661
|
bottom: 0;
|
|
@@ -2688,7 +2688,7 @@
|
|
|
2688
2688
|
opacity: 1;
|
|
2689
2689
|
pointer-events: auto;
|
|
2690
2690
|
}
|
|
2691
|
-
`,
|
|
2691
|
+
`,Hl=ne.default.div`
|
|
2692
2692
|
display: flex;
|
|
2693
2693
|
justify-content: center;
|
|
2694
2694
|
align-items: center;
|
|
@@ -2710,7 +2710,7 @@
|
|
|
2710
2710
|
background: none;
|
|
2711
2711
|
border: none;
|
|
2712
2712
|
}
|
|
2713
|
-
`,
|
|
2713
|
+
`,Rl=ne.default.div`
|
|
2714
2714
|
width: 100%;
|
|
2715
2715
|
padding: 0 5px 1.5px;
|
|
2716
2716
|
display: flex;
|
|
@@ -2733,7 +2733,7 @@
|
|
|
2733
2733
|
color: ${s.theme.colors.gray400};
|
|
2734
2734
|
font-weight: 400;
|
|
2735
2735
|
}
|
|
2736
|
-
`,
|
|
2736
|
+
`,Gl=ne.default.div`
|
|
2737
2737
|
background-color: white;
|
|
2738
2738
|
background-image: url(${r.CommonGAssets.getAssetPath("close-blue.svg")});
|
|
2739
2739
|
background-repeat: no-repeat;
|
|
@@ -2745,4 +2745,4 @@
|
|
|
2745
2745
|
top: 1px;
|
|
2746
2746
|
right: 1px;
|
|
2747
2747
|
cursor: pointer;
|
|
2748
|
-
`,Rl={},Gl=e=>{if(Rl[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Rl[e]]),delete Rl[e]}))}},Ul=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],Wl=e.forwardRef((function({className:t,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:s,contentId:d,isHidden:m,hideIfHasSubot:u,isSticky:g,refreshInterval:h,customTargetings:f,style:b,adDefaultSize:v,noWrapper:y,showCloseBtn:x,onCloseAd:E,headerBottom:w,wrapperProps:C,locale:k,isMarryBaby:B},T){const S=h||(k===p.LOCALE.Vietnam&&i.some((e=>Ul.includes(e)))?30:void 0),{t:N}=o.useTranslations(),A=e.useRef(null),M=e.useRef(null),P=e.useRef(S);P.current=S;const[D,z]=e.useState(!1),L=()=>{P.current&&(null!==M.current&&clearInterval(M.current),M.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Rl[n]&&e.pubads().refresh([Rl[n]])}))}),1e3*P.current))};if(e.useEffect((()=>()=>{Gl(n),M.current&&clearInterval(M.current)}),[]),e.useEffect((()=>{L()}),[S]),e.useEffect((()=>{m||(({contentId:e,adUnitPath:t,size:a,divId:l,pos:n,sizeMapping:i,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!l||!document.getElementById(l))return console.error("divId is required");Gl(l),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==c?void 0:c.content,u=d.defineSlot(t,a,l);if(u){try{r&&Object.keys(r).forEach((e=>{e&&(null==u||u.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Rl[l]=u,u.setTargeting("Pos",n),u.addService(d.pubads()),m&&u.setTargeting("Content_ID",m),i&&u.defineSizeMapping(i),o&&document.getElementById("subot--container")&&u.setTargeting("chatbot",!0),d.display(l),null==s||s()}}))})({contentId:d,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:s,hideIfHasSubot:u,customTargetings:f,onSuccess:L})}),[m]),D)return null;const I=ee.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},ee.default.createElement("div",{ref:T,id:n}),x&&ee.default.createElement(Hl,{onClick:()=>{null==E||E(),z(!0)}}));if(g)return I;const $=v?v[0]:l?Array.isArray(l[0])?l[0][0]:l[0]:void 0,_=v?v[1]:l?Array.isArray(l[0])?l[0][1]:l[1]:void 0;return ee.default.createElement(c.Box,Object.assign({},C,{className:t}),ee.default.createElement(jl,{ref:A,className:t,style:b,"data-no-wrapper":!!y,"data-header-bottom":!!w},y?I:ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(Fl,{"data-header-bottom":!!w},ee.default.createElement("img",{src:B?r.CommonGAssets.getAssetPath("adsIcon-mb.svg"):r.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),ee.default.createElement("span",null,N("adBanner.title"))),ee.default.createElement("div",{style:{minWidth:$||"100%",minHeight:_||"100%",position:"relative"}},I))))})),Vl=e.memo(Wl,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),ql=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Ql;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Ql||(Ql={}));const Zl={DUE_DATE:Ql.DUE_DATE,BMI:Ql.BMI,BMR:Ql.BMR,OVULATION:Ql.OVULATION,IFRAME:Ql.IFRAME,PWG:Ql.PWG,THR:Ql.THR,BABY_VACCINE:Ql.BABY_VACCINE,BABY_GROWTH:Ql.BABY_GROWTH,BABY_POOP:Ql.BABY_POOP},Yl={[Zl.DUE_DATE]:r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var Kl,Xl,Jl,en;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(Kl||(Kl={})),function(e){e.Option="option"}(Xl||(Xl={})),function(e){e.Button="button",e.Checkbox="checkbox"}(Jl||(Jl={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(en||(en={}));const tn={pregnancy:Kl.Pregnant,parenting:Kl.Parenting},an={[Kl.Pregnant]:"pregnant",[Kl.Parenting]:"parent"},ln=e=>({[Zl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Zl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Zl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Zl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Zl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Zl.BABY_GROWTH},[u.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:u.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),nn=e.createContext({}),on=t=>{var a=d.__rest(t,[]);const{locale:l}=o.useTranslations(),{type:i,isMobile:s,currentUrl:m,isMarketing:u,isLoggedIn:p,setShouldAcquisitionModalOpen:g}=e.useContext(nn);return ee.default.createElement(c.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>d.__awaiter(void 0,void 0,void 0,(function*(){const e=u?W.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;p?null==g||g():window.location.href=`${W.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":m,className:"pointer-event-child-none"},a),ee.default.createElement(n.ImageWrap,{src:u?r.CommonGAssets.getAssetPath(`newsletter/${s?"Mobile":"Desktop"}_Marketing.png`):r.CommonGAssets.getAssetPath(`newsletter/${s?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},rn="api/v1/categories?site={website_url}",sn="api/v1/subscription?site={website_url}",dn="api/v1/categories?site={website_url}";var cn=c.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:c.rem(32),padding:`${c.rem(6)} ${c.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const mn=({heading:l,description:n,thumbnail:i={desktop:"",mobile:""},hideDescOnMobile:o,children:r})=>{const{isMobile:s,minHeight:d}=e.useContext(nn);return ee.default.createElement(c.Box,{sx:()=>({borderRadius:c.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},ee.default.createElement(c.Box,{sx:e=>({minHeight:c.rem(d),borderRadius:"inherit",background:`url(${s?i.mobile:i.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${c.rem(24)} ${c.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${c.rem(22)} ${c.rem(32)}`}})},ee.default.createElement(c.Stack,{spacing:c.rem(16)},ee.default.createElement(c.Stack,{spacing:c.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},l&&ee.default.createElement(a.Heading,{tag:"h4"},l),!(o&&s)&&n&&ee.default.createElement(t.Text,{size:"p4"},n)),ee.default.createElement(c.Box,null,r))))},un=a=>{const{styleType:l=Jl.Button,items:i=[],buttonProps:r,styles:s,submitBtnTracking:m}=a,{classes:p}=cn(void 0,{name:"PremiumBannerWithOptions",styles:s}),{t:g,locale:h}=o.useTranslations(),{surveyType:f,articleId:b,handleClickOption:v,hasPremiumBanner:y,source:x,isMobile:E,setShowPNModal:w}=e.useContext(nn),C=e.useMemo((()=>y?i:i.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[i]),{getHealthToolLink:k}=L.useHealthToolsCache(h),B=V.useForm({initialValues:{bannerOptions:[]}}),S=e=>d.__awaiter(void 0,void 0,void 0,(function*(){return yield T.callApiWithAuth(T.getApiPath(T.PATHS.HEALTH_TOOL.CREATE,{_locale:h,type:an[f]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:b,source:x}})})),N=e.useCallback((()=>ee.default.createElement(c.Flex,{gap:c.rem(8),className:p.wrapper},C.map(((e,t)=>ee.default.createElement(c.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${u.domainLocales[h]}/bot/${u.RISK_SCREENER_SLUG[h][e.activeTool]}/`:e.isLink?k(e.activeTool):void 0},ee.default.createElement(n.Button,Object.assign({className:p.button,classNames:{label:p.buttonLabel},size:"sm"},e.tracking,r,{onClick:()=>{e.isLink||(e.isPNBtn&&w(!0),S(e.value),v(e.value))}}),e.label)))))),[C,B]),A=e.useCallback((()=>ee.default.createElement(c.Flex,null,ee.default.createElement(c.Flex,{align:"center",gap:c.rem(24),sx:e=>({background:"white",borderRadius:c.rem(8),padding:c.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:c.rem(16)}})},ee.default.createElement(n.Checkbox.Group,Object.assign({},B.getInputProps("bannerOptions",{type:"checkbox"})),ee.default.createElement(c.Flex,{gap:c.rem(16)},C.map(((e,t)=>ee.default.createElement(n.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),ee.default.createElement(n.Button,Object.assign({size:"sm"},m,r,{disabled:0===B.getInputProps("bannerOptions").value.length,leftIcon:E?ee.default.createElement(t.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=B.getInputProps("bannerOptions").value;S(e.join("|")),v(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:c.rem(38),minWidth:"auto",padding:0}}})}),!E&&g("pnBanner.submit"))))),[C,B]);return ee.default.createElement(mn,Object.assign({},a),l===Jl.Button?N():l===Jl.Checkbox?A():null)},pn=l=>{var i,r;const{t:s}=o.useTranslations(),{heading:d,description:m,thumbnail:p,btnLabel:g,value:h,isRiskScreener:f,hideDescOnMobile:b,dataEventAction:v}=l,{locale:y}=o.useTranslations(),{isMobile:x}=e.useContext(nn),{getHealthToolLink:E,allTools:C}=L.useHealthToolsCache(y),k=f?"mainBanner":"toolBanner",B=e.useMemo((()=>{const e=f?`https://${w.isProduction?"":"discover."}${u.domainLocales[y]}/bot/${u.RISK_SCREENER_SLUG[y][h]}`:E(h);return ee.default.createElement("a",{href:e},ee.default.createElement(n.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":v,"data-event-label":e},g||s("pnBanner.caclNow")))}),[C]);return"mainBanner"===k?ee.default.createElement(mn,Object.assign({},Object.assign(Object.assign({},l),{thumbnail:l.thumbnail})),B):ee.default.createElement(c.Flex,{gap:c.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:c.rem(8),background:e.colors.blue[0],minHeight:c.rem(180),padding:`${c.rem(24)} ${c.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${c.rem(34)} ${c.rem(32)}`}})},ee.default.createElement(c.Stack,{spacing:c.rem(12)},ee.default.createElement(c.Stack,{spacing:c.rem(4)},d&&ee.default.createElement(a.Heading,{tag:"h4"},d),!(x&&b)&&m&&ee.default.createElement(t.Text,{size:"p4"},m)),ee.default.createElement(c.Flex,{gap:c.rem(8),sx:{button:{minWidth:c.rem(120)}}},B)),ee.default.createElement(c.Flex,{align:"center",justify:"center",sx:e=>({width:c.rem(96),height:c.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:c.rem(112),height:c.rem(112)},img:{maxWidth:c.rem(64),[e.fn.largerThan("sm")]:{maxWidth:c.rem(73)}}})},ee.default.createElement("img",{alt:"health-tool-icon",src:p||(null===(r=null===(i=C.filter((e=>e.template===h)))||void 0===i?void 0:i[0])||void 0===r?void 0:r.icon)||Yl[h]||"",loading:"lazy"})))},gn=()=>{var t,a,l;const{t:n}=o.useTranslations(),{state:i,Outside:r}=e.useContext(nn);return(null==i?void 0:i.action)===en.ShowTool?ee.default.createElement(r,null,ln(n)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?ee.default.createElement(pn,Object.assign({},ln(n)[null===(a=null==i?void 0:i.props)||void 0===a?void 0:a.value],{value:null===(l=null==i?void 0:i.props)||void 0===l?void 0:l.value})):null):(null==i?void 0:i.action)===en.ShowOptionBanner?ee.default.createElement(r,null,ee.default.createElement(un,Object.assign({},null==i?void 0:i.props))):null},hn=a=>{var{isMobile:l,children:i,desktopBanner:o=r.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:s=r.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:m={width:937,height:536},mobileBannerRatio:u={width:750,height:480},desktopBannerRatio:p={width:420,height:536},closeProps:h}=a,f=d.__rest(a,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:b,height:v}=g.useViewportSize(),y=(v<=667?190:265)+b*u.height/u.width+74,[x,E]=e.useState(!1);return ee.default.createElement(q.Modal,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:c.rem(m.width),width:"100%",height:"100%",maxHeight:c.rem(m.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},f),l?ee.default.createElement(c.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>E(!0)},ee.default.createElement(c.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(x?1:y/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},ee.default.createElement(c.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:x?0:c.rem(12),borderTopRightRadius:x?0:c.rem(12)}},ee.default.createElement(c.Box,{sx:{height:"calc(100% - 74px)",background:`url(${s})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},ee.default.createElement(c.UnstyledButton,Object.assign({leftIcon:ee.default.createElement(t.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:c.rem(10)}},h,{onClick:()=>null==f?void 0:f.onClose()})),ee.default.createElement(c.AspectRatio,{ratio:(null==u?void 0:u.width)/(null==u?void 0:u.height),w:"100%"}),ee.default.createElement(c.Box,{sx:{padding:`${c.rem(28)} ${c.rem(16)} ${c.rem(16)}`,background:"white"}},i))))):ee.default.createElement(c.AspectRatio,{className:"desktop-template",ratio:m.width/m.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},ee.default.createElement(c.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:c.rem(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},ee.default.createElement("img",{alt:"",src:o,loading:"lazy",style:{borderTopLeftRadius:c.rem(8),borderBottomLeftRadius:c.rem(8),height:"100%",display:"block"}}),ee.default.createElement(c.Box,{sx:{position:"relative",height:"100%",width:(m.width-p.width)/m.width*100+"%"}},ee.default.createElement(n.Button,Object.assign({unstyled:!0,leftIcon:ee.default.createElement(t.Icon.Close,null)},h,{onClick:()=>null==f?void 0:f.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),ee.default.createElement(c.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${c.rem(40)} ${c.rem(24)} 0`}},i)))))},fn="user/subscription",bn=e.createContext({}),vn=e=>{var{value:t,name:a}=e,l=d.__rest(e,["value","name"]);return ee.default.createElement(n.ChipButton,Object.assign({value:t,withIcon:!0},l,{buttonProps:{styles:()=>({leftIcon:{marginRight:c.rem(6)},root:{paddingLeft:c.rem(10),paddingRight:c.rem(10)}})}}),a)},yn=({topicsGroup:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i=[],inputProps:r,labelProps:s,maxSelect:d=5,hasScroll:m,readonly:u})=>{const{action:{pushNotifications:p}}=e.useContext(T.TogetherComponentGlobalContext),g=me.default(a.map((e=>e.topics||[]))),{t:h}=o.useTranslations(),[f,b]=e.useState([]);e.useEffect((()=>{b(i)}),[i.length]),e.useEffect((()=>{null==l||l(f)}),[f]);const v=e=>{e.length>5?p({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:h("pnTopicSection.maxSelectError.desc")}):!u&&b((()=>g.filter((t=>e.some((e=>t.catId===e))))))};return ee.default.createElement(c.Stack,{spacing:12},a.map(((e,a)=>ee.default.createElement(c.Stack,{key:String(a),spacing:12},e.label&&ee.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},s),e.label),m?ee.default.createElement(c.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},ee.default.createElement(c.Box,{w:800},ee.default.createElement(c.Chip.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},r,{onChange:v}),ee.default.createElement(c.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>ee.default.createElement(vn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)))))))):ee.default.createElement(c.Chip.Group,Object.assign({value:f.map((e=>e.catId)),multiple:!0},r,{onChange:v}),ee.default.createElement(c.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?ee.default.createElement(vn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):ee.default.isValidElement(t.component)?t.component:null))))))))},xn=t=>{var{heading:l,children:n,stickyActions:i}=t,o=d.__rest(t,["heading","children","stickyActions"]);const{isMobile:r}=e.useContext(bn),s=ee.default.createElement(c.Stack,{spacing:c.rem(24),sx:{height:"100%"}},ee.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},l),ee.default.createElement(c.Box,null,n));return ee.default.createElement(c.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},r?s:ee.default.createElement(c.ScrollArea,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},o),s),i&&ee.default.createElement(c.Flex,{gap:c.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:c.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${c.rem(24)} 0`}})},i))},En=()=>{const{t:a,locale:l}=o.useTranslations(),{data:{userInfo:i},action:{pushNotifications:r}}=e.useContext(T.TogetherComponentGlobalContext),s=null==i?void 0:i.id,{currentUrl:m,isMobile:u,pnSuggestCategory:p=[],nextStep:g,formValues:h,setFormValues:f,onSubmit:b,submitLoading:v,selectCategory:y,setCategoryLibs:x,setSelectCategory:E,maxSelectCategory:w}=e.useContext(bn),C=p.map((e=>e.catId)),k=V.useForm({validate:{name:V.isNotEmpty(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},h),{fitnessTopics:C})}),[B,S]=e.useState([]),[N,A]=e.useState([]);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield T.callApiWithAuth(T.getPremiumApiPath(dn,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!C.includes(e.catId)));S(p),A(a),x([...p,...a])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{s&&k.setFieldValue("name",(null==i?void 0:i.name)||"")}),[s]);const M=()=>{""!==k.getInputProps("name").value?(f(k.getTransformedValues()),g()):k.validateField("name")},P=e.useMemo((()=>ee.default.createElement(n.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:m,leftIcon:ee.default.createElement(t.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:M,styles:e=>({root:{borderRadius:c.rem(6),padding:"2px 15px",height:c.rem(40)},label:{fontSize:c.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:c.rem(12),lineHeight:c.rem(16),height:c.rem(40)}},leftIcon:{marginRight:"5px"}})},ee.default.createElement(t.Text,{size:u?"p3":"p4"},a("home.seeMore")))),[k]);return e.useEffect((()=>{k.setFieldValue("fitnessTopics",y.map((e=>e.catId)))}),[y]),ee.default.createElement("form",{style:{height:"100%"},onSubmit:k.onSubmit((e=>{if(0===y.length)return r({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;f(e),null==b||b(e.name)}))},ee.default.createElement(xn,{heading:a("healthToolPNModal.heading"),stickyActions:ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:m,loading:v,sx:{maxWidth:c.rem(240)}},a("healthToolPNModal.register")))},ee.default.createElement(c.Stack,{spacing:c.rem(16)},ee.default.createElement(n.Input,Object.assign({label:a("newsletter.welcome.description")},k.getInputProps("name"))),ee.default.createElement(yn,{topicsGroup:[...0===p.length&&0===N.length?[{topics:[{component:P}]}]:[],...p.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...p,...0===N.length?[{component:P}]:[]]}]:[],...N.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...N,...N.length>0?[{component:P}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:u?"p3":"p4",color:"gray.6"},onTopicChange:E,maxSelect:w}))))},wn=e.forwardRef((function(e,a){var{label:l}=e,n=d.__rest(e,["label"]);return ee.default.createElement("div",Object.assign({ref:a},n),ee.default.createElement(c.Group,{noWrap:!0},ee.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},ee.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),ee.default.createElement(t.Text,{size:"p3"},l)))})),Cn=e.forwardRef((function(e,a){var{label:l}=e,n=d.__rest(e,["label"]);return ee.default.createElement("div",Object.assign({ref:a},n),ee.default.createElement(t.Text,{size:"p3"},l))})),kn=({history:e,onDelete:a})=>ee.default.createElement(c.Flex,{wrap:"wrap",gap:8},ue.default(e,"catId").map((e=>ee.default.createElement(c.Badge,{key:e.catId,rightSection:ee.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==a?void 0:a(e)},ee.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${n.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},ee.default.createElement(t.Text,{size:"p4"},e.localName))))),Bn=({topics:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i,labelProps:r,maxSelect:s=5})=>{const{action:{pushNotifications:d}}=e.useContext(T.TogetherComponentGlobalContext),[m,u]=e.useState([]),{t:p}=o.useTranslations();e.useEffect((()=>{u(i)}),[i.length]),e.useEffect((()=>{l(m)}),[m]);return a&&0!==a.length?ee.default.createElement(c.Stack,{spacing:12,px:16,mx:-16},ee.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),p("pnTopicSection.recentView")),ee.default.createElement(c.Chip.Group,{value:m.map((e=>e.catId)),onChange:e=>{n&&m.length<e.length?d({type:"danger",title:p("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:p("pnTopicSection.maxSelectError.desc")}):u((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},ee.default.createElement(c.Flex,{gap:8,wrap:"wrap"},a.map(((e,t)=>ee.default.createElement(vn,{key:t,value:e.catId,name:e.localName,isBlock:n})))))):null},Tn=e=>{var{topic:a,active:l,onClick:i}=e,o=d.__rest(e,["topic","active","onClick"]);return ee.default.createElement(c.Box,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:c.rem(130),[e.fn.largerThan("sm")]:{minHeight:c.rem(138)}}),onClick:()=>i(a,l)},o),l&&ee.default.createElement(c.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},ee.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ee.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),ee.default.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),ee.default.createElement(c.Box,{sx:{borderRadius:"8px"}},ee.default.createElement(n.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},ee.default.createElement(c.Box,null,ee.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),ee.default.createElement(t.Text,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},Sn=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:i=!1,labelProps:r,pushNotifications:s,maxSelect:d=5})=>{const{t:m}=o.useTranslations(),[u,p]=e.useState([]),g=(e,t)=>{if(t)p((t=>t.filter((t=>t.catId!==e.catId))));else{if(i)return void s({type:"danger",title:m("pnTopicSection.maxSelectError.title",{maxSelect:d}),message:m("pnTopicSection.maxSelectError.desc")});p((t=>[...t,e]))}};e.useEffect((()=>{p(l)}),[l.length]),e.useEffect((()=>{n(u)}),[u]);const[h,f]=e.useState(!1),[b,v]=e.useState(0),[y,x]=e.useState(0),E=e.useRef(null),w=()=>{f(!1)};return ee.default.createElement(c.Stack,{spacing:10},ee.default.createElement(c.Flex,{justify:"space-between",align:"center",w:"100%"},ee.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},r),m("pnTopicSection.trending"))),ee.default.createElement(c.Box,null,ee.default.createElement(c.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:E,viewportProps:{onMouseDown:e=>{e.preventDefault(),E.current&&(f(!0),v(e.pageX-E.current.offsetLeft),x(E.current.scrollLeft))},onMouseUp:w,onMouseLeave:w,onMouseMove:e=>{if(e.preventDefault(),!h||!E.current)return;const t=2*(e.pageX-E.current.offsetLeft-b);E.current.scrollLeft=y-t}},styles:{viewport:{paddingBottom:16}}},ee.default.createElement(c.Box,{w:{base:112*a.length+8*(a.length-1)+10}},ee.default.createElement(c.Flex,{gap:8},a.map(((e,t)=>ee.default.createElement(Tn,{key:t,topic:e,onClick:g,active:u.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Nn=a=>{var{isLoggedIn:l,maxSelect:i=5,values:r=[],labelProps:s,onChange:m}=a,u=d.__rest(a,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:p}}=e.useContext(T.TogetherComponentGlobalContext),[g,h]=e.useState(""),{t:f,locale:b}=o.useTranslations(),v=e.useRef(null),[y,x]=e.useState([]),[E,w]=e.useState([]),[C,k]=e.useState([]),[B,S]=e.useState([]),[N,A]=e.useState(null),[M,P]=e.useState([]);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const a=yield T.callApiWithAuth(T.getPremiumApiPath(rn,{_locale:b}),"get"),l=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],n=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],i=ue.default([...l,...n],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(P(i||[]),A((null==a?void 0:a.data)||null),r.length>0){const e=l.filter((e=>r.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=n.filter((e=>r.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));S(e),w(t)}}))}),[l]);const D=e.useMemo((()=>ue.default([...y,...E,...B,...C],"catId")),[y,E,B,C]),[z,L]=e.useState(!1);e.useEffect((()=>{D.length>=i?L(!0):L(!1),null==m||m(D)}),[D]);return ee.default.createElement(c.Stack,Object.assign({spacing:c.rem(16)},u),ee.default.createElement(c.Stack,{spacing:c.rem(8)},ee.default.createElement(t.Text,{size:"p3"},f("pnTopicSection.maxSelectError.detail",{max:i,maxTopic:D.length})),ee.default.createElement(c.MultiSelect,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:n.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:ee.default.createElement(t.Text,{size:"s4",color:"gray.6"},f("pnTopicSection.notFound")),itemComponent:""===g?wn:Cn,size:"lg",placeholder:f("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:h,searchValue:g,icon:ee.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ee.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:ee.default.createElement(ee.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,d.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:w,recently:k,interested:S,default:x};let l="default";if(z)p({type:"danger",title:f("pnTopicSection.maxSelectError.title",{maxSelect:i}),message:f("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==N?void 0:N.trending},{key:"recently",array:null==N?void 0:N.recently},{key:"interested",array:null==N?void 0:N.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));l=(null==n?void 0:n.key)||"default",a[l]((e=>[...e,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=v.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&ee.default.createElement(kn,{history:D,onDelete:e=>{const t={trending:w,recently:k,interested:S,default:x};(t[e.template]||t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),ee.default.createElement(c.Box,{sx:e=>({position:"relative",height:c.rem(175),[e.fn.largerThan("sm")]:{height:c.rem(190)}})},ee.default.createElement(c.Box,{sx:{position:"absolute",top:0,right:0,left:0}},ee.default.createElement(Sn,{topics:((null==N?void 0:N.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:E,onTopicChange:w,isBlock:z,labelProps:s}))),ee.default.createElement(Bn,{topics:((null==N?void 0:N.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:C,onTopicChange:k,isBlock:z,labelProps:s}),ee.default.createElement(yn,{labelProps:s,topicsGroup:[{label:f("pnTopicSection.ppAlsoInterested"),topics:((null==N?void 0:N.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:S,isBlock:z}))},An=()=>{const{t:t}=o.useTranslations(),{action:{pushNotifications:a}}=e.useContext(T.TogetherComponentGlobalContext),{prevStep:l,formValues:i,submitLoading:r,onSubmit:s,selectCategory:d,maxSelectCategory:m,setSelectCategory:u,currentUrl:p,isLoggedIn:g}=e.useContext(bn);return ee.default.createElement(xn,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:c.rem(25)}},stickyActions:ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(n.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:p,onClick:l},t("healthToolPNModal.back")),ee.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:p,onClick:()=>{if(0===d.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==s||s(i.name)},loading:r},t("healthToolPNModal.next")))},ee.default.createElement(Nn,{isLoggedIn:g,maxSelect:m,values:i.fitnessTopics,onChange:u,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Mn=()=>{const{t:l}=o.useTranslations(),{close:i,selectCategory:r,onRegisterSuccess:s,currentUrl:d,finishLabelOnResult:m,disclaimerText:u}=e.useContext(bn);return e.useEffect((()=>()=>{setTimeout((()=>{null==s||s()}),400)}),[]),ee.default.createElement(xn,{heading:l("healthToolPNModal.heading"),stickyActions:ee.default.createElement(n.Button,{fullWidth:!0,sx:{maxWidth:c.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:d,onClick:()=>{i()}},m||l("healthToolPNModal.finish"))},ee.default.createElement(c.Stack,null,ee.default.createElement(c.Flex,{gap:c.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:c.rem(8),padding:c.rem(8)})},ee.default.createElement(c.Box,null,ee.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ee.default.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),ee.default.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),ee.default.createElement(t.Text,{size:"p3"},u||l("pnModal.disclaimer"))),ee.default.createElement(a.Heading,{tag:"h5"},l("healthToolPNModal.yourPre")),r.length>0&&ee.default.createElement(yn,{topicsGroup:[{label:"",topics:r}],selectedTopics:r,readonly:!0})))},Pn=({isMobile:t,isLoggedIn:a,pnSuggestCategory:l=[],acquisitionInfo:n,currentUrl:i,opened:s,close:m,finishLabelOnResult:g,onRegisterSuccess:h,disclaimerText:f})=>{const{t:b,locale:v}=o.useTranslations(),{action:{pushNotifications:y}}=e.useContext(T.TogetherComponentGlobalContext),x=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),E=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[w,C]=e.useState([]),[k,B]=e.useState([]),[S,N]=e.useState(0),[A,M]=e.useState({name:"",fitnessTopics:[]}),[P,D]=e.useState(!1),z=()=>N(2),L=e.useCallback((e=>d.__awaiter(void 0,void 0,void 0,(function*(){try{D(!0),yield T.callApiWithAuth(T.getPremiumApiPath(sn,{website_url:T.getWebsiteUrlApi(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:ce.default.get(u.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},n.userInfo),{name:e||A.name,type_subscription:1}),domain:u.domainLocales[v||p.LOCALE.Vietnam],category:k,perferred:n.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield T.callApiWithAuth(T.getSsoApiPath(fn),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),z()}catch(e){console.log({err:e}),D(!1),y({title:b("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[A,k]);return e.useEffect((()=>{[x,E].forEach((e=>{(new Image).src=e}))}),[]),ee.default.createElement(bn.Provider,{value:{currentUrl:i,isMobile:t,isLoggedIn:a,opened:s,close:m,pnSuggestCategory:l,nextStep:()=>N((e=>e<3?e+1:e)),prevStep:()=>N((e=>e>0?e-1:e)),lastStep:z,categoryLibs:w,setCategoryLibs:C,selectCategory:k,setSelectCategory:B,formValues:A,setFormValues:M,maxSelectCategory:5,submitLoading:P,onSubmit:L,onRegisterSuccess:h,finishLabelOnResult:g,disclaimerText:f}},ee.default.createElement(hn,{isMobile:t,desktopBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:s,onClose:m,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},ee.default.createElement(c.Stepper,{active:S,onStepClick:N,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},ee.default.createElement(c.Stepper.Step,null,ee.default.createElement(En,null)),ee.default.createElement(c.Stepper.Step,null,ee.default.createElement(An,null)),ee.default.createElement(c.Stepper.Step,null,ee.default.createElement(Mn,null)))))},Dn=()=>{const{locale:t}=o.useTranslations(),{isMobile:a,isLoggedIn:l,currentUrl:n,acquisitionInfo:i,categoryIds:r,state:s,setState:c,settings:m,submitHandler:u,subcribeHealthStatus:p,showPNModal:g,setShowPNModal:h,setIsBack:f}=e.useContext(nn),[b,v]=e.useState([]),[y,x]=e.useState(g);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e,a;const l=yield T.callApiWithAuth(T.getPremiumApiPath(rn,{_locale:t}),"get"),n=[...(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.interested)||[],...(null===(a=null==l?void 0:l.data)||void 0===a?void 0:a.trending)||[]];v(n.filter((e=>r.includes(Number(e.catId)))))}))}),[]);const E=e.useRef([]);return e.useEffect((()=>{const e=(null==p?void 0:p.value)||"",t=e.split("|").filter(Boolean);let a=e;E.current.push(p),t.length>1&&(null!==E.current[0]&&f(!0),Object.keys(u).map((e=>{const l=e.split("|");if(t.length===l.length){let n=0;t.map((e=>{l.includes(String(e))&&(n+=1)})),n===t.length&&(a=e)}})));const l=t.length>0?u[a]:m;c(l)}),[p]),e.useEffect((()=>{x(g)}),[g]),(null==s?void 0:s.action)!==en.Hide?ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(gn,Object.assign({},m.props)),ee.default.createElement(Pn,{acquisitionInfo:i,isMobile:a,isLoggedIn:l,currentUrl:n,pnSuggestCategory:b,opened:y,close:()=>{var e;x(!1),h(!1),setTimeout((()=>{var e;(null===(e=s.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&c({action:en.Hide})}),400),(null===(e=s.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&c({action:en.Hide})},onRegisterSuccess:()=>x(!1)})):null},zn={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var Ln="uJQBNNg",In="TfG3dM5",$n="aMtjFNf",_n="cSz2RR-",On="GyFm00F";function jn({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=o.useTranslations(),i=e.useMemo((()=>{const e=(null==t?void 0:t.name)||(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return ee.default.createElement("div",{className:Ln,onClick:()=>{a&&a()}},ee.default.createElement(be,{className:In,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?s.theme.mbColors.pink:s.theme.colors.secondaryBase}),ee.default.createElement("div",{className:$n},ee.default.createElement("div",{className:_n},(null==t?void 0:t.name)||(null==t?void 0:t.username)),ee.default.createElement("div",{className:On,style:{"--bg-hellosites":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Fn="fVk18fq",Hn="v8TCvUb",Rn="mx7T4V3";const Gn={myHealth:s.theme.mbColors.toneYellow,myCommunity:s.theme.mbColors.toneBlue,mySaved:s.theme.mbColors.toneGreen},Un={helloSites:{myBooking:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},Wn=({type:t,themeName:a,className:l,onClick:n=(()=>{})})=>{const{t:i}=o.useTranslations(),r=e.useMemo((()=>{var e,l;return(null===(l=null===(e=Un[a])||void 0===e?void 0:e[t])||void 0===l?void 0:l.call(e))||""}),[t,a]),s=e.useMemo((()=>"marryBaby"!==a?"transparent":Gn[t]),[t,a]);return ee.default.createElement("div",{onClick:function(){n(t)},className:`${Fn} ${l}`},ee.default.createElement("div",{className:Rn,style:{backgroundColor:s,backgroundImage:`url("${r}")`}}),ee.default.createElement("h3",{className:Hn},i(`userProfile.nav.card.${t}`)))};var Vn="gn6HmGG",qn="FCx8FEM",Qn="zMiRxaE",Zn="lZ2Z9MQ",Yn="rwm-agG",Kn="qMOscoq";const Xn=({themeName:t,locale:a,onClickItem:l})=>{const[n,i]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function s(e){e.subMenu?i((t=>t?"":e.key)):l&&l(e)}return ee.default.createElement("div",{className:Vn},o.map((e=>ee.default.createElement(Jn,{key:e.key,item:e,openKey:n,onClickItem:s,locale:a}))))},Jn=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:i}=o.useTranslations();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(l))?null:ee.default.createElement("div",{className:`${qn} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},ee.default.createElement("div",{className:Qn,onClick:()=>a(e)},e.icon&&ee.default.createElement("div",{className:Zn,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&ee.default.createElement("div",{className:Yn,style:{"--after-bg":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&ee.default.createElement("div",{className:Kn},e.subMenu.map((e=>ee.default.createElement(Jn,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var ei="-AZt1au",ti="IvSIfCI",ai="eahCJov",li="XIyViFs",ni="_4y-O0w3",ii="kO8iNgD",oi="a1d4E10",ri="Tdguxxf",si="-mOxsaU",di="yPeDBNZ";const ci={helloSites:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},mi=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=o.useTranslations(),i=e.useMemo((()=>{var e,l;return(null===(l=null===(e=ci[t])||void 0===e?void 0:e[a])||void 0===l?void 0:l.call(e))||""}),[a,t]);return ee.default.createElement("div",{className:ni,"data-user-rank":a},ee.default.createElement("div",{className:ii},ee.default.createElement("div",{className:oi},ee.default.createElement("div",{className:ri,style:{backgroundImage:`url("${i}")`}}),ee.default.createElement("h3",{className:si},n(`userProfile.userRank.${a}`)),l>0&&ee.default.createElement("p",{className:di},l," ",n("userProfile.nav.header.count.posts")))))};exports.AdBlock=Vl,exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:i,closeIcon:o,className:r,description:s})=>ee.default.createElement("div",{className:`${pe} ${r||""}`,style:e,"data-alert-type":n},ee.default.createElement("div",{className:ge},ee.default.createElement("div",{className:"icon-title"},i,ee.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),ee.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),ee.default.createElement("div",{className:he,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:i,banner:o,categoryLink:s,categoryName:d,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:u,dataEventActionForCategory:p,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:b,dataEventCategoryForTitle:v,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:E,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:B=!1,isBookmarkDisplayed:T=!0,isMobile:S=!0,onBookmark:N,onClickCategoryName:A,section:M="normal",size:P="md",specialty:D,style:z,styleBanner:L,styleLabel:I,styleTitle:$,text:_,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const G=e=>{e.stopPropagation(),null==N||N()},U="lg"===P&&"expert"===j?"h4":"lg"===P&&"home"===M?S?"h4":"h3":"lg"===P?"h4":"h5",W="lg"===P?"p3":"p4",V=S||"home"!==M||"lg"!==P||"author"!==j?"c2":"c1";return ee.default.createElement("article",{className:`${Me} ${c||""}`,"data-size":P,style:z,"data-direction":C,"data-is-expert":"expert"===j||void 0},ee.default.createElement("div",{className:"banner",style:L},ee.default.createElement("a",{className:Ae,"data-event-category":h,"data-event-action":m,"data-event-label":y,href:e||"#",target:H},o),R&&ee.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&ee.default.createElement(Le,null)),ee.default.createElement("div",{className:"content"},ee.default.createElement("div",{className:"inner-content"},ee.default.createElement(t.Text,{style:I,className:"label",size:V,weight:"caption"},ee.default.createElement("a",{className:Ae,"data-event-category":b,"data-event-action":p,"data-event-label":E,href:s||"#",onClick:A},d),T&&ee.default.createElement("a",{className:"bookmark",onClick:G},B?ee.default.createElement(Ie,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):ee.default.createElement($e,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))),ee.default.createElement(a.Heading,{tag:U,style:$,className:"title",as:"lg"===P?"h2":"h3"},ee.default.createElement("a",{className:Ae,"data-event-category":v,"data-event-action":g,"data-event-label":w,href:e||"#",target:H},O)),_&&ee.default.createElement("a",{href:e||"#",target:H},ee.default.createElement(t.Text,{size:W,className:"text"},_))),ee.default.createElement("div",{className:"footer"},"author"===j?ee.default.createElement(De,{size:P,avatarImg:i,authorName:n,authorLink:l,uploadTime:F,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):ee.default.createElement(ze,{size:P,isMobile:S,avatarImg:i,specialty:D,name:n,link:l,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=d.__rest(e,["variant"]);return"horizontal"===t?ee.default.createElement(_e,Object.assign({},a)):ee.default.createElement(He,Object.assign({},a))},exports.Avatar=be,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:i,bmiLink:s,locale:d})=>{var c,m,u;const{t:p}=o.useTranslations();return ee.default.createElement(Da,{"data-is-side":l},ee.default.createElement(da,{isSide:l,icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:p("bmi.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.date},isMobile:e}),ee.default.createElement(D.Container,null,ee.default.createElement(Pa,{as:"div","data-is-side":l},s&&ee.default.createElement(Fa,{onSubmit:t,bmiGenerated:n,locale:d,bmiUnit:i,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:i,onFormChange:s,onSubmit:d})=>{var c,m,u;const{t:p}=o.useTranslations();return ee.default.createElement(Da,{"data-is-side":e},ee.default.createElement(da,{isSide:e,icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:p("bmr.heading"),medicalReview:{link:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.link,reviewer:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.reviewer,date:null===(u=null==a?void 0:a.reviewBy)||void 0===u?void 0:u.date},isMobile:l}),ee.default.createElement(D.Container,null,ee.default.createElement(Pa,{onSubmit:e=>e.preventDefault(),"data-is-side":e},ee.default.createElement(Ca,null,ee.default.createElement(sl,{info:n,locale:t,errorMessage:i,onChange:s,onClick:d,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:i,siteType:o})=>{var d,c,m;return ee.default.createElement(Da,{"babyGrowthContent-is-mobile":e,"data-site":o},ee.default.createElement(da,{siteType:o,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&s.theme.mbColors.mint,isEmbeded:!0,icon:ee.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(d=null==i?void 0:i.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),ee.default.createElement(qa,{"data-theme":o},ee.default.createElement(Qa,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,currentUrl:i,isSide:d,direction:m="auto",sponsorLogo:u})=>{const{t:p}=o.useTranslations(),g="mb"===c.useMantineTheme().other.template,{classes:h}=Za({isMarryBaby:g,isSide:d,direction:m},{name:"BabyPoopEmbed"}),{reviewedBy:f,reviewedDate:b}=e||{};return ee.default.createElement("div",{className:h.root},ee.default.createElement("div",{className:h.inner},ee.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!g&&"#284A75"},e.title),ee.default.createElement("div",{className:h.content,"data-is-side":d},ee.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!f&&ee.default.createElement("div",{className:h.reviewText},ee.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:h.reviewTextIcon,loading:"lazy"}),ee.default.createElement(t.Text,{size:"p4",color:s.theme.colors.gray600},p("categoryPage.info.reviewed")," ",ee.default.createElement("a",{href:f.profile_url},f.display_name)," ",p("categoryPage.onDate",{date:b||""}))),ee.default.createElement("div",{className:h.action},ee.default.createElement(n.Button,{className:h.btn,size:g?"lg":"md",variant:g?"secondary":"primary",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:i,style:{visibility:Boolean(l)?"visible":"hidden"}},p("babyPoop.findOut"))))),ee.default.createElement("div",{className:h.thumbnail},ee.default.createElement("img",{src:g?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),u&&ee.default.createElement("img",{loading:"lazy",src:u,alt:"sponsor",className:h.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:i,className:o})=>ee.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!i||void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!i,className:o},ee.default.createElement("div",null,e&&ee.default.createElement("span",null,e)," ",i&&ee.default.createElement("div",null,i))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:i="bold",upperCase:o,as:r="h4",color:s})=>ee.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":i,"data-uppercase":o,as:r},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:i,separator:o})=>{const r=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return ee.default.createElement("div",{"data-size":l,className:`${Ml} ${t||""}`},r.map(((t,a)=>{const s=a+1===r.length;return ee.default.createElement(e.Fragment,{key:a},ee.default.createElement(zl,{LinkComponent:n,page:t,isLast:s,onChangePage:i}),!s&&(t.separator||o||ee.default.createElement("div",{className:Pl,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:i,style:o,href:r="",dataEventCategory:s,dataEventAction:c,dataEventLabel:m}=e,u=d.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||r||"";return ee.default.createElement(Re,Object.assign({"data-event-category":s,"data-event-action":c,"data-event-label":m,className:i,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!h.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},u),ee.default.createElement("div",{className:"banner"},l),ee.default.createElement("div",{className:"content"},ee.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||n||"")))},exports.Checkbox=Ce,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:i="vertical",isDisabled:o,isRectangle:r})=>{const s=(e,l)=>{const n=t.slice();if(l)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}a&&a(n)};return ee.default.createElement(Ge,{className:n,"data-type":i,"data-is-rectangle":r||void 0},l.map(((a,l)=>ee.default.createElement(Ce,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o||a.disabled,onChange:!o&&s,isRectangle:r}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:i="",theme:o="helloSites",isOpen:r=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>ee.default.createElement(Rt,{className:e,"data-theme":o,"data-is-open":r,"data-default-position":s},ee.default.createElement(Gt,{"data-has-content":!!n},n),ee.default.createElement(Ut,{dangerouslySetInnerHTML:{__html:i}}),ee.default.createElement(Wt,null,ee.default.createElement(Vt,{role:"button",tabIndex:0,onClick:a,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},l.acceptButton),ee.default.createElement(qt,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:i,maxDate:o,onChange:s,className:d,autoClose:c=!1}){n||(n={from:null,to:null});const[m,u]=e.useState(!1);function p(){u(!1)}const g=e.useRef(null);function h(e){s&&s(e)}function f(e){return C.format(e,"dd/MM/yyyy")}O.useOutsideClick(g,(()=>{p()}));const b=e.useMemo((()=>n.from&&n.to?C.isSameDay(n.from,n.to)?f(n.from):`${f(n.from)} - ${f(n.to)}`:""),[n.from,n.to]);return ee.default.createElement(Nl,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:g},ee.default.createElement("label",{htmlFor:l},ee.default.createElement(a.PureInput,{size:t,value:b,name:l,actionIcon:ee.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>u(!0)})),m?ee.default.createElement(Al,{onMouseDown:e=>{e.stopPropagation()}},ee.default.createElement(Tl,{value:n,onChange:h,minDate:i,maxDate:o,close:p,autoClose:c})):null)},exports.DoctorInfo=st,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:i,siteType:d})=>{var c;const{t:m}=o.useTranslations();return ee.default.createElement(Da,{"data-is-side":i,"data-site":d},ee.default.createElement(da,{isSide:i,siteType:d,bannerColor:"marryBaby"===d&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:m("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(c=null==l?void 0:l.reviewed_by)||void 0===c?void 0:c.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),ee.default.createElement(Pa,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},ee.default.createElement(Na,{siteType:d,locale:t,onSubmitDueDate:a,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:i,id:o,placeholderIcon:r,placeholder:s,style:d})=>{const[c,m]=e.useState(!1),u=()=>m(!c),p=e.useRef(n.map((e=>"upload"===e.type&&ee.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),i(e.target.files)}}))));return ee.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>m(!1),tabIndex:0},ee.default.createElement(ve,null),ee.default.createElement(a.StyledDropdownName,{onClick:u},r||ee.default.createElement(ye,null)," ",ee.default.createElement("span",null,l&&l.value?l.label:s)),c&&ee.default.createElement(a.StyledDropdownList,{onClick:u,"data-has-icons":!0},n.map((e=>ee.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))||void 0===l||l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},ee.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?ee.default.createElement(xe,null):ee.default.createElement(Ee,null)),e.label)))),ee.default.createElement(ee.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:i,customTargetings:o,locale:r,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[m,u]=e.useState(!1),[p,g]=e.useState(!0),h=e.useRef(null),f=e.useRef(U.v4()),b=e.useRef(null),v=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?g(!1):g(!0)),e()}),4e3)};return e(),()=>{v.current&&clearTimeout(v.current),y.current&&clearTimeout(y.current)}}),[]),d||m?null:ee.default.createElement(Ol,{key:n?"mobile":"desktop",ref:b,className:t,"data-visible":!p},a&&ee.default.createElement(Vl,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l||"div-gpt-ad-sticky")+(n?"-mobile":"")+i+String(f.current),pos:["Sticky"],contentId:i,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>u(!0),refreshInterval:60,locale:r,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:i,onOpen:o,onClose:r,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:m=300})=>{const[u,p]=e.useState(!!i);e.useEffect((()=>{p(!!i)}),[i]);const g=()=>{p(!1),r&&r()};return ee.default.createElement(Lt,{style:l,className:a,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":c},ee.default.createElement(It,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:g}),ee.default.createElement($t,{className:"float-button-group___content",style:{zIndex:m}},ee.default.createElement(_t,null,t.map(((e,a)=>ee.default.createElement(jt,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:zt/t.length*(u?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:zt/t.length*(u?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},ee.default.createElement(Ft,{style:Object.assign({},"zoom"===c&&{transitionDelay:zt/t.length*(u?t.length-1-a:a)+"ms"})},e.label),ee.default.createElement(Ht,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:zt/t.length*(u?t.length-1-a:a)+"ms"})},e.icon))))),ee.default.createElement(Ot,{onClick:u?g:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Se,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,gap:o,children:r,justifyChildren:s,style:d,alignItems:c})=>ee.default.createElement(a.StyledGrid,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":l,"--grid-template-columns":n,"--grid-template-columns-desktop":i,"--justify-children":s,"--grid-gap":o,"--align-items":c},d)},r),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>ee.default.createElement(Ue,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=an,exports.MAPPING_CATEGORY_PREMIUM_TYPE=tn,exports.MobileBottomNavigation=ea,exports.MobileBottomNavigationIcon=Jt,exports.NavHeader=jn,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:i,isMobile:d})=>{var c;const{t:m}=o.useTranslations();return ee.default.createElement(Da,{"data-is-side":n,"data-site":i},ee.default.createElement(da,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:m("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(c=null==a?void 0:a.reviewed_by)||void 0===c?void 0:c.display_name,date:null==a?void 0:a.reviewed_date},isMobile:d}),ee.default.createElement(Pa,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},ee.default.createElement(ml,{siteType:i,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:i,pwgContent:d,onFormChange:c,info:m,isMobile:p,isSide:g=!1,siteType:h})=>{var f;const{t:b}=o.useTranslations(),[v,y]=e.useState("notwins"),[x,E]=e.useState({label:"1",value:1}),w=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:C}=L.useHealthToolsCache(a),k=e.useMemo((()=>C(T.HEALTH_TOOL_TYPE.PWG)),[C]);return ee.default.createElement(Da,{"data-is-side":g,"data-site":h},ee.default.createElement(da,{siteType:h,bannerColor:"marryBaby"===h&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==d?void 0:d.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:b("pregnancyWeightGain.heading"),medicalReview:{link:_.formatUserProfileUrl(null==d?void 0:d.reviewedBy),reviewer:null===(f=null==d?void 0:d.reviewedBy)||void 0===f?void 0:f.display_name,date:null==d?void 0:d.reviewedDate},isMobile:p,isSide:g}),ee.default.createElement(D.Container,null,ee.default.createElement(Pa,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":g},"marryBaby"!==h&&ee.default.createElement(wa,{className:"hide-asking-mobile","data-is-side":g},ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:s.theme.colors.gray600},className:"label"},b("pregnancyWeightGain.havingTwins")),ee.default.createElement(za,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:v,onChange:e=>y(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),ee.default.createElement(Ba,null,ee.default.createElement(Ta,{className:"input-section input-form-pwg","data-is-side":g},"marryBaby"===h?ee.default.createElement(ca,{groupedWithLabel:b("pregnancyWeightGain.weekInput"),options:w,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:x,onChange:e=>E({label:e.label,value:e.value})}):ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:s.theme.colors.gray600}},b("pregnancyWeightGain.weekInput")),ee.default.createElement(P.Dropdown,{options:w,placeholder:String(x.label),id:"weight-gain-dropdown",size:"md",value:x,onChange:e=>E({label:e.label,value:e.value})}))),ee.default.createElement(ul,{siteType:h,info:m,errorMessage:i,onChange:c})),"marryBaby"!==h&&ee.default.createElement(wa,{className:"hide-asking-desk","data-is-side":g},ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:s.theme.colors.gray600},className:"label"},b("pregnancyWeightGain.havingTwins")),ee.default.createElement(za,{options:[{value:"twins",label:b("switchBtn.yes")},{value:"notwins",label:b("switchBtn.no")}],value:v,onChange:e=>y(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===h&&ee.default.createElement(Ce,{name:"twins",label:b("pregnancyWeightGain.havingTwins"),checked:"twins"===v,siteType:"marryBaby",onChange:()=>{y("twins"===v?"notwins":"twins")},value:"twins"}),ee.default.createElement(ka,{"data-is-side":g,"data-site":h},ee.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${u.domainLocales["marryBaby"===h?"vi-VN_MB":a]}/${k}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===h?"secondary":"primary",onClick:()=>l(v,x.value),role:"button"},b("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:i,onChange:o,onClick:r,style:s,href:d,queryPageName:c="page"})=>{const m=[...Array(n)].map(((e,t)=>t+1)),[u,p]=e.useState(i),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),h=n-1,f=e=>{e<=n&&e>0&&(p(e),o(e))},b=e=>{r&&r(e)};return e.useEffect((()=>{p(i)}),[i]),ee.default.createElement(a.StyledPagination,{className:t,style:s},ee.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},g?ee.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:b},ee.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ee.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):ee.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ee.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),m.length>8?ee.default.createElement(we,{pagesAmount:n,activePage:u,handlePageChange:f,handleClick:b,href:g,queryPageName:c}):m.map((e=>ee.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===u||void 0,onClick:()=>f(e)},g?ee.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:b},e):e))),ee.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===h+1||void 0},g?ee.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:b},ee.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ee.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):ee.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ee.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:i,className:o,onChange:r})=>{const[s,c]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=d.__rest(e,["trackClassName"]);return ee.default.createElement(qe,Object.assign({},a,{className:t}),ee.default.createElement(Qe,null))},u=ee.default.createElement(We,{className:o+" progress-bar"},ee.default.createElement(m,null),ee.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>ee.default.createElement(ee.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((i,o)=>ee.default.createElement(Ve,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,ee.default.createElement(Ze,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:r})),p=ee.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},ee.default.createElement("title",null,"chevron-right"),ee.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),g=ee.default.createElement(Ye,null,i&&Array.from({length:i.length},((e,t)=>t)).map(((e,t)=>{var a;return ee.default.createElement(Ke,{key:t,"data-selected":t===l,onClick:()=>{r&&r(t)}},null===(a=i[t])||void 0===a?void 0:a.text," ",t<i.length-1&&p)}))),h=ee.default.createElement(We,{className:o+" progress-bar"},ee.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>ee.default.createElement(ee.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>ee.default.createElement(Xe,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?ee.default.createElement(et,{onClick:()=>{a&&a(n)}},e[n].icon):ee.default.createElement(Je,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),ee.default.createElement(tt,{"data-step-passed":n<t+1},e[n].text,ee.default.createElement(at,null,e[n].description)),n<e.length-1&&ee.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:i,onChange:r})),f=e.useCallback(le.default((()=>{const e=document.querySelector(".progress-bar");e&&c(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return c(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&u||"breadcrumb"===t&&g||"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:i,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:m})=>{const u=!!c&&!!d&&!!m?{"data-event-category":d,"data-event-action":c,"data-event-label":m}:{};return ee.default.createElement(n.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:i,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},u))},exports.RadioGroup=lt,exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:i=5,onSelect:o,hideEmptyStars:r,style:s,className:d})=>{const c=Math.floor(n),m=n-c>=.5?1:0,[u,p]=e.useState(null),g=u||c,h=u?0:m;return ee.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:r?c+m:i}).map(((e,t)=>{const a=()=>!!o&&p(t+1),l=()=>!!o&&p(null);return t+1<=g?ee.default.createElement(Be,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+h?ee.default.createElement(Te,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):ee.default.createElement(ke,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:i="infinity",type:o="separated",distanceOverlappedLeft:r={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:m,isArrowShown:u=!1,classNameLeftArrow:p,classNameRightArrow:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:b,onChangePage:v,page:y,customPageWidth:x,scheme:E="hellosites",arrowType:w="Discover"})=>{const C="number"==typeof y,[k,B]=e.useState(C?y:0),T=[];ee.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push(ee.default.cloneElement(e))}));const S=e.useRef(),N=e.useRef(0),A=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e),v&&v(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e)})(y)}),[y]);const M=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t;let l;l=0===k?0:k*a,"forward"===e&&(l===a*(T.length-1)?(B(T.length-1),l=a*(T.length-1),v&&v(T.length-1)):(B(k+1),l+=a,v&&v(k+1)),S.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(B(0),v&&v(0),l=0):(B(k-1),v&&v(k-1),l-=a),S.current.scrollTo({top:0,left:l,behavior:"smooth"}))},P=le.default((()=>{if("infinity"===i){if(!S.current)return;const{clientWidth:e,scrollLeft:t}=S.current,a=x||e,l=Math.floor(t/a);B(l),v&&v(l)}}),400);return e.useEffect((()=>{if("snapped"===i){let e,t,a,l,n,i,s=!1;const d=S.current,c=(i,o)=>{s=!0,a=!1,l=!1,e=i-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},m=e=>{c(e.pageX,e.pageY)},u=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,l=!1,!S.current)return;const{clientWidth:e}=S.current,t=x||e,n="ltr"===i?0!==N.current?N.current-1:N.current:"rtl"===i&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===o?"percentage"===r.unit?n*t+r.amount/100*t*n:n*t+r.amount*t*n:n*t;S.current.scrollTo({top:0,left:d,behavior:"smooth"}),i="none",N.current!==n&&(N.current=n,B(n),v&&v(n))},g=(o,r)=>{if(!s)return;const c=o-d.offsetLeft,m=r-d.offsetTop,u=c-e,p=m-t;a||l||!(p>20||p<-20)||(a=!0),!a&&(u>20||u<-20)&&(l=!0,d.scrollLeft=n-u,u>0&&(i="ltr"),u<0&&(i="rtl"),0===u&&(i="none"))},h=e=>{l&&e.preventDefault(),g(e.pageX,e.pageY)},f=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",m,{passive:!0}),null==d||d.addEventListener("touchstart",u,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",h,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",m),null==d||d.removeEventListener("touchstart",u),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",h),null==d||d.removeEventListener("touchmove",f)}}}),[]),ee.default.createElement(ut,{className:d,"data-row":t,onScroll:P},u&&k>0&&ee.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>M("back"),"data-event-category":h,"data-event-action":f,"data-event-label":b},"Care"===w?ee.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},ee.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},ee.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),ee.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),ee.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),ee.default.createElement("defs",null,ee.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},ee.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),ee.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ee.default.createElement("feOffset",{dx:"-2",dy:"2"}),ee.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),ee.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),ee.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),ee.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ee.default.createElement("feOffset",{dx:"-1",dy:"1"}),ee.default.createElement("feGaussianBlur",{stdDeviation:"1"}),ee.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),ee.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),ee.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):ee.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},ee.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ee.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ee.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),ee.default.createElement("div",{ref:S,className:"container",style:{overflowX:"snapped"===i||u?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return ee.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?r.amount+""+("percentage"===r.unit?"%":"px"):"0px"}},1===t&&c&&ee.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const i=n+a,o=m.find((e=>e.index===i));return ee.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?ee.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):ee.default.createElement("div",{className:"line"}),ee.default.createElement("div",{className:"icon-status"},ee.default.createElement(pt,{status:null==o?void 0:o.status})),l===T.length-1&&a===e.length-1?ee.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):ee.default.createElement("div",{className:"line"}))}))),ee.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>ee.default.createElement(ee.default.Fragment,{key:t},ee.default.createElement("div",{className:"item-grid",key:t},e))))))}))),u&&k<T.length-1&&ee.default.createElement("div",{className:`${g} arrow-right`,onClick:()=>M("forward"),"data-event-category":h,"data-event-action":f,"data-event-label":b}," ","Care"===w?ee.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},ee.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},ee.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),ee.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),ee.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),ee.default.createElement("defs",null,ee.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},ee.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),ee.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ee.default.createElement("feOffset",{dx:"-2",dy:"2"}),ee.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),ee.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),ee.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),ee.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ee.default.createElement("feOffset",{dx:"-1",dy:"1"}),ee.default.createElement("feGaussianBlur",{stdDeviation:"1"}),ee.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),ee.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),ee.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):ee.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},ee.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ee.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ee.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&ee.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>ee.default.createElement("li",{key:t,className:"bullet-nav__item "},ee.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":E}))))),n&&ee.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>ee.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":E},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:i,siteType:o,seoCustom:r,userId:s,forcedCanonicalUrl:d})=>{var c,m,p,g,h,f,b,v,y,x,E,C;const{totalPages:k,currentPage:B,SEOTitle:T="",SEODescription:S="",SEOImage:N,seoType:A,SEOImageWidth:M,SEOImageHeight:P,customMetaData:D=[],isIndexable:z=!0,hasNoCanonical:L=!1}=t,I=z&&w.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:$}=process.env;let _=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(_=_.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===o?u.domainLocales[O]:"www.marrybaby.vn",F=_.endsWith("/")?"":"/",H=e.useMemo((()=>{var e,l,n,i,o,r,s;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const c=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),m=` - Page ${B} of ${k}`,u=B&&1!==B&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",m+" - "):`<title>${c[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${j}${_}${F}" />`,`<link rel="canonical" href="https://${j}${_}${F}?page=${B}" />`):t.apiMetaData;if(d=ne.default(u,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,ee.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||N||e||""}),ee.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||N||e}),ee.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||M&&String(M)||"1200"}),ee.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=t.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||P&&String(P)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,P,M,B,_,k,a,j]),R=`https://${j}/images/${a}.png`;return ee.default.createElement(i,null,ee.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?ee.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?ee.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?ee.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):ee.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),ee.default.createElement("link",{rel:"preconnect",href:$}),ee.default.createElement("meta",{charSet:"UTF-8"}),ee.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),ee.default.createElement("meta",{name:"google",content:"notranslate"}),ee.default.createElement("meta",{name:"robots",content:I}),ee.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),D.map(((e,t)=>ee.default.createElement("meta",Object.assign({key:t},e)))),ee.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),ee.default.createElement("meta",{name:"page_type",content:"Home"}),ee.default.createElement("meta",{name:"page_platform",content:"WEB"}),ee.default.createElement("meta",{name:"page_language",content:O}),ee.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&ee.default.createElement(ee.default.Fragment,null,"helloSites"===o?ee.default.createElement("title",null,r?T:T+" - "+(null===(c=u.LOCALE_SPECS[a])||void 0===c?void 0:c.SITE_NAME)):ee.default.createElement("title",null,T),!L&&ee.default.createElement("link",{rel:"canonical",href:`https://${j}${_}`}),ee.default.createElement("meta",{name:"description",content:S||(null===(m=t.openGraph)||void 0===m?void 0:m.description)}),t.schemaData&&ee.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),ee.default.createElement("meta",{property:"og:locale",content:a}),ee.default.createElement("meta",{property:"og:type",content:A||"website"}),ee.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)||void 0===p?void 0:p.title)||T}),ee.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||S}),ee.default.createElement("meta",{property:"og:url",content:`https://${j}${_}`}),ee.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),ee.default.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||N||R||""}),ee.default.createElement("meta",{property:"og:image:secure_url",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||R}),ee.default.createElement("meta",{property:"og:image:width",content:(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)&&String(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)||M&&String(M)||"1200"}),ee.default.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)||P&&String(P)||"630"}),ee.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),ee.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),ee.default.createElement("meta",{name:"twitter:description",content:S}),ee.default.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||N})),("helloSites"===o?u.FAVICONS[O]||[]:u.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?ee.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?ee.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(H)&&d?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,d&&ee.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&ee.default.createElement("link",{rel:"amphtml",href:`https://${j}${_}${F}?amp=1`}),s&&"undefined"!=typeof window?ee.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:i})=>{const{t:r}=o.useTranslations(),c=G.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),m=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ee.default.createElement(Ll,null,ee.default.createElement(t.Text,{size:"p3",color:s.theme.colors.gray800},r("shareContainer.title")),ee.default.createElement("div",{className:"icon-group"},c.map(((e,t)=>ee.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":m},e.icon))),ee.default.createElement(y.Button,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:ee.default.createElement(Il,null),onClick:()=>d.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":m})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:i,onCopied:r,onShared:c,url:m,locale:u}=a,p=d.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:g}=o.useTranslations(),h=e.useCallback((()=>d.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(m),null==r||r()}))),[m,r]),f=G.getSocialList(m||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(u)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:m}).then((()=>{null==c||c()})).catch((()=>{null==i||i()}))}),[m,n,c,l]),"undefined"!=typeof navigator&&navigator.share?null:ee.default.createElement($l,Object.assign({title:g("share.title"),onClose:i,open:l,placement:"bottom"},p),ee.default.createElement("div",{className:"share-container"},ee.default.createElement("div",{className:"icon-container"},ee.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:s.theme.colors.gray600},g("share.title")),ee.default.createElement("div",{className:"icon-group"},f.map(((e,t)=>ee.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),ee.default.createElement("div",{className:"link-container"},ee.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:s.theme.colors.gray600},g("share.copyLink")),ee.default.createElement("div",{className:"input-group"},ee.default.createElement(x.Input,{name:"link",size:"md",value:m,isDisabled:!0}),ee.default.createElement(y.Button,{size:"md",type:"button",color:"tertiary",icon:ee.default.createElement(_l,null),onClick:h})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:i,className:o})=>ee.default.createElement(gt,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":i},ee.default.createElement(ft,null,"small"===e&&ee.default.createElement(ht,{"data-color":i}),t),ee.default.createElement(bt,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:a=0,categoryIds:l=[],isMarketing:n,isSurveyType:i,hasPremiumBanner:s,currentUrl:d,isMobile:m,subcribeHealthStatus:p,setShouldAcquisitionModalOpen:g,onValueChange:h,source:f="discover",Wrapper:b})=>{const{t:v}=o.useTranslations(),{data:{userInfo:y}}=e.useContext(T.TogetherComponentGlobalContext),x=Boolean(null==y?void 0:y.id),[E,w]=e.useState(null),[C,k]=e.useState(),[B,S]=e.useState(""),[N,A]=e.useState(!1),[M,P]=e.useState(!1),D=e.useMemo((()=>tn[t]),[]),z=((e,t)=>({[Kl.Pregnant]:{action:en.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:Jl.Button,thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:c.rem(80),[e.fn.largerThan("sm")]:{minWidth:c.rem(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:en.ShowTool,props:{value:Zl.DUE_DATE}},no:{action:en.ShowPremiumModal}}},[Kl.Parenting]:{action:en.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:Jl.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:en.ShowTool,props:{value:Zl.BABY_VACCINE}},teenager:{action:en.ShowOptionBanner,props:{styleType:Jl.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:en.ShowPremiumModal},"teenager.girl":{action:en.ShowTool,activeTool:u.RISK_SCREENER_NAME.HPV,props:{value:u.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:en.ShowOptionBanner,props:{styleType:Jl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Zl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:en.ShowOptionBanner,props:{styleType:Jl.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Zl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,d)[D],L=null==z?void 0:z.submitHandler,I=b||c.Box,$=()=>s&&1!==(null==y?void 0:y.subscription)?ee.default.createElement(on,null):null;return e.useEffect((()=>{x&&w({userInfo:y,preferredTopics:ql,healthTopics:[]})}),[x]),ee.default.createElement(nn.Provider,{value:{settings:z,submitHandler:L,type:t,surveyType:D,value:B,setValue:S,isMobile:m,isLoggedIn:x,isMarketing:n,hasPremiumBanner:s,currentUrl:d,acquisitionInfo:E,categoryIds:l,subcribeHealthStatus:p,articleId:a,onValueChange:h,state:C,setState:k,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(L).map((e=>{const l=e.split("|");if(a.length===l.length){let n=0;a.map((e=>{l.includes(String(e))&&(n+=1)})),n===a.length&&(t=e)}})),t)})(e);if(t){const a=L[t];a.action===en.ShowPremiumModal?s?(A(!0),k(Object.assign(Object.assign({},C),{actionParams:{hideBannerWhenClose:a.action===en.ShowPremiumModal}}))):(k({action:en.Hide}),null==h||h(e)):(k(a),null==h||h(e))}},showPNModal:N,setShowPNModal:A,source:f,Outside:I,isBack:M,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:g}},void 0!==p?x?i&&z?(()=>{const e=L[(null==p?void 0:p.value)||""];return(null==e?void 0:e.action)===en.ShowPremiumModal?$():ee.default.createElement(Dn,null)})():$():s?ee.default.createElement(on,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:l,style:n,question:i,termAndPolicyText:o,prevText:r,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:m,onPrevClick:u,onNextClick:p,isSubmitButton:g,isButtonCenter:h,progress:f,descriptionText:b})=>{var v,x,E;const[w,C]=e.useState([]),{is_multi_select:k,multi_select_option:B,from:T,to:S}=i,N=null==i?void 0:i.type,A="checkbox"===N&&(null===(v=i.options)||void 0===v?void 0:v.length)&&(!w||0===w.length||k&&B===Dt.RANGE&&(w.length<T||w.length>S)||k&&B===Dt.EXACT_NUMBER&&w.length!==T)||"radio"===N&&(null===(x=i.options)||void 0===x?void 0:x.length)&&(!w||0===w.length)||"textbox"===N&&(null===(E=i.textOptions)||void 0===E?void 0:E.length)&&(w.length<i.textOptions.length||w.some((e=>!e.value))),M="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,P=e.useRef(null),D=()=>"textbox"!==N||P.current.reportValidity();return ee.default.createElement(Tt,{className:a,style:n},ee.default.createElement("div",{className:"survey-inner-wrapper"},l&&ee.default.createElement("div",{className:"survey-header"},ee.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},l)),ee.default.createElement("form",{ref:P,onSubmit:e=>e.preventDefault()},ee.default.createElement(Pt,{question:i,description:b,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&ee.default.createElement(y.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>D()&&p&&p(w)},s),o&&ee.default.createElement("div",{className:"term-policy-container"},o),"number"==typeof f&&ee.default.createElement("div",{className:"survey-progress-wrapper"},ee.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${M})`}})),(r||s)&&ee.default.createElement("div",{"data-center":h,className:"survey-button-wrapper"},r&&ee.default.createElement(y.Button,{className:"survey-prev-button",size:"lg",color:m?"primary":"secondary",isDisabled:m,icon:ee.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},ee.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:m?"#fff":"#2D87F3"})),onClick:u},r),!d&&s&&ee.default.createElement(y.Button,{onClick:()=>D()&&p&&p(w),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",g?void 0:ee.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},ee.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:i})=>ee.default.createElement(Tt,{className:n,style:i},ee.default.createElement("div",{className:"survey-inner-wrapper"},ee.default.createElement(Nt,null,ee.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},ee.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},ee.default.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:s.theme.colors.primary50}),ee.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),ee.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),ee.default.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),ee.default.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),ee.default.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),ee.default.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),ee.default.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),ee.default.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),ee.default.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),ee.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),ee.default.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),e&&ee.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&ee.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:i,info:d,inputErrorMessage:m,onFormChange:p,onSubmit:g})=>{var h,f,b;const{t:v}=o.useTranslations(),{getHealthToolLink:y}=L.useHealthToolsCache(l),x=e.useMemo((()=>y(T.HEALTH_TOOL_TYPE.THR)),[y]),[E,w]=e.useState(!1),[C,k]=e.useState("low_intensity"),[B,S]=e.useState("male"),[N,M]=e.useState(60),[P,z]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),I=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],$=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==d?void 0:d.age).getTime())/1e3;w(e>=567648e3);const t=I.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||I[0];z(t),M(60)}),[null==d?void 0:d.age]),ee.default.createElement(Da,{"data-is-side":a},ee.default.createElement(da,{isSide:a,icon:ee.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:v("targetHearRate.heading"),medicalReview:(null===(h=null==n?void 0:n.reviewedBy)||void 0===h?void 0:h.display_name)?{link:_.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(f=null==n?void 0:n.reviewedBy)||void 0===f?void 0:f.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:i}),ee.default.createElement(D.Container,null,ee.default.createElement(Pa,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},ee.default.createElement(al,{"data-is-side":a},ee.default.createElement(tl,null,ee.default.createElement(Se,{defaultValue:"male",onChange:e=>{S(e),M(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:c.rem(12)}}})}))),ee.default.createElement(al,null,ee.default.createElement(ll,{info:d,locale:l,errorMessage:m,onChange:p})),ee.default.createElement("div",{className:"slider-heart-rate"},ee.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},v("targetHeartRate.heartRateInput")),ee.default.createElement("div",{className:"slider-outer-wrapper"},ee.default.createElement(A.Slider,{containerStyle:{flex:1},min:"male"===B?P.rangeMale:P.rangeFemale,max:200,step:1,value:N,withControl:!0,onChange:M}))),E&&ee.default.createElement(tl,null,ee.default.createElement(Sa,null,ee.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:s.theme.colors.gray600,marginBottom:"9px"}},v("targetHeartRate.selectActive")),ee.default.createElement("div",{className:"card"},ee.default.createElement(Xa,{options:$.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:C,onChange:e=>{k(e)},className:"gender-selector"})),C&&ee.default.createElement("div",{className:"note"},ee.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),ee.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(b=$[$.findIndex((e=>e.value==C))||0])||void 0===b?void 0:b.content)),!C&&ee.default.createElement("span",{style:{color:"#e64728"}},m.intensity)))),ee.default.createElement("div",{style:{display:"flex"}},ee.default.createElement(Ja,{size:"lg",onClick:()=>{g(B,C,[N])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${u.domainLocales[l]}/${x}`},v("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:i,className:o,dataEventCategory:r,dataEventAction:s,dataEventLabel:d,id:c,styles:m})=>{const{classes:u,cx:p,theme:g}=Bt(void 0,{name:"Tabs",styles:m}),[h,f]=e.useState(l||0);return e.useEffect((()=>{f(l)}),[l]),ee.default.createElement("ul",{style:a,className:p(u.root,o),role:"tablist",id:c},n.map(((e,a)=>ee.default.createElement("li",{className:`${u.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{f(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),i&&i(a))},key:a,"data-event-category":e.dataEventCategory||r,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},ee.default.createElement("div",{className:u.itemInner},e.icon&&ee.default.createElement("div",{className:u.icon},e.icon),ee.default.createElement(t.Text,{className:u.label,size:e.textSize||"sm",weight:e.textType||"bold",color:h===a?g.fn.primaryColor():e.textColor||g.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:l,isInline:n,isSquared:o=!1,className:r,isLight:s,hasMorePadding:d,isLink:c,isSelected:m,textProps:u={size:"sm"}})=>{const p=u.color?{"--text-props-color":u.color}:{};return ee.default.createElement(a.StyledTag,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},l),p),className:r,"data-is-selected":m||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},ee.default.createElement(i.Text,Object.assign({},u),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:i,label:o})=>ee.default.createElement(a.StyledToggle,{className:e,style:i},ee.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),ee.default.createElement("label",{htmlFor:t},ee.default.createElement(a.StyledToggleIcon,null),o&&ee.default.createElement(a.StyledToggleLabel,null,o))),exports.ToolsBannerCard=da,exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=zn,enableCare:i,enableTogether:s,enableEcom:d,enableMySaved:c,userInfo:m,togetherApiDomain:u,userPostsNumber:p,onClickNavigationCard:g,onClickMyProfileButton:f,onClickMenuItem:b,onClickLogout:v,isUserProfileNavigatorMenuHidden:x=!1,isMyHealthEnabled:E=!1,locale:w})=>{const{t:C}=o.useTranslations(),[k,B]=e.useState(p||0),T="marryBaby"===l;e.useEffect((()=>{if(m&&void 0===p){const e=K.getCookie("hhg_user_token");e&&fetch(X.normalizeLinkSlash(h.getTogetherUserPostsApiPath(w,T,u)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,l;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&B((null===(l=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===l?void 0:l.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[w,null!==m,p,u,T]);const S=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?i:"myCommunity"===e?s:"myHealth"===e?E:"eCom"===e?d:"mySaved"!==e||c))}),[T,E]),N=e.useMemo((()=>"marryBaby"===l?null:ee.default.createElement(y.Button,{color:"tertiary",icon:ee.default.createElement("img",{src:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:v,className:li},C("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=X.normalizeLink(e):t&&(window.location.href=X.normalizeLink(`${t}${a}/${e}`))},M=e=>{const t=n[e];g?g(t):A(t)};return m?ee.default.createElement("div",{className:ei,"data-theme":l},ee.default.createElement(jn,{userInfo:m,themeName:l,onClickMyProfileButton:()=>{f?f():A("profile")}}),ee.default.createElement(mi,{themeName:l,rank:"member",numberOfPosts:k}),ee.default.createElement("div",{className:ti},S.map((e=>ee.default.createElement(Wn,{className:ai,key:e,themeName:l,type:e,onClick:M})))),!x&&ee.default.createElement(ee.default.Fragment,null,ee.default.createElement(Xn,{themeName:l,locale:w,onClickItem:e=>{"logout"===e.link&&v?v():e.link&&!e.subMenu&&(b?b(e.link):A(e.link))}}),N)):null},exports.UserStats=mi,exports.index=mt,exports.index$1=kt;
|
|
2748
|
+
`,Ul={},Wl=e=>{if(Ul[e]){window.googletag=window.googletag||{cmd:[]};const{googletag:t}=window;t.cmd.push((function(){t.destroySlots([Ul[e]]),delete Ul[e]}))}},Vl=["TopBanner","MidBanner1","MidBanner2","EndBanner","Sticky"],ql=e.forwardRef((function({className:t,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,contentId:s,isHidden:d,hideIfHasSubot:m,isSticky:u,refreshInterval:g,customTargetings:h,style:f,adDefaultSize:v,noWrapper:b,showCloseBtn:y,onCloseAd:x,headerBottom:E,wrapperProps:w,locale:k,isMarryBaby:B},T){const S=g||(k===p.LOCALE.Vietnam&&i.some((e=>Vl.includes(e)))?30:void 0),{t:N}=C.useTranslations(),A=e.useRef(null),M=e.useRef(null),P=e.useRef(S);P.current=S;const[D,z]=e.useState(!1),L=()=>{P.current&&(null!==M.current&&clearInterval(M.current),M.current=window.setInterval((()=>{window.googletag=window.googletag||{cmd:[]};const{googletag:e}=window;e.cmd.push((function(){Ul[n]&&e.pubads().refresh([Ul[n]])}))}),1e3*P.current))};if(e.useEffect((()=>()=>{Wl(n),M.current&&clearInterval(M.current)}),[]),e.useEffect((()=>{L()}),[S]),e.useEffect((()=>{d||(({contentId:e,adUnitPath:t,size:a,divId:l,pos:n,sizeMapping:i,hideIfHasSubot:o,customTargetings:r,onSuccess:s})=>{if(!l||!document.getElementById(l))return console.error("divId is required");Wl(l),window.googletag=window.googletag||{cmd:[]};const{googletag:d}=window;d.cmd.push((function(){const c=document.querySelector('meta[name="content_id"]'),m="string"==typeof e?e:null==c?void 0:c.content,u=d.defineSlot(t,a,l);if(u){try{r&&Object.keys(r).forEach((e=>{e&&(null==u||u.setTargeting(e,r[e]))}))}catch(e){console.error(e)}Ul[l]=u,u.setTargeting("Pos",n),u.addService(d.pubads()),m&&u.setTargeting("Content_ID",m),i&&u.defineSizeMapping(i),o&&document.getElementById("subot--container")&&u.setTargeting("chatbot",!0),d.display(l),null==s||s()}}))})({contentId:s,adUnitPath:a,size:l,divId:n,pos:i,sizeMapping:o,hideIfHasSubot:m,customTargetings:h,onSuccess:L})}),[d]),D)return null;const I=ae.default.createElement("div",{style:{position:"relative",width:"fit-content",height:"fit-content",overflow:"hidden",maxWidth:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},ae.default.createElement("div",{ref:T,id:n}),y&&ae.default.createElement(Gl,{onClick:()=>{null==x||x(),z(!0)}}));if(u)return I;const $=v?v[0]:l?Array.isArray(l[0])?l[0][0]:l[0]:void 0,_=v?v[1]:l?Array.isArray(l[0])?l[0][1]:l[1]:void 0;return ae.default.createElement(c.Box,Object.assign({},w,{className:t}),ae.default.createElement(Hl,{ref:A,className:t,style:f,"data-no-wrapper":!!b,"data-header-bottom":!!E},b?I:ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(Rl,{"data-header-bottom":!!E},ae.default.createElement("img",{src:B?r.CommonGAssets.getAssetPath("adsIcon-mb.svg"):r.CommonGAssets.getAssetPath("adsIcon.svg"),alt:"",loading:"lazy"}),ae.default.createElement("span",null,N("adBanner.title"))),ae.default.createElement("div",{style:{minWidth:$||"100%",minHeight:_||"100%",position:"relative"}},I))))})),Ql=e.memo(ql,((e,t)=>e.adUnitPath===t.adUnitPath&&e.divId===t.divId&&e.className===t.className)),Zl=[{title:"Health News & Current Affairs",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-health.svg"),checked:!1,id:1},{title:"Educational Medical Hello Bacsi Content",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-education.svg"),checked:!1,id:2},{title:"Hello Health Community Feed",description:"Covering the latest happenings in the health field, including medical breakthroughs, policies, and disease outbreaks",icon:r.CommonGAssets.getAssetPath("newsletter-prefer/newsletter-community.svg"),checked:!1,id:3}];var Yl;!function(e){e.DUE_DATE="due-date-calculator",e.BMI="bmi",e.BMR="bmr",e.OVULATION="ovulation",e.IFRAME="IFRAME",e.PWG="pregnancy-weight-gain",e.THR="heart-rate",e.BABY_VACCINE="vaccination-tool",e.BABY_GROWTH="baby-growth-tracking",e.BABY_POOP="baby-poop-checking"}(Yl||(Yl={}));const Kl={DUE_DATE:Yl.DUE_DATE,BMI:Yl.BMI,BMR:Yl.BMR,OVULATION:Yl.OVULATION,IFRAME:Yl.IFRAME,PWG:Yl.PWG,THR:Yl.THR,BABY_VACCINE:Yl.BABY_VACCINE,BABY_GROWTH:Yl.BABY_GROWTH,BABY_POOP:Yl.BABY_POOP},Xl={[Kl.DUE_DATE]:r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg")};var Jl,en,tn,an;!function(e){e.Pregnant="pregnant",e.Parenting="parenting"}(Jl||(Jl={})),function(e){e.Option="option"}(en||(en={})),function(e){e.Button="button",e.Checkbox="checkbox"}(tn||(tn={})),function(e){e.ShowTool="showTool",e.ShowPremiumModal="showPremiumModal",e.ShowOptionBanner="showOptionBanner",e.Hide="hide"}(an||(an={}));const ln={pregnancy:Jl.Pregnant,parenting:Jl.Parenting},nn={[Jl.Pregnant]:"pregnant",[Jl.Parenting]:"parent"},on=e=>({[Kl.DUE_DATE]:{heading:e("pnBanner.dueDateTool.heading"),description:e("pnBanner.dueDateTool.desc"),btnLabel:e("pnBanner.caclNow"),value:Kl.DUE_DATE,dataEventAction:"Try our Due Date Calculator Click"},[Kl.BABY_VACCINE]:{heading:e("pnBanner.vaccination.heading"),description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Kl.BABY_VACCINE,dataEventAction:"Try our Baby Vaccine Scheduler Click"},[Kl.BABY_GROWTH]:{heading:"Baby Growth",description:e("pnBanner.vaccination.desc"),btnLabel:e("pnBanner.caclNow"),value:Kl.BABY_GROWTH},[u.RISK_SCREENER_NAME.HPV]:{heading:e("pnBanner.hpv.heading"),description:e("pnBanner.hpv.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-hpv-mobile.png")},isRiskScreener:!0,btnLabel:e("pnBanner.checkNow"),value:u.RISK_SCREENER_NAME.HPV,hideDescOnMobile:!0,dataEventAction:"Keep safe from HPV virus Click"}}),rn=e.createContext({}),sn=t=>{var a=d.__rest(t,[]);const{locale:l}=C.useTranslations(),{type:i,isMobile:o,currentUrl:s,isMarketing:m,isLoggedIn:u,setShouldAcquisitionModalOpen:p}=e.useContext(rn);return ae.default.createElement(c.Container,Object.assign({mih:{base:144,md:160},fluid:!0,p:0,sx:{borderRadius:4,cursor:"pointer"},onClick:()=>d.__awaiter(void 0,void 0,void 0,(function*(){const e=m?q.getCurrentBaseUrl(l)+"/dang-ky-nhan-tin/":`${window.location.href}?source=acquisition`;u?null==p||p():window.location.href=`${q.getCurrentSsoUrl(l)}/?returnUrl=${encodeURIComponent(e)}`})),"data-event-category":"Newsletter","data-event-action":"Banner Click","data-event-label":s,className:"pointer-event-child-none"},a),ae.default.createElement(n.ImageWrap,{src:m?r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_Marketing.png`):r.CommonGAssets.getAssetPath(`newsletter/${o?"Mobile":"Desktop"}_${i}.png`),style:{maxWidth:"100%"},alt:"newsletter banner"}))},dn="api/v1/categories?site={website_url}",cn="api/v1/subscription?site={website_url}",mn="api/v1/categories?site={website_url}";var un=c.createStyles((e=>({root:{},wrapper:{[e.fn.smallerThan("sm")]:{width:"70%"}},button:{[e.fn.smallerThan("sm")]:{height:"auto",minHeight:c.rem(32),padding:`${c.rem(6)} ${c.rem(16)}`,textAlign:"center",width:"100%"}},buttonLabel:{whiteSpace:"normal"}})));const pn=({heading:l,description:n,thumbnail:i={desktop:"",mobile:""},hideDescOnMobile:o,children:r})=>{const{isMobile:s,minHeight:d}=e.useContext(rn);return ae.default.createElement(c.Box,{sx:()=>({borderRadius:c.rem(8),background:"linear-gradient(180deg, #FAFDFF 0%, #E3F2FF 100%)"})},ae.default.createElement(c.Box,{sx:e=>({minHeight:c.rem(d),borderRadius:"inherit",background:`url(${s?i.mobile:i.desktop})`,backgroundPosition:"center right",backgroundRepeat:"no-repeat",backgroundSize:"contain",padding:`${c.rem(24)} ${c.rem(16)}`,display:"flex",flexDirection:"column",justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${c.rem(22)} ${c.rem(32)}`}})},ae.default.createElement(c.Stack,{spacing:c.rem(16)},ae.default.createElement(c.Stack,{spacing:c.rem(4),sx:e=>({maxWidth:"60%",[e.fn.largerThan("sm")]:{maxWidth:"70%"}})},l&&ae.default.createElement(a.Heading,{tag:"h4"},l),!(o&&s)&&n&&ae.default.createElement(t.Text,{size:"p4"},n)),ae.default.createElement(c.Box,null,r))))},gn=t=>{const{styleType:a=tn.Button,items:l=[],buttonProps:i,styles:o,submitBtnTracking:r}=t,{classes:s}=un(void 0,{name:"PremiumBannerWithOptions",styles:o}),{t:m,locale:p}=C.useTranslations(),{surveyType:g,articleId:h,handleClickOption:f,hasPremiumBanner:v,source:b,isMobile:y,setShowPNModal:x}=e.useContext(rn),E=e.useMemo((()=>v?l:l.filter((e=>!Boolean(e.isPNBtn))).filter(Boolean)),[l]),{getHealthToolLink:w}=$.useHealthToolsCache(p),k=Q.useForm({initialValues:{bannerOptions:[]}}),B=e=>d.__awaiter(void 0,void 0,void 0,(function*(){return yield N.callApiWithAuth(N.getApiPath(N.PATHS.HEALTH_TOOL.CREATE,{_locale:p,type:nn[g]}),"POST",{headers:{"Content-Type":"application/json"},data:{value:e,article:h,source:b}})})),S=e.useCallback((()=>ae.default.createElement(c.Flex,{gap:c.rem(8),className:s.wrapper},E.map(((e,t)=>ae.default.createElement(c.Box,{key:String(t),component:e.isLink?"a":"div",href:e.isRiskScreener?`https://${u.domainLocales[p]}/bot/${u.RISK_SCREENER_SLUG[p][e.activeTool]}/`:e.isLink?w(e.activeTool):void 0},ae.default.createElement(n.Button,Object.assign({className:s.button,classNames:{label:s.buttonLabel},size:"sm"},e.tracking,i,{onClick:()=>{e.isLink||(e.isPNBtn&&x(!0),B(e.value),f(e.value))}}),e.label)))))),[E,k]),A=e.useCallback((()=>ae.default.createElement(c.Flex,null,ae.default.createElement(c.Flex,{align:"center",gap:c.rem(24),sx:e=>({background:"white",borderRadius:c.rem(8),padding:c.rem(4),[e.fn.largerThan("sm")]:{paddingLeft:c.rem(16)}})},ae.default.createElement(n.Checkbox.Group,Object.assign({},k.getInputProps("bannerOptions",{type:"checkbox"})),ae.default.createElement(c.Flex,{gap:c.rem(16)},E.map(((e,t)=>ae.default.createElement(n.Checkbox,{key:String(t),value:e.value,label:e.label,styles:{label:{cursor:"pointer"}}}))))),ae.default.createElement(n.Button,Object.assign({size:"sm"},r,i,{disabled:0===k.getInputProps("bannerOptions").value.length,leftIcon:y?ae.default.createElement(T.Icon.ArrowRightTail,{size:18,useCurrentColor:!0}):void 0,onClick:()=>{const e=k.getInputProps("bannerOptions").value;B(e.join("|")),f(e.join("|"))},styles:e=>({root:{[e.fn.smallerThan("sm")]:{width:c.rem(38),minWidth:"auto",padding:0}}})}),!y&&m("pnBanner.submit"))))),[E,k]);return ae.default.createElement(pn,Object.assign({},t),a===tn.Button?S():a===tn.Checkbox?A():null)},hn=l=>{var i,o;const{t:r}=C.useTranslations(),{heading:s,description:d,thumbnail:m,btnLabel:p,value:g,isRiskScreener:h,hideDescOnMobile:f,dataEventAction:v}=l,{locale:b}=C.useTranslations(),{isMobile:y}=e.useContext(rn),{getHealthToolLink:x,allTools:E}=$.useHealthToolsCache(b),k=h?"mainBanner":"toolBanner",B=e.useMemo((()=>{const e=h?`https://${w.isProduction?"":"discover."}${u.domainLocales[b]}/bot/${u.RISK_SCREENER_SLUG[b][g]}`:x(g);return ae.default.createElement("a",{href:e},ae.default.createElement(n.Button,{size:"sm","data-event-category":"Focused Audience","data-event-action":v,"data-event-label":e},p||r("pnBanner.caclNow")))}),[E]);return"mainBanner"===k?ae.default.createElement(pn,Object.assign({},Object.assign(Object.assign({},l),{thumbnail:l.thumbnail})),B):ae.default.createElement(c.Flex,{gap:c.rem(7),align:"center",justify:"space-between",sx:e=>({borderRadius:c.rem(8),background:e.colors.blue[0],minHeight:c.rem(180),padding:`${c.rem(24)} ${c.rem(16)}`,[e.fn.largerThan("sm")]:{padding:`${c.rem(34)} ${c.rem(32)}`}})},ae.default.createElement(c.Stack,{spacing:c.rem(12)},ae.default.createElement(c.Stack,{spacing:c.rem(4)},s&&ae.default.createElement(a.Heading,{tag:"h4"},s),!(y&&f)&&d&&ae.default.createElement(t.Text,{size:"p4"},d)),ae.default.createElement(c.Flex,{gap:c.rem(8),sx:{button:{minWidth:c.rem(120)}}},B)),ae.default.createElement(c.Flex,{align:"center",justify:"center",sx:e=>({width:c.rem(96),height:c.rem(96),borderRadius:"50%",background:"white",flexShrink:0,[e.fn.largerThan("sm")]:{width:c.rem(112),height:c.rem(112)},img:{maxWidth:c.rem(64),[e.fn.largerThan("sm")]:{maxWidth:c.rem(73)}}})},ae.default.createElement("img",{alt:"health-tool-icon",src:m||(null===(o=null===(i=E.filter((e=>e.template===g)))||void 0===i?void 0:i[0])||void 0===o?void 0:o.icon)||Xl[g]||"",loading:"lazy"})))},fn=()=>{var t,a,l;const{t:n}=C.useTranslations(),{state:i,Outside:o}=e.useContext(rn);return(null==i?void 0:i.action)===an.ShowTool?ae.default.createElement(o,null,on(n)[null===(t=null==i?void 0:i.props)||void 0===t?void 0:t.value]?ae.default.createElement(hn,Object.assign({},on(n)[null===(a=null==i?void 0:i.props)||void 0===a?void 0:a.value],{value:null===(l=null==i?void 0:i.props)||void 0===l?void 0:l.value})):null):(null==i?void 0:i.action)===an.ShowOptionBanner?ae.default.createElement(o,null,ae.default.createElement(gn,Object.assign({},null==i?void 0:i.props))):null},vn=t=>{var{isMobile:a,children:l,desktopBanner:i=r.CommonGAssets.getAssetPath("friso/onboarding-banner.jpg"),mobileBanner:o=r.CommonGAssets.getAssetPath("friso/onboarding-banner-mobile.jpg"),modalRatio:s={width:937,height:536},mobileBannerRatio:m={width:750,height:480},desktopBannerRatio:u={width:420,height:536},closeProps:p}=t,h=d.__rest(t,["isMobile","children","desktopBanner","mobileBanner","modalRatio","mobileBannerRatio","desktopBannerRatio","closeProps"]);const{width:f,height:v}=g.useViewportSize(),b=(v<=667?190:265)+f*m.height/m.width+74,[y,x]=e.useState(!1);return ae.default.createElement(Z.Modal,Object.assign({styles:e=>({content:{flex:"auto",background:"transparent",[e.fn.smallerThan("sm")]:{maxHeight:"100%",height:"100%",position:"relative",borderRadius:0},[e.fn.largerThan("sm")]:{maxWidth:c.rem(s.width),width:"100%",height:"100%",maxHeight:c.rem(s.height),boxShadow:"none"}},body:{padding:0,width:"100%",height:"100%",[e.fn.largerThan("sm")]:{display:"flex",alignItems:"center"}},inner:{padding:0,[e.fn.smallerThan("sm")]:{display:"flex",alignItems:"flex-end"}}})},h),a?ae.default.createElement(c.Box,{sx:{position:"relative",height:"100%"},onTouchStart:()=>x(!0)},ae.default.createElement(c.Box,{className:"mobile-template",sx:{position:"absolute",height:100*(y?1:b/v)+"%",left:0,bottom:0,right:0,transition:"height 0.4s ease"}},ae.default.createElement(c.Box,{sx:{height:"100%",backgroundColor:"white",borderTopLeftRadius:y?0:c.rem(12),borderTopRightRadius:y?0:c.rem(12)}},ae.default.createElement(c.Box,{sx:{height:"calc(100% - 74px)",background:`url(${o})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"top center",overflowY:"auto",borderRadius:"inherit"}},ae.default.createElement(c.UnstyledButton,Object.assign({leftIcon:ae.default.createElement(T.Icon.Close,null),sx:{position:"absolute",right:0,top:0,zIndex:1,padding:c.rem(10)}},p,{onClick:()=>null==h?void 0:h.onClose()})),ae.default.createElement(c.AspectRatio,{ratio:(null==m?void 0:m.width)/(null==m?void 0:m.height),w:"100%"}),ae.default.createElement(c.Box,{sx:{padding:`${c.rem(28)} ${c.rem(16)} ${c.rem(16)}`,background:"white"}},l))))):ae.default.createElement(c.AspectRatio,{className:"desktop-template",ratio:s.width/s.height,w:"100%",sx:{position:"relative","& > div":{justifyContent:"flex-end"}}},ae.default.createElement(c.Box,{sx:{width:"100%",height:"100%",justifyContent:"flex-end",alignItems:"stretch",borderRadius:c.rem(8),background:"white",boxShadow:"0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem"}},ae.default.createElement("img",{alt:"",src:i,loading:"lazy",style:{borderTopLeftRadius:c.rem(8),borderBottomLeftRadius:c.rem(8),height:"100%",display:"block"}}),ae.default.createElement(c.Box,{sx:{position:"relative",height:"100%",width:(s.width-u.width)/s.width*100+"%"}},ae.default.createElement(n.Button,Object.assign({unstyled:!0,leftIcon:ae.default.createElement(T.Icon.Close,null)},p,{onClick:()=>null==h?void 0:h.onClose(),sx:{position:"absolute",right:0,top:"10px"}})),ae.default.createElement(c.Box,{className:"side-banner-modal-container",sx:{height:"100%",padding:`${c.rem(40)} ${c.rem(24)} 0`}},l)))))},bn="user/subscription",yn=e.createContext({}),xn=e=>{var{value:t,name:a}=e,l=d.__rest(e,["value","name"]);return ae.default.createElement(n.ChipButton,Object.assign({value:t,withIcon:!0},l,{buttonProps:{styles:()=>({leftIcon:{marginRight:c.rem(6)},root:{paddingLeft:c.rem(10),paddingRight:c.rem(10)}})}}),a)},En=({topicsGroup:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i=[],inputProps:o,labelProps:r,maxSelect:s=5,hasScroll:d,readonly:m})=>{const{action:{pushNotifications:u}}=e.useContext(N.TogetherComponentGlobalContext),p=pe.default(a.map((e=>e.topics||[]))),{t:g}=C.useTranslations(),[h,f]=e.useState([]);e.useEffect((()=>{f(i)}),[i.length]),e.useEffect((()=>{null==l||l(h)}),[h]);const v=e=>{e.length>5?u({type:"danger",title:g("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:g("pnTopicSection.maxSelectError.desc")}):!m&&f((()=>p.filter((t=>e.some((e=>t.catId===e))))))};return ae.default.createElement(c.Stack,{spacing:12},a.map(((e,a)=>ae.default.createElement(c.Stack,{key:String(a),spacing:12},e.label&&ae.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},r),e.label),d?ae.default.createElement(c.ScrollArea,{w:"100%",offsetScrollbars:!0,scrollbarSize:4,p:16,m:-16,styles:{viewport:{margin:-16,padding:16}}},ae.default.createElement(c.Box,{w:800},ae.default.createElement(c.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),ae.default.createElement(c.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>ae.default.createElement(xn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)))))))):ae.default.createElement(c.Chip.Group,Object.assign({value:h.map((e=>e.catId)),multiple:!0},o,{onChange:v}),ae.default.createElement(c.Flex,{gap:8,wrap:"wrap"},e.topics.map((t=>t.catId?ae.default.createElement(xn,Object.assign({key:t.catId,value:t.catId,name:t.localName,isBlock:n},e.tracking)):ae.default.isValidElement(t.component)?t.component:null))))))))},wn=t=>{var{heading:l,children:n,stickyActions:i}=t,o=d.__rest(t,["heading","children","stickyActions"]);const{isMobile:r}=e.useContext(yn),s=ae.default.createElement(c.Stack,{spacing:c.rem(24),sx:{height:"100%"}},ae.default.createElement(a.Heading,{tag:"h4",style:{textAlign:"center"}},l),ae.default.createElement(c.Box,null,n));return ae.default.createElement(c.Box,{sx:e=>({[e.fn.largerThan("sm")]:{position:"relative",height:"100%"}})},r?s:ae.default.createElement(c.ScrollArea,Object.assign({className:"layout-body",h:i?"calc(100% - 90px)":"100%"},o),s),i&&ae.default.createElement(c.Flex,{gap:c.rem(8),sx:e=>({position:"absolute",left:0,right:0,bottom:0,padding:c.rem(16),button:{flexGrow:1},justifyContent:"center",[e.fn.largerThan("sm")]:{padding:`${c.rem(24)} 0`}})},i))},Cn=()=>{const{t:a,locale:l}=C.useTranslations(),{data:{userInfo:i},action:{pushNotifications:o}}=e.useContext(N.TogetherComponentGlobalContext),r=null==i?void 0:i.id,{currentUrl:s,isMobile:m,pnSuggestCategory:u=[],nextStep:p,formValues:g,setFormValues:h,onSubmit:f,submitLoading:v,selectCategory:b,setCategoryLibs:y,setSelectCategory:x,maxSelectCategory:E}=e.useContext(yn),w=u.map((e=>e.catId)),k=Q.useForm({validate:{name:Q.isNotEmpty(a("healthToolPNModal.mainForm.requireName"))},initialValues:Object.assign(Object.assign({},g),{fitnessTopics:w})}),[B,S]=e.useState([]),[A,M]=e.useState([]);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield N.callApiWithAuth(N.getPremiumApiPath(mn,{_locale:l}),"get"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.subscription)||[]).filter((e=>!w.includes(e.catId)));S(u),M(a),y([...u,...a])}catch(e){console.log(e)}}))}),[]),e.useEffect((()=>{r&&k.setFieldValue("name",(null==i?void 0:i.name)||"")}),[r]);const P=()=>{""!==k.getInputProps("name").value?(h(k.getTransformedValues()),p()):k.validateField("name")},D=e.useMemo((()=>ae.default.createElement(n.Button,{variant:"tertiary",dataEventCategory:"Newsletter",dataEventAction:"More Category Click",dataEventLabel:s,leftIcon:ae.default.createElement(T.Icon.Plus,{size:16,color:"#262626",useCurrentColor:!0}),onClick:P,styles:e=>({root:{borderRadius:c.rem(6),padding:"2px 15px",height:c.rem(40)},label:{fontSize:c.rem(14),fontWeight:400,[e.fn.smallerThan("sm")]:{fontSize:c.rem(12),lineHeight:c.rem(16),height:c.rem(40)}},leftIcon:{marginRight:"5px"}})},ae.default.createElement(t.Text,{size:m?"p3":"p4"},a("home.seeMore")))),[k]);return e.useEffect((()=>{k.setFieldValue("fitnessTopics",b.map((e=>e.catId)))}),[b]),ae.default.createElement("form",{style:{height:"100%"},onSubmit:k.onSubmit((e=>{if(0===b.length)return o({type:"danger",title:a("newsletter.error.minTitle"),message:a("newsletter.error.minCotennt")}),!1;h(e),null==f||f(e.name)}))},ae.default.createElement(wn,{heading:a("healthToolPNModal.heading"),stickyActions:ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Register Click",dataEventLabel:s,loading:v,sx:{maxWidth:c.rem(240)}},a("healthToolPNModal.register")))},ae.default.createElement(c.Stack,{spacing:c.rem(16)},ae.default.createElement(n.Input,Object.assign({label:a("newsletter.welcome.description")},k.getInputProps("name"))),ae.default.createElement(En,{topicsGroup:[...0===u.length&&0===A.length?[{topics:[{component:D}]}]:[],...u.length>0?[{label:a("healthToolPNModal.mainForm.tailorTopicsHeading"),topics:[...u,...0===A.length?[{component:D}]:[]]}]:[],...A.length>0?[{label:a("healthToolPNModal.findMore.chooseFav"),topics:[...A,...A.length>0?[{component:D}]:[]]}]:[]],selectedTopics:[...B],labelProps:{size:m?"p3":"p4",color:"gray.6"},onTopicChange:x,maxSelect:E}))))},kn=e.forwardRef((function(e,a){var{label:l}=e,n=d.__rest(e,["label"]);return ae.default.createElement("div",Object.assign({ref:a},n),ae.default.createElement(c.Group,{noWrap:!0},ae.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},ae.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z",fill:"#8C8C8C"})),ae.default.createElement(t.Text,{size:"p3"},l)))})),Bn=e.forwardRef((function(e,a){var{label:l}=e,n=d.__rest(e,["label"]);return ae.default.createElement("div",Object.assign({ref:a},n),ae.default.createElement(t.Text,{size:"p3"},l))})),Tn=({history:e,onDelete:a})=>ae.default.createElement(c.Flex,{wrap:"wrap",gap:8},ge.default(e,"catId").map((e=>ae.default.createElement(c.Badge,{key:e.catId,rightSection:ae.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",onClick:()=>null==a?void 0:a(e)},ae.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 9C1.5 4.8525 4.8525 1.5 9 1.5C13.1475 1.5 16.5 4.8525 16.5 9C16.5 13.1475 13.1475 16.5 9 16.5C4.8525 16.5 1.5 13.1475 1.5 9ZM11.1677 12.2248C11.4602 12.5173 11.9327 12.5173 12.2252 12.2248C12.5101 11.9323 12.5101 11.4523 12.2252 11.1673L10.0577 8.99979L12.2252 6.83229C12.5177 6.53979 12.5177 6.0673 12.2252 5.7748C11.9327 5.4823 11.4602 5.4823 11.1677 5.7748L9.00015 7.9423L6.83265 5.7748C6.54015 5.4823 6.06765 5.4823 5.77515 5.7748C5.63471 5.91492 5.55579 6.10516 5.55579 6.30354C5.55579 6.50193 5.63471 6.69217 5.77515 6.83229L7.94265 8.99979L5.77515 11.1673C5.63471 11.3074 5.55579 11.4977 5.55579 11.696C5.55579 11.8944 5.63471 12.0847 5.77515 12.2248C6.06765 12.5173 6.54015 12.5173 6.83265 12.2248L9.00015 10.0573L11.1677 12.2248Z",fill:"#8C8C8C"})),styles:{root:{height:32,background:"#ffffff",padding:"5px 12px",border:`1px solid ${n.themeColors.neutral[4]}`,borderRadius:32,textTransform:"unset"},rightSection:{height:18,cursor:"pointer"}}},ae.default.createElement(t.Text,{size:"p4"},e.localName))))),Sn=({topics:a,onTopicChange:l,isBlock:n=!1,selectedTopics:i,labelProps:o,maxSelect:r=5})=>{const{action:{pushNotifications:s}}=e.useContext(N.TogetherComponentGlobalContext),[d,m]=e.useState([]),{t:u}=C.useTranslations();e.useEffect((()=>{m(i)}),[i.length]),e.useEffect((()=>{l(d)}),[d]);return a&&0!==a.length?ae.default.createElement(c.Stack,{spacing:12,px:16,mx:-16},ae.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold"},o),u("pnTopicSection.recentView")),ae.default.createElement(c.Chip.Group,{value:d.map((e=>e.catId)),onChange:e=>{n&&d.length<e.length?s({type:"danger",title:u("pnTopicSection.maxSelectError.title",{maxSelect:r}),message:u("pnTopicSection.maxSelectError.desc")}):m((()=>a.filter((t=>e.some((e=>t.catId===e))))))},multiple:!0},ae.default.createElement(c.Flex,{gap:8,wrap:"wrap"},a.map(((e,t)=>ae.default.createElement(xn,{key:t,value:e.catId,name:e.localName,isBlock:n})))))):null},Nn=e=>{var{topic:a,active:l,onClick:i}=e,o=d.__rest(e,["topic","active","onClick"]);return ae.default.createElement(c.Box,Object.assign({sx:e=>({position:"relative",cursor:"pointer",padding:2,borderRadius:8,boxShadow:"0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04)",minHeight:c.rem(130),[e.fn.largerThan("sm")]:{minHeight:c.rem(138)}}),onClick:()=>i(a,l)},o),l&&ae.default.createElement(c.Box,{id:"test",sx:{position:"absolute",top:2,right:2,width:20,height:20,zIndex:1}},ae.default.createElement("svg",{id:"test",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ae.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z",fill:"#2D87F3"}),ae.default.createElement("path",{d:"M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z",fill:"white"}))),ae.default.createElement(c.Box,{sx:{borderRadius:"8px"}},ae.default.createElement(n.AspectRatio,{ratio:1.5,mb:10,sx:e=>({background:e.colors.neutral[0]})},ae.default.createElement(c.Box,null,ae.default.createElement("img",{src:a.guid||"",alt:"cat",loading:"lazy",style:{maxHeight:"63px"}})))),ae.default.createElement(t.Text,{size:"p4",ta:"center",px:6,sx:{display:"-webkit-box","-webkit-line-clamp":"2","-webkit-box-orient":"vertical",overflow:"hidden"}},a.localName||""))},An=({topics:a,selectedTopics:l=[],onTopicChange:n,isBlock:i=!1,labelProps:o,pushNotifications:r,maxSelect:s=5})=>{const{t:d}=C.useTranslations(),[m,u]=e.useState([]),p=(e,t)=>{if(t)u((t=>t.filter((t=>t.catId!==e.catId))));else{if(i)return void r({type:"danger",title:d("pnTopicSection.maxSelectError.title",{maxSelect:s}),message:d("pnTopicSection.maxSelectError.desc")});u((t=>[...t,e]))}};e.useEffect((()=>{u(l)}),[l.length]),e.useEffect((()=>{n(m)}),[m]);const[g,h]=e.useState(!1),[f,v]=e.useState(0),[b,y]=e.useState(0),x=e.useRef(null),E=()=>{h(!1)};return ae.default.createElement(c.Stack,{spacing:10},ae.default.createElement(c.Flex,{justify:"space-between",align:"center",w:"100%"},ae.default.createElement(t.Text,Object.assign({size:"s5",color:"gray.4",weight:"semiBold",span:!0},o),d("pnTopicSection.trending"))),ae.default.createElement(c.Box,null,ae.default.createElement(c.ScrollArea,{type:"always",w:"100%",offsetScrollbars:!0,scrollbarSize:4,px:4,viewportRef:x,viewportProps:{onMouseDown:e=>{e.preventDefault(),x.current&&(h(!0),v(e.pageX-x.current.offsetLeft),y(x.current.scrollLeft))},onMouseUp:E,onMouseLeave:E,onMouseMove:e=>{if(e.preventDefault(),!g||!x.current)return;const t=2*(e.pageX-x.current.offsetLeft-f);x.current.scrollLeft=b-t}},styles:{viewport:{paddingBottom:16}}},ae.default.createElement(c.Box,{w:{base:112*a.length+8*(a.length-1)+10}},ae.default.createElement(c.Flex,{gap:8},a.map(((e,t)=>ae.default.createElement(Nn,{key:t,topic:e,onClick:p,active:m.some((t=>t.catId===e.catId)),w:{base:112}}))))))))},Mn=a=>{var{isLoggedIn:l,maxSelect:i=5,values:o=[],labelProps:r,onChange:s}=a,m=d.__rest(a,["isLoggedIn","maxSelect","values","labelProps","onChange"]);const{action:{pushNotifications:u}}=e.useContext(N.TogetherComponentGlobalContext),[p,g]=e.useState(""),{t:h,locale:f}=C.useTranslations(),v=e.useRef(null),[b,y]=e.useState([]),[x,E]=e.useState([]),[w,k]=e.useState([]),[B,T]=e.useState([]),[S,A]=e.useState(null),[M,P]=e.useState([]);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e,t;const a=yield N.callApiWithAuth(N.getPremiumApiPath(dn,{_locale:f}),"get"),l=(null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.interested)||[],n=(null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.trending)||[],i=ge.default([...l,...n],"catId").map((e=>Object.assign(Object.assign({},e),{value:e.catId||"",label:e.localName||""})));if(P(i||[]),A((null==a?void 0:a.data)||null),o.length>0){const e=l.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"interested"}))),t=n.filter((e=>o.includes(e.catId))).map((e=>Object.assign(Object.assign({},e),{template:"trending"})));T(e),E(t)}}))}),[l]);const D=e.useMemo((()=>ge.default([...b,...x,...B,...w],"catId")),[b,x,B,w]),[z,L]=e.useState(!1);e.useEffect((()=>{D.length>=i?L(!0):L(!1),null==s||s(D)}),[D]);return ae.default.createElement(c.Stack,Object.assign({spacing:c.rem(16)},m),ae.default.createElement(c.Stack,{spacing:c.rem(8)},ae.default.createElement(t.Text,{size:"p3"},h("pnTopicSection.maxSelectError.detail",{max:i,maxTopic:D.length})),ae.default.createElement(c.MultiSelect,{ref:v,maxSelectedValues:3,styles:{wrapper:{overflow:"initial !important"},separator:{padding:16},separatorLabel:{fontWeight:600,fontSize:12,lineHeight:"18px",textTransform:"uppercase",color:n.themeColors.gray[4],"&::after":{display:"none"}},searchInput:{fontSize:"inherit"},input:{paddingRight:16}},nothingFound:ae.default.createElement(t.Text,{size:"s4",color:"gray.6"},h("pnTopicSection.notFound")),itemComponent:""===p?kn:Bn,size:"lg",placeholder:h("pnTopicSection.plsEnterFavTopics"),data:M,onSearchChange:g,searchValue:p,icon:ae.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},ae.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#595959"})),rightSection:ae.default.createElement(ae.default.Fragment,null),zIndex:500,searchable:!0,withinPortal:!0,onChange:e=>{return t=e,d.__awaiter(void 0,void 0,void 0,(function*(){var e;const a={trending:E,recently:k,interested:T,default:y};let l="default";if(z)u({type:"danger",title:h("pnTopicSection.maxSelectError.title",{maxSelect:i}),message:h("pnTopicSection.maxSelectError.desc")});else{const n=[{key:"trending",array:null==S?void 0:S.trending},{key:"recently",array:null==S?void 0:S.recently},{key:"interested",array:null==S?void 0:S.interested}].find((e=>{var a;return null===(a=e.array)||void 0===a?void 0:a.some((e=>e.catId===t[0]))}));l=(null==n?void 0:n.key)||"default",a[l]((e=>[...e,...M.filter((e=>t.some((t=>e.catId===t))))].map((e=>Object.assign(Object.assign({},e),{template:l}))))),null===(e=v.current)||void 0===e||e.blur()}return null}));var t},value:[]}),D&&D.length>0&&ae.default.createElement(Tn,{history:D,onDelete:e=>{const t={trending:E,recently:k,interested:T,default:y};(t[e.template]||t.default)((t=>{const a=[...t],l=a.findIndex((t=>t.catId===e.catId));return a.splice(l,1),a}))}})),ae.default.createElement(c.Box,{sx:e=>({position:"relative",height:c.rem(175),[e.fn.largerThan("sm")]:{height:c.rem(190)}})},ae.default.createElement(c.Box,{sx:{position:"absolute",top:0,right:0,left:0}},ae.default.createElement(An,{topics:((null==S?void 0:S.trending)||[]).map((e=>Object.assign(Object.assign({},e),{template:"trending"}))),selectedTopics:x,onTopicChange:E,isBlock:z,labelProps:r}))),ae.default.createElement(Sn,{topics:((null==S?void 0:S.recently)||[]).map((e=>Object.assign(Object.assign({},e),{template:"recently"}))),selectedTopics:w,onTopicChange:k,isBlock:z,labelProps:r}),ae.default.createElement(En,{labelProps:r,topicsGroup:[{label:h("pnTopicSection.ppAlsoInterested"),topics:((null==S?void 0:S.interested)||[]).map((e=>Object.assign(Object.assign({},e),{template:"interested"})))}],selectedTopics:B,onTopicChange:T,isBlock:z}))},Pn=()=>{const{t:t}=C.useTranslations(),{action:{pushNotifications:a}}=e.useContext(N.TogetherComponentGlobalContext),{prevStep:l,formValues:i,submitLoading:o,onSubmit:r,selectCategory:s,maxSelectCategory:d,setSelectCategory:m,currentUrl:u,isLoggedIn:p}=e.useContext(yn);return ae.default.createElement(wn,{heading:t("newsletter.topic.title"),type:"always",styles:{root:{paddingRight:c.rem(25)}},stickyActions:ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(n.Button,{fullWidth:!0,variant:"secondary",dataEventCategory:"Newsletter",dataEventAction:"Back Click",dataEventLabel:u,onClick:l},t("healthToolPNModal.back")),ae.default.createElement(n.Button,{fullWidth:!0,type:"submit",dataEventCategory:"Newsletter",dataEventAction:"Next Click",dataEventLabel:u,onClick:()=>{if(0===s.length)return a({type:"danger",title:t("newsletter.error.minTitle"),message:t("newsletter.error.minCotennt")}),!1;null==r||r(i.name)},loading:o},t("healthToolPNModal.next")))},ae.default.createElement(Mn,{isLoggedIn:p,maxSelect:d,values:i.fitnessTopics,onChange:m,labelProps:{size:"s5",sx:{textTransform:"uppercase"}}}))},Dn=()=>{const{t:l}=C.useTranslations(),{close:i,selectCategory:o,onRegisterSuccess:r,currentUrl:s,finishLabelOnResult:d,disclaimerText:m}=e.useContext(yn);return e.useEffect((()=>()=>{setTimeout((()=>{null==r||r()}),400)}),[]),ae.default.createElement(wn,{heading:l("healthToolPNModal.heading"),stickyActions:ae.default.createElement(n.Button,{fullWidth:!0,sx:{maxWidth:c.rem(300)},dataEventCategory:"Newsletter",dataEventAction:"Continue Reading Click",dataEventLabel:s,onClick:()=>{i()}},d||l("healthToolPNModal.finish"))},ae.default.createElement(c.Stack,null,ae.default.createElement(c.Flex,{gap:c.rem(8),sx:e=>({background:e.colors.green[0],border:`1px solid ${e.colors.green[1]}`,borderRadius:c.rem(8),padding:c.rem(8)})},ae.default.createElement(c.Box,null,ae.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},ae.default.createElement("path",{d:"M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z",fill:"#00B16A"}),ae.default.createElement("path",{d:"M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z",fill:"white"}))),ae.default.createElement(t.Text,{size:"p3"},m||l("pnModal.disclaimer"))),ae.default.createElement(a.Heading,{tag:"h5"},l("healthToolPNModal.yourPre")),o.length>0&&ae.default.createElement(En,{topicsGroup:[{label:"",topics:o}],selectedTopics:o,readonly:!0})))},zn=({isMobile:t,isLoggedIn:a,pnSuggestCategory:l=[],acquisitionInfo:n,currentUrl:i,opened:o,close:s,finishLabelOnResult:m,onRegisterSuccess:g,disclaimerText:h})=>{const{t:f,locale:v}=C.useTranslations(),{action:{pushNotifications:b}}=e.useContext(N.TogetherComponentGlobalContext),y=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),x=r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),[E,w]=e.useState([]),[k,B]=e.useState([]),[T,S]=e.useState(0),[A,M]=e.useState({name:"",fitnessTopics:[]}),[P,D]=e.useState(!1),z=()=>S(2),L=e.useCallback((e=>d.__awaiter(void 0,void 0,void 0,(function*(){try{D(!0),yield N.callApiWithAuth(N.getPremiumApiPath(cn,{website_url:N.getWebsiteUrlApi(v)}),"post",{headers:{"Content-Type":"application/json"},method:"POST",data:{ga_client_id:ue.default.get(u.GA_TOKEN_COOKIE),client_ip:window.clientIP||"",user_info:Object.assign(Object.assign({},n.userInfo),{name:e||A.name,type_subscription:1}),domain:u.domainLocales[v||p.LOCALE.Vietnam],category:k,perferred:n.preferredTopics.map((({id:e})=>({id:e})))}}),D(!1),yield N.callApiWithAuth(N.getSsoApiPath(bn),"post",{headers:{"Content-Type":"application/json"},method:"PUT",data:{subscription:1}}),z()}catch(e){console.log({err:e}),D(!1),b({title:f("notification.comment.somethingWrong"),message:"",type:"danger"})}}))),[A,k]);return e.useEffect((()=>{[y,x].forEach((e=>{(new Image).src=e}))}),[]),ae.default.createElement(yn.Provider,{value:{currentUrl:i,isMobile:t,isLoggedIn:a,opened:o,close:s,pnSuggestCategory:l,nextStep:()=>S((e=>e<3?e+1:e)),prevStep:()=>S((e=>e>0?e-1:e)),lastStep:z,categoryLibs:E,setCategoryLibs:w,selectCategory:k,setSelectCategory:B,formValues:A,setFormValues:M,maxSelectCategory:5,submitLoading:P,onSubmit:L,onRegisterSuccess:g,finishLabelOnResult:m,disclaimerText:h}},ae.default.createElement(vn,{isMobile:t,desktopBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-desktop.jpg"),mobileBanner:r.CommonGAssets.getAssetPath("premiumNewsletter/side-banner-mobile.jpg"),modalRatio:{width:960,height:588},desktopBannerRatio:{width:384,height:588},opened:o,onClose:s,zIndex:305,closeProps:{dataEventCategory:"Newsletter",dataEventAction:"Close Click",dataEventLabel:i}},ae.default.createElement(c.Stepper,{active:T,onStepClick:S,styles:{root:{height:"100%"},content:{padding:0,height:"100%",width:"100%"},steps:{display:"none"}}},ae.default.createElement(c.Stepper.Step,null,ae.default.createElement(Cn,null)),ae.default.createElement(c.Stepper.Step,null,ae.default.createElement(Pn,null)),ae.default.createElement(c.Stepper.Step,null,ae.default.createElement(Dn,null)))))},Ln=()=>{const{locale:t}=C.useTranslations(),{isMobile:a,isLoggedIn:l,currentUrl:n,acquisitionInfo:i,categoryIds:o,state:r,setState:s,settings:c,submitHandler:m,subcribeHealthStatus:u,showPNModal:p,setShowPNModal:g,setIsBack:h}=e.useContext(rn),[f,v]=e.useState([]),[b,y]=e.useState(p);e.useEffect((()=>{d.__awaiter(void 0,void 0,void 0,(function*(){var e,a;const l=yield N.callApiWithAuth(N.getPremiumApiPath(dn,{_locale:t}),"get"),n=[...(null===(e=null==l?void 0:l.data)||void 0===e?void 0:e.interested)||[],...(null===(a=null==l?void 0:l.data)||void 0===a?void 0:a.trending)||[]];v(n.filter((e=>o.includes(Number(e.catId)))))}))}),[]);const x=e.useRef([]);return e.useEffect((()=>{const e=(null==u?void 0:u.value)||"",t=e.split("|").filter(Boolean);let a=e;x.current.push(u),t.length>1&&(null!==x.current[0]&&h(!0),Object.keys(m).map((e=>{const l=e.split("|");if(t.length===l.length){let n=0;t.map((e=>{l.includes(String(e))&&(n+=1)})),n===t.length&&(a=e)}})));const l=t.length>0?m[a]:c;s(l)}),[u]),e.useEffect((()=>{y(p)}),[p]),(null==r?void 0:r.action)!==an.Hide?ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(fn,Object.assign({},c.props)),ae.default.createElement(zn,{acquisitionInfo:i,isMobile:a,isLoggedIn:l,currentUrl:n,pnSuggestCategory:f,opened:b,close:()=>{var e;y(!1),g(!1),setTimeout((()=>{var e;(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:an.Hide})}),400),(null===(e=r.actionParams)||void 0===e?void 0:e.hideBannerWhenClose)&&s({action:an.Hide})},onRegisterSuccess:()=>y(!1)})):null},In={myBooking:"booking",mySaved:"saved",myHealth:"health",myFamily:"family",myCommunity:"my-communities",eCom:"/shop/ho-so/quan-li-don-hang/"};var $n="uJQBNNg",_n="TfG3dM5",On="aMtjFNf",jn="cSz2RR-",Fn="GyFm00F";function Hn({userInfo:t,onClickMyProfileButton:a,themeName:l="helloSites"}){const{t:n}=C.useTranslations(),i=e.useMemo((()=>{const e=(null==t?void 0:t.name)||(null==t?void 0:t.username);return e&&e.length?e[0].toUpperCase():"A"}),[null==t?void 0:t.username,null==t?void 0:t.name]);return ae.default.createElement("div",{className:$n,onClick:()=>{a&&a()}},ae.default.createElement(ye,{className:_n,type:"rounded",size:"xl",avatarUrl:null==t?void 0:t.avatar,firstLetter:i,backgroundColor:"marryBaby"===l?s.theme.mbColors.pink:s.theme.colors.secondaryBase}),ae.default.createElement("div",{className:On},ae.default.createElement("div",{className:jn},(null==t?void 0:t.name)||(null==t?void 0:t.username)),ae.default.createElement("div",{className:Fn,style:{"--bg-hellosites":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronRight.svg")})`,"--bg-marrybaby":`url(${r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-arrowRight.svg")})`}},n("userProfile.nav.header.viewProfile"))))}var Rn="fVk18fq",Gn="v8TCvUb",Un="mx7T4V3";const Wn={myHealth:s.theme.mbColors.toneYellow,myCommunity:s.theme.mbColors.toneBlue,mySaved:s.theme.mbColors.toneGreen},Vn={helloSites:{myBooking:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myBooking.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myCommunity.svg"),myFamily:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myFamily.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-myHealth.svg"),mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-mySaved.svg"),eCom:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-eCom.svg")},marryBaby:{mySaved:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-mySaved.svg"),myCommunity:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myCommunity.svg"),myHealth:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-myHealth.svg")}},qn=({type:t,themeName:a,className:l,onClick:n=(()=>{})})=>{const{t:i}=C.useTranslations(),o=e.useMemo((()=>{var e,l;return(null===(l=null===(e=Vn[a])||void 0===e?void 0:e[t])||void 0===l?void 0:l.call(e))||""}),[t,a]),r=e.useMemo((()=>"marryBaby"!==a?"transparent":Wn[t]),[t,a]);return ae.default.createElement("div",{onClick:function(){n(t)},className:`${Rn} ${l}`},ae.default.createElement("div",{className:Un,style:{backgroundColor:r,backgroundImage:`url("${o}")`}}),ae.default.createElement("h3",{className:Gn},i(`userProfile.nav.card.${t}`)))};var Qn="gn6HmGG",Zn="FCx8FEM",Yn="zMiRxaE",Kn="lZ2Z9MQ",Xn="rwm-agG",Jn="qMOscoq";const ei=({themeName:t,locale:a,onClickItem:l})=>{const[n,i]=e.useState(""),o=e.useMemo((()=>"marryBaby"===t?[{key:"userProfile.nav.menu.password",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-lock.svg"),link:"password"},{key:"userProfile.nav.menu.logout",icon:r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-logOut.svg"),link:"logout"}]:[{key:"userProfile.nav.menu.accountSettings",icon:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-settingsWheel.svg"),subMenu:[{key:"common.profileNavigator.newsletterSubscription",link:"subscriptions",disableLocale:["id-ID","ms-MY","km-KH","en-PH","tl-PH","th-TH","my-MM","zh-TW","hi-IN"]},{key:"userProfile.nav.menu.password",link:"password"},{key:"userProfile.nav.menu.disableAccount",link:"disable-account",disableLocale:["hi-IN"]}]},{key:"userProfile.nav.menu.help",icon:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-helpCircle.svg"),link:"help"}]),[t]);function s(e){e.subMenu?i((t=>t?"":e.key)):l&&l(e)}return ae.default.createElement("div",{className:Qn},o.map((e=>ae.default.createElement(ti,{key:e.key,item:e,openKey:n,onClickItem:s,locale:a}))))},ti=({item:e,openKey:t,onClickItem:a,locale:l})=>{var n;const{t:i}=C.useTranslations();return(null===(n=e.disableLocale)||void 0===n?void 0:n.includes(l))?null:ae.default.createElement("div",{className:`${Zn} nav-menu-item`,"data-is-open":t===e.key,key:e.key,"data-has-submenu":!!e.subMenu},ae.default.createElement("div",{className:Yn,onClick:()=>a(e)},e.icon&&ae.default.createElement("div",{className:Kn,style:{backgroundImage:`url("${e.icon}")`}}),i(e.key),e.subMenu&&ae.default.createElement("div",{className:Xn,style:{"--after-bg":`url(${r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-chevronDown.svg")})`}})),e.subMenu&&ae.default.createElement("div",{className:Jn},e.subMenu.map((e=>ae.default.createElement(ti,{key:e.key,item:e,openKey:t,onClickItem:a,locale:l})))))};var ai="-AZt1au",li="IvSIfCI",ni="eahCJov",ii="XIyViFs",oi="_4y-O0w3",ri="kO8iNgD",si="a1d4E10",di="Tdguxxf",ci="-mOxsaU",mi="yPeDBNZ";const ui={helloSites:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>r.CommonGAssets.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},pi=({themeName:t,rank:a="member",numberOfPosts:l=0})=>{const{t:n}=C.useTranslations(),i=e.useMemo((()=>{var e,l;return(null===(l=null===(e=ui[t])||void 0===e?void 0:e[a])||void 0===l?void 0:l.call(e))||""}),[a,t]);return ae.default.createElement("div",{className:oi,"data-user-rank":a},ae.default.createElement("div",{className:ri},ae.default.createElement("div",{className:si},ae.default.createElement("div",{className:di,style:{backgroundImage:`url("${i}")`}}),ae.default.createElement("h3",{className:ci},n(`userProfile.userRank.${a}`)),l>0&&ae.default.createElement("p",{className:mi},l," ",n("userProfile.nav.header.count.posts")))))};exports.AdBlock=Ql,exports.Alert=({style:e,onClose:a,text:l,type:n,contentIcon:i,closeIcon:o,className:r,description:s})=>ae.default.createElement("div",{className:`${he} ${r||""}`,style:e,"data-alert-type":n},ae.default.createElement("div",{className:fe},ae.default.createElement("div",{className:"icon-title"},i,ae.default.createElement(t.Text,{weight:"bold",size:"label1"},l)),ae.default.createElement(t.Text,{weight:"regular",size:"p3"},s)),ae.default.createElement("div",{className:ve,onClick:a},o)),exports.ArticleCard=({articleLink:e,authorLink:l,authorName:n,avatarImg:i,banner:o,categoryLink:s,categoryName:d,className:c,dataEventActionForBanner:m,dataEventActionForBookmark:u,dataEventActionForCategory:p,dataEventActionForTitle:g,dataEventCategoryForBanner:h,dataEventCategoryForBookmark:f,dataEventCategoryForCategory:v,dataEventCategoryForTitle:b,dataEventLabelForBanner:y,dataEventLabelForBookmark:x,dataEventLabelForCategory:E,dataEventLabelForTitle:w,direction:C="horizontal",hasAffiliate:k,isBookmark:B=!1,isBookmarkDisplayed:T=!0,isMobile:S=!0,onBookmark:N,onClickCategoryName:A,section:M="normal",size:P="md",specialty:D,style:z,styleBanner:L,styleLabel:I,styleTitle:$,text:_,title:O,type:j="author",uploadTime:F,articleLinkTarget:H,isPremium:R})=>{const G=e=>{e.stopPropagation(),null==N||N()},U="lg"===P&&"expert"===j?"h4":"lg"===P&&"home"===M?S?"h4":"h3":"lg"===P?"h4":"h5",W="lg"===P?"p3":"p4",V=S||"home"!==M||"lg"!==P||"author"!==j?"c2":"c1";return ae.default.createElement("article",{className:`${De} ${c||""}`,"data-size":P,style:z,"data-direction":C,"data-is-expert":"expert"===j||void 0},ae.default.createElement("div",{className:"banner",style:L},ae.default.createElement("a",{className:Pe,"data-event-category":h,"data-event-action":m,"data-event-label":y,href:e||"#",target:H},o),R&&ae.default.createElement("img",{loading:"lazy",className:"premium",src:r.CommonGAssets.getAssetPath("premium-crown.svg")}),k&&ae.default.createElement($e,null)),ae.default.createElement("div",{className:"content"},ae.default.createElement("div",{className:"inner-content"},ae.default.createElement(t.Text,{style:I,className:"label",size:V,weight:"caption"},ae.default.createElement("a",{className:Pe,"data-event-category":v,"data-event-action":p,"data-event-label":E,href:s||"#",onClick:A},d),T&&ae.default.createElement("a",{className:"bookmark",onClick:G},B?ae.default.createElement(_e,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):ae.default.createElement(Oe,{dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))),ae.default.createElement(a.Heading,{tag:U,style:$,className:"title",as:"lg"===P?"h2":"h3"},ae.default.createElement("a",{className:Pe,"data-event-category":b,"data-event-action":g,"data-event-label":w,href:e||"#",target:H},O)),_&&ae.default.createElement("a",{href:e||"#",target:H},ae.default.createElement(t.Text,{size:W,className:"text"},_))),ae.default.createElement("div",{className:"footer"},"author"===j?ae.default.createElement(Le,{size:P,avatarImg:i,authorName:n,authorLink:l,uploadTime:F,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}):ae.default.createElement(Ie,{size:P,isMobile:S,avatarImg:i,specialty:D,name:n,link:l,handleClick:G,isBookmarked:B,dataEventCategoryForBookmark:f,dataEventActionForBookmark:u,dataEventLabelForBookmark:x}))))},exports.ArticleCard$1=e=>{var{variant:t="vertical"}=e,a=d.__rest(e,["variant"]);return"horizontal"===t?ae.default.createElement(je,Object.assign({},a)):ae.default.createElement(Ge,Object.assign({},a))},exports.Avatar=ye,exports.BMICardEmbed=({isMobile:e,onSubmit:t,bmiContent:a,isSide:l,bmiGenerated:n,bmiUnit:i,bmiLink:o,locale:s})=>{var d,c,m;const{t:u}=C.useTranslations();return ae.default.createElement(La,{"data-is-side":l},ae.default.createElement(ma,{isSide:l,icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmi.svg"),loading:"lazy"}),heading:u("bmi.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),ae.default.createElement(L.Container,null,ae.default.createElement(za,{as:"div","data-is-side":l},o&&ae.default.createElement(Ra,{onSubmit:t,bmiGenerated:n,locale:s,bmiUnit:i,isSide:l}))))},exports.BMRCardEmbed=({isSide:e,locale:t,bmrContent:a,isMobile:l,info:n,inputErrorMessage:i,onFormChange:o,onSubmit:s})=>{var d,c,m;const{t:u}=C.useTranslations();return ae.default.createElement(La,{"data-is-side":e},ae.default.createElement(ma,{isSide:e,icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/bmr.svg"),loading:"lazy"}),heading:u("bmr.heading"),medicalReview:{link:null===(d=null==a?void 0:a.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==a?void 0:a.reviewBy)||void 0===c?void 0:c.reviewer,date:null===(m=null==a?void 0:a.reviewBy)||void 0===m?void 0:m.date},isMobile:l}),ae.default.createElement(L.Container,null,ae.default.createElement(za,{onSubmit:e=>e.preventDefault(),"data-is-side":e},ae.default.createElement(Ba,null,ae.default.createElement(cl,{info:n,locale:t,errorMessage:i,onChange:o,onClick:s,isSide:e})))))},exports.BabyGrowthCardEmbed=({isMobile:e,className:t,onSubmit:a,onError:l,schema:n,babyGrowthContent:i,siteType:o})=>{var d,c,m;return ae.default.createElement(La,{"babyGrowthContent-is-mobile":e,"data-site":o},ae.default.createElement(ma,{siteType:o,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerUrlLarge:r.CommonGAssets.getAssetPath("embedToolBannerBlue.svg"),bannerColor:"marryBaby"===o&&s.theme.mbColors.mint,isEmbeded:!0,icon:ae.default.createElement("img",{className:"embedded-icon",alt:"health-tool-icon",src:(null==i?void 0:i.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/toolsIconBabyGrowth.svg"),loading:"lazy"}),heading:(null==i?void 0:i.title)||"",medicalReview:{link:null===(d=null==i?void 0:i.reviewBy)||void 0===d?void 0:d.link,reviewer:null===(c=null==i?void 0:i.reviewBy)||void 0===c?void 0:c.reviewer.trim(),date:null===(m=null==i?void 0:i.reviewBy)||void 0===m?void 0:m.date},isMobile:e}),ae.default.createElement(Za,{"data-theme":o},ae.default.createElement(Ya,{siteType:o,schema:n,className:t,onSubmit:a,onError:l})))},exports.BabyPoopEmbed=({babyPoopPage:e,onClickFindOut:l,currentUrl:i,isSide:o,direction:d="auto",sponsorLogo:m})=>{const{t:u}=C.useTranslations(),p="mb"===c.useMantineTheme().other.template,{classes:g}=Ka({isMarryBaby:p,isSide:o,direction:d},{name:"BabyPoopEmbed"}),{reviewedBy:h,reviewedDate:f}=e||{};return ae.default.createElement("div",{className:g.root},ae.default.createElement("div",{className:g.inner},ae.default.createElement(a.Heading,{tag:"h3",as:"h2",color:!p&&"#284A75"},e.title),ae.default.createElement("div",{className:g.content,"data-is-side":o},ae.default.createElement(t.Text,{size:"p3",className:"description"},e.description),!!h&&ae.default.createElement("div",{className:g.reviewText},ae.default.createElement("img",{src:r.CommonGAssets.getAssetPath("reviewerCheck.svg"),alt:"check",className:g.reviewTextIcon,loading:"lazy"}),ae.default.createElement(t.Text,{size:"p4",color:s.theme.colors.gray600},u("categoryPage.info.reviewed")," ",ae.default.createElement("a",{href:h.profile_url},h.display_name)," ",u("categoryPage.onDate",{date:f||""}))),ae.default.createElement("div",{className:g.action},ae.default.createElement(n.Button,{className:g.btn,size:p?"lg":"md",variant:p?"secondary":"primary",onClick:l,dataEventCategory:"Health Tool",dataEventAction:"Baby Stool Inquiry",dataEventLabel:i,style:{visibility:Boolean(l)?"visible":"hidden"}},u("babyPoop.findOut"))))),ae.default.createElement("div",{className:g.thumbnail},ae.default.createElement("img",{src:p?r.CommonGAssets.getAssetPath("baby-poop.svg"):null==e?void 0:e.featuredImage,alt:e.title,loading:"lazy"})),m&&ae.default.createElement("img",{loading:"lazy",src:m,alt:"sponsor",className:g.sponsorLogo}))},exports.Badge=({amount:e,type:t,size:l="medium",color:n="primary",icon:i,className:o})=>ae.default.createElement(a.StyledBadge,{"data-notification-type":t,"data-notification-size":l,"data-notification-color":n,"data-has-icon":!!i||void 0,notificationType:t,notificationSize:l,notificationColor:n,hasIcon:!!i,className:o},ae.default.createElement("div",null,e&&ae.default.createElement("span",null,e)," ",i&&ae.default.createElement("div",null,i))),exports.BorderHeading=({style:e,children:t,className:l,size:n="lg",type:i="bold",upperCase:o,as:r="h4",color:s})=>ae.default.createElement(a.StyledBorderHeading,{style:Object.assign({color:s},e),className:l,"data-size":n,"data-type":i,"data-uppercase":o,as:r},t),exports.Breadcrumbs=({className:t,pages:a,size:l,LinkComponent:n="a",onChangePage:i,separator:o})=>{const r=e.useMemo((()=>a.map(((e,t)=>a.length>4?t>1&&t<a.length-2?null:1===t?Object.assign(Object.assign({},e),{isDropdown:1===t,dropdownItems:a.slice(1,a.length-2)}):e:e)).filter(Boolean)),[a]);return ae.default.createElement("div",{"data-size":l,className:`${Dl} ${t||""}`},r.map(((t,a)=>{const s=a+1===r.length;return ae.default.createElement(e.Fragment,{key:a},ae.default.createElement(Il,{LinkComponent:n,page:t,isLast:s,onChangePage:i}),!s&&(t.separator||o||ae.default.createElement("div",{className:zl,"data-size":l})))})))},exports.CategoryCard=e=>{var{category:a,imgBanner:l,label:n,className:i,style:o,href:r="",dataEventCategory:s,dataEventAction:c,dataEventLabel:m}=e,u=d.__rest(e,["category","imgBanner","label","className","style","href","dataEventCategory","dataEventAction","dataEventLabel"]);const p=(null==a?void 0:a.customizedUrl)||(null==a?void 0:a.permalink)||r||"";return ae.default.createElement(Ue,Object.assign({"data-event-category":s,"data-event-action":c,"data-event-label":m,className:i,style:o,href:p},(null==a?void 0:a.customizedUrl)&&!h.isInternalLink(a.customizedUrl)&&{target:"_blank"},{onClick:e=>{""===p&&e.preventDefault()}},u),ae.default.createElement("div",{className:"banner"},l),ae.default.createElement("div",{className:"content"},ae.default.createElement(t.Text,{className:"category_name",size:"sm",weight:"bold"},(null==a?void 0:a.displayName)||n||"")))},exports.Checkbox=Be,exports.CheckboxGroup=({name:e,values:t=[],onChanges:a,options:l=[],className:n,type:i="vertical",isDisabled:o,isRectangle:r})=>{const s=(e,l)=>{const n=t.slice();if(l)n.push(e);else{const t=n.findIndex((t=>t===e));n.splice(t,1)}a&&a(n)};return ae.default.createElement(We,{className:n,"data-type":i,"data-is-rectangle":r||void 0},l.map(((a,l)=>ae.default.createElement(Be,{label:a.label,name:e,key:`${l}-${a.value}`,checked:t.includes(a.value),value:a.value,isDisabled:o||a.disabled,onChange:!o&&s,isRectangle:r}))))},exports.CookieAcceptConfirm=({className:e,policiesUrl:t,onAcceptClick:a,translations:l={acceptButton:"Accept",policiesButton:"Our Policies"},title:n="",description:i="",theme:o="helloSites",isOpen:r=!0,useDefaultPosition:s=!0,trackingAttributes:d})=>ae.default.createElement(Ut,{className:e,"data-theme":o,"data-is-open":r,"data-default-position":s},ae.default.createElement(Wt,{"data-has-content":!!n},n),ae.default.createElement(Vt,{dangerouslySetInnerHTML:{__html:i}}),ae.default.createElement(qt,null,ae.default.createElement(Qt,{role:"button",tabIndex:0,onClick:a,"data-event-category":null==d?void 0:d.dataEventCategory,"data-event-action":null==d?void 0:d.dataEventAction,"data-event-label":null==d?void 0:d.dataEventLabel},l.acceptButton),ae.default.createElement(Zt,{href:t},l.policiesButton))),exports.DateRangePicker=function({inputSize:t="md",name:l="date-range-picker",value:n,minDate:i,maxDate:o,onChange:s,className:d,autoClose:c=!1}){n||(n={from:null,to:null});const[m,u]=e.useState(!1);function p(){u(!1)}const g=e.useRef(null);function h(e){s&&s(e)}function f(e){return k.format(e,"dd/MM/yyyy")}F.useOutsideClick(g,(()=>{p()}));const v=e.useMemo((()=>n.from&&n.to?k.isSameDay(n.from,n.to)?f(n.from):`${f(n.from)} - ${f(n.to)}`:""),[n.from,n.to]);return ae.default.createElement(Ml,{className:[d,m&&"focused"].filter(Boolean).join(" "),ref:g},ae.default.createElement("label",{htmlFor:l},ae.default.createElement(a.PureInput,{size:t,value:v,name:l,actionIcon:ae.default.createElement("img",{src:r.CommonGAssets.getAssetPath("calendar.svg"),loading:"lazy"}),onFocus:()=>u(!0)})),m?ae.default.createElement(Pl,{onMouseDown:e=>{e.stopPropagation()}},ae.default.createElement(Nl,{value:n,onChange:h,minDate:i,maxDate:o,close:p,autoClose:c})):null)},exports.DoctorInfo=ct,exports.DueDateCardEmbed=({isMobile:e,locale:t,onSubmitDueDate:a,dueDatePageInfo:l,expertUrl:n,isSide:i,siteType:o})=>{var d;const{t:c}=C.useTranslations();return ae.default.createElement(La,{"data-is-side":i,"data-site":o},ae.default.createElement(ma,{isSide:i,siteType:o,bannerColor:"marryBaby"===o&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==l?void 0:l.featured_image)||r.CommonGAssets.getAssetPath("health-tools/due-date-icon.svg"),loading:"lazy"}),heading:c("healthTools.dueDateCalculator"),medicalReview:{link:n,reviewer:null===(d=null==l?void 0:l.reviewed_by)||void 0===d?void 0:d.display_name,date:null==l?void 0:l.reviewed_date},isMobile:e}),ae.default.createElement(za,{onSubmit:e=>e.preventDefault(),className:"due-date-cal","data-is-side":i},ae.default.createElement(Ma,{siteType:o,locale:t,onSubmitDueDate:a,isSide:i})))},exports.FileDropdown=({className:t,value:l,options:n,onUploadSelected:i,id:o,placeholderIcon:r,placeholder:s,style:d})=>{const[c,m]=e.useState(!1),u=()=>m(!c),p=e.useRef(n.map((e=>"upload"===e.type&&ae.default.createElement("input",{id:"uploader-dropdown-input-"+o+"-"+e.value,key:"uploader-dropdown-input-"+o+"-"+e.value,accept:e.fileAcceptedType,multiple:e.multiple,type:"file",style:{display:"none"},onChange:e=>{console.log("change"),i(e.target.files)}}))));return ae.default.createElement(a.StyledDropdown,{className:t,"data-dropdown-open":!!c,id:o,"data-has-icons":!0,style:d,onBlur:()=>m(!1),tabIndex:0},ae.default.createElement(xe,null),ae.default.createElement(a.StyledDropdownName,{onClick:u},r||ae.default.createElement(Ee,null)," ",ae.default.createElement("span",null,l&&l.value?l.label:s)),c&&ae.default.createElement(a.StyledDropdownList,{onClick:u,"data-has-icons":!0},n.map((e=>ae.default.createElement(a.StyledDropdownOption,{key:`${o}-${e.value}`,"data-selected":l&&l.value===e.value||void 0,onClick:()=>{return"upload"===e.type?(a="#uploader-dropdown-input-"+o+"-"+e.value,void(null===(l=document.querySelector(a))||void 0===l||l.click())):void((t=e.url)&&window.open(t,"_blank"));var t,a,l}},ae.default.createElement(a.StyledIcon,null,e.icon||"download"===e.type?ae.default.createElement(we,null):ae.default.createElement(Ce,null)),e.label)))),ae.default.createElement(ae.default.Fragment,null,p.current))},exports.FixedBottomAdBlock=({className:t,adUnitPath:a,divId:l,isMobile:n,contentId:i,customTargetings:o,locale:r,isMarryBaby:s})=>{const[d,c]=e.useState(!0),[m,u]=e.useState(!1),[p,g]=e.useState(!0),h=e.useRef(null),f=e.useRef(V.v4()),v=e.useRef(null),b=e.useRef(),y=e.useRef();return e.useEffect((()=>{const e=()=>{y.current&&clearTimeout(y.current),y.current=setTimeout((()=>{var t;document.getElementById("subot--container")?c(!0):(c(!1),(null===(t=h.current)||void 0===t?void 0:t.clientHeight)?g(!1):g(!0)),e()}),4e3)};return e(),()=>{b.current&&clearTimeout(b.current),y.current&&clearTimeout(y.current)}}),[]),d||m?null:ae.default.createElement(Fl,{key:n?"mobile":"desktop",ref:v,className:t,"data-visible":!p},a&&ae.default.createElement(Ql,{wrapperProps:{m:0},ref:h,adUnitPath:a,size:n?[[320,50],[320,100]]:[728,90],divId:(l||"div-gpt-ad-sticky")+(n?"-mobile":"")+i+String(f.current),pos:["Sticky"],contentId:i,hideIfHasSubot:n,customTargetings:o,adDefaultSize:n?[320,50]:[728,90],showCloseBtn:!0,onCloseAd:()=>u(!0),refreshInterval:60,locale:r,isMarryBaby:s}))},exports.FloatButtonGroup=({items:t,className:a,style:l,backgroundPanelStyle:n,isOpen:i,onOpen:o,onClose:r,disableBackdropClick:s,siteType:d="hb",animationType:c="zoom",zIndex:m=300})=>{const[u,p]=e.useState(!!i);e.useEffect((()=>{p(!!i)}),[i]);const g=()=>{p(!1),r&&r()};return ae.default.createElement($t,{style:l,className:a,"data-floatmenu-open":u,"data-site-type":d,"data-animation-type":c},ae.default.createElement(_t,{className:"float-button-group__panel",style:Object.assign({zIndex:m},n),onClick:s?void 0:g}),ae.default.createElement(Ot,{className:"float-button-group___content",style:{zIndex:m}},ae.default.createElement(jt,null,t.map(((e,a)=>ae.default.createElement(Ht,{className:`float-item-button-${a}`,style:Object.assign(Object.assign({},"zoom"===c&&{bottom:64*(t.length-1-a),transitionDelay:It/t.length*(u?t.length-1-a:a)+"ms"}),"slide"===c&&{bottom:64*(t.length-1-a),transitionDelay:It/t.length*(u?a:t.length-1-a)+"ms"}),key:a,onClick:()=>{e.onClick(),e.keepMenuOnClick||p(!1)}},ae.default.createElement(Rt,{style:Object.assign({},"zoom"===c&&{transitionDelay:It/t.length*(u?t.length-1-a:a)+"ms"})},e.label),ae.default.createElement(Gt,{className:"float-item-button__icon-wrapper",style:Object.assign({},("zoom"===c||"slide"===c)&&{transitionDelay:It/t.length*(u?t.length-1-a:a)+"ms"})},e.icon))))),ae.default.createElement(Ft,{onClick:u?g:()=>{p(!0),o&&o()}})))},exports.GenderOptionControl=Ae,exports.Grid=({className:e,columns:t,columnsDesktop:l,gridTemplateColumns:n,gridTemplateColumnsDesktop:i,gap:o,children:r,justifyChildren:s,style:d,alignItems:c})=>ae.default.createElement(a.StyledGrid,{className:e,style:Object.assign({"--columns-count":t,"--columns-count-desktop":l,"--grid-template-columns":n,"--grid-template-columns-desktop":i,"--justify-children":s,"--grid-gap":o,"--align-items":c},d)},r),exports.IconText=({size:e,iconPosition:t,className:a,children:l,icon:n})=>ae.default.createElement(Ve,{className:a,"data-size":e,"data-icon-position":t},"left"===t&&n,l,"right"===t&&n),exports.MAPPING_CATEGORY_PREMIUM_API_TYPE=nn,exports.MAPPING_CATEGORY_PREMIUM_TYPE=ln,exports.MobileBottomNavigation=aa,exports.MobileBottomNavigationIcon=ta,exports.NavHeader=Hn,exports.OvulationCardEmbed=({onSubmitOvulation:e,locale:t,ovulationPageInfo:a,expertUrl:l,isSide:n=!1,siteType:i,isMobile:o})=>{var d;const{t:c}=C.useTranslations();return ae.default.createElement(La,{"data-is-side":n,"data-site":i},ae.default.createElement(ma,{isSide:n,bannerUrl:r.CommonGAssets.getAssetPath("embedToolBannerPink.svg"),siteType:i,bannerColor:"marryBaby"===i&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==a?void 0:a.featured_image)||r.CommonGAssets.getAssetPath("health-tools/ovulation-icon.svg"),loading:"lazy"}),heading:c("healthTools.ovulationCalculator"),medicalReview:{link:l,reviewer:null===(d=null==a?void 0:a.reviewed_by)||void 0===d?void 0:d.display_name,date:null==a?void 0:a.reviewed_date},isMobile:o}),ae.default.createElement(za,{onSubmit:e=>e.preventDefault(),className:"ovulation-cal","data-is-side":n},ae.default.createElement(pl,{siteType:i,locale:t,onSubmitOvulation:e,isSide:n})))},exports.PWGCardEmbed=({locale:a,onClick:l,inputErrorMessage:i,pwgContent:o,onFormChange:d,info:c,isMobile:m,isSide:p=!1,siteType:g})=>{var h;const{t:f}=C.useTranslations(),[v,b]=e.useState("notwins"),[y,x]=e.useState({label:"1",value:1}),E=e.useMemo((()=>[...Array(40)].map(((e,t)=>({label:`${t+1}`,value:`${t+1}`})))),[]),{getHealthToolLink:w}=$.useHealthToolsCache(a),k=e.useMemo((()=>w(N.HEALTH_TOOL_TYPE.PWG)),[w]);return ae.default.createElement(La,{"data-is-side":p,"data-site":g},ae.default.createElement(ma,{siteType:g,bannerColor:"marryBaby"===g&&s.theme.mbColors.mint,isEmbeded:!0,color:"pink",icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==o?void 0:o.featuredImage)||r.CommonGAssets.getAssetPath("health-tools/pwg-icon.svg"),loading:"lazy"}),heading:f("pregnancyWeightGain.heading"),medicalReview:{link:j.formatUserProfileUrl(null==o?void 0:o.reviewedBy),reviewer:null===(h=null==o?void 0:o.reviewedBy)||void 0===h?void 0:h.display_name,date:null==o?void 0:o.reviewedDate},isMobile:m,isSide:p}),ae.default.createElement(L.Container,null,ae.default.createElement(za,{onSubmit:e=>e.preventDefault(),className:"pwg-view-mobile","data-is-side":p},"marryBaby"!==g&&ae.default.createElement(ka,{className:"hide-asking-mobile","data-is-side":p},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:s.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),ae.default.createElement(Ia,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check",direction:"horizontal",size:"small"})),ae.default.createElement(Sa,null,ae.default.createElement(Na,{className:"input-section input-form-pwg","data-is-side":p},"marryBaby"===g?ae.default.createElement(ua,{groupedWithLabel:f("pregnancyWeightGain.weekInput"),options:E,placeholder:"28 days",id:"due-date-dropdown",size:"lg",value:y,onChange:e=>x({label:e.label,value:e.value})}):ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"inline-block",marginBottom:"9px",color:s.theme.colors.gray600}},f("pregnancyWeightGain.weekInput")),ae.default.createElement(z.Dropdown,{options:E,placeholder:String(y.label),id:"weight-gain-dropdown",size:"md",value:y,onChange:e=>x({label:e.label,value:e.value})}))),ae.default.createElement(gl,{siteType:g,info:c,errorMessage:i,onChange:d})),"marryBaby"!==g&&ae.default.createElement(ka,{className:"hide-asking-desk","data-is-side":p},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",style:{display:"block",color:s.theme.colors.gray600},className:"label"},f("pregnancyWeightGain.havingTwins")),ae.default.createElement(Ia,{options:[{value:"twins",label:f("switchBtn.yes")},{value:"notwins",label:f("switchBtn.no")}],value:v,onChange:e=>b(e),className:"gender-selector",id:"twins-check-mobile",direction:"horizontal",size:"small"})),"marryBaby"===g&&ae.default.createElement(Be,{name:"twins",label:f("pregnancyWeightGain.havingTwins"),checked:"twins"===v,siteType:"marryBaby",onChange:()=>{b("twins"===v?"notwins":"twins")},value:"twins"}),ae.default.createElement(Ta,{"data-is-side":p,"data-site":g},ae.default.createElement(n.Button,{dataEventCategory:"Health Tool",dataEventAction:"Embedded Pregnancy Weight Gain",dataEventLabel:`https://${u.domainLocales["marryBaby"===g?"vi-VN_MB":a]}/${k}`,className:"due-date-calculate-button",size:"lg",variant:"marryBaby"===g?"secondary":"primary",onClick:()=>l(v,y.value),role:"button"},f("dueDatePage.lastPeriod.calculate"))))))},exports.Pagination=({className:t,pagesAmount:n,currentPage:i,onChange:o,onClick:r,style:s,href:d,queryPageName:c="page"})=>{const m=[...Array(n)].map(((e,t)=>t+1)),[u,p]=e.useState(i),g=e.useMemo((()=>d&&d.endsWith("&page=")?d.replace("&page=",""):d),[d]),h=n-1,f=e=>{e<=n&&e>0&&(p(e),o(e))},v=e=>{r&&r(e)};return e.useEffect((()=>{p(i)}),[i]),ae.default.createElement(a.StyledPagination,{className:t,style:s},ae.default.createElement(a.StyledPageBlock,{className:"prev-page",onClick:()=>f(u-1),"data-last-page":1===u||void 0},g?ae.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},ae.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ae.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):ae.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ae.default.createElement("path",{d:"M5.5 9L1.5 5L5.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))),m.length>8?ae.default.createElement(ke,{pagesAmount:n,activePage:u,handlePageChange:f,handleClick:v,href:g,queryPageName:c}):m.map((e=>ae.default.createElement(a.StyledPaginationBlock,{key:`pagination+${e}`,"data-page-active":e===u||void 0,onClick:()=>f(e)},g?ae.default.createElement("a",{href:l.formatUrlWithPageParam(g,e,c),onClick:v},e):e))),ae.default.createElement(a.StyledPageBlock,{className:"next-page",onClick:()=>f(u+1),"data-last-page":u===h+1||void 0},g?ae.default.createElement("a",{href:l.formatUrlWithPageParam(g,u,c),onClick:v},ae.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ae.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):ae.default.createElement("svg",{width:"7",height:"10",viewBox:"0 0 7 10",fill:"none"},ae.default.createElement("path",{d:"M1.5 9L5.5 5L1.5 1",stroke:"#2D87F3",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))))},exports.ProgressBar=({type:t,numberOfStep:a,activeStep:l,labelPrefix:n,detailSteps:i,className:o,onChange:r})=>{const[s,c]=e.useState(0),m=e=>{var{trackClassName:t}=e,a=d.__rest(e,["trackClassName"]);return ae.default.createElement(Ze,Object.assign({},a,{className:t}),ae.default.createElement(Ye,null))},u=ae.default.createElement(qe,{className:o+" progress-bar"},ae.default.createElement(m,null),ae.default.createElement((({trackLength:e,activeStep:t,labelPrefix:l="Step",onChange:n})=>ae.default.createElement(ae.default.Fragment,null,Array.from({length:a},((e,t)=>t)).map(((i,o)=>ae.default.createElement(Qe,{"data-is-active":o===t,"data-label":o,style:{left:o*e/(a-1)},onClick:()=>{n&&n(o)},key:o},o+1,ae.default.createElement(Ke,{"data-step-passed":o<=t},l+" "+(o+1))))))),{trackLength:s,activeStep:l,labelPrefix:n,onChange:r})),p=ae.default.createElement("svg",{"data-name":"Layer 1",viewBox:"0 0 5.5 9.5"},ae.default.createElement("title",null,"chevron-right"),ae.default.createElement("path",{d:"M.75 8.75l4-4-4-4",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5})),g=ae.default.createElement(Xe,null,i&&Array.from({length:i.length},((e,t)=>t)).map(((e,t)=>{var a;return ae.default.createElement(Je,{key:t,"data-selected":t===l,onClick:()=>{r&&r(t)}},null===(a=i[t])||void 0===a?void 0:a.text," ",t<i.length-1&&p)}))),h=ae.default.createElement(qe,{className:o+" progress-bar"},ae.default.createElement((({detailSteps:e,activeStep:t,onChange:a})=>ae.default.createElement(ae.default.Fragment,null,Array.from({length:e.length},((e,t)=>t)).map(((l,n)=>ae.default.createElement(et,{key:n,style:{left:100/e.length*n+"%",width:100/e.length+"%"},onClick:()=>{a&&a(n)}},e[n].icon?ae.default.createElement(at,{onClick:()=>{a&&a(n)}},e[n].icon):ae.default.createElement(tt,{"data-is-active":n===t,"data-label":l,onClick:()=>{a&&a(n)},key:n},n+1),ae.default.createElement(lt,{"data-step-passed":n<t+1},e[n].text,ae.default.createElement(nt,null,e[n].description)),n<e.length-1&&ae.default.createElement(m,{"data-step-passed":n<t,trackClassName:"progress-track","data-track-type":"detail"})))))),{activeStep:l,detailSteps:i,onChange:r})),f=e.useCallback(ie.default((()=>{const e=document.querySelector(".progress-bar");e&&c(e.offsetWidth)}),1e3),[]);return e.useEffect((()=>{const e=document.querySelector(".progress-bar");return c(null==e?void 0:e.offsetWidth),window.addEventListener("resize",f,{passive:!0}),()=>{window.removeEventListener("resize",f)}}),[]),"step-track"===t&&u||"breadcrumb"===t&&g||"detail-track"===t&&h},exports.Radio=({size:e="small",label:t,name:a,checked:l,value:i,className:o,isDisabled:r=!1,onChange:s,dataEventCategory:d,dataEventAction:c,dataEventLabel:m})=>{const u=!!c&&!!d&&!!m?{"data-event-category":d,"data-event-action":c,"data-event-label":m}:{};return ae.default.createElement(n.Radio,Object.assign({size:"small"===e?"md":"lg",label:t,name:a,checked:l,value:i,className:o,disabled:r,onChange:e=>null==s?void 0:s(e.target.value)},u))},exports.RadioGroup=it,exports.RateStars=({gap:t=2,size:l=24,star:n,totalStars:i=5,onSelect:o,hideEmptyStars:r,style:s,className:d})=>{const c=Math.floor(n),m=n-c>=.5?1:0,[u,p]=e.useState(null),g=u||c,h=u?0:m;return ae.default.createElement(a.StyledRateStars,{"data-selectable":!!o,style:Object.assign({"--gap":t,"--star-size":l},s),className:d},Array.from({length:r?c+m:i}).map(((e,t)=>{const a=()=>!!o&&p(t+1),l=()=>!!o&&p(null);return t+1<=g?ae.default.createElement(Se,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):t+1===g+h?ae.default.createElement(Ne,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l}):ae.default.createElement(Te,{key:t,onClick:()=>null==o?void 0:o(t+1),onMouseOver:a,onMouseLeave:l})})))},exports.ScrollList=({row:t=2,column:a=3,isDotsShown:l=!0,isImageGalleryShown:n=!1,mode:i="infinity",type:o="separated",distanceOverlappedLeft:r={amount:0,unit:"pixel"},children:s,className:d,isProgressShown:c=!1,statusChildren:m,isArrowShown:u=!1,classNameLeftArrow:p,classNameRightArrow:g,dataEventCategory:h,dataEventAction:f,dataEventLabel:v,onChangePage:b,page:y,customPageWidth:x,scheme:E="hellosites",arrowType:w="Discover"})=>{const C="number"==typeof y,[k,B]=e.useState(C?y:0),T=[];ae.default.Children.map(s,((e,l)=>{l%(t*a)==0&&T.push([]),T[T.length-1].push(ae.default.cloneElement(e))}));const S=e.useRef(),N=e.useRef(0),A=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e),b&&b(e)};e.useEffect((()=>{"number"==typeof y&&(e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t,l="intertwined"===o?"percentage"===r.unit?e*a+r.amount/100*a*e:e*a+r.amount*a*e:e*a;S.current.scrollTo({top:0,left:l,behavior:"smooth"}),N.current=e,B(e)})(y)}),[y]);const M=e=>{if(!S.current)return;const{clientWidth:t}=S.current,a=x||t;let l;l=0===k?0:k*a,"forward"===e&&(l===a*(T.length-1)?(B(T.length-1),l=a*(T.length-1),b&&b(T.length-1)):(B(k+1),l+=a,b&&b(k+1)),S.current.scrollTo({top:0,left:l,behavior:"smooth"})),"back"===e&&(0===l?(B(0),b&&b(0),l=0):(B(k-1),b&&b(k-1),l-=a),S.current.scrollTo({top:0,left:l,behavior:"smooth"}))},P=ie.default((()=>{if("infinity"===i){if(!S.current)return;const{clientWidth:e,scrollLeft:t}=S.current,a=x||e,l=Math.floor(t/a);B(l),b&&b(l)}}),400);return e.useEffect((()=>{if("snapped"===i){let e,t,a,l,n,i,s=!1;const d=S.current,c=(i,o)=>{s=!0,a=!1,l=!1,e=i-d.offsetLeft,t=o-d.offsetTop,n=d.scrollLeft},m=e=>{c(e.pageX,e.pageY)},u=e=>{c(e.touches[0].pageX,e.touches[0].pageY)},p=()=>{if(s=!1,a=!1,l=!1,!S.current)return;const{clientWidth:e}=S.current,t=x||e,n="ltr"===i?0!==N.current?N.current-1:N.current:"rtl"===i&&N.current<T.length-1?N.current+1:N.current,d="intertwined"===o?"percentage"===r.unit?n*t+r.amount/100*t*n:n*t+r.amount*t*n:n*t;S.current.scrollTo({top:0,left:d,behavior:"smooth"}),i="none",N.current!==n&&(N.current=n,B(n),b&&b(n))},g=(o,r)=>{if(!s)return;const c=o-d.offsetLeft,m=r-d.offsetTop,u=c-e,p=m-t;a||l||!(p>20||p<-20)||(a=!0),!a&&(u>20||u<-20)&&(l=!0,d.scrollLeft=n-u,u>0&&(i="ltr"),u<0&&(i="rtl"),0===u&&(i="none"))},h=e=>{l&&e.preventDefault(),g(e.pageX,e.pageY)},f=e=>{l&&e.preventDefault(),g(e.touches[0].pageX,e.touches[0].pageY)};return null==d||d.addEventListener("mousedown",m,{passive:!0}),null==d||d.addEventListener("touchstart",u,{passive:!0}),window.addEventListener("mouseup",p,{passive:!0}),window.addEventListener("touchend",p,{passive:!0}),null==d||d.addEventListener("mousemove",h,{passive:!0}),null==d||d.addEventListener("touchmove",f,{passive:!0}),()=>{null==d||d.removeEventListener("mousedown",m),null==d||d.removeEventListener("touchstart",u),window.removeEventListener("mouseup",p),window.removeEventListener("touchend",p),null==d||d.removeEventListener("mousemove",h),null==d||d.removeEventListener("touchmove",f)}}}),[]),ae.default.createElement(gt,{className:d,"data-row":t,onScroll:P},u&&k>0&&ae.default.createElement("div",{className:`${p} arrow-left`,onClick:()=>M("back"),"data-event-category":h,"data-event-action":f,"data-event-label":v},"Care"===w?ae.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},ae.default.createElement("g",{filter:"url(#filter0_dd_12599_34420)"},ae.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3V3C31.8368 3 39.0002 10.1634 39.0002 19V19C39.0002 27.8366 31.8368 35 23.0002 35V35C14.1637 35 7.00024 27.8366 7.00024 19V19Z",fill:"white"}),ae.default.createElement("path",{d:"M20.9293 19L24.7503 15.179C25.1643 14.765 25.1643 14.093 24.7503 13.679C24.3363 13.265 23.6643 13.265 23.2503 13.679L18.6363 18.293C18.2453 18.684 18.2453 19.317 18.6363 19.707L23.2503 24.321C23.6643 24.735 24.3363 24.735 24.7503 24.321C25.1643 23.907 25.1643 23.235 24.7503 22.821L20.9293 19Z",fill:"#595959"}),ae.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),ae.default.createElement("defs",null,ae.default.createElement("filter",{id:"filter0_dd_12599_34420",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},ae.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),ae.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ae.default.createElement("feOffset",{dx:"-2",dy:"2"}),ae.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),ae.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),ae.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12599_34420"}),ae.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ae.default.createElement("feOffset",{dx:"-1",dy:"1"}),ae.default.createElement("feGaussianBlur",{stdDeviation:"1"}),ae.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),ae.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12599_34420",result:"effect2_dropShadow_12599_34420"}),ae.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12599_34420",result:"shape"})))):ae.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},ae.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ae.default.createElement("path",{d:"M15.9997 11.1109L11.1108 15.9998L15.9997 20.8887",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ae.default.createElement("path",{d:"M20.8886 15.999L11.1108 15.999",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),ae.default.createElement("div",{ref:S,className:"container",style:{overflowX:"snapped"===i||u?"hidden":"scroll"}},T.map(((e,l)=>{let n=0;for(let e=0;e<l;e++)n+=T[e].length;return ae.default.createElement("div",{key:l,className:"section",style:{marginLeft:"intertwined"===o&&0!==l?r.amount+""+("percentage"===r.unit?"%":"px"):"0px"}},1===t&&c&&ae.default.createElement("div",{className:"progress-bar",style:{gridTemplateColumns:`repeat(${a}, 1fr)`}},e.map(((t,a)=>{const i=n+a,o=m.find((e=>e.index===i));return ae.default.createElement("div",{className:"items-progress",key:a},0===a&&0===l?ae.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):ae.default.createElement("div",{className:"line"}),ae.default.createElement("div",{className:"icon-status"},ae.default.createElement(ht,{status:null==o?void 0:o.status})),l===T.length-1&&a===e.length-1?ae.default.createElement("div",{className:"line",style:{visibility:"hidden"}}):ae.default.createElement("div",{className:"line"}))}))),ae.default.createElement("div",{className:"grid-layout","data-index":l,style:{gridTemplateColumns:`repeat(${a}, 1fr)`,gridTemplateRows:`repeat(${t}, 1fr)`}},e.map(((e,t)=>ae.default.createElement(ae.default.Fragment,{key:t},ae.default.createElement("div",{className:"item-grid",key:t},e))))))}))),u&&k<T.length-1&&ae.default.createElement("div",{className:`${g} arrow-right`,onClick:()=>M("forward"),"data-event-category":h,"data-event-action":f,"data-event-label":v}," ","Care"===w?ae.default.createElement("svg",{width:"42",height:"42",viewBox:"0 0 42 42",fill:"none"},ae.default.createElement("g",{filter:"url(#filter0_dd_12597_34423)"},ae.default.createElement("path",{d:"M7.00024 19C7.00024 10.1634 14.1637 3 23.0002 3C31.8368 3 39.0002 10.1634 39.0002 19C39.0002 27.8366 31.8368 35 23.0002 35C14.1637 35 7.00024 27.8366 7.00024 19Z",fill:"white"}),ae.default.createElement("path",{d:"M24.0712 19L20.2502 15.179C19.8362 14.765 19.8362 14.093 20.2502 13.679C20.6642 13.265 21.3362 13.265 21.7502 13.679L26.3642 18.293C26.7552 18.684 26.7552 19.317 26.3642 19.707L21.7502 24.321C21.3362 24.735 20.6642 24.735 20.2502 24.321C19.8362 23.907 19.8362 23.235 20.2502 22.821L24.0712 19Z",fill:"#595959"}),ae.default.createElement("path",{d:"M23.0002 34C14.716 34 8.00024 27.2843 8.00024 19H6.00024C6.00024 28.3888 13.6114 36 23.0002 36V34ZM38.0002 19C38.0002 27.2843 31.2845 34 23.0002 34V36C32.3891 36 40.0002 28.3888 40.0002 19H38.0002ZM23.0002 4C31.2845 4 38.0002 10.7157 38.0002 19H40.0002C40.0002 9.61116 32.3891 2 23.0002 2V4ZM23.0002 2C13.6114 2 6.00024 9.61116 6.00024 19H8.00024C8.00024 10.7157 14.716 4 23.0002 4V2Z",fill:"#DBDFE5"})),ae.default.createElement("defs",null,ae.default.createElement("filter",{id:"filter0_dd_12597_34423",x:"0.000244141",y:"0",width:"42",height:"42",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},ae.default.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),ae.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ae.default.createElement("feOffset",{dx:"-2",dy:"2"}),ae.default.createElement("feGaussianBlur",{stdDeviation:"2.5"}),ae.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.263201 0 0 0 0 0.335725 0 0 0 0 0.393257 0 0 0 0.123689 0"}),ae.default.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_12597_34423"}),ae.default.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),ae.default.createElement("feOffset",{dx:"-1",dy:"1"}),ae.default.createElement("feGaussianBlur",{stdDeviation:"1"}),ae.default.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.264489 0 0 0 0 0.275745 0 0 0 0 0.28861 0 0 0 0.01 0"}),ae.default.createElement("feBlend",{mode:"normal",in2:"effect1_dropShadow_12597_34423",result:"effect2_dropShadow_12597_34423"}),ae.default.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect2_dropShadow_12597_34423",result:"shape"})))):ae.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none"},ae.default.createElement("path",{d:"M15.9996 28.2218C22.7497 28.2218 28.2218 22.7497 28.2218 15.9996C28.2218 9.24942 22.7497 3.77734 15.9996 3.77734C9.24942 3.77734 3.77734 9.24942 3.77734 15.9996C3.77734 22.7497 9.24942 28.2218 15.9996 28.2218Z",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ae.default.createElement("path",{d:"M15.9998 20.8891L20.8887 16.0002L15.9998 11.1113",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),ae.default.createElement("path",{d:"M11.1109 16L20.8887 16",stroke:"hellosites"===E?"#2D87F3":"#e85388",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),l&&ae.default.createElement("ul",{className:"bullet-nav"},T.map(((e,t)=>ae.default.createElement("li",{key:t,className:"bullet-nav__item "},ae.default.createElement("p",{onClick:()=>A(t),className:`bullet-nav__link scroll ${k==t?"active":null}`,"data-scheme":E}))))),n&&ae.default.createElement("div",{className:"image-gallery-wrapper","data-test":T.length},T.slice(0,3).map(((e,t)=>ae.default.createElement("div",{className:`image-block ${k==t?"active":null}`,key:t,onClick:()=>A(t),"data-scheme":E},e)))))},exports.SeoHead=({SEOData:t={},locale:a="vi-VN",routerPathname:l,routerQuery:n,nextHead:i,siteType:o,seoCustom:r,userId:s,forcedCanonicalUrl:d})=>{var c,m,p,g,h,f,v,b,y,x,E,C;const{totalPages:k,currentPage:B,SEOTitle:T="",SEODescription:S="",SEOImage:N,seoType:A,SEOImageWidth:M,SEOImageHeight:P,customMetaData:D=[],isIndexable:z=!0,hasNoCanonical:L=!1}=t,I=z&&w.isProduction?"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1":"noindex",{NEXT_PUBLIC_BASE_API_URL:$}=process.env;let _=t.canonicalUrl||l;Object.keys(n).forEach((e=>{const t=n[e];t&&Array.isArray(t)&&(_=_.replace(`[...${e}]`,t.join("/")))}));const O=a||"en-PH",j="helloSites"===o?u.domainLocales[O]:"www.marrybaby.vn",F=_.endsWith("/")?"":"/",H=e.useMemo((()=>{var e,l,n,i,o,r,s;let d="";if(t.apiMetaData&&"string"==typeof t.apiMetaData){const c=null===(e=t.apiMetaData)||void 0===e?void 0:e.match(/<title.*?>(.*)<\/title>/),m=` - Page ${B} of ${k}`,u=B&&1!==B&&c?t.apiMetaData.replace(c[0],c[0].includes("-")?c[0].replace("-",m+" - "):`<title>${c[1].concat(m)}</title>`).replace(`<link rel="canonical" href="https://${j}${_}${F}" />`,`<link rel="canonical" href="https://${j}${_}${F}?page=${B}" />`):t.apiMetaData;if(d=oe.default(u,{trim:!0}),!d.find((e=>{var t,a;return"og:image"===(null===(t=e.props)||void 0===t?void 0:t.property)||"og:image:secure_url"===(null===(a=e.props)||void 0===a?void 0:a.property)}))){const e=`https://${j}/images/${a}.png`;d=[...d,ae.default.createElement("meta",{key:"og:image",property:"og:image",content:(null===(l=t.openGraph)||void 0===l?void 0:l.image)||N||e||""}),ae.default.createElement("meta",{key:"og:image:secure_url",property:"og:image:secure_url",content:(null===(n=t.openGraph)||void 0===n?void 0:n.image)||N||e}),ae.default.createElement("meta",{key:"og:image:width",property:"og:image:width",content:(null===(i=t.openGraph)||void 0===i?void 0:i.imageWidth)&&String(null===(o=t.openGraph)||void 0===o?void 0:o.imageWidth)||M&&String(M)||"1200"}),ae.default.createElement("meta",{key:"og:image:height",property:"og:image:height",content:(null===(r=t.openGraph)||void 0===r?void 0:r.imageHeight)&&String(null===(s=t.openGraph)||void 0===s?void 0:s.imageHeight)||P&&String(P)||"630"})]}}return d}),[t.apiMetaData,t.openGraph,N,P,M,B,_,k,a,j]),R=`https://${j}/images/${a}.png`;return ae.default.createElement(i,null,ae.default.createElement("link",{rel:"preconnect",href:"https://fonts.gstatic.com"}),"marryBaby"===o?ae.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}):"km-KH"===a?ae.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&display=swap",rel:"stylesheet"}):"th-TH"===a?ae.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wdth,wght@62.5..100,100..900&display=swap",rel:"stylesheet"}):ae.default.createElement("link",{href:"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap",rel:"stylesheet"}),ae.default.createElement("link",{rel:"preconnect",href:$}),ae.default.createElement("meta",{charSet:"UTF-8"}),ae.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"}),ae.default.createElement("meta",{name:"google",content:"notranslate"}),ae.default.createElement("meta",{name:"robots",content:I}),ae.default.createElement("meta",{property:"fb:app_id",content:"653713035016537"}),D.map(((e,t)=>ae.default.createElement("meta",Object.assign({key:t},e)))),ae.default.createElement("meta",{name:"theme-color",content:"helloSites"===o?"#2c87f3":"#e85388"}),ae.default.createElement("meta",{name:"page_type",content:"Home"}),ae.default.createElement("meta",{name:"page_platform",content:"WEB"}),ae.default.createElement("meta",{name:"page_language",content:O}),ae.default.createElement("meta",{name:"ahrefs-site-verification",content:"46e7521a2b89a1013149c4685bbe02a1d36a4732fef98655142b829bc87cba4d"}),!H&&ae.default.createElement(ae.default.Fragment,null,"helloSites"===o?ae.default.createElement("title",null,r?T:T+" - "+(null===(c=u.LOCALE_SPECS[a])||void 0===c?void 0:c.SITE_NAME)):ae.default.createElement("title",null,T),!L&&ae.default.createElement("link",{rel:"canonical",href:`https://${j}${_}`}),ae.default.createElement("meta",{name:"description",content:S||(null===(m=t.openGraph)||void 0===m?void 0:m.description)}),t.schemaData&&ae.default.createElement("script",{type:"application/ld+json",className:"yoast-schema-graph",dangerouslySetInnerHTML:{__html:t.schemaData}}),ae.default.createElement("meta",{property:"og:locale",content:a}),ae.default.createElement("meta",{property:"og:type",content:A||"website"}),ae.default.createElement("meta",{property:"og:title",content:(null===(p=t.openGraph)||void 0===p?void 0:p.title)||T}),ae.default.createElement("meta",{property:"og:description",content:(null===(g=t.openGraph)||void 0===g?void 0:g.description)||S}),ae.default.createElement("meta",{property:"og:url",content:`https://${j}${_}`}),ae.default.createElement("meta",{property:"og:site_name",content:`https://${j}`}),ae.default.createElement("meta",{property:"og:image",content:(null===(h=t.openGraph)||void 0===h?void 0:h.image)||N||R||""}),ae.default.createElement("meta",{property:"og:image:secure_url",content:(null===(f=t.openGraph)||void 0===f?void 0:f.image)||N||R}),ae.default.createElement("meta",{property:"og:image:width",content:(null===(v=t.openGraph)||void 0===v?void 0:v.imageWidth)&&String(null===(b=t.openGraph)||void 0===b?void 0:b.imageWidth)||M&&String(M)||"1200"}),ae.default.createElement("meta",{property:"og:image:height",content:(null===(y=t.openGraph)||void 0===y?void 0:y.imageHeight)&&String(null===(x=t.openGraph)||void 0===x?void 0:x.imageHeight)||P&&String(P)||"630"}),ae.default.createElement("meta",{name:"twitter:card",content:"summary_large_image"}),ae.default.createElement("meta",{name:"twitter:title",content:(null===(E=t.twitter)||void 0===E?void 0:E.title)||T}),ae.default.createElement("meta",{name:"twitter:description",content:S}),ae.default.createElement("meta",{name:"twitter:image",content:(null===(C=t.twitter)||void 0===C?void 0:C.image)||N})),("helloSites"===o?u.FAVICONS[O]||[]:u.FAVICONS.marryBaby).map(((e,t)=>"link"===e.type?ae.default.createElement("link",{key:`favicon-${t}`,rel:e.rel,href:e.href,sizes:e.sizes}):"meta"===e.type?ae.default.createElement("meta",{key:t,name:e.name,content:e.content}):null)),Array.isArray(H)&&d?H.filter((e=>"canonical"!==e.props.name&&"canonical"!==e.props.rel)):H,d&&ae.default.createElement("link",{rel:"canonical",href:d}),!t.hasNoAmp&&"vi-VN"!==a&&ae.default.createElement("link",{rel:"amphtml",href:`https://${j}${_}${F}?amp=1`}),s&&"undefined"!=typeof window?ae.default.createElement("script",{dangerouslySetInnerHTML:{__html:`window.dataLayer = window.dataLayer || []; window.dataLayer.push({'userID': '${s}'});`}}):null)},exports.ShareContainer=({url:a,onCopied:l,locale:n,siteType:i})=>{const{t:o}=C.useTranslations(),r=W.getSocialList(a||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(n))),c=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]);return ae.default.createElement($l,null,ae.default.createElement(t.Text,{size:"p3",color:s.theme.colors.gray800},o("shareContainer.title")),ae.default.createElement("div",{className:"icon-group"},r.map(((e,t)=>ae.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer","data-event-category":"Health Tool","data-event-action":`Social Share - ${e.name}`,"data-event-label":c},e.icon))),ae.default.createElement(y.Button,{theme:i,size:"sm",type:"button",color:"tertiary",className:"share",style:{},icon:ae.default.createElement(_l,null),onClick:()=>d.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(a),null==l||l()})),"data-event-category":"Health Tool","data-event-action":"Copy Link","data-event-label":c})))},exports.ShareDrawer=a=>{var{open:l,title:n,onClose:i,onCopied:o,onShared:r,url:c,locale:m}=a,u=d.__rest(a,["open","title","onClose","onCopied","onShared","url","locale"]);const{t:p}=C.useTranslations(),g=e.useCallback((()=>d.__awaiter(void 0,void 0,void 0,(function*(){var e;yield null===(e=null===navigator||void 0===navigator?void 0:navigator.clipboard)||void 0===e?void 0:e.writeText(c),null==o||o()}))),[c,o]),h=W.getSocialList(c||"").filter((e=>!e.allowedLocales||e.allowedLocales.includes(m)));return e.useEffect((()=>{l&&navigator.share&&navigator.share({title:null!=n?n:"Read This Post",url:c}).then((()=>{null==r||r()})).catch((()=>{null==i||i()}))}),[c,n,r,l]),"undefined"!=typeof navigator&&navigator.share?null:ae.default.createElement(Ol,Object.assign({title:p("share.title"),onClose:i,open:l,placement:"bottom"},u),ae.default.createElement("div",{className:"share-container"},ae.default.createElement("div",{className:"icon-container"},ae.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:s.theme.colors.gray600},p("share.title")),ae.default.createElement("div",{className:"icon-group"},h.map(((e,t)=>ae.default.createElement("a",{key:t,href:e.href,target:"_blank",rel:"noreferrer"},e.icon))))),ae.default.createElement("div",{className:"link-container"},ae.default.createElement(t.Text,{weight:"semiBold",size:"s3",color:s.theme.colors.gray600},p("share.copyLink")),ae.default.createElement("div",{className:"input-group"},ae.default.createElement(x.Input,{name:"link",size:"md",value:c,isDisabled:!0}),ae.default.createElement(y.Button,{size:"md",type:"button",color:"tertiary",icon:ae.default.createElement(jl,null),onClick:g})))))},exports.StatisticCard=({type:e,description:t,value:a,withIcon:l,isInACard:n,cardColor:i,className:o})=>ae.default.createElement(ft,{className:o,"data-size":e,"data-is-in-card":"big"===e&&n,"data-card-color":i},ae.default.createElement(bt,null,"small"===e&&ae.default.createElement(vt,{"data-color":i}),t),ae.default.createElement(yt,{"data-size":e},"small"!==e&&l,a)),exports.SurveyOrPremiumBanner=({type:t,articleId:a=0,categoryIds:l=[],isMarketing:n,isSurveyType:i,hasPremiumBanner:o,currentUrl:s,isMobile:d,subcribeHealthStatus:m,setShouldAcquisitionModalOpen:p,onValueChange:g,source:h="discover",Wrapper:f})=>{const{t:v}=C.useTranslations(),{data:{userInfo:b}}=e.useContext(N.TogetherComponentGlobalContext),y=Boolean(null==b?void 0:b.id),[x,E]=e.useState(null),[w,k]=e.useState(),[B,T]=e.useState(""),[S,A]=e.useState(!1),[M,P]=e.useState(!1),D=e.useMemo((()=>ln[t]),[]),z=((e,t)=>({[Jl.Pregnant]:{action:an.ShowOptionBanner,props:{heading:e("pnBanner.pregnancy.heading"),description:e("pnBanner.pregnancy.desc"),styleType:tn.Button,thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-pregnancy-mobile.png")},buttonProps:{variant:"white",styles:e=>({minWidth:c.rem(80),[e.fn.largerThan("sm")]:{minWidth:c.rem(120)}})},items:[{label:e("switchBtn.yes"),value:"yes",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - Yes Click",dataEventLabel:t}},{label:e("switchBtn.no"),value:"no",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Are you navigating the world of pregnancy - No Click",dataEventLabel:t}}]},submitHandler:{yes:{action:an.ShowTool,props:{value:Kl.DUE_DATE}},no:{action:an.ShowPremiumModal}}},[Jl.Parenting]:{action:an.ShowOptionBanner,props:{heading:e("pnBanner.parenting.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,styleType:tn.Checkbox,items:[{label:e("pnBanner.toddlers"),value:"todders"},{label:e("pnBanner.teenager"),value:"teenager"}],submitBtnTracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the age range of your kids Click",dataEventLabel:t}},submitHandler:{todders:{action:an.ShowTool,props:{value:Kl.BABY_VACCINE}},teenager:{action:an.ShowOptionBanner,props:{styleType:tn.Button,heading:e("pnBanner.teenager.heading"),description:e("pnBanner.parenting.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},buttonProps:{variant:"white"},items:[{label:e("childCard.boy"),value:"teenager.boy",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Boy Click",dataEventLabel:t}},{label:e("childCard.girl"),value:"teenager.girl",tracking:{dataEventCategory:"Focused Audience",dataEventAction:"What is the gender of your kids - Girl Click",dataEventLabel:t}}]}},"teenager.boy":{action:an.ShowPremiumModal},"teenager.girl":{action:an.ShowTool,activeTool:u.RISK_SCREENER_NAME.HPV,props:{value:u.RISK_SCREENER_NAME.HPV}},"todders|teenager":{action:an.ShowOptionBanner,props:{styleType:tn.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Kl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}},{label:e("pnBanner.pn.btnLabel"),value:"todders|teenager.showPN",isPNBtn:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Premium Newsletter Click",dataEventLabel:t}}]}},"todders|teenager.showPN":{action:an.ShowOptionBanner,props:{styleType:tn.Button,heading:e("pnBanner.both.heading"),description:e("pnBanner.both.desc"),thumbnail:{desktop:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-desktop.png"),mobile:r.CommonGAssets.getAssetPath("newsletter/banner-option-parenting-mobile.png")},hideDescOnMobile:!0,buttonProps:{variant:"secondary"},styles:e=>({wrapper:{[e.fn.smallerThan("sm")]:{flexDirection:"column"}},button:{background:e.colors.blue[0]}}),items:[{label:e("pnBanner.vaccine.btnLabel"),activeTool:Kl.BABY_VACCINE,isLink:!0,tracking:{dataEventCategory:"Focused Audience",dataEventAction:"Experience our tools for parent - Baby Vaccine Click",dataEventLabel:t}}]}}}}}))(v,s)[D],L=null==z?void 0:z.submitHandler,I=f||c.Box,$=()=>o&&1!==(null==b?void 0:b.subscription)?ae.default.createElement(sn,null):null;return e.useEffect((()=>{y&&E({userInfo:b,preferredTopics:Zl,healthTopics:[]})}),[y]),ae.default.createElement(rn.Provider,{value:{settings:z,submitHandler:L,type:t,surveyType:D,value:B,setValue:T,isMobile:d,isLoggedIn:y,isMarketing:n,hasPremiumBanner:o,currentUrl:s,acquisitionInfo:x,categoryIds:l,subcribeHealthStatus:m,articleId:a,onValueChange:g,state:w,setState:k,handleClickOption:e=>{const t=(e=>{let t="";const a=e.split("|");return 1===a.length?e:(Object.keys(L).map((e=>{const l=e.split("|");if(a.length===l.length){let n=0;a.map((e=>{l.includes(String(e))&&(n+=1)})),n===a.length&&(t=e)}})),t)})(e);if(t){const a=L[t];a.action===an.ShowPremiumModal?o?(A(!0),k(Object.assign(Object.assign({},w),{actionParams:{hideBannerWhenClose:a.action===an.ShowPremiumModal}}))):(k({action:an.Hide}),null==g||g(e)):(k(a),null==g||g(e))}},showPNModal:S,setShowPNModal:A,source:h,Outside:I,isBack:M,setIsBack:P,minHeight:180,setShouldAcquisitionModalOpen:p}},void 0!==m?y?i&&z?(()=>{const e=L[(null==m?void 0:m.value)||""];return(null==e?void 0:e.action)===an.ShowPremiumModal?$():ae.default.createElement(Ln,null)})():$():o?ae.default.createElement(sn,null):null:null)},exports.SurveyQuestionCard=({className:a,headerText:l,style:n,question:i,termAndPolicyText:o,prevText:r,nextText:s,isContactForm:d,isDisableNext:c,isDisablePrev:m,onPrevClick:u,onNextClick:p,isSubmitButton:g,isButtonCenter:h,progress:f,descriptionText:v})=>{var b,x,E;const[w,C]=e.useState([]),{is_multi_select:k,multi_select_option:B,from:T,to:S}=i,N=null==i?void 0:i.type,A="checkbox"===N&&(null===(b=i.options)||void 0===b?void 0:b.length)&&(!w||0===w.length||k&&B===Lt.RANGE&&(w.length<T||w.length>S)||k&&B===Lt.EXACT_NUMBER&&w.length!==T)||"radio"===N&&(null===(x=i.options)||void 0===x?void 0:x.length)&&(!w||0===w.length)||"textbox"===N&&(null===(E=i.textOptions)||void 0===E?void 0:E.length)&&(w.length<i.textOptions.length||w.some((e=>!e.value))),M="number"==typeof f?f>1?1:f<0?0:Number(f.toFixed(2)):-1,P=e.useRef(null),D=()=>"textbox"!==N||P.current.reportValidity();return ae.default.createElement(Nt,{className:a,style:n},ae.default.createElement("div",{className:"survey-inner-wrapper"},l&&ae.default.createElement("div",{className:"survey-header"},ae.default.createElement(t.Text,{className:"survey-header-text",size:"c2"},l)),ae.default.createElement("form",{ref:P,onSubmit:e=>e.preventDefault()},ae.default.createElement(zt,{question:i,description:v,onOptionsChange:e=>{C(e)},onTextOptionsChange:e=>{C(e)}})),d&&s&&ae.default.createElement(y.Button,{className:"survey-contact-submit",size:"lg",isDisabled:c||A,onClick:()=>D()&&p&&p(w)},s),o&&ae.default.createElement("div",{className:"term-policy-container"},o),"number"==typeof f&&ae.default.createElement("div",{className:"survey-progress-wrapper"},ae.default.createElement("div",{className:"survey-progress",style:{transform:`scaleX(${M})`}})),(r||s)&&ae.default.createElement("div",{"data-center":h,className:"survey-button-wrapper"},r&&ae.default.createElement(y.Button,{className:"survey-prev-button",size:"lg",color:m?"primary":"secondary",isDisabled:m,icon:ae.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},ae.default.createElement("path",{d:"M2.44677 4.99999L5.31252 2.13424C5.62302 1.82374 5.62302 1.31974 5.31252 1.00924C5.00202 0.698742 4.49802 0.698742 4.18752 1.00924L0.727018 4.46974C0.433768 4.76299 0.433768 5.23774 0.727018 5.53024L4.18752 8.99074C4.49802 9.30124 5.00202 9.30124 5.31252 8.99074C5.62302 8.68024 5.62302 8.17624 5.31252 7.86574L2.44677 4.99999Z",fill:m?"#fff":"#2D87F3"})),onClick:u},r),!d&&s&&ae.default.createElement(y.Button,{onClick:()=>D()&&p&&p(w),className:"survey-next-button",size:"lg",isDisabled:c||A},s," ",g?void 0:ae.default.createElement("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},ae.default.createElement("path",{d:"M3.80322 5.19994L0.937465 2.33419C0.626965 2.02369 0.626965 1.51969 0.937465 1.20919C1.24796 0.898693 1.75196 0.898693 2.06246 1.20919L5.52297 4.66969C5.81622 4.96294 5.81622 5.43769 5.52297 5.73019L2.06246 9.19069C1.75196 9.50119 1.24796 9.50119 0.937465 9.19069C0.626965 8.88019 0.626965 8.37619 0.937465 8.06569L3.80322 5.19994Z",fill:"#ffffff"}))))))},exports.SurveyThankyouCard=({thankyou:e,thankyouSubtitle:l,className:n,style:i})=>ae.default.createElement(Nt,{className:n,style:i},ae.default.createElement("div",{className:"survey-inner-wrapper"},ae.default.createElement(Mt,null,ae.default.createElement("div",{className:"survey-thankyou-wrapper-inner"},ae.default.createElement("svg",{viewBox:"0 0 122 122",fill:"none",className:"survey-thankyou-icon"},ae.default.createElement("path",{d:"M61.5 122c33.137 0 60-26.863 60-60S94.637 2 61.5 2s-60 26.863-60 60 26.863 60 60 60Z",fill:s.theme.colors.primary50}),ae.default.createElement("ellipse",{cx:"61.5",cy:"110.36",rx:"48",ry:"3.36",fill:"#91CAFF"}),ae.default.createElement("path",{d:"M82.905 72.666H101.5L87.597 40H35.403L21.5 72.666h18.595V91H83.08l-.174-18.334Z",fill:"#2C74DF"}),ae.default.createElement("path",{d:"M74.4 15H39.863a5.364 5.364 0 0 0-5.363 5.363v52.214a5.364 5.364 0 0 0 5.363 5.363h43.273a5.364 5.364 0 0 0 5.363-5.363V21a6 6 0 0 0-6-6H74.4Z",fill:"#fff"}),ae.default.createElement("path",{d:"M88.853 80.108H34.147a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074h54.706a4.055 4.055 0 0 1 4.087 4.074v10.65c0 2.27-1.81 4.074-4.087 4.074Z",fill:"#E4E8EC"}),ae.default.createElement("path",{d:"M90.838 85.451H32.162a4.055 4.055 0 0 1-4.087-4.074v-10.65c0-2.27 1.81-4.074 4.087-4.074H90.78a4.055 4.055 0 0 1 4.087 4.074v10.65c.058 2.27-1.81 4.074-4.029 4.074Z",fill:"#fff"}),ae.default.createElement("path",{d:"M103.748 75.492v30.263c0 1.92-1.576 3.492-3.503 3.492H23.003c-1.927 0-3.503-1.572-3.503-3.492V75.492c0-1.92 1.576-3.492 3.503-3.492h19.384c1.926 0 3.503 1.571 3.503 3.492v5.354c0 .35.233.582.584.582h30.3c.351 0 .585-.233.585-.582v-5.354c0-1.92 1.576-3.492 3.503-3.492h19.383c1.927 0 3.503 1.571 3.503 3.492Z",fill:"#45A4FF"}),ae.default.createElement("path",{stroke:"#2C74DF",d:"M51.954 91.377v3.084c0 1.63 1.285 2.91 2.92 2.91h12.844c1.635 0 2.92-1.28 2.92-2.91v-3.084"}),ae.default.createElement("path",{d:"M120.5 38.025c-2-.246-3.25 1.352-2.375 3.195l.25.737c.75 1.844-.375 3.441-2.375 3.195l-.75-.123c-2-.245-3.25 1.352-2.375 3.195l.375.738c.75 1.843-.375 3.44-2.375 3.195l-.75-.123c-1.5-.123-2.625.737-2.625 1.966",stroke:"#FE921D"}),ae.default.createElement("path",{d:"M1.533 62c-.269 1.413 1.142 2.337 2.82 1.848l.672-.218c1.678-.543 3.089.38 2.82 1.848l-.134.544c-.269 1.413 1.141 2.337 2.82 1.848l.671-.218c1.68-.543 3.09.38 2.82 1.848l-.134.543c-.201 1.087.538 1.848 1.612 1.957M118 92a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM82 3.187l1.188 4.348 4.347-1.188L86.347 2 82 3.187Z",stroke:"#00B16A"}),ae.default.createElement("path",{stroke:"#FE921D",d:"M17 28a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"}),ae.default.createElement("path",{d:"M61.5 26.667c-7.364 0-13.333 5.97-13.333 13.333 0 7.364 5.969 13.333 13.333 13.333S74.833 47.364 74.833 40 68.864 26.667 61.5 26.667Zm7.61 10.276-9.334 9.333a1.33 1.33 0 0 1-1.885 0l-4-4a1.332 1.332 0 1 1 1.885-1.885l3.057 3.057 8.391-8.39a1.332 1.332 0 1 1 1.885 1.885Z",fill:"#00CB8A"})),e&&ae.default.createElement(a.Heading,{className:"survey-thankyou-title",tag:"h3"},e),l&&ae.default.createElement(t.Text,{className:"survey-thankyou-subtitle",size:"p3"},l))))),exports.THRCardEmbed=({isSide:a,locale:l,thrContent:n,isMobile:i,info:o,inputErrorMessage:d,onFormChange:m,onSubmit:p})=>{var g,h,f;const{t:v}=C.useTranslations(),{getHealthToolLink:b}=$.useHealthToolsCache(l),y=e.useMemo((()=>b(N.HEALTH_TOOL_TYPE.THR)),[b]),[x,E]=e.useState(!1),[w,k]=e.useState("low_intensity"),[B,T]=e.useState("male"),[S,A]=e.useState(60),[M,D]=e.useState({idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40}),z=[{idAge:0,minAge:0,maxAge:18,rangeMale:40,rangeFemale:40},{idAge:1,minAge:18,maxAge:25,rangeMale:49,rangeFemale:54},{idAge:2,minAge:25,maxAge:35,rangeMale:49,rangeFemale:54},{idAge:3,minAge:35,maxAge:45,rangeMale:50,rangeFemale:54},{idAge:4,minAge:45,maxAge:55,rangeMale:50,rangeFemale:54},{idAge:5,minAge:55,maxAge:65,rangeMale:51,rangeFemale:54},{idAge:6,minAge:65,maxAge:120,rangeMale:50,rangeFemale:54}],I=[{value:"low_intensity",label:v("targetHeartRate.lowIntensity.title"),image:r.CommonGAssets.getAssetPath("/low.svg"),imageActive:r.CommonGAssets.getAssetPath("/low-active.svg"),content:v("targetHeartRate.lowIntensity.note")},{value:"moderate_intensity",label:v("targetHeartRate.moderateIntensity.title"),image:r.CommonGAssets.getAssetPath("/moderate.svg"),imageActive:r.CommonGAssets.getAssetPath("/moderate-active.svg"),content:v("targetHeartRate.moderateIntensity.note")},{value:"aerobic_zone",label:v("targetHeartRate.aerobicZone.title"),image:r.CommonGAssets.getAssetPath("/aerobic.svg"),imageActive:r.CommonGAssets.getAssetPath("/aerobic-active.svg"),content:v("targetHeartRate.aerobicZone.note")},{value:"vigorous_intensity",label:v("targetHeartRate.vigorousIntensity.title"),image:r.CommonGAssets.getAssetPath("/vigorous.svg"),imageActive:r.CommonGAssets.getAssetPath("/vigorous-active.svg"),content:v("targetHeartRate.vigorousIntensity.note")},{value:"maximum_intensity",label:v("targetHeartRate.maximumIntensity.title"),image:r.CommonGAssets.getAssetPath("/maximum.svg"),imageActive:r.CommonGAssets.getAssetPath("/maximum-active.svg"),content:v("targetHeartRate.maximumIntensity.note")}];return e.useEffect((()=>{const e=((new Date).getTime()-new Date(null==o?void 0:o.age).getTime())/1e3;E(e>=567648e3);const t=z.find((t=>e>=365*t.minAge*24*60*60&&e<365*t.maxAge*24*60*60))||z[0];D(t),A(60)}),[null==o?void 0:o.age]),ae.default.createElement(La,{"data-is-side":a},ae.default.createElement(ma,{isSide:a,icon:ae.default.createElement("img",{alt:"health-tool-icon",src:(null==n?void 0:n.featured_image)||r.CommonGAssets.getAssetPath("health-tools/target-heart-rate-icon.svg"),loading:"lazy"}),heading:v("targetHearRate.heading"),medicalReview:(null===(g=null==n?void 0:n.reviewedBy)||void 0===g?void 0:g.display_name)?{link:j.formatUserProfileUrl(null==n?void 0:n.reviewedBy),reviewer:null===(h=null==n?void 0:n.reviewedBy)||void 0===h?void 0:h.display_name,date:null==n?void 0:n.reviewedDate}:void 0,isMobile:i}),ae.default.createElement(L.Container,null,ae.default.createElement(za,{className:"heart-rate-cal",onSubmit:e=>e.preventDefault(),"data-is-side":a},ae.default.createElement(nl,{"data-is-side":a},ae.default.createElement(ll,null,ae.default.createElement(Ae,{defaultValue:"male",onChange:e=>{T(e),A(60)},styles:e=>({root:!a&&{[e.fn.largerThan("sm")]:{width:"calc((100% - 24px) * 2/3 + 12px)"}},wrapper:{[e.fn.largerThan("sm")]:{gap:c.rem(12)}}})}))),ae.default.createElement(nl,null,ae.default.createElement(il,{info:o,locale:l,errorMessage:d,onChange:m})),ae.default.createElement("div",{className:"slider-heart-rate"},ae.default.createElement(t.Text,{size:"s4",weight:"semiBold",color:s.theme.colors.gray600},v("targetHeartRate.heartRateInput")),ae.default.createElement("div",{className:"slider-outer-wrapper"},ae.default.createElement(P.Slider,{containerStyle:{flex:1},min:"male"===B?M.rangeMale:M.rangeFemale,max:200,step:1,value:S,withControl:!0,onChange:A}))),x&&ae.default.createElement(ll,null,ae.default.createElement(Aa,null,ae.default.createElement(t.Text,{size:"s4",style:{display:"inline-block",fontWeight:"bold",color:s.theme.colors.gray600,marginBottom:"9px"}},v("targetHeartRate.selectActive")),ae.default.createElement("div",{className:"card"},ae.default.createElement(el,{options:I.map((e=>({value:e.value,label:e.label,image:e.image,imageActive:e.imageActive}))),value:w,onChange:e=>{k(e)},className:"gender-selector"})),w&&ae.default.createElement("div",{className:"note"},ae.default.createElement("img",{style:{height:"16px",width:"16px"},src:r.CommonGAssets.getAssetPath("/infoIcon.svg"),alt:"",loading:"lazy"}),ae.default.createElement(t.Text,{size:"s4",color:"#595959"},null===(f=I[I.findIndex((e=>e.value==w))||0])||void 0===f?void 0:f.content)),!w&&ae.default.createElement("span",{style:{color:"#e64728"}},d.intensity)))),ae.default.createElement("div",{style:{display:"flex"}},ae.default.createElement(tl,{size:"lg",onClick:()=>{p(B,w,[S])},dataEventCategory:"Health Tool",dataEventAction:"THR",dataEventLabel:`https://${u.domainLocales[l]}/${y}`},v("bmi.submit")))))},exports.Tabs=({style:a,initialTab:l,tabContent:n,onChange:i,className:o,dataEventCategory:r,dataEventAction:s,dataEventLabel:d,id:c,styles:m})=>{const{classes:u,cx:p,theme:g}=St(void 0,{name:"Tabs",styles:m}),[h,f]=e.useState(l||0);return e.useEffect((()=>{f(l)}),[l]),ae.default.createElement("ul",{style:a,className:p(u.root,o),role:"tablist",id:c},n.map(((e,a)=>ae.default.createElement("li",{className:`${u.item} ${h===a?"active":""} ${e.className}`,"aria-selected":h===a,role:"tab",onClick:()=>{f(a),i&&i(a)},onKeyDown:e=>{"Enter"===e.key&&(f(a),i&&i(a))},key:a,"data-event-category":e.dataEventCategory||r,"data-event-action":e.dataEventAction||s,"data-event-label":e.dataEventLabel||d,tabIndex:0,"data-testid":e.dataTestid},ae.default.createElement("div",{className:u.itemInner},e.icon&&ae.default.createElement("div",{className:u.icon},e.icon),ae.default.createElement(t.Text,{className:u.label,size:e.textSize||"sm",weight:e.textType||"bold",color:h===a?g.fn.primaryColor():e.textColor||g.colors.gray[4],dataEventCategory:e.dataEventCategory,dataEventAction:e.dataEventAction,dataEventLabel:e.dataEventLabel},e.name))))))},exports.Tag=({type:e,children:t,style:l,isInline:n,isSquared:o=!1,className:r,isLight:s,hasMorePadding:d,isLink:c,isSelected:m,textProps:u={size:"sm"}})=>{const p=u.color?{"--text-props-color":u.color}:{};return ae.default.createElement(a.StyledTag,{"data-is-squared":o||void 0,"data-tag-type":e,"data-is-light":s||void 0,"data-has-more-padding":d||void 0,"data-is-inline":n||void 0,style:Object.assign(Object.assign({},l),p),className:r,"data-is-selected":m||void 0,"data-is-link":c||void 0,tagType:e,isInline:n,tagHasMorePadding:d,tagIsLight:s,tagIsSquared:o,tagIsALink:c},ae.default.createElement(i.Text,Object.assign({},u),t))},exports.Toggle=({className:e,id:t,onChange:l,checked:n,style:i,label:o})=>ae.default.createElement(a.StyledToggle,{className:e,style:i},ae.default.createElement("input",{type:"checkbox",id:t,onChange:l,checked:n}),ae.default.createElement("label",{htmlFor:t},ae.default.createElement(a.StyledToggleIcon,null),o&&ae.default.createElement(a.StyledToggleLabel,null,o))),exports.ToolsBannerCard=ma,exports.UserProfileNavigation=({SSO_URL:t,UP_BASEPATH:a="user",themeName:l="helloSites",cardUrls:n=In,enableCare:i,enableTogether:o,enableEcom:s,enableMySaved:d,userInfo:c,togetherApiDomain:m,userPostsNumber:u,onClickNavigationCard:p,onClickMyProfileButton:g,onClickMenuItem:f,onClickLogout:v,isUserProfileNavigatorMenuHidden:b=!1,isMyHealthEnabled:x=!1,locale:E})=>{const{t:w}=C.useTranslations(),[k,B]=e.useState(u||0),T="marryBaby"===l;e.useEffect((()=>{if(c&&void 0===u){const e=J.getCookie("hhg_user_token");e&&fetch(ee.normalizeLinkSlash(h.getTogetherUserPostsApiPath(E,T,m)),{headers:{Authorization:`Bearer ${e}`}}).then((e=>e.json())).then((e=>{var t,a,l;1===(null==e?void 0:e.status)&&(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.pagination)&&B((null===(l=null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.pagination)||void 0===l?void 0:l.total_items)||0)})).catch((e=>console.error("Error fetching post number",e)))}}),[E,null!==c,u,m,T]);const S=e.useMemo((()=>{let e;return e=T?["myHealth","myCommunity","mySaved"]:["myHealth","mySaved","myBooking","myCommunity","eCom"],e.filter((e=>"myBooking"===e?i:"myCommunity"===e?o:"myHealth"===e?x:"eCom"===e?s:"mySaved"!==e||d))}),[T,x]),N=e.useMemo((()=>"marryBaby"===l?null:ae.default.createElement(y.Button,{color:"tertiary",icon:ae.default.createElement("img",{src:r.CommonGAssets.getAssetPath("userProfileNav/helloSites/icon-logOut.svg"),width:15,height:15,loading:"lazy"}),size:"md",onClick:v,className:ii},w("userProfile.nav.menu.logout"))),[l]),A=e=>{e.startsWith("http")||e.startsWith("/")?window.location.href=ee.normalizeLink(e):t&&(window.location.href=ee.normalizeLink(`${t}${a}/${e}`))},M=e=>{const t=n[e];p?p(t):A(t)};return c?ae.default.createElement("div",{className:ai,"data-theme":l},ae.default.createElement(Hn,{userInfo:c,themeName:l,onClickMyProfileButton:()=>{g?g():A("profile")}}),ae.default.createElement(pi,{themeName:l,rank:"member",numberOfPosts:k}),ae.default.createElement("div",{className:li},S.map((e=>ae.default.createElement(qn,{className:ni,key:e,themeName:l,type:e,onClick:M})))),!b&&ae.default.createElement(ae.default.Fragment,null,ae.default.createElement(ei,{themeName:l,locale:E,onClickItem:e=>{"logout"===e.link&&v?v():e.link&&!e.subMenu&&(f?f(e.link):A(e.link))}}),N)):null},exports.UserStats=pi,exports.index=pt,exports.index$1=Tt;
|