@hhgtech/hhg-components 1.28.44 → 1.28.46
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/README.md +5 -0
- package/build/animation-1e9aff6a.js +81 -0
- package/build/babyGrowth.js +24 -24
- package/build/cache.js +1 -1
- package/build/care.js +1 -1
- package/build/components.js +1 -1
- package/build/{constants-53ed67a1.js → constants-28db3174.js} +1 -1
- package/build/{constants-1b55e92a.js → constants-627c575a.js} +2 -2
- package/build/constants.js +1 -1
- package/build/{core-7ce3a7ec.js → core-19b328be.js} +1 -1
- package/build/dataTransform-308ec1d0.js +1 -0
- package/build/ecom.js +1 -1
- package/build/esm/animation-03daa77e.js +81 -0
- package/build/esm/babyGrowth.js +38 -38
- package/build/esm/cache.js +1 -1
- package/build/esm/care.js +1 -1
- package/build/esm/components.js +1 -1
- package/build/esm/{constants-63c68cb5.js → constants-414e0341.js} +1 -1
- package/build/esm/{constants-3923407c.js → constants-e35c5696.js} +2 -2
- package/build/esm/constants.js +1 -1
- package/build/esm/{core-9bf4e218.js → core-091d7f79.js} +1 -1
- package/build/esm/dataTransform-6f1823e1.js +1 -0
- 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-37333454.js +1 -0
- package/build/esm/{getSocialList-4cd36db5.js → getSocialList-a6c965a8.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-cf5e3a41.js → index-1bf1317e.js} +9 -9
- package/build/esm/{index-4bcf944f.js → index-34cf1092.js} +1 -1
- package/build/esm/{index-c011f60e.js → index-3d2b9817.js} +1 -1
- package/build/esm/index-3e89f917.js +1 -0
- package/build/esm/{index-d2d4296b.js → index-4786b57c.js} +1 -1
- package/build/esm/{index-c55d9a53.js → index-49c2a65e.js} +1 -1
- package/build/esm/index-5cacbac8.js +1 -0
- package/build/esm/index-638a744e.js +1 -0
- package/build/esm/index-73532662.js +1 -0
- package/build/esm/{index-219d0267.js → index-7b8714ba.js} +1 -1
- package/build/esm/index-865973f4.js +375 -0
- package/build/esm/index-92506b05.js +1 -0
- package/build/esm/{index-bc7b446c.js → index-9e5a2805.js} +5 -5
- package/build/esm/index-a0bcdf6a.js +1 -0
- package/build/esm/index-bb8dc02f.js +1 -0
- package/build/esm/{index-49f5f7fe.js → index-bcca5543.js} +1 -1
- package/build/esm/index-c1cb45b2.js +1 -0
- package/build/esm/index-cb13973d.js +50 -0
- package/build/esm/index-cc5ea46f.js +137 -0
- package/build/esm/index-d18cfff8.js +2748 -0
- package/build/esm/index-d6dac1a0.js +177 -0
- package/build/esm/index-f21deeb6.js +1430 -0
- package/build/esm/index-fd0e0617.js +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/{index.styled-93aedd4f.js → index.styled-b876c90a.js} +3 -3
- package/build/esm/index.styles-00233f7a.js +839 -0
- package/build/esm/lead.js +1 -1
- package/build/esm/mantine.js +1 -1
- package/build/esm/misc.js +1 -1
- package/build/esm/navigation.js +1 -1
- package/build/esm/onboardingV2.js +34 -34
- package/build/esm/pwg.js +5 -5
- package/build/esm/{routing-eb0f44e6.js → routing-5b211351.js} +1 -1
- package/build/esm/subot.js +124 -124
- package/build/esm/together.js +1 -1
- package/build/esm/types-21b8927e.js +3004 -0
- package/build/esm/{types-432589c8.js → types-242705e6.js} +10 -10
- package/build/esm/types.js +1 -1
- package/build/esm/useCategory-2e217da0.js +1 -0
- package/build/esm/useHealthToolCache-011e34e2.js +1 -0
- package/build/esm/{usePlacesAutocomplete-db537374.js → usePlacesAutocomplete-ed4983f5.js} +1 -1
- package/build/esm/{useTranslations-154c6e71.js → useTranslations-80f9bf98.js} +1 -1
- package/build/esm/{utils-283a240e.js → utils-19ad9237.js} +2 -2
- package/build/esm/utils-39fb1c8c.js +7 -0
- package/build/esm/utils-3f639011.js +1 -0
- package/build/esm/{utils-e247d963.js → utils-d4e0e9b5.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-3e4543ff.js +1 -0
- package/build/{getSocialList-2ef855cd.js → getSocialList-196c323b.js} +1 -1
- package/build/hooks.js +1 -1
- package/build/i18n.js +1 -1
- package/build/i18nV2.js +1 -1
- package/build/index-065c9097.js +1 -0
- package/build/index-07dff904.js +1 -0
- package/build/index-0c7093ea.js +50 -0
- package/build/{index-cc5c10b5.js → index-0f6355d4.js} +1 -1
- package/build/index-19e259ce.js +1 -0
- package/build/index-2420eee5.js +1430 -0
- package/build/index-425f3390.js +1 -0
- package/build/index-43df25b1.js +1 -0
- package/build/{index-a4fbcb10.js → index-4a8b5e48.js} +1 -1
- package/build/index-4c4d7568.js +137 -0
- package/build/{index-a1855a8c.js → index-4de92198.js} +4 -4
- package/build/{index-f97ad29a.js → index-5385e211.js} +1 -1
- package/build/{index-4ec0c769.js → index-6f8ff7df.js} +1 -1
- package/build/index-7154350f.js +375 -0
- package/build/{index-1cce3d61.js → index-8a21ecb2.js} +1 -1
- package/build/index-8e6644eb.js +1 -0
- package/build/{index-90bb6947.js → index-9003442e.js} +1 -1
- package/build/{index-c68ec57c.js → index-96dd78ba.js} +3 -3
- package/build/index-beef0ff7.js +1 -0
- package/build/index-cbbe3154.js +2748 -0
- package/build/{index-15ae0fb6.js → index-d27a3f5f.js} +1 -1
- package/build/{index-895087de.js → index-e13a4f9a.js} +1 -1
- package/build/index-ff74de8e.js +177 -0
- package/build/index.js +1 -1
- package/build/{index.styled-7556937e.js → index.styled-a45b7854.js} +1 -1
- package/build/index.styles-ce607f17.js +839 -0
- package/build/lead.js +1 -1
- package/build/mantine.js +1 -1
- package/build/misc.js +1 -1
- package/build/navigation.js +1 -1
- package/build/onboardingV2.js +34 -34
- package/build/pwg.js +2 -2
- package/build/{routing-b6fbe4e9.js → routing-46446fba.js} +1 -1
- package/build/subot.js +123 -123
- package/build/together.js +1 -1
- package/build/types-d2335814.js +3004 -0
- package/build/{types-2b75bb53.js → types-e54d8d93.js} +10 -10
- package/build/types.js +1 -1
- package/build/useCategory-c99469f2.js +1 -0
- package/build/useHealthToolCache-dc437f4f.js +1 -0
- package/build/{usePlacesAutocomplete-f182b9d8.js → usePlacesAutocomplete-55e04a25.js} +1 -1
- package/build/{useTranslations-f081b85d.js → useTranslations-b435b717.js} +1 -1
- package/build/utils-469dda3f.js +1 -0
- package/build/{utils-bdaf775c.js → utils-83803365.js} +2 -2
- package/build/{utils-9a23430c.js → utils-9778a239.js} +1 -1
- package/build/utils-c18ec2df.js +1 -0
- package/build/vaccination.js +33 -33
- package/package.json +10 -3
- package/build/dataTransform-777dc7c3.js +0 -1
- package/build/esm/dataTransform-0f753a8d.js +0 -1
- package/build/esm/getDynamicHealthTool-bf5ae45e.js +0 -1
- package/build/esm/index-063cc1f8.js +0 -1
- package/build/esm/index-13896a1f.js +0 -1
- package/build/esm/index-1d02f620.js +0 -1
- package/build/esm/index-43771efb.js +0 -1
- package/build/esm/index-48f2acf5.js +0 -1
- package/build/esm/index-5beb9325.js +0 -1
- package/build/esm/index-67cf9fd6.js +0 -177
- package/build/esm/index-6dd55943.js +0 -3122
- package/build/esm/index-7b051fad.js +0 -1
- package/build/esm/index-8d0e1fc9.js +0 -1
- package/build/esm/index-b4e3cda1.js +0 -1
- package/build/esm/index-cd27c1f3.js +0 -1
- package/build/esm/index-d2fd18b2.js +0 -1
- package/build/esm/index-e9845176.js +0 -1
- package/build/esm/index-edff5128.js +0 -1
- package/build/esm/index.styled-6f2497bf.js +0 -1430
- package/build/esm/index.styled-a1372cbc.js +0 -3140
- package/build/esm/index.styled-aa903af8.js +0 -50
- package/build/esm/index.styles-968498ec.js +0 -846
- package/build/esm/screenSizeContext-96560239.js +0 -81
- package/build/esm/types-a2185681.js +0 -1
- package/build/esm/useCategory-89c67c7a.js +0 -1
- package/build/esm/useHealthToolCache-b4214f5b.js +0 -1
- package/build/esm/useRafState-60be12a5.js +0 -1
- package/build/getDynamicHealthTool-88abb9f6.js +0 -1
- package/build/index-08fdac64.js +0 -1
- package/build/index-22b73910.js +0 -1
- package/build/index-2a9e9db0.js +0 -1
- package/build/index-6cbdbb0f.js +0 -1
- package/build/index-90651331.js +0 -1
- package/build/index-9bec53cb.js +0 -177
- package/build/index-aa35fe57.js +0 -3122
- package/build/index-b30908be.js +0 -1
- package/build/index-c45fd3c9.js +0 -1
- package/build/index-c97e51b3.js +0 -1
- package/build/index-cff12c7f.js +0 -1
- package/build/index-d75cc027.js +0 -1
- package/build/index-f3d26f67.js +0 -1
- package/build/index.styled-49e95638.js +0 -3140
- package/build/index.styled-a3496699.js +0 -1430
- package/build/index.styled-a3cec606.js +0 -50
- package/build/index.styles-8637f663.js +0 -846
- package/build/screenSizeContext-0242fe70.js +0 -81
- package/build/types-ff669f4e.js +0 -1
- package/build/useCategory-99b3ce3f.js +0 -1
- package/build/useHealthToolCache-194e52e1.js +0 -1
- package/build/useRafState-eb46223d.js +0 -1
- /package/build/{BMI_BOYS.percentile.monthly-4bdcde00.js → BMI_BOYS.percentile.monthly-0eb54c7c.js} +0 -0
- /package/build/{BMI_BOYS.percentile.weekly-1155ea68.js → BMI_BOYS.percentile.weekly-b7bde0b1.js} +0 -0
- /package/build/{BMI_BOYS.percentile.yearly-7c76df92.js → BMI_BOYS.percentile.yearly-2aa9ad44.js} +0 -0
- /package/build/{BMI_BOYS.zscore.monthly-181d5ae3.js → BMI_BOYS.zscore.monthly-97389f6d.js} +0 -0
- /package/build/{BMI_BOYS.zscore.weekly-0cf8df2f.js → BMI_BOYS.zscore.weekly-bc5a17ee.js} +0 -0
- /package/build/{BMI_BOYS.zscore.yearly-102965ca.js → BMI_BOYS.zscore.yearly-95e1abf3.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.monthly-2cf6d311.js → BMI_GIRLS.percentile.monthly-8a628c8b.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.weekly-5b6d4586.js → BMI_GIRLS.percentile.weekly-c3423d0b.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.yearly-3509e0f0.js → BMI_GIRLS.percentile.yearly-30c05aa5.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.monthly-dbe09d64.js → BMI_GIRLS.zscore.monthly-e81868f9.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.weekly-727a462b.js → BMI_GIRLS.zscore.weekly-98365971.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.yearly-9aa1baa4.js → BMI_GIRLS.zscore.yearly-34dac101.js} +0 -0
- /package/build/{ChevronDown-09646e34.js → ChevronDown-77fab19e.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-67f49877.js → HEAD CIRCUM_BOYS.percentile.monthly-f49c4a46.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-b7cdc6c2.js → HEAD CIRCUM_BOYS.percentile.weekly-72afd132.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-679ce89e.js → HEAD CIRCUM_BOYS.percentile.yearly-ab0deda0.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-ac11764c.js → HEAD CIRCUM_BOYS.zscore.monthly-fbd5f8c4.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-6794e1f8.js → HEAD CIRCUM_BOYS.zscore.weekly-87f840f6.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-abd78ce6.js → HEAD CIRCUM_BOYS.zscore.yearly-9a7dd00c.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-770aee60.js → HEAD CIRCUM_GIRLS.percentile.monthly-679b8839.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-7b02ba8f.js → HEAD CIRCUM_GIRLS.percentile.weekly-b4e20015.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-7271e0f4.js → HEAD CIRCUM_GIRLS.percentile.yearly-9cd60765.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-d849260b.js → HEAD CIRCUM_GIRLS.zscore.monthly-ab6de2c6.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-b1e4bdb4.js → HEAD CIRCUM_GIRLS.zscore.weekly-7d38c523.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-fe67e62b.js → HEAD CIRCUM_GIRLS.zscore.yearly-eb9d57e8.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.monthly-a9b28e03.js → HEIGHT_BOYS.percentile.monthly-41de847f.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.weekly-d256f904.js → HEIGHT_BOYS.percentile.weekly-62b868f0.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.yearly-d0d7870c.js → HEIGHT_BOYS.percentile.yearly-e2c7bb82.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.monthly-1f6d8b3b.js → HEIGHT_BOYS.zscore.monthly-5d6cc9db.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.weekly-ca971d85.js → HEIGHT_BOYS.zscore.weekly-d7b99302.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.yearly-0f6350a9.js → HEIGHT_BOYS.zscore.yearly-e5699025.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.monthly-515bf89a.js → HEIGHT_GIRLS.percentile.monthly-bac0286d.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.weekly-c9e09302.js → HEIGHT_GIRLS.percentile.weekly-6999925f.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.yearly-aeba297a.js → HEIGHT_GIRLS.percentile.yearly-ebfa2c19.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.monthly-b580279d.js → HEIGHT_GIRLS.zscore.monthly-39be4dd2.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.weekly-a957ddaf.js → HEIGHT_GIRLS.zscore.weekly-207cf2f5.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.yearly-5931c772.js → HEIGHT_GIRLS.zscore.yearly-265aafc2.js} +0 -0
- /package/build/{Subot-f5c59f1e.js → Subot-54546cbb.js} +0 -0
- /package/build/{Visible-b951d667.js → Visible-27b623f0.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.monthly-03059aba.js → WEIGHT_BOYS.percentile.monthly-9ca3a316.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.weekly-003a1949.js → WEIGHT_BOYS.percentile.weekly-7e51fb9b.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.yearly-edb57cf2.js → WEIGHT_BOYS.percentile.yearly-b47c5be9.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.monthly-7bdf338c.js → WEIGHT_BOYS.zscore.monthly-6d59370f.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.weekly-e5476fd1.js → WEIGHT_BOYS.zscore.weekly-38beac02.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.yearly-c7fa6d7e.js → WEIGHT_BOYS.zscore.yearly-1f4013a7.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.monthly-06c20697.js → WEIGHT_GIRLS.percentile.monthly-c9144c22.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.weekly-a7169e9c.js → WEIGHT_GIRLS.percentile.weekly-5455b91e.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.yearly-51c606c5.js → WEIGHT_GIRLS.percentile.yearly-03c736dd.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.monthly-f2ffff35.js → WEIGHT_GIRLS.zscore.monthly-415a66a8.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.weekly-dab69627.js → WEIGHT_GIRLS.zscore.weekly-1e23361d.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.yearly-f10ce018.js → WEIGHT_GIRLS.zscore.yearly-8db29178.js} +0 -0
- /package/build/{cookieHelper-16601856.js → cookieHelper-59a64e32.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.monthly-f262473c.js → BMI_BOYS.percentile.monthly-57e884f8.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.weekly-f5b94d14.js → BMI_BOYS.percentile.weekly-b2c63459.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.yearly-7ec74edd.js → BMI_BOYS.percentile.yearly-8ca90fac.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.monthly-a4ac044c.js → BMI_BOYS.zscore.monthly-b493d2f9.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.weekly-b7953339.js → BMI_BOYS.zscore.weekly-62ae4fbc.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.yearly-8d5a5f2d.js → BMI_BOYS.zscore.yearly-e2aad569.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.monthly-3b21e9f6.js → BMI_GIRLS.percentile.monthly-7f8de0c2.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.weekly-8a72ee76.js → BMI_GIRLS.percentile.weekly-6e0b116a.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.yearly-629770c3.js → BMI_GIRLS.percentile.yearly-4a395636.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.monthly-565f420c.js → BMI_GIRLS.zscore.monthly-be973fb7.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.weekly-e4afc98b.js → BMI_GIRLS.zscore.weekly-c19aae0e.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.yearly-b35d87f5.js → BMI_GIRLS.zscore.yearly-7bf54eb9.js} +0 -0
- /package/build/esm/{ChevronDown-a01c53f7.js → ChevronDown-b9b5a352.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-6a8bb7ee.js → HEAD CIRCUM_BOYS.percentile.monthly-6e42d726.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-82951ccd.js → HEAD CIRCUM_BOYS.percentile.weekly-8999c4bf.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-9eef9698.js → HEAD CIRCUM_BOYS.percentile.yearly-b5760636.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-a3391bc3.js → HEAD CIRCUM_BOYS.zscore.monthly-fe30f273.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-f733d920.js → HEAD CIRCUM_BOYS.zscore.weekly-17145cf6.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-2146715a.js → HEAD CIRCUM_BOYS.zscore.yearly-0d813a98.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-9952f63b.js → HEAD CIRCUM_GIRLS.percentile.monthly-ae35f7b2.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-a79e4cb3.js → HEAD CIRCUM_GIRLS.percentile.weekly-430e5931.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-5793bddc.js → HEAD CIRCUM_GIRLS.percentile.yearly-ce5d85d6.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-9cf0d7e7.js → HEAD CIRCUM_GIRLS.zscore.monthly-b304dc6c.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-554b1c54.js → HEAD CIRCUM_GIRLS.zscore.weekly-de588d96.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-92513492.js → HEAD CIRCUM_GIRLS.zscore.yearly-44e77264.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.monthly-dde47a57.js → HEIGHT_BOYS.percentile.monthly-e574a87c.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.weekly-26a48f0b.js → HEIGHT_BOYS.percentile.weekly-49bc6c02.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.yearly-7f453bec.js → HEIGHT_BOYS.percentile.yearly-99cf7774.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.monthly-ef1cb387.js → HEIGHT_BOYS.zscore.monthly-63c3566b.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.weekly-97fa211a.js → HEIGHT_BOYS.zscore.weekly-a7eff90c.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.yearly-3e3bde63.js → HEIGHT_BOYS.zscore.yearly-b06dea5e.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-30be483f.js → HEIGHT_GIRLS.percentile.monthly-b154ae1d.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-7379a593.js → HEIGHT_GIRLS.percentile.weekly-a3dd221b.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-478368ef.js → HEIGHT_GIRLS.percentile.yearly-c1a93361.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-3a72a7a6.js → HEIGHT_GIRLS.zscore.monthly-47b24f91.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-b6c34b3a.js → HEIGHT_GIRLS.zscore.weekly-f3cd351a.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-76e796e8.js → HEIGHT_GIRLS.zscore.yearly-f6e9bb0c.js} +0 -0
- /package/build/esm/{Subot-dac02b43.js → Subot-0c45fa4c.js} +0 -0
- /package/build/esm/{Visible-47f22dfd.js → Visible-3eb21335.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.monthly-687b7b12.js → WEIGHT_BOYS.percentile.monthly-87900c96.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.weekly-8af24869.js → WEIGHT_BOYS.percentile.weekly-6fb93a78.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.yearly-284c0509.js → WEIGHT_BOYS.percentile.yearly-ccca0fe8.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.monthly-3e998d39.js → WEIGHT_BOYS.zscore.monthly-35d466dc.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.weekly-e6a34c52.js → WEIGHT_BOYS.zscore.weekly-d74d6ff5.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.yearly-78b9aee1.js → WEIGHT_BOYS.zscore.yearly-2c068e1e.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-a09b44e8.js → WEIGHT_GIRLS.percentile.monthly-1ee7e829.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-feee61f9.js → WEIGHT_GIRLS.percentile.weekly-ab30775b.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-63bc5a30.js → WEIGHT_GIRLS.percentile.yearly-893b6771.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-eb53f818.js → WEIGHT_GIRLS.zscore.monthly-c37f1d39.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-d393998a.js → WEIGHT_GIRLS.zscore.weekly-3a1449f6.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-7a32a9cc.js → WEIGHT_GIRLS.zscore.yearly-aa00837d.js} +0 -0
- /package/build/esm/{cookieHelper-55e30d0f.js → cookieHelper-cbd9f06e.js} +0 -0
- /package/build/esm/{index-07063e55.js → index-7d682662.js} +0 -0
- /package/build/esm/{index-3d838a6b.js → index-c9bdb9a2.js} +0 -0
- /package/build/esm/{index-f30ca662.js → index-fb029176.js} +0 -0
- /package/build/esm/{isProduction-d1491481.js → isProduction-cfb9150a.js} +0 -0
- /package/build/esm/{localizeNumberFormat-6df9f051.js → localizeNumberFormat-213a73b8.js} +0 -0
- /package/build/esm/{normalizeLink-38377186.js → normalizeLink-cc25681e.js} +0 -0
- /package/build/esm/{number-161e80f5.js → number-dd894856.js} +0 -0
- /package/build/esm/{paths-25ba6851.js → paths-2d37bc61.js} +0 -0
- /package/build/esm/{theme-0bf733e5.js → theme-9f017335.js} +0 -0
- /package/build/esm/{translationsContext-2928d817.js → translationsContext-9fc8f894.js} +0 -0
- /package/build/esm/{tslib.es6-ed0fd94c.js → tslib.es6-cabcb8ea.js} +0 -0
- /package/build/esm/{types-b8a4b227.js → types-2d28585d.js} +0 -0
- /package/build/esm/{useIsInit-cb7d2978.js → useIsInit-81de6d8b.js} +0 -0
- /package/build/esm/{useOutsideClick-f603145b.js → useOutsideClick-e1437a3f.js} +0 -0
- /package/build/esm/{useScrollbarSize-258e8689.js → useScrollbarSize-6ecc2f5a.js} +0 -0
- /package/build/{index-aa2246a9.js → index-21c825aa.js} +0 -0
- /package/build/{index-c11ba2de.js → index-4b719c83.js} +0 -0
- /package/build/{index-8f6f3262.js → index-7005321e.js} +0 -0
- /package/build/{isProduction-60ee72ee.js → isProduction-426652cc.js} +0 -0
- /package/build/{localizeNumberFormat-3a99a4d3.js → localizeNumberFormat-5389239f.js} +0 -0
- /package/build/{normalizeLink-e9909bca.js → normalizeLink-ef4fc463.js} +0 -0
- /package/build/{number-991a82e8.js → number-f6e8e1a9.js} +0 -0
- /package/build/{paths-090390a0.js → paths-b1c94851.js} +0 -0
- /package/build/{theme-1a96d62c.js → theme-98a7bede.js} +0 -0
- /package/build/{translationsContext-d6a9ac72.js → translationsContext-6c5fb248.js} +0 -0
- /package/build/{tslib.es6-5195a8c8.js → tslib.es6-d46558cb.js} +0 -0
- /package/build/{types-e5a9bebd.js → types-032556e4.js} +0 -0
- /package/build/{useIsInit-ff0abff5.js → useIsInit-8386673c.js} +0 -0
- /package/build/{useOutsideClick-357f47d1.js → useOutsideClick-5544e570.js} +0 -0
- /package/build/{useScrollbarSize-560f763b.js → useScrollbarSize-d4ccc356.js} +0 -0
|
@@ -0,0 +1,1430 @@
|
|
|
1
|
+
import{_ as e,a as t}from"./tslib.es6-cabcb8ea.js";import a,{useState as n,useMemo as i,useRef as o,Fragment as l,useEffect as r,memo as s,useContext as c,useCallback as d}from"react";import{F as m,b as p,B as g}from"./index-9e5a2805.js";import h,{css as u}from"styled-components";import{t as v}from"./theme-9f017335.js";import{T as f,I as b,U as y}from"./index-fd0e0617.js";import{C as x}from"./index-3d2b9817.js";import{C as E,T as w,E as k,b as C,d as $,L as B,S as P}from"./index-bcca5543.js";import{n as _,a as M}from"./normalizeLink-cc25681e.js";import{a as N,g as T,b as D,c as L,d as A}from"./routing-5b211351.js";import{P as j,U as z,c as H,a as S}from"./index-1bf1317e.js";import{L as U}from"./index-34cf1092.js";import{u as F,b as O}from"./useTranslations-80f9bf98.js";import R from"lodash/throttle";import{createStyles as I,rem as V,Box as Z,Indicator as G,Portal as W}from"@mantine/core";import"@mantine/dates";import{L as Y}from"./Subot-0c45fa4c.js";import"./translationsContext-9fc8f894.js";import q from"string-format";import"@mantine/hooks";import{L as K}from"./constants-414e0341.js";import{g as Q,M as J}from"./utils-3f639011.js";import{g as X,P as ee,H as te}from"./index.styles-00233f7a.js";import{C as ae}from"./ChevronDown-b9b5a352.js";import{B as ne}from"./index-49c2a65e.js";import{w as ie}from"./utils-39fb1c8c.js";import{a as oe}from"./constants-e35c5696.js";import{I as le}from"./index-73532662.js";import{u as re}from"./useIsInit-81de6d8b.js";import"./utils-19ad9237.js";import"./index.styled-b876c90a.js";import"./index-7d682662.js";import se from"dayjs";import ce from"dayjs/plugin/relativeTime";import{C as de}from"./index-fb029176.js";import me from"lodash/debounce";import{g as pe}from"./core-091d7f79.js";const ge=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn","hellohealth.questionpro.com","hellobacsivn.page.link"],he=(e="")=>ge.some((t=>new URL(e).origin.endsWith(t))),ue=h.a`
|
|
2
|
+
display: inline-flex;
|
|
3
|
+
position: relative;
|
|
4
|
+
flex-direction: row;
|
|
5
|
+
align-items: center;
|
|
6
|
+
padding: 7px 11px;
|
|
7
|
+
gap: 2px;
|
|
8
|
+
|
|
9
|
+
background: ${v.colors.white};
|
|
10
|
+
border: 1px solid ${v.colors.neutral100};
|
|
11
|
+
border-radius: 20px;
|
|
12
|
+
|
|
13
|
+
color: ${v.colors.gray600};
|
|
14
|
+
font-weight: 600;
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
line-height: 18px;
|
|
17
|
+
text-decoration: none;
|
|
18
|
+
|
|
19
|
+
cursor: pointer;
|
|
20
|
+
`,ve=h.div`
|
|
21
|
+
position: relative;
|
|
22
|
+
display: inline-block;
|
|
23
|
+
`,fe=h.div`
|
|
24
|
+
position: relative;
|
|
25
|
+
`,be=h.div`
|
|
26
|
+
position: absolute;
|
|
27
|
+
z-index: 21;
|
|
28
|
+
top: 100%;
|
|
29
|
+
right: 0;
|
|
30
|
+
width: 327px;
|
|
31
|
+
padding: 8px;
|
|
32
|
+
background: white;
|
|
33
|
+
border-radius: 4px;
|
|
34
|
+
filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
|
|
35
|
+
|
|
36
|
+
&[data-is-open='false'] {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
&[data-show-indicator='true'] {
|
|
40
|
+
&:before {
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: 11px;
|
|
43
|
+
bottom: 100%;
|
|
44
|
+
width: 0;
|
|
45
|
+
height: 0;
|
|
46
|
+
border: 0.5rem solid transparent;
|
|
47
|
+
border-top: none;
|
|
48
|
+
border-bottom-color: #fff;
|
|
49
|
+
content: '';
|
|
50
|
+
filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
`,ye=h.div`
|
|
54
|
+
display: flex;
|
|
55
|
+
height: 40px;
|
|
56
|
+
align-items: center;
|
|
57
|
+
justify-content: space-between;
|
|
58
|
+
|
|
59
|
+
padding: 0 16px;
|
|
60
|
+
border-radius: ${v.borderRadius};
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
|
|
63
|
+
.check-icon {
|
|
64
|
+
width: 16px;
|
|
65
|
+
height: 16px;
|
|
66
|
+
}
|
|
67
|
+
&[data-selected='false'] {
|
|
68
|
+
background-color: ${v.colors.gray100};
|
|
69
|
+
}
|
|
70
|
+
`,xe=h.div`
|
|
71
|
+
position: fixed;
|
|
72
|
+
z-index: 20;
|
|
73
|
+
top: 0;
|
|
74
|
+
left: 0;
|
|
75
|
+
width: 100%;
|
|
76
|
+
height: 100%;
|
|
77
|
+
cursor: default;
|
|
78
|
+
`,Ee=({options:e,label:t,labelRenderer:i,selected:o,onChange:l,showSelected:r=!0,style:s={},showIndicator:c=!0})=>{const[d,m]=n(!1);return a.createElement(a.Fragment,null,a.createElement(ve,null,a.createElement(fe,{onClick:()=>m((e=>!e))},t||(null==i?void 0:i(d))||null,a.createElement(be,{"data-is-open":d,style:s,"data-show-indicator":c},e.map(((e,t)=>a.createElement(ye,{key:t,"data-selected":r&&o===e.value,onClick:t=>{o!==e.value&&(l(e.value),m((e=>!e))),t.stopPropagation()}},a.createElement(f,{size:"p3"},e.label),r&&o===e.value&&a.createElement("img",{src:x.getAssetPath("check.svg"),alt:"check",className:"check-icon",loading:"lazy"}))))))),d&&a.createElement(xe,{onClick:()=>m(!1)}))},we=({languageOptions:e,locale:t})=>{var n,i;const o=null==e?void 0:e.find((e=>e.locale===t));return(null==e?void 0:e.length)?a.createElement(Ee,{options:e,selected:o.value,label:a.createElement(ke,{locale:t,label:o.label||(null===(i=null===(n=t.split("-"))||void 0===n?void 0:n[0])||void 0===i?void 0:i.toUpperCase())}),onChange:e=>{"undefined"!=typeof window&&(window.location.href=e)},style:{width:100},showSelected:!0,showIndicator:!1}):null},ke=({locale:e,label:t,href:n})=>{var i,o,l;return a.createElement(ue,{href:n},a.createElement(m,{country:null===(o=null===(i=null==e?void 0:e.split("-"))||void 0===i?void 0:i[1])||void 0===o?void 0:o.toUpperCase(),width:16,height:16,rounded:!0,language:null===(l=null==e?void 0:e.split("-"))||void 0===l?void 0:l[0]}),a.createElement("span",null,t))},Ce=({path:e,locale:t})=>{var a;return`/shop/${null===(a=K[t||"vi-VN"])||void 0===a?void 0:a[e]}/`};var $e=I((()=>({root:{textDecoration:"none"},indicatorRoot:{marginRight:V(10)},iconText:{color:"#fff"}})));const Be=t=>{var{count:n,styles:i,className:o,classNames:l,locale:r}=t,s=e(t,["count","styles","className","classNames","locale"]);const{classes:c,cx:d}=$e(void 0,{name:"CartBadge",styles:i,classNames:l});return void 0!==n?a.createElement(Z,Object.assign({component:"a",href:Ce({path:"CART",locale:r}),className:d(c.root,o)},s),a.createElement(G,{classNames:{root:c.indicatorRoot},withBorder:!0,color:"red",size:20,disabled:0===n,label:a.createElement(f,{className:c.iconText,size:"s5"},n>99?"99+":n)},a.createElement(b.Cart,{size:24}))):null},Pe=h.div`
|
|
79
|
+
${e=>`\n ${0!==e.lowerBound?`@media (max-width: ${e.lowerBound-1}px) { display: none; }`:""}\n ${0!==e.upperBound?`@media (min-width: ${e.upperBound}px) { display: none; }`:""}\n `}
|
|
80
|
+
`,_e=({forceDisplay:e,mediaQueryKey:t,children:n,className:o,style:l})=>{const[r,s]=i((()=>Q(t)),[t]);return a.createElement(Pe,{lowerBound:e?0:r,upperBound:e?0:s,className:o,style:l},n)},Me=e=>{const{allowBgScroll:t}=e||{},a=o();return{containerRef:a,onContainerFocus:()=>{t||(document.documentElement.style.overflow="hidden")},onContainerBlur:()=>{t||(document.documentElement.style.overflow="")},onButtonMouseDown:e=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur(),e.preventDefault())},onClose:()=>{a.current&&(document.activeElement===a.current||a.current.contains(document.activeElement))&&(a.current.blur(),document.activeElement.blur())}}},Ne="hhgcomp-navprofilebutton-popup",Te=X(h.div`
|
|
81
|
+
position: absolute;
|
|
82
|
+
right: 0;
|
|
83
|
+
transition: all 0.5s ease-in-out;
|
|
84
|
+
overflow-y: auto;
|
|
85
|
+
padding-bottom: 70px;
|
|
86
|
+
|
|
87
|
+
&[data-open='true'] {
|
|
88
|
+
z-index: 200;
|
|
89
|
+
top: 120%;
|
|
90
|
+
opacity: 1;
|
|
91
|
+
visibility: visible;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
&[data-open='false'] {
|
|
95
|
+
display: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.popup-content {
|
|
99
|
+
z-index: 111;
|
|
100
|
+
height: 100%;
|
|
101
|
+
border: 1px solid #0000001a;
|
|
102
|
+
${J.mbDown} {
|
|
103
|
+
> div {
|
|
104
|
+
border-top-left-radius: 0;
|
|
105
|
+
border-top-right-radius: 0;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
/* min-height: 415px; */
|
|
111
|
+
${J.mbUp} {
|
|
112
|
+
width: 320px;
|
|
113
|
+
}
|
|
114
|
+
${J.mbDown} {
|
|
115
|
+
position: fixed;
|
|
116
|
+
left: 0;
|
|
117
|
+
width: 100%;
|
|
118
|
+
}
|
|
119
|
+
`,Ne),De="hhgcomp-navprofilebutton-popupwrapper";X(h.div`
|
|
120
|
+
position: fixed;
|
|
121
|
+
z-index: 150;
|
|
122
|
+
top: var(--header-bottom, 56px);
|
|
123
|
+
left: 0;
|
|
124
|
+
width: 100%;
|
|
125
|
+
height: 100%;
|
|
126
|
+
align-items: center;
|
|
127
|
+
|
|
128
|
+
${J.mbUp} {
|
|
129
|
+
background-color: transparent;
|
|
130
|
+
&[data-type='welcome'] {
|
|
131
|
+
background: rgba(38, 38, 38, 0.3);
|
|
132
|
+
}
|
|
133
|
+
&[data-type='due-date'] {
|
|
134
|
+
background: rgba(38, 38, 38, 0.3);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
${J.mbDown} {
|
|
139
|
+
background: rgba(38, 38, 38, 0.3);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
&[data-type='welcome'] {
|
|
143
|
+
top: 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
&[data-open='false'] {
|
|
147
|
+
display: none;
|
|
148
|
+
}
|
|
149
|
+
`,De);const Le=h.div`
|
|
150
|
+
width: 40px;
|
|
151
|
+
height: 40px;
|
|
152
|
+
cursor: pointer;
|
|
153
|
+
|
|
154
|
+
img {
|
|
155
|
+
border-radius: 50%;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.avatar {
|
|
159
|
+
width: 40px;
|
|
160
|
+
height: 40px;
|
|
161
|
+
object-fit: cover;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.avatar-default {
|
|
165
|
+
display: flex;
|
|
166
|
+
align-items: center;
|
|
167
|
+
justify-content: center;
|
|
168
|
+
background-color: ${v.colors.secondaryBase};
|
|
169
|
+
border-radius: 50%;
|
|
170
|
+
color: white;
|
|
171
|
+
font-size: 20px;
|
|
172
|
+
font-weight: bold;
|
|
173
|
+
}
|
|
174
|
+
`,Ae=h.div`
|
|
175
|
+
display: inline-flex;
|
|
176
|
+
position: relative;
|
|
177
|
+
width: 40px;
|
|
178
|
+
height: 40px;
|
|
179
|
+
display: flex;
|
|
180
|
+
align-items: center;
|
|
181
|
+
justify-content: center;
|
|
182
|
+
text-decoration: none;
|
|
183
|
+
flex-shrink: 0;
|
|
184
|
+
cursor: pointer;
|
|
185
|
+
|
|
186
|
+
.user-close-icon {
|
|
187
|
+
display: none;
|
|
188
|
+
}
|
|
189
|
+
&:focus-within {
|
|
190
|
+
.user-close-icon {
|
|
191
|
+
display: block;
|
|
192
|
+
}
|
|
193
|
+
.user-avatar {
|
|
194
|
+
display: none;
|
|
195
|
+
}
|
|
196
|
+
.${Ne} {
|
|
197
|
+
z-index: 200;
|
|
198
|
+
top: 120%;
|
|
199
|
+
opacity: 1;
|
|
200
|
+
visibility: visible;
|
|
201
|
+
display: initial;
|
|
202
|
+
${J.mbDown} {
|
|
203
|
+
top: 100%;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
.${De} {
|
|
207
|
+
display: initial;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
`,je=h.a`
|
|
211
|
+
display: inline-flex;
|
|
212
|
+
.login-btn[data-color='tertiary'][data-size='md'] {
|
|
213
|
+
padding-left: 12px;
|
|
214
|
+
padding-right: 12px;
|
|
215
|
+
}
|
|
216
|
+
.mobile-only {
|
|
217
|
+
${J.mbUp} {
|
|
218
|
+
display: none;
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
.login-btn {
|
|
222
|
+
display: none;
|
|
223
|
+
${J.mbUp} {
|
|
224
|
+
display: block;
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
`,ze=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M2.5 6.5a3.2 3.2 0 0 1 3.2-3.2h7.9a3.2 3.2 0 0 1 3.19 3.2v4.72a3.2 3.2 0 0 1-3.2 3.2H5.7a3.2 3.2 0 0 1-3.19-3.2V6.49Z",fill:"#E3F2FF"}),a.createElement("path",{d:"M2.5 5.68A2.38 2.38 0 0 1 4.88 3.3h9.52a2.38 2.38 0 0 1 2.39 2.38H2.5Z",fill:"#2D87F3"}),a.createElement("path",{d:"M13.6 2.5h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65ZM5.27 4.86h.03c.36 0 .65-.3.65-.65V3.15a.65.65 0 0 0-.65-.65h-.03c-.36 0-.65.3-.65.65V4.2c0 .36.3.65.65.65Z",fill:"#2743AD"}),a.createElement("path",{d:"M5.56 8.17h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.59c0 .22.18.4.4.4h.49a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.41Zm-8.3 2.52h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.5a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.7 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Zm2.87 0h-.49a.4.4 0 0 0-.4.4v.58c0 .23.18.4.4.4h.5a.4.4 0 0 0 .4-.4v-.58a.4.4 0 0 0-.4-.4Z",fill:"#2D87F3"}),a.createElement("path",{d:"M16 16.8a3.17 3.17 0 1 0 0-6.36 3.17 3.17 0 0 0 0 6.35Z",fill:"#FE921D"}),a.createElement("path",{d:"M15.78 13.62v-1.36a.21.21 0 0 1 .42 0v1.26l.48.4a.21.21 0 0 1-.01.33.21.21 0 0 1-.26-.01l-.55-.46-.02-.01a.21.21 0 0 1-.06-.15Z",fill:"#fff"})),He=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M7.06 4.97h-2.3a3.12 3.12 0 0 0-3.1 3.1v.43a3.12 3.12 0 0 0 3.1 3.1h1.39s1.47 1.11 1.5.97c.03-.22-.23-.99-.23-.99a3.13 3.13 0 0 0 2.72-3.09v-.41a3.12 3.12 0 0 0-3.08-3.11Zm-2.7 3.55a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Zm1.35.4a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .65Zm1.57-.05Z",fill:"#2D87F3"}),a.createElement("path",{d:"M12.88 9.52a3.53 3.53 0 0 0-1.35 6.8s-.23 1.03-.2 1.25c.03.14 1.55-.99 1.55-.99a3.53 3.53 0 0 0 0-7.06Zm-1.33 4.24a.48.48 0 1 1 0-.97.48.48 0 0 1 0 .97Zm1.58.04a.33.33 0 1 1 0-.66.33.33 0 0 1 0 .66Zm1.34-.39a.23.23 0 1 1 0-.46.23.23 0 0 1 0 .46Z",fill:"#FFB521"}),a.createElement("path",{d:"M16.45 1.67h-3.87a1.88 1.88 0 0 0-1.88 2.06l.22 2.29a1.88 1.88 0 0 0 1.73 1.7s-.17.94-.14 1.16c.02.14 1.66-1.13 1.66-1.13l1.92-.03a1.88 1.88 0 0 0 1.86-1.59l.36-2.29a1.88 1.88 0 0 0-1.86-2.17ZM13.1 5.23a.48.48 0 1 1 .34-.14c-.1.1-.22.14-.34.14Zm1.57.05a.33.33 0 1 1 .23-.1.33.33 0 0 1-.23.1Zm1.34-.4a.23.23 0 1 1 .1-.01.23.23 0 0 1-.1.02Z",fill:"#91CAFF"})),Se=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("rect",{x:"8.33337",y:"8.33325",width:"3.33333",height:"3.33333",rx:"1.66667",fill:"#2D87F3"})),Ue=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"m3.18 7.06 1.6 1.6 4.33-4.69a.72.72 0 0 0-.03-.99l-.22-.22a.72.72 0 0 0-.99-.02L3.18 7.06Zm13.64 0-1.6 1.6-4.33-4.69a.72.72 0 0 1 .02-.99l.23-.22a.72.72 0 0 1 .99-.02l4.69 4.32Z",fill:"#2743AD"}),a.createElement("path",{d:"M15.04 16.7H4.9a.78.78 0 0 1-.77-.7l-.7-6.67h13.09l-.7 6.67a.78.78 0 0 1-.78.7Z",fill:"#2D87F3"}),a.createElement("path",{d:"M6.23 15.7a.23.23 0 0 1-.23-.22l-.3-4.46a.23.23 0 1 1 .47-.04l.3 4.47a.23.23 0 0 1-.22.25h-.02Zm2.39 0a.23.23 0 0 1-.23-.23L8.3 11a.23.23 0 1 1 .47 0l.07 4.46a.23.23 0 0 1-.22.24h-.01Zm5.15 0h-.02a.23.23 0 0 1-.2-.16.23.23 0 0 1-.02-.09l.3-4.47a.24.24 0 0 1 .25-.22.23.23 0 0 1 .22.26l-.3 4.46a.23.23 0 0 1-.23.22Zm-2.39 0a.23.23 0 0 1-.23-.23l.07-4.47a.24.24 0 0 1 .24-.23.23.23 0 0 1 .23.23l-.08 4.47a.23.23 0 0 1-.23.23Z",fill:"#2743AD"}),a.createElement("path",{d:"M16.04 18.12a2.01 2.01 0 1 0 0-4.03 2.01 2.01 0 0 0 0 4.03Z",fill:"#FE921D"}),a.createElement("path",{d:"M16.97 15.87h-.7v-.7a.23.23 0 0 0-.46 0v.7h-.7a.23.23 0 1 0 0 .47h.7v.69a.23.23 0 1 0 .47 0v-.7h.69a.23.23 0 1 0 0-.46Z",fill:"#fff"}),a.createElement("path",{d:"M16.58 9.48H3.42a.8.8 0 0 1-.78-.7l-.13-1.1a.8.8 0 0 1 .78-.88h13.42a.8.8 0 0 1 .78.88l-.13 1.1a.8.8 0 0 1-.78.7Z",fill:"#BCDEFF"})),Fe=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M10 1.667c-4.595 0-8.333 3.738-8.333 8.333 0 4.595 3.738 8.333 8.333 8.333 4.595 0 8.333-3.738 8.333-8.333 0-4.595-3.738-8.333-8.333-8.333Zm0 13.194a.695.695 0 1 1 0-1.39.695.695 0 0 1 0 1.39Zm1.1-4.415a.698.698 0 0 0-.405.631v.312a.694.694 0 1 1-1.39 0v-.312c0-.81.477-1.553 1.213-1.893.707-.326 1.218-1.19 1.218-1.615 0-.956-.778-1.736-1.736-1.736s-1.736.78-1.736 1.736a.694.694 0 1 1-1.389 0A3.129 3.129 0 0 1 10 4.444a3.129 3.129 0 0 1 3.125 3.125c0 .939-.814 2.318-2.026 2.877Z",fill:"#FF6F4D"})),Oe=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M11.116 1.72 5.488.85a1.898 1.898 0 0 0-2.155 1.856v14.588a1.898 1.898 0 0 0 2.158 1.855l5.625-.869a1.865 1.865 0 0 0 1.592-1.855V3.575a1.87 1.87 0 0 0-1.592-1.855",fill:"#2D87F3"}),a.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471",fill:"#FF6F4D"}),a.createElement("path",{d:"M17.642 9.584a.6.6 0 0 1-.232.472l-1.964 1.518a.446.446 0 0 1-.719-.353v-.51l-2.118-.01a.225.225 0 0 1-.223-.225v-1.8a.225.225 0 0 1 .224-.225l2.12.002-.004-.506a.446.446 0 0 1 .719-.354l1.965 1.52a.6.6 0 0 1 .232.471m-7.603-.908v1.802c0 .124.1.225.224.225h1.257c.124 0 .225-.1.225-.225V8.676c0-.124-.1-.224-.225-.224h-1.257c-.124 0-.224.1-.224.224m-.673 1.809a.224.224 0 0 1-.225.225h-.407a.61.61 0 0 1-.609-.61V9.069a.61.61 0 0 1 .61-.61h.406a.224.224 0 0 1 .225.225z",fill:"#FF6F4D"})),Re=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M6.114 3.333a4.64 4.64 0 0 1 3.565 1.708.412.412 0 0 0 .642 0 4.64 4.64 0 0 1 3.565-1.708c2.646 0 4.447 2.302 4.447 5.142 0 1.698-.904 4.446-2.675 6.102-2.522 2.358-4.665 2.965-5.392 3.11a1.3 1.3 0 0 1-.53 0c-.728-.146-2.871-.752-5.393-3.11-1.772-1.656-2.676-4.404-2.676-6.102 0-2.84 1.801-5.142 4.447-5.142",fill:"#FF6F4D"}),a.createElement("path",{d:"M13.298 11.226v-.829a1.205 1.205 0 0 0-1.202-1.204h-.208a.26.26 0 0 1-.261-.259v-.208a1.205 1.205 0 0 0-1.201-1.204h-.832A1.205 1.205 0 0 0 8.39 8.726v.205a.26.26 0 0 1-.259.261h-.207a1.2 1.2 0 0 0-1.202 1.202v.834a1.204 1.204 0 0 0 1.202 1.201h.207a.26.26 0 0 1 .259.262v.205A1.205 1.205 0 0 0 9.594 14.1h.832a1.204 1.204 0 0 0 1.201-1.204v-.208a.26.26 0 0 1 .261-.258h.208a1.205 1.205 0 0 0 1.202-1.204",fill:"#fff"})),Ie=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M4.767 17.236a1.36 1.36 0 0 0 1.256.188l4.097-1.397a.37.37 0 0 1 .28 0l4.097 1.397q.22.071.45.075c.29.002.573-.09.807-.263a1.43 1.43 0 0 0 .6-1.171V3.935A1.417 1.417 0 0 0 14.946 2.5H5.573a1.416 1.416 0 0 0-1.406 1.434v12.13a1.43 1.43 0 0 0 .6 1.172",fill:"#00CB8A"})),Ve=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M17.339 8.075a2.177 2.177 0 0 1-1.717-2.944 1.02 1.02 0 0 0-.305-1.15 8.2 8.2 0 0 0-2.445-1.417 1.03 1.03 0 0 0-1.16.323 2.173 2.173 0 0 1-3.423 0 1.03 1.03 0 0 0-1.161-.323A8.2 8.2 0 0 0 4.85 3.842a1.03 1.03 0 0 0-.322 1.183 2.167 2.167 0 0 1-1.806 2.978 1.03 1.03 0 0 0-.9.828 8 8 0 0 0-.05 2.861 1.03 1.03 0 0 0 .906.861 2.166 2.166 0 0 1 1.767 3.061 1.01 1.01 0 0 0 .283 1.211A8.2 8.2 0 0 0 7.15 18.22q.17.059.35.061a1.02 1.02 0 0 0 .833-.433 2.15 2.15 0 0 1 1.778-.934 2.18 2.18 0 0 1 1.745.878 1.02 1.02 0 0 0 1.2.339 8.3 8.3 0 0 0 2.222-1.328 1.03 1.03 0 0 0 .3-1.172 2.167 2.167 0 0 1 1.739-2.995 1.03 1.03 0 0 0 .872-.844 8 8 0 0 0 .144-1.405q0-.749-.138-1.484a1.02 1.02 0 0 0-.856-.828m-4.561 2.312a2.778 2.778 0 1 1-5.556 0 2.778 2.778 0 0 1 5.556 0",fill:"#2D87F3"})),Ze=e=>a.createElement("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},e),a.createElement("path",{d:"M10 19.167A9.167 9.167 0 1 0 10 .833a9.167 9.167 0 0 0 0 18.334",fill:"#BCDEFF"}),a.createElement("path",{d:"M17.356 15.463a9.188 9.188 0 0 0-14.716-.005 9.155 9.155 0 0 0 14.716.005",fill:"#2D87F3"}),a.createElement("path",{d:"M10 10.591a3.548 3.548 0 1 0 0-7.096 3.548 3.548 0 0 0 0 7.096",fill:"#2D87F3"})),Ge=h.div`
|
|
228
|
+
padding: 16px;
|
|
229
|
+
border-radius: 16px;
|
|
230
|
+
background-color: white;
|
|
231
|
+
hr {
|
|
232
|
+
border-color: ${v.colors.neutral100};
|
|
233
|
+
border-bottom-width: 0px;
|
|
234
|
+
border-style: solid;
|
|
235
|
+
}
|
|
236
|
+
.profile-nav-item-group {
|
|
237
|
+
background-color: white;
|
|
238
|
+
border-radius: 8px;
|
|
239
|
+
}
|
|
240
|
+
`,We=h.div`
|
|
241
|
+
display: block;
|
|
242
|
+
border: 1px solid transparent;
|
|
243
|
+
transition: all 300ms linear;
|
|
244
|
+
cursor: pointer;
|
|
245
|
+
position: relative;
|
|
246
|
+
|
|
247
|
+
${e=>e.hasSubmenu&&u`
|
|
248
|
+
cursor: pointer;
|
|
249
|
+
`}
|
|
250
|
+
|
|
251
|
+
&[data-is-open='true'] {
|
|
252
|
+
& + div {
|
|
253
|
+
margin-top: 8px;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
border-left-width: 0;
|
|
258
|
+
border-right-width: 0;
|
|
259
|
+
&[data-is-open='true'] {
|
|
260
|
+
& + div {
|
|
261
|
+
margin-top: 0;
|
|
262
|
+
}
|
|
263
|
+
.nav-menu-item:last-child {
|
|
264
|
+
border-bottom-color: ${v.colors.neutral100};
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
.nav-menu-item {
|
|
268
|
+
background-color: ${v.colors.neutral50};
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
.nav-menu-item {
|
|
272
|
+
padding-left: 38px;
|
|
273
|
+
}
|
|
274
|
+
`,Ye=h.div`
|
|
275
|
+
display: flex;
|
|
276
|
+
align-items: center;
|
|
277
|
+
height: 48px;
|
|
278
|
+
border: 1px solid transparent;
|
|
279
|
+
transition: all 300ms;
|
|
280
|
+
border-radius: 8px;
|
|
281
|
+
|
|
282
|
+
&:hover {
|
|
283
|
+
background-color: ${v.colors.neutral150};
|
|
284
|
+
}
|
|
285
|
+
&[data-active='true'] {
|
|
286
|
+
background-color: ${v.colors.blue50};
|
|
287
|
+
}
|
|
288
|
+
`,qe=h.div`
|
|
289
|
+
margin-left: auto;
|
|
290
|
+
|
|
291
|
+
svg {
|
|
292
|
+
fill: ${v.colors.gray600};
|
|
293
|
+
transition: transform 300ms;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
&[data-is-open='true'] svg {
|
|
297
|
+
transform: rotate(180deg);
|
|
298
|
+
}
|
|
299
|
+
`,Ke=h.div`
|
|
300
|
+
overflow: hidden;
|
|
301
|
+
max-height: 0;
|
|
302
|
+
transition: max-height 0.3s ease-out;
|
|
303
|
+
|
|
304
|
+
[data-is-open='true'] & {
|
|
305
|
+
max-height: 500px;
|
|
306
|
+
transition-timing-function: ease-in;
|
|
307
|
+
}
|
|
308
|
+
`,Qe={helloSites:{member:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-member.svg"),ambassador:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-ambassador.svg"),doctor:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-doctor.svg"),expert:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-expert.svg"),influencer:()=>x.getAssetPath("userProfileNav/helloSites/icon-rank-influencer.svg")},marryBaby:{member:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-member.svg"),ambassador:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-ambassador.svg"),doctor:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-doctor.svg"),expert:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-expert.svg"),influencer:()=>x.getAssetPath("userProfileNav/marryBaby/icon-rank-influencer.svg")}},Je=({rank:e,siteType:t="helloSites"})=>{const n=i((()=>{var a,n;return(null===(n=null===(a=Qe[t])||void 0===a?void 0:a[e])||void 0===n?void 0:n.call(a))||""}),[e,t]),{t:o}=F();return a.createElement("div",{style:{display:"inline-flex",height:"fit-content",alignItems:"center",padding:"5px 12px",gap:"4px",borderRadius:16,border:`1px solid ${"helloSites"===t?v.colors.blue100:v.colors.mb100}`}},a.createElement("img",{src:n,alt:e,style:{height:16,width:16}}),a.createElement(f,{size:"s5",color:"gray.8",weight:"semiBold"},o(`userProfile.userRank.${e}`)))},Xe=({siteType:e="helloSites",userInfo:t})=>(null==t?void 0:t.id)?a.createElement(a.Fragment,null,a.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},a.createElement(p,{src:t.avatar,alt:t.name,size:48,style:{marginBottom:8}}),a.createElement(Je,{rank:"member",siteType:e})),a.createElement(f,{size:"s3",weight:"semiBold",color:"gray.8",style:{marginBottom:4}},t.name),a.createElement(f,{size:"n1",weight:"regular",color:"helloSites"===e?"hb.6":"mb.6"},"@",t.username),a.createElement("hr",null)):null,et=({className:e,activeItem:t,navMenuItems:i,style:o,onLogout:r,siteType:s="helloSites",userInfo:c})=>{const{locale:d}=F(),[m,p]=n(),g="string"==typeof t?t:m,h=_(N(d,"marryBaby"===s)+"/"),u=_(T(d,"marryBaby"===s)+"/"),v=i||[[{key:"userProfile.nav.header.viewProfile",icon:a.createElement(Ze,{width:"24",height:"24"}),value:"profile",tracking:{action:"Profile Click"},link:`${h}user/profile/`},{key:"userProfile.nav.card.myHealth",icon:a.createElement(Re,{width:"24",height:"24"}),value:"myHealth",tracking:{action:"My Health Click"},link:`${h}user/health/`},{key:"userProfile.nav.card.mySaved",icon:a.createElement(Ie,{width:"24",height:"24"}),iconColor:"green_300",value:"saved",tracking:{action:"Bookmarks Click"},link:`${h}user/saved/`},{key:"userProfile.nav.card.myBooking",icon:a.createElement(ze,{width:"24",height:"24"}),value:"booking",disabled:!E.includes(d),tracking:{action:"Manage Booking Click"},link:`${h}user/booking/`},{key:"userProfile.nav.card.myCommunity",icon:a.createElement(He,{width:"24",height:"24"}),value:"myCommunities",disabled:!w.includes(d),tracking:{action:"Community Click"},link:`${h}user/my-communities/`}],...k.includes(d)?[[{key:"userProfile.nav.card.eCom",icon:a.createElement(Ue,{width:"24",height:"24"}),value:"eCom",disabled:!k.includes(d),subMenu:[{key:"userProfile.nav.card.ecom.manageOrders",value:"eCom-manageOrders",icon:a.createElement(Se,{width:"24",height:"24"}),link:`${u}shop/ho-so/quan-li-don-hang/`,tracking:{action:"Order Management Click"}},{key:"userProfile.nav.card.ecom.DeliveryAddress",value:"eCom-manageAddress",icon:a.createElement(Se,{width:"24",height:"24"}),link:`${u}shop/ho-so/dia-chi-giao-hang/`,tracking:{action:"Address Management Click"}},{key:"userProfile.nav.card.ecom.voucher",value:"eCom-voucher",icon:a.createElement(Se,{width:"24",height:"24"}),link:`${u}shop/ho-so/khuyen-mai/`,tracking:{action:"Voucher Click"}}]}]]:[],[{key:"userProfile.nav.menu.accountSettings",icon:a.createElement(Ve,{width:"24",height:"24"}),subMenu:[{key:"common.profileNavigator.newsletterSubscription",value:"subscription",icon:a.createElement(Se,{width:"24",height:"24"}),tracking:{action:"Subscription Click"},link:`${h}user/subscriptions/`,disabled:"vi-VN"!==d},{key:"userProfile.nav.menu.password",value:"password",icon:a.createElement(Se,{width:"24",height:"24"}),tracking:{action:"Set Password Click"},link:`${h}user/password/`},{key:"userProfile.nav.menu.disableAccount",value:"disable-account",icon:a.createElement(Se,{width:"24",height:"24"}),tracking:{action:"Disable Account Click"},link:`${h}user/disable-account/`}]}],[{key:"userProfile.nav.menu.help",icon:a.createElement(Fe,{width:"24",height:"24"}),value:"help",link:`${h}user/help`,tracking:{action:"Support Click"}},{key:"userProfile.nav.menu.logout",icon:a.createElement(Oe,{width:"24",height:"24"}),value:"logout",tracking:{action:"Sign Out Click"}}]];return a.createElement(Ge,{className:e,style:o},a.createElement(Xe,{userInfo:c,siteType:s}),v.map(((e,t)=>a.createElement(l,{key:t},a.createElement("div",{className:"profile-nav-item-group",key:t},e.map((e=>a.createElement(tt,{key:e.key,item:e,activeKey:g||"",onLogout:r,onClick:()=>p((t=>t===e.key?void 0:e.key)),siteType:s})))),t!==v.length-1&&a.createElement("hr",null)))))},tt=({item:e,activeKey:t,forceOpen:o,onLogout:l,onClick:s,siteType:c="helloSites"})=>{var d,m;const[p,g]=n(!1),h=i((()=>"undefined"!=typeof window?window.location.href:""),[]);if(e.disabled)return null;const{t:u}=F(),v=null===(d=e.subMenu)||void 0===d?void 0:d.some((e=>e.key===t)),b=t===e.key;r((()=>{(v||b)&&g(!0)}),[v,b]);const y="boolean"==typeof o?o:p;return a.createElement(We,{as:e.subMenu?void 0:"a","data-is-open":y,key:e.key,hasSubmenu:!!e.subMenu,onClick:()=>{null==s||s(),e.subMenu&&!o?g((e=>!e)):"logout"===e.value?null==l||l():e.link&&(window.location.href=e.link)},"data-event-category":"Ecommerce","data-event-action":(null===(m=null==e?void 0:e.tracking)||void 0===m?void 0:m.action)||"","data-event-label":h},a.createElement(Ye,{"data-active":b},e.icon,a.createElement(f,{size:"p3",style:{marginLeft:e.icon?24:48,transition:"color 300ms"},color:b?"helloSites"===c?"hb.6":"mb.6":"gray.8"},u(e.key)),e.subMenu&&a.createElement(qe,{"data-is-open":y},a.createElement(ae,{width:14}))),e.subMenu&&a.createElement(Ke,null,e.subMenu.map((e=>a.createElement(tt,{key:e.key,item:e,activeKey:t,onLogout:l,siteType:c})))))},at=({isOpen:e,userInfo:t,closePopup:n,siteType:i="helloSites",dispatchLogout:o})=>a.createElement(Te,{"data-open":e},a.createElement("div",{className:"popup-content"},a.createElement(et,{siteType:i,onLogout:()=>{o&&(o(),n())},userInfo:t}))),nt=h.div`
|
|
309
|
+
background-color: white;
|
|
310
|
+
text-align: center;
|
|
311
|
+
.cancle-img {
|
|
312
|
+
margin-top: 24px;
|
|
313
|
+
${J.mbDown} {
|
|
314
|
+
width: 80px;
|
|
315
|
+
height: 80px;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
${J.mbUp} {
|
|
319
|
+
width: 100px;
|
|
320
|
+
height: 100px;
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
h2 {
|
|
325
|
+
margin-top: 32px;
|
|
326
|
+
color: ${v.colors.gray800};
|
|
327
|
+
font-style: normal;
|
|
328
|
+
font-weight: bold;
|
|
329
|
+
${J.mbDown} {
|
|
330
|
+
font-size: 24px;
|
|
331
|
+
line-height: 32px;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
${J.mbUp} {
|
|
335
|
+
font-size: 32px;
|
|
336
|
+
line-height: 42px;
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
p {
|
|
341
|
+
margin-top: 8px;
|
|
342
|
+
color: ${v.colors.gray600};
|
|
343
|
+
font-style: normal;
|
|
344
|
+
font-weight: normal;
|
|
345
|
+
${J.mbDown} {
|
|
346
|
+
font-size: 16px;
|
|
347
|
+
line-height: 24px;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
${J.mbUp} {
|
|
351
|
+
font-size: 16px;
|
|
352
|
+
line-height: 24px;
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
`,it=h.div`
|
|
356
|
+
display: flex;
|
|
357
|
+
|
|
358
|
+
${J.mbDown} {
|
|
359
|
+
margin-top: 24px;
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
${J.mbUp} {
|
|
363
|
+
margin-top: 32px;
|
|
364
|
+
}
|
|
365
|
+
justify-content: space-around;
|
|
366
|
+
button {
|
|
367
|
+
flex: 1;
|
|
368
|
+
margin: 4px;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
${e=>"marryBaby"===e.siteType?"\n .cancel-button {\n background-color: #E55C8A;\n }\n .cancel-button:hover {\n background-color: #E55C8A !important;\n }\n .logout-button {\n border-color: #E55C8A;\n color: #E55C8A;\n }\n ":""}
|
|
372
|
+
`,ot=({openLogoutPopup:e,onCloseHandler:t,onLogoutHandler:n,siteType:i="helloSites"})=>{const{t:o}=F();return r((()=>{document.body.classList.toggle("noscroll",e)}),[e]),a.createElement(W,null,a.createElement(j,{type:"confirm",isOpen:e,closeIcon:a.createElement("img",{src:x.getAssetPath("closeLight.svg"),style:{width:24,height:24},alt:"close-icon",loading:"lazy"}),onClose:t},a.createElement(nt,null,"helloSites"===i&&a.createElement("img",{src:x.getAssetPath("arrowDoor.svg"),className:"cancle-img",alt:"close-account",loading:"lazy"}),a.createElement("h2",null,o("helloSites"===i?"logout.popup.ask1":"logout.popup.ask.mb")),a.createElement("p",null,o("logout.popup.ask2")),a.createElement(it,{siteType:i},a.createElement(ne,{className:"logout-button",color:"tertiary",size:"lg",onClick:n},o("logout.popup.button.logout")),a.createElement(ne,{className:"cancel-button",color:"primary",size:"lg",onClick:t},o("logout.popup.button.cancel"))))))},lt=({userInfo:e,siteType:i,onLoginClick:o,SSO_URL:l,currentUrl:s,isMinifyLogin:c,onLogout:d,style:m,isLoading:h,locale:u})=>{const{t:b}=F(),[E,w]=n(!1),k=(null==e?void 0:e.name)||(null==e?void 0:e.username),[C,$]=n(!1);r((()=>{$(!0)}),[]);const{containerRef:B,onContainerFocus:P,onContainerBlur:M,onButtonMouseDown:N,onClose:T}=Me();return h?a.createElement(g,{size:"sm",color:"transparent",loading:!0}):(null==e?void 0:e.id)?a.createElement(a.Fragment,null,a.createElement(Ae,{ref:B,style:m,tabIndex:0,onBlur:M,onFocus:()=>{var e;P();const t=null===(e=B.current)||void 0===e?void 0:e.querySelector("#desktop-sticky-header .hhgcomp-navprofilebutton-popup");if(t){const e=`calc(100vh - ${t.getBoundingClientRect().top}px)`;t.setAttribute("style",`max-height: ${e};`)}}},a.createElement("div",{onMouseDown:N},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"user-close-icon"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})),a.createElement(p,{size:40,className:"user-avatar",src:null==e?void 0:e.avatar,color:"marryBaby"===i?v.mbColors.pink:v.colors.secondaryBase,placeholderText:k&&k.length?k[0].toUpperCase():"A"})),a.createElement(at,{dispatchLogout:()=>{T(),w(!0)},isOpen:!1,closePopup:T,siteType:i,userInfo:e})),a.createElement(ot,{openLogoutPopup:E,onCloseHandler:()=>{document.body.classList.toggle("noscroll",!1),w(!1)},siteType:i,onLogoutHandler:()=>t(void 0,void 0,void 0,(function*(){w(!1),document.body.classList.toggle("noscroll",!1),yield d()}))})):a.createElement(je,{style:Object.assign({textDecoration:"none"},m),"data-event-category":"Sign Up","data-event-action":"Button Click","data-event-label":s,href:C?void 0:_(`${l}?returnUrl=${s}`),"data-site-type":i},c?a.createElement(Le,{onClick:o},a.createElement("img",{src:x.getAssetPath("lock.png"),className:"avatar",loading:"lazy",alt:"avatar"})):a.createElement(a.Fragment,null,"helloSites"===i&&(u===Y.Indonesia||u===Y.PhilippinesTagalog||u===Y.PhilippinesEnglish?a.createElement("img",{className:"mobile-only",src:x.getAssetPath("login.svg"),style:{cursor:"pointer",height:24,width:24},onClick:o}):a.createElement(g,{className:"mobile-only",size:"sm",onClick:o,leftIcon:a.createElement(y,{useCurrentColor:!0,isSolid:!0,size:22}),sx:{paddingLeft:"8px",paddingRight:"12px"}},b("navigation.loginJoin"))),"marryBaby"===i&&a.createElement("div",{className:"mobile-only",onClick:o,style:{paddingLeft:16}},a.createElement(f,{size:"p3",color:v.mbColors.pink},b("navigation.loginJoin"))),a.createElement(g,{className:"login-btn",size:"md",onClick:o,leftIcon:a.createElement(y,{useCurrentColor:!0,isSolid:!0,size:22})},b("navigation.loginJoin"))))};var rt="spdlGfq",st="vgS16jX";const ct=({onCareHeaderClick:e,currentUrl:t,careUrlFe:n,btnName:i})=>e?a.createElement(ne,{className:rt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t,onClick:t=>e(t),style:{paddingLeft:10,paddingRight:10}},i):a.createElement("a",{href:n,className:`${st} care-button no-replace-click`},a.createElement(ne,{className:rt,size:"md",color:"primary",dataEventCategory:"Care",dataEventAction:"Navigation Bar Click",dataEventLabel:t},i));var dt="y5VJdvw",mt="oVhOSCy",pt="pX8OXTM";const gt=a.createContext({}),ht=t=>{var{children:n}=t,o=e(t,["children"]);const[l,s]=a.useState((()=>o.currentUrl||`https://${"marryBaby"===o.siteType?ie[o.locale||"en-PH"]:$[o.locale||"en-PH"]}${"together"===o.projectType?"/community":"ecom"===o.projectType?"/ecom":"care"===o.projectType?"/care":""}/`));r((()=>{const e=()=>{s(window.location.href)};return window.addEventListener("popstate",e),e(),()=>{window.removeEventListener("popstate",e)}}),[]);const c=(({locale:e,projectType:t,isMobile:a,siteType:n,enableBookingBtn:o})=>i((()=>{const i=!(!a&&"profile"===t),l="discover"===t||"marryBaby"===t||"profile"===t&&"marryBaby"===n,r="marryBaby"!==n&&"marryBaby"!==t&&E.includes(e),s=o&&"marryBaby"!==t&&"discover"===t&&"marryBaby"!==n&&C.includes(e),c="marryBaby"===t||w.includes(e),d="marryBaby"!==n&&k.includes(e),m="marryBaby"!==n&&k.includes(e);let p=T(e,"marryBaby"===n);"undefined"!=typeof window&&(p.includes("//id.")&&(p=p.replace("id.","")),p.includes("//staging-id.")&&(p=p.replace("staging-id.","discover.")));return{enableProfileNavigatorMenu:i,enableSearchBar:l,enableNavCare:r,enableNavCareBooking:s,enableNavTogether:c,enableNavEcom:d,enableProfileEcom:m,enableProfileMyHealth:!0,enableNavDiscover:!0,enableNavHealthTools:!0,enableProfileMySaved:!0,statics:{HOME_PAGE_URL:p,CARE_URL_FE:`${p}/care`,TOGETHER_URL_FE:`${p}/community`,SSO_URL:N(e,"marryBaby"===n),TOGETHER_API:D(),DISCOVER_API:L(e)}}}),[e,t,a]))({locale:o.locale,projectType:o.projectType,isMobile:o.isMobile,siteType:o.siteType,enableBookingBtn:o.enableBookingBtn});return a.createElement(gt.Provider,{value:Object.assign(Object.assign({},o),{configs:Object.assign(Object.assign({},c),o.configs),currentUrl:o.currentUrl||l})},n)};function ut({className:e}){return a.createElement("div",null,a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:e},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"})))}function vt({siteType:e,enableSearch:t,className:n}){return"helloSites"===e?a.createElement("div",null,a.createElement("img",{"data-list-type":"Header","data-content-type":"Navigation","data-content-topic":"Hamburger",src:t?x.getAssetPath("hamburgerMenuNewWithSearch.svg"):x.getAssetPath("hamburgerMenuNew.svg"),style:{width:"24px",height:"24px"},alt:"home",className:n,loading:"lazy"})):a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:n},a.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.34961 15C3.34961 14.641 3.64062 14.35 3.99961 14.35L13.9996 14.35C14.3586 14.35 14.6496 14.641 14.6496 15C14.6496 15.359 14.3586 15.65 13.9996 15.65L3.99961 15.65C3.64062 15.65 3.34961 15.359 3.34961 15ZM3.34961 8.99999C3.34961 8.64101 3.64062 8.34999 3.99961 8.34999L19.9992 8.34999C20.3582 8.34999 20.6492 8.64101 20.6492 8.99999C20.6492 9.35898 20.3582 9.64999 19.9992 9.64999L3.99961 9.64999C3.64062 9.64999 3.34961 9.35898 3.34961 8.99999Z",fill:"#3E3F58"}))}const ft=h.div`
|
|
373
|
+
position: fixed;
|
|
374
|
+
z-index: 201;
|
|
375
|
+
top: calc(100% + 1px);
|
|
376
|
+
width: 100%;
|
|
377
|
+
height: calc(100vh - var(--header-bottom));
|
|
378
|
+
overflow-x: hidden;
|
|
379
|
+
overflow-y: auto;
|
|
380
|
+
background: white;
|
|
381
|
+
display: flex;
|
|
382
|
+
flex-direction: column;
|
|
383
|
+
padding-bottom: 0;
|
|
384
|
+
left: 0;
|
|
385
|
+
.hhgcomp-navigation-popupwrapper-menuwrapper {
|
|
386
|
+
position: unset;
|
|
387
|
+
}
|
|
388
|
+
`,bt=h.div`
|
|
389
|
+
padding: 16px;
|
|
390
|
+
padding-bottom: 12px;
|
|
391
|
+
.fake-search-input {
|
|
392
|
+
pointer-events: none;
|
|
393
|
+
input {
|
|
394
|
+
line-height: 20px;
|
|
395
|
+
padding-top: 10px;
|
|
396
|
+
padding-bottom: 10px;
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
&[data-theme='marryBaby'] {
|
|
400
|
+
input {
|
|
401
|
+
background: ${v.mbColors.lightGray};
|
|
402
|
+
border-radius: 16px;
|
|
403
|
+
border: none;
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
`,yt=h.div`
|
|
407
|
+
display: block;
|
|
408
|
+
overflow-y: auto;
|
|
409
|
+
flex: 1;
|
|
410
|
+
padding-bottom: 16px;
|
|
411
|
+
&::-webkit-scrollbar {
|
|
412
|
+
width: 0;
|
|
413
|
+
display: none;
|
|
414
|
+
}
|
|
415
|
+
`,xt=s((()=>a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.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.9683 19.7465 14.8938 19.0204 16.4118 17.8061L20.3169 21.7112C20.702 22.0963 21.3262 22.0963 21.7112 21.7112C22.0963 21.3262 22.0963 20.702 21.7112 20.3169L17.8061 16.4118C19.0204 14.8938 19.7465 12.9683 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z",fill:"#8C8C8C"})))),Et=()=>{const{locale:e,configs:{statics:t},siteType:n}=c(gt),i=O(),{t:o}=F();return a.createElement(ee,{className:"fake-search-input",name:"search-input-menu-service"+i,size:"md",placeholder:"marryBaby"===n?o("navigation.search.input.placeholder"):o("home.search",{site:B[e||"en-PH"]?B[e||"en-PH"].SITE_NAME:""}),onChange:()=>{},onKeyDown:e=>"Enter"===e.key&&(window.location.href=`${t.HOME_PAGE_URL}/search/?s=${e.target.value}`),type:"search",onFocus:e=>{e.preventDefault()},displayIcon:a.createElement("a",{"data-event-category":"Search Button","data-event-action":"Click"},a.createElement(xt,null))})},wt=h.div`
|
|
416
|
+
padding-right: 1rem;
|
|
417
|
+
margin-top: 10px;
|
|
418
|
+
background: #ffffff;
|
|
419
|
+
padding: 5px 15px;
|
|
420
|
+
${J.mbUp} {
|
|
421
|
+
border-right: 1px solid #e4e8ec;
|
|
422
|
+
}
|
|
423
|
+
`,kt=h.a`
|
|
424
|
+
padding: 10px 0;
|
|
425
|
+
position: relative;
|
|
426
|
+
|
|
427
|
+
display: flex;
|
|
428
|
+
align-items: center;
|
|
429
|
+
text-decoration: none;
|
|
430
|
+
color: ${v.colors.gray800};
|
|
431
|
+
* {
|
|
432
|
+
pointer-events: none;
|
|
433
|
+
}
|
|
434
|
+
p {
|
|
435
|
+
font-size: 16px;
|
|
436
|
+
font-weight: 400;
|
|
437
|
+
padding: 0 0.4rem;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
&[data-theme='marryBaby']:hover,
|
|
441
|
+
&[data-theme='marryBaby'][data-active='true'] {
|
|
442
|
+
p {
|
|
443
|
+
color: ${v.mbColors.pink};
|
|
444
|
+
}
|
|
445
|
+
.icon {
|
|
446
|
+
background-color: ${v.mbColors.lightPink};
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
&[data-theme='helloSites']:hover,
|
|
450
|
+
&[data-theme='helloSites'][data-active='true'] {
|
|
451
|
+
p {
|
|
452
|
+
color: ${v.colors.primaryActive};
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
a {
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
&[data-theme='marryBaby'] {
|
|
459
|
+
.icon {
|
|
460
|
+
display: flex;
|
|
461
|
+
align-items: center;
|
|
462
|
+
justify-content: center;
|
|
463
|
+
max-width: 40px;
|
|
464
|
+
width: 100%;
|
|
465
|
+
height: 40px;
|
|
466
|
+
border-radius: 50%;
|
|
467
|
+
background-color: ${v.mbColors.lightGray};
|
|
468
|
+
img {
|
|
469
|
+
border-radius: 50%;
|
|
470
|
+
}
|
|
471
|
+
}
|
|
472
|
+
}
|
|
473
|
+
`,Ct=h.div`
|
|
474
|
+
margin: 15px 0;
|
|
475
|
+
${J.mbDown} {
|
|
476
|
+
display: none;
|
|
477
|
+
}
|
|
478
|
+
`,$t=h.div`
|
|
479
|
+
display: flex;
|
|
480
|
+
position: absolute;
|
|
481
|
+
right: 0;
|
|
482
|
+
${J.mbUp} {
|
|
483
|
+
display: none;
|
|
484
|
+
}
|
|
485
|
+
`,Bt=h.div`
|
|
486
|
+
display: flex;
|
|
487
|
+
align-items: center;
|
|
488
|
+
color: ${v.colors.primaryBase};
|
|
489
|
+
font-size: ${v.sizes.fsParagraph4};
|
|
490
|
+
font-weight: ${v.sizes.fwBold};
|
|
491
|
+
line-height: 24px;
|
|
492
|
+
font-size: 14px;
|
|
493
|
+
font-weight: 600;
|
|
494
|
+
&[data-event-category] * {
|
|
495
|
+
pointer-events: none;
|
|
496
|
+
}
|
|
497
|
+
&[data-theme='marryBaby'] {
|
|
498
|
+
color: ${v.mbColors.pink};
|
|
499
|
+
}
|
|
500
|
+
`,Pt=h.div`
|
|
501
|
+
display: flex;
|
|
502
|
+
align-items: center;
|
|
503
|
+
margin-left: 10px;
|
|
504
|
+
`,_t=h.a`
|
|
505
|
+
border: 1px solid ${v.colors.primaryBase};
|
|
506
|
+
&[data-theme='marryBaby'] {
|
|
507
|
+
border: 1px solid ${v.mbColors.pink};
|
|
508
|
+
|
|
509
|
+
svg path {
|
|
510
|
+
stroke: ${v.mbColors.pink};
|
|
511
|
+
}
|
|
512
|
+
}
|
|
513
|
+
position: relative;
|
|
514
|
+
display: flex;
|
|
515
|
+
align-items: center;
|
|
516
|
+
justify-content: center;
|
|
517
|
+
padding: 6px;
|
|
518
|
+
border-radius: 5px;
|
|
519
|
+
margin-top: 20px;
|
|
520
|
+
${J.mbDown} {
|
|
521
|
+
display: none;
|
|
522
|
+
}
|
|
523
|
+
`;var Mt="wnUb-dV",Nt="cjbOxWe",Tt="gB4rp89";const Dt=({item:e,menu:t})=>{const{containerRef:n,onContainerFocus:i,onContainerBlur:o,onButtonMouseDown:l,onClose:r}=Me({allowBgScroll:!0}),s=re();return!e.popupType&&e.link?a.createElement(Lt,{isNew:e.isNew},a.createElement("a",{className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,className:Nt},"care"===e.id&&a.createElement("div",{className:Tt},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name))):a.createElement(Lt,{isNew:e.isNew},a.createElement("div",{ref:n,className:`hhgcomp-navigation-itemnav-headeritem ${s?"":`menu-handler-${e.id}`} ${"care"===e.id?"force-focus":""}`,tabIndex:0,key:e.id,onBlur:o,onFocus:i,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link},a.createElement("div",{"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e.link,onMouseDown:l,className:Nt},"care"===e.id&&a.createElement("a",{className:Tt,href:_(e.link+"/")},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M13.4751 21.5C11.8084 21.5 10.3918 20.9167 9.2251 19.75C8.05843 18.5833 7.4751 17.1667 7.4751 15.5V14.95C6.1251 14.7833 4.9961 14.1833 4.0881 13.15C3.17943 12.1167 2.7251 10.9 2.7251 9.5V4.65C2.7251 4.4 2.81243 4.18733 2.9871 4.012C3.16243 3.83733 3.3751 3.75 3.6251 3.75H5.7251V3.5C5.7251 3.28333 5.7961 3.104 5.9381 2.962C6.07943 2.82067 6.25843 2.75 6.4751 2.75C6.69176 2.75 6.8711 2.82067 7.0131 2.962C7.15443 3.104 7.2251 3.28333 7.2251 3.5V5.5C7.2251 5.71667 7.15443 5.89567 7.0131 6.037C6.8711 6.179 6.69176 6.25 6.4751 6.25C6.25843 6.25 6.07943 6.179 5.9381 6.037C5.7961 5.89567 5.7251 5.71667 5.7251 5.5V5.25H4.2251V9.5C4.2251 10.6 4.61676 11.5417 5.4001 12.325C6.18343 13.1083 7.1251 13.5 8.2251 13.5C9.3251 13.5 10.2668 13.1083 11.0501 12.325C11.8334 11.5417 12.2251 10.6 12.2251 9.5V5.25H10.7251V5.5C10.7251 5.71667 10.6544 5.89567 10.5131 6.037C10.3711 6.179 10.1918 6.25 9.9751 6.25C9.75843 6.25 9.57943 6.179 9.4381 6.037C9.2961 5.89567 9.2251 5.71667 9.2251 5.5V3.5C9.2251 3.28333 9.2961 3.104 9.4381 2.962C9.57943 2.82067 9.75843 2.75 9.9751 2.75C10.1918 2.75 10.3711 2.82067 10.5131 2.962C10.6544 3.104 10.7251 3.28333 10.7251 3.5V3.75H12.8251C13.0751 3.75 13.2878 3.83733 13.4631 4.012C13.6378 4.18733 13.7251 4.4 13.7251 4.65V9.5C13.7251 10.9 13.2711 12.1167 12.3631 13.15C11.4544 14.1833 10.3251 14.7833 8.9751 14.95V15.5C8.9751 16.75 9.41276 17.8127 10.2881 18.688C11.1628 19.5627 12.2251 20 13.4751 20C14.7251 20 15.7878 19.5627 16.6631 18.688C17.5378 17.8127 17.9751 16.75 17.9751 15.5V13.875C17.4584 13.7083 17.0294 13.404 16.6881 12.962C16.3461 12.5207 16.1751 12.0167 16.1751 11.45C16.1751 10.7333 16.4251 10.125 16.9251 9.625C17.4251 9.125 18.0251 8.875 18.7251 8.875C19.4418 8.875 20.0501 9.125 20.5501 9.625C21.0501 10.125 21.3001 10.7333 21.3001 11.45C21.3001 12.0167 21.1294 12.5207 20.7881 12.962C20.4461 13.404 20.0084 13.7083 19.4751 13.875V15.5C19.4751 17.1667 18.8918 18.5833 17.7251 19.75C16.5584 20.9167 15.1418 21.5 13.4751 21.5Z",fill:"#2D87F3",strokeWidth:0}))),e.name,e.popupType&&a.createElement("div",{className:Mt},a.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none"},a.createElement("path",{d:"M11.5 7.5L9 10L6.5 7.5",stroke:"#202135",strokeWidth:"1.33",strokeLinecap:"round",strokeLinejoin:"round"})))),a.isValidElement(t)?a.cloneElement(t,{onClose:r}):null))},Lt=({isNew:e,children:t})=>{const{t:n}=F();return e?a.createElement(le,{color:"green",label:n("home.navigator.menuItem.new"),size:20,styles:{root:{paddingRight:10}}},t):a.createElement(a.Fragment,null,t)},At=({hrefViewMore:e,titleBtnViewMore:t,UrlFE:n,onClosePopup:i,menuItems:o,headingTitle:l,activeItem:r})=>{const{siteType:s}=c(gt);return a.createElement(wt,null,a.createElement(Ct,null,a.createElement(te,{tag:"marryBaby"===s?"h5":"h6",as:"p",fontWeight:"semibold"},l)),null==o?void 0:o.slice(0,6).map(((e,t)=>{const o=(null==e?void 0:e.link)?(null==e?void 0:e.link.startsWith("http"))?null==e?void 0:e.link:`${n}/${null==e?void 0:e.link.split("/").filter(Boolean).join("/")}/`:"/";return a.createElement(kt,Object.assign({className:"iconMenu","data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":o,"data-is-heading-category":!1,"data-active":e.id&&e.id===r,href:o},!he(o)&&{target:"_blank"},{"data-theme":s,key:t,onClick:i}),a.createElement("div",{className:"icon"},a.createElement("img",{loading:"lazy",alt:e.name,src:e.thumbnail||"/images/avatar.jpg",style:{width:32,height:32,maxWidth:32,maxHeight:32,overflow:"hidden"}})),a.createElement(Lt,{isNew:e.isNew},a.createElement("p",{style:{paddingRight:e.isNew?10:0}},e.name)),a.createElement($t,null,a.createElement("img",{src:x.getAssetPath("chevronRight.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))})),t&&a.createElement(_t,{"data-theme":s,style:{textDecoration:"none"},href:e,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":e},a.createElement(Bt,{onClick:i,"data-theme":s,"data-is-heading-category":!1},t,a.createElement(Pt,null,a.createElement("img",{className:"svg",src:"marryBaby"===s?x.getAssetPath("chevronRightPink.svg"):x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"})))))},jt=h.div`
|
|
524
|
+
display: grid;
|
|
525
|
+
|
|
526
|
+
grid-template-columns: repeat(3, 1fr);
|
|
527
|
+
gap: 24px;
|
|
528
|
+
margin-bottom: 3.5rem;
|
|
529
|
+
${J.tdDown} {
|
|
530
|
+
grid-template-columns: repeat(1, 1fr);
|
|
531
|
+
}
|
|
532
|
+
`,zt=h.div`
|
|
533
|
+
height: 152px;
|
|
534
|
+
position: absolute;
|
|
535
|
+
top: 0;
|
|
536
|
+
left: 0;
|
|
537
|
+
z-index: 3;
|
|
538
|
+
overflow: hidden;
|
|
539
|
+
border-radius: 4px;
|
|
540
|
+
padding: 16px;
|
|
541
|
+
width: 100%;
|
|
542
|
+
|
|
543
|
+
.img-container {
|
|
544
|
+
width: 100%;
|
|
545
|
+
height: 100%;
|
|
546
|
+
}
|
|
547
|
+
img {
|
|
548
|
+
width: 100%;
|
|
549
|
+
height: 100%;
|
|
550
|
+
display: block;
|
|
551
|
+
object-fit: contain;
|
|
552
|
+
}
|
|
553
|
+
${J.tdDown} {
|
|
554
|
+
margin-bottom: 0;
|
|
555
|
+
padding: 0;
|
|
556
|
+
height: 100%;
|
|
557
|
+
position: unset;
|
|
558
|
+
width: 150px;
|
|
559
|
+
}
|
|
560
|
+
${J.mbDown} {
|
|
561
|
+
width: 80px;
|
|
562
|
+
}
|
|
563
|
+
`,Ht=h.div`
|
|
564
|
+
background-color: #ffffff;
|
|
565
|
+
border-radius: 4px;
|
|
566
|
+
width: 100%;
|
|
567
|
+
height: 100%;
|
|
568
|
+
`,St=h.div`
|
|
569
|
+
display: flex;
|
|
570
|
+
margin-top: 1rem;
|
|
571
|
+
align-items: center;
|
|
572
|
+
color: ${v.colors.primaryBase};
|
|
573
|
+
font-weight: 400;
|
|
574
|
+
font-size: 14px;
|
|
575
|
+
text-decoration: none;
|
|
576
|
+
${J.tdDown} {
|
|
577
|
+
display: none;
|
|
578
|
+
}
|
|
579
|
+
`,Ut=h.p`
|
|
580
|
+
font-size: 16px;
|
|
581
|
+
font-weight: 600;
|
|
582
|
+
line-height: 1.6;
|
|
583
|
+
color: ${v.colors.gray800};
|
|
584
|
+
${J.tdDown} {
|
|
585
|
+
padding: 0;
|
|
586
|
+
}
|
|
587
|
+
`,Ft=h.p`
|
|
588
|
+
font-size: 14px;
|
|
589
|
+
line-height: 1.6;
|
|
590
|
+
font-weight: 400;
|
|
591
|
+
color: ${v.colors.gray600};
|
|
592
|
+
height: 40px;
|
|
593
|
+
text-overflow: ellipsis;
|
|
594
|
+
overflow: hidden;
|
|
595
|
+
display: -webkit-box;
|
|
596
|
+
-webkit-line-clamp: 2;
|
|
597
|
+
-webkit-box-orient: vertical;
|
|
598
|
+
margin-bottom: auto;
|
|
599
|
+
${J.tdDown} {
|
|
600
|
+
height: unset;
|
|
601
|
+
padding: 0;
|
|
602
|
+
}
|
|
603
|
+
`,Ot="hhgcomp-navigation-menucareitem-contentwrapper",Rt=X(h.div`
|
|
604
|
+
display: flex;
|
|
605
|
+
flex-direction: column;
|
|
606
|
+
gap: 8px;
|
|
607
|
+
flex: 1;
|
|
608
|
+
z-index: 1;
|
|
609
|
+
${J.tdDown} {
|
|
610
|
+
gap: 4px;
|
|
611
|
+
}
|
|
612
|
+
`,Ot),It=h.a`
|
|
613
|
+
text-decoration: none;
|
|
614
|
+
border-radius: 4px;
|
|
615
|
+
background: ${v.colors.white};
|
|
616
|
+
position: relative;
|
|
617
|
+
overflow: hidden;
|
|
618
|
+
padding: 16px;
|
|
619
|
+
display: flex;
|
|
620
|
+
padding-top: 166px;
|
|
621
|
+
* {
|
|
622
|
+
pointer-events: none;
|
|
623
|
+
}
|
|
624
|
+
${J.tdUp} {
|
|
625
|
+
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06),
|
|
626
|
+
0px 0px 1px rgba(0, 0, 0, 0.04);
|
|
627
|
+
gap: 30px;
|
|
628
|
+
flex-direction: column;
|
|
629
|
+
a {
|
|
630
|
+
display: flex;
|
|
631
|
+
width: 100%;
|
|
632
|
+
}
|
|
633
|
+
}
|
|
634
|
+
${J.tdDown} {
|
|
635
|
+
padding-top: 16px;
|
|
636
|
+
a {
|
|
637
|
+
display: none;
|
|
638
|
+
}
|
|
639
|
+
grid-template-columns: 2fr 1fr;
|
|
640
|
+
gap: 10px;
|
|
641
|
+
display: grid;
|
|
642
|
+
max-height: 110px;
|
|
643
|
+
display: flex;
|
|
644
|
+
flex-direction: row-reverse;
|
|
645
|
+
> .${Ot} {
|
|
646
|
+
flex: 1;
|
|
647
|
+
}
|
|
648
|
+
img {
|
|
649
|
+
width: 150px;
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
${J.mbDown} {
|
|
653
|
+
box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.04),
|
|
654
|
+
0px 2px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
|
|
655
|
+
display: flex;
|
|
656
|
+
flex-direction: row-reverse;
|
|
657
|
+
img {
|
|
658
|
+
width: 80px;
|
|
659
|
+
height: 80px;
|
|
660
|
+
}
|
|
661
|
+
}
|
|
662
|
+
${J.tdOnly} {
|
|
663
|
+
border: 1px solid ${v.colors.neutral100};
|
|
664
|
+
}
|
|
665
|
+
.bg-svg {
|
|
666
|
+
width: 100%;
|
|
667
|
+
max-width: 245px;
|
|
668
|
+
height: 100%;
|
|
669
|
+
top: 0;
|
|
670
|
+
right: -40px;
|
|
671
|
+
position: absolute;
|
|
672
|
+
display: inline-block;
|
|
673
|
+
}
|
|
674
|
+
`,Vt=({item:e,index:t=0})=>{var n;const{t:i}=F(),{locale:o,configs:{statics:l}}=c(gt);if(!e)return null;const r=`${l.CARE_URL_FE}/${null===(n=oe[o])||void 0===n?void 0:n.HOSPITAL}/${e.slug}-${e.id}`;return a.createElement(It,{key:e.id,href:r,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":r},a.createElement("img",{src:x.getAssetPath("navCareCardBg.svg"),alt:"",className:"bg-svg",loading:"lazy"}),a.createElement(zt,null,a.createElement(Ht,null,a.createElement("img",{loading:"lazy",alt:e.name,src:e.logo||"/images/avatar.jpg"}))),a.createElement(Rt,null,a.createElement(Ut,null,e.name),a.createElement(Ft,null,e.description),a.createElement(St,null,i("home.seeMore"),a.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))))},Zt=h.div`
|
|
675
|
+
padding: 16px;
|
|
676
|
+
border-radius: 8px;
|
|
677
|
+
position: relative;
|
|
678
|
+
z-index: 1;
|
|
679
|
+
overflow: hidden;
|
|
680
|
+
a {
|
|
681
|
+
text-decoration: none;
|
|
682
|
+
}
|
|
683
|
+
|
|
684
|
+
.bg-svg {
|
|
685
|
+
height: 100%;
|
|
686
|
+
position: absolute;
|
|
687
|
+
top: 0;
|
|
688
|
+
left: 0;
|
|
689
|
+
z-index: -1;
|
|
690
|
+
}
|
|
691
|
+
${J.mbDown} {
|
|
692
|
+
display: block;
|
|
693
|
+
.bg-svg {
|
|
694
|
+
right: -24px;
|
|
695
|
+
left: unset;
|
|
696
|
+
top: 0;
|
|
697
|
+
transform: rotateY(180deg);
|
|
698
|
+
}
|
|
699
|
+
}
|
|
700
|
+
|
|
701
|
+
${J.mbUp} {
|
|
702
|
+
display: grid;
|
|
703
|
+
grid-gap: 10px;
|
|
704
|
+
grid-template-columns: 1fr 3fr;
|
|
705
|
+
}
|
|
706
|
+
`,Gt=h.div`
|
|
707
|
+
font-weight: 400;
|
|
708
|
+
font-size: 14px;
|
|
709
|
+
line-height: 24px;
|
|
710
|
+
color: ${v.colors.gray600};
|
|
711
|
+
margin-bottom: 15px;
|
|
712
|
+
`,Wt=h.div`
|
|
713
|
+
font-weight: 600;
|
|
714
|
+
font-size: 16px;
|
|
715
|
+
line-height: 26px;
|
|
716
|
+
color: #000000;
|
|
717
|
+
margin-bottom: 4px;
|
|
718
|
+
`,Yt=h.div`
|
|
719
|
+
background: #fff;
|
|
720
|
+
padding: 5px;
|
|
721
|
+
display: flex;
|
|
722
|
+
align-items: center;
|
|
723
|
+
justify-content: center;
|
|
724
|
+
border-radius: 50px;
|
|
725
|
+
`,qt=h.div`
|
|
726
|
+
display: flex;
|
|
727
|
+
justify-content: center;
|
|
728
|
+
align-items: center;
|
|
729
|
+
position: relative;
|
|
730
|
+
${J.mbDown} {
|
|
731
|
+
justify-content: end;
|
|
732
|
+
min-height: 100px;
|
|
733
|
+
}
|
|
734
|
+
`,Kt=({title:e,link:t,description:n,cta:i,icon:o})=>{const{siteType:l}=c(gt);return a.createElement(Zt,{"data-theme":l},a.createElement(qt,null,a.createElement("img",{src:"marryBaby"===l?x.getAssetPath("navMBSpotlightBgNoData.svg"):x.getAssetPath("navSpotlightBgNoData.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(Yt,null,o&&a.createElement("img",{src:o,width:64,height:64,loading:"lazy"}))),a.createElement("div",null,e&&a.createElement(Wt,null,e),n&&a.createElement(Gt,null,n),i&&a.createElement("div",null,a.createElement("a",{href:t},a.createElement(ne,{theme:l,className:"survey-contact-submit",size:"md"},i)))))},Qt=h.div`
|
|
735
|
+
margin-top: 10px;
|
|
736
|
+
background: #ffffff;
|
|
737
|
+
padding: 5px 15px;
|
|
738
|
+
position: relative;
|
|
739
|
+
${J.mbDown} {
|
|
740
|
+
&:after {
|
|
741
|
+
position: absolute;
|
|
742
|
+
top: 0;
|
|
743
|
+
left: 0;
|
|
744
|
+
width: 100%;
|
|
745
|
+
height: 4px;
|
|
746
|
+
background-color: ${v.colors.neutral100};
|
|
747
|
+
content: '';
|
|
748
|
+
}
|
|
749
|
+
}
|
|
750
|
+
`,Jt=h.div`
|
|
751
|
+
margin: 15px 0;
|
|
752
|
+
display: flex;
|
|
753
|
+
`,Xt=h.a`
|
|
754
|
+
padding-left: 10px;
|
|
755
|
+
display: flex;
|
|
756
|
+
align-items: center;
|
|
757
|
+
text-decoration: none;
|
|
758
|
+
font-weight: 400;
|
|
759
|
+
font-size: 14px;
|
|
760
|
+
color: ${v.colors.primaryBase};
|
|
761
|
+
&[data-theme='marryBaby'] {
|
|
762
|
+
color: ${v.mbColors.pink};
|
|
763
|
+
}
|
|
764
|
+
img {
|
|
765
|
+
padding-left: 5px;
|
|
766
|
+
}
|
|
767
|
+
${J.mbDown} {
|
|
768
|
+
margin-left: auto;
|
|
769
|
+
}
|
|
770
|
+
`,ea=({title:e,viewMore:t,children:n,link:i,dataEventAction:o=""})=>{const{siteType:l}=c(gt);return a.createElement(Qt,null,a.createElement(Jt,null,a.createElement(te,{tag:"marryBaby"===l?"h5":"h6",as:"p",fontWeight:"semibold"},e),t&&a.createElement(Xt,{"data-event-category":"Hamburger Navigation","data-event-action":o,"data-event-label":i,href:i,"data-theme":l},t,a.createElement("img",{src:"marryBaby"===l?x.getAssetPath("chevronRightPink.svg"):x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px"},loading:"lazy"}))),n)},ta=({spotlights:e=[],hrefViewMore:t})=>{const{t:n}=F(),{siteType:i}=c(gt);return a.createElement(ea,{title:n("home.navigator.menu.spotlightHospitals")},0!==e.length?a.createElement(a.Fragment,null,a.createElement(jt,null,null==e?void 0:e.slice(0,3).map(((e,t)=>a.createElement(Vt,{key:t,index:t,item:e})))),a.createElement("div",{style:{position:"absolute",bottom:"6px",right:"1rem"}},a.createElement("a",{href:t},a.createElement(ne,{theme:i,className:"survey-contact-submit",size:"md"},n("home.navigator.menu.care.homeButton"))))):a.createElement(Kt,{title:n("home.navigator.menu.care.noDatas.title"),description:n("home.navigator.menu.care.noDatas.description"),link:t,cta:n("home.navigator.menu.care.homeButton"),icon:x.getAssetPath("community.svg")}))},aa=h.div`
|
|
771
|
+
display: grid;
|
|
772
|
+
|
|
773
|
+
grid-template-columns: repeat(4, 1fr);
|
|
774
|
+
gap: 24px;
|
|
775
|
+
${J.tdDown} {
|
|
776
|
+
gap: 12px;
|
|
777
|
+
grid-template-columns: 1fr;
|
|
778
|
+
}
|
|
779
|
+
`,na=h.a`
|
|
780
|
+
width: 100%;
|
|
781
|
+
display: flex;
|
|
782
|
+
align-items: center;
|
|
783
|
+
text-decoration: none;
|
|
784
|
+
* {
|
|
785
|
+
pointer-events: none;
|
|
786
|
+
}
|
|
787
|
+
`,ia=h.div`
|
|
788
|
+
border-radius: 5px;
|
|
789
|
+
display: block;
|
|
790
|
+
overflow: hidden;
|
|
791
|
+
padding-top: 140%;
|
|
792
|
+
width: 100%;
|
|
793
|
+
position: relative;
|
|
794
|
+
height: 0;
|
|
795
|
+
img {
|
|
796
|
+
position: absolute;
|
|
797
|
+
width: 100%;
|
|
798
|
+
height: 100%;
|
|
799
|
+
display: block;
|
|
800
|
+
object-fit: cover;
|
|
801
|
+
top: 0;
|
|
802
|
+
left: 0;
|
|
803
|
+
}
|
|
804
|
+
${J.tdDown} {
|
|
805
|
+
width: 72px;
|
|
806
|
+
padding-top: 100px;
|
|
807
|
+
}
|
|
808
|
+
`,oa=h.p`
|
|
809
|
+
font-size: 16px;
|
|
810
|
+
font-weight: 400;
|
|
811
|
+
padding: 4px 15px;
|
|
812
|
+
line-height: 1.4;
|
|
813
|
+
color: ${v.colors.gray800};
|
|
814
|
+
flex: 1;
|
|
815
|
+
${J.tdUp} {
|
|
816
|
+
display: none;
|
|
817
|
+
}
|
|
818
|
+
`,la=({item:e,index:t=0})=>e?a.createElement(na,{key:e.id,href:e.link,"data-event-category":"Hamburger Navigation","data-event-action":`Spotlight Click ${t+1}`,"data-event-label":e.link},a.createElement(ia,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.banner||"/images/notFound-min-small.jpg"})),a.createElement(oa,null,e.title)):null,ra=({spotlightsList:e=[],hrefViewMore:t})=>{const{t:n}=F(),{configs:{statics:i}}=c(gt);return a.createElement(ea,{title:n("home.navigator.menu.spotlights"),viewMore:n("home.navigator.menu.spotlights.seeAll"),link:t,dataEventAction:"Spotlight See More Click"},0!==e.length?a.createElement(aa,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(la,{key:t,index:t,item:{id:e.id,link:i.HOME_PAGE_URL+e.permalink,title:e.name,banner:e.image}})))):a.createElement(Kt,{title:n("home.navigator.menu.category.noDatas.title"),description:n("home.navigator.menu.category.noDatas.description"),link:t,cta:n("home.navigator.menu.category.noDatas.cta"),icon:x.getAssetPath("Spotlight.svg")}))},sa=h.div`
|
|
819
|
+
display: grid;
|
|
820
|
+
grid-template-columns: repeat(2, 1fr);
|
|
821
|
+
grid-gap: 48px;
|
|
822
|
+
${J.tdDown} {
|
|
823
|
+
grid-template-columns: 1fr;
|
|
824
|
+
grid-gap: 32px;
|
|
825
|
+
}
|
|
826
|
+
${J.mbDown} {
|
|
827
|
+
grid-gap: 24px;
|
|
828
|
+
}
|
|
829
|
+
`,ca=h.div`
|
|
830
|
+
padding: 5px;
|
|
831
|
+
flex: 1;
|
|
832
|
+
`,da=h.img`
|
|
833
|
+
width: 88px;
|
|
834
|
+
height: 88px;
|
|
835
|
+
border-radius: 4px;
|
|
836
|
+
object-fit: cover;
|
|
837
|
+
`,ma=h.div`
|
|
838
|
+
font-size: 12px;
|
|
839
|
+
font-weight: 600;
|
|
840
|
+
color: ${v.colors.gray800};
|
|
841
|
+
text-decoration: none;
|
|
842
|
+
&[data-theme='marryBaby'] {
|
|
843
|
+
font-weight: 400;
|
|
844
|
+
letter-spacing: -0.2px;
|
|
845
|
+
}
|
|
846
|
+
`,pa=h.div`
|
|
847
|
+
text-decoration: none;
|
|
848
|
+
font-size: 12px;
|
|
849
|
+
font-weight: 400;
|
|
850
|
+
color: ${v.colors.primaryBase};
|
|
851
|
+
&[data-theme='marryBaby'] {
|
|
852
|
+
font-weight: 400;
|
|
853
|
+
letter-spacing: -0.2px;
|
|
854
|
+
}
|
|
855
|
+
`,ga=h.div`
|
|
856
|
+
font-size: 12px;
|
|
857
|
+
font-weight: 400;
|
|
858
|
+
color: ${v.colors.gray600};
|
|
859
|
+
`,ha=h.div`
|
|
860
|
+
font-size: 12px;
|
|
861
|
+
font-weight: 400;
|
|
862
|
+
color: ${v.colors.gray600};
|
|
863
|
+
`,ua=h.a`
|
|
864
|
+
display: flex;
|
|
865
|
+
gap: 10px;
|
|
866
|
+
text-decoration: none;
|
|
867
|
+
position: relative;
|
|
868
|
+
&::after {
|
|
869
|
+
content: '';
|
|
870
|
+
display: block;
|
|
871
|
+
width: 100%;
|
|
872
|
+
height: 1px;
|
|
873
|
+
border-top: 1px dashed ${v.colors.neutral100};
|
|
874
|
+
position: absolute;
|
|
875
|
+
bottom: -24px;
|
|
876
|
+
${J.tdOnly} {
|
|
877
|
+
bottom: -16px;
|
|
878
|
+
}
|
|
879
|
+
${J.mbDown} {
|
|
880
|
+
bottom: -12px;
|
|
881
|
+
}
|
|
882
|
+
}
|
|
883
|
+
&:last-child {
|
|
884
|
+
&::after {
|
|
885
|
+
display: none;
|
|
886
|
+
}
|
|
887
|
+
}
|
|
888
|
+
${J.tdUp} {
|
|
889
|
+
&:nth-last-child(2) {
|
|
890
|
+
&::after {
|
|
891
|
+
display: none;
|
|
892
|
+
}
|
|
893
|
+
}
|
|
894
|
+
}
|
|
895
|
+
`,va=h.div`
|
|
896
|
+
display: flex;
|
|
897
|
+
gap: 10px;
|
|
898
|
+
vertical-align: middle;
|
|
899
|
+
align-items: center;
|
|
900
|
+
`,fa=h.div`
|
|
901
|
+
margin-top: 8px;
|
|
902
|
+
font-size: 16px;
|
|
903
|
+
font-weight: 600;
|
|
904
|
+
color: ${v.colors.gray800};
|
|
905
|
+
&[data-theme='marryBaby'] {
|
|
906
|
+
margin-top: 12px;
|
|
907
|
+
font-weight: 400;
|
|
908
|
+
font-size: 14px;
|
|
909
|
+
line-height: 24px;
|
|
910
|
+
letter-spacing: -0.2px;
|
|
911
|
+
}
|
|
912
|
+
`,ba=h.div`
|
|
913
|
+
display: flex;
|
|
914
|
+
flex-wrap: wrap;
|
|
915
|
+
align-items: center;
|
|
916
|
+
column-gap: 5px;
|
|
917
|
+
`,ya=h.div`
|
|
918
|
+
display: flex;
|
|
919
|
+
gap: 4px;
|
|
920
|
+
flex-direction: column;
|
|
921
|
+
`;se.extend(ce);const xa=({post:e,index:t=0})=>{var n,i,o,l,r,s,d;const{siteType:m,configs:{statics:p}}=c(gt);if(!e)return null;const g=[p.TOGETHER_URL_FE,null===(n=e.community)||void 0===n?void 0:n.slug].join("/"),h=[g,e.slug].join("/"),u=e.createdAt,v=u?isNaN(new Date(u).getTime())?null:new Date(u):null,f=v?se(v).toNow(!0):u;return a.createElement(ua,{href:h,"data-event-category":"Hamburger Navigation","data-event-action":`Together Click ${t+1}`,"data-event-label":h},a.createElement(ca,null,a.createElement(va,null,a.createElement(z,{avatar:null===(i=e.author)||void 0===i?void 0:i.avatar,username:(null===(o=e.author)||void 0===o?void 0:o.name)||(null===(l=e.author)||void 0===l?void 0:l.username)}),a.createElement(ya,null,a.createElement(ma,{"data-theme":m},null===(r=e.author)||void 0===r?void 0:r.name),a.createElement(ba,null,a.createElement(pa,{"data-event-category":"Hamburger Navigation","data-event-action":`Topic Click ${t+1}`,"data-event-label":g,onClick:e=>{e.preventDefault(),location.href=g},"data-theme":m},null===(s=e.community)||void 0===s?void 0:s.name),a.createElement(ha,null,"•"),a.createElement(ga,{"data-theme":m},f)))),a.createElement(fa,null,e.title)),!!(null===(d=e.photos)||void 0===d?void 0:d.length)&&a.createElement(da,{loading:"lazy",src:e.photos[0]}))},Ea=({spotlights:e=[]})=>{const{configs:{statics:t}}=c(gt),{t:n}=F();return a.createElement(ea,{title:n("home.navigator.menu.trendingPosts"),viewMore:n("home.navigator.menu.trendingPosts.seeMore"),link:M(t.TOGETHER_URL_FE),dataEventAction:"Together See More Click"},0!==e.length?a.createElement(sa,null,null==e?void 0:e.slice(0,4).map(((e,t)=>a.createElement(xa,{index:t,post:e,key:e.id})))):a.createElement(Kt,{title:n("home.navigator.menu.together.noPosts.title"),description:n("home.navigator.menu.together.noPosts.description"),link:`${t.HOME_PAGE_URL}/community/`,cta:n("home.navigator.menu.together.noPosts.cta"),icon:x.getAssetPath("community.svg")}))},wa=h.div`
|
|
922
|
+
display: grid;
|
|
923
|
+
|
|
924
|
+
grid-template-columns: repeat(3, 1fr);
|
|
925
|
+
gap: 24px;
|
|
926
|
+
margin-bottom: 3.5rem;
|
|
927
|
+
${J.tdDown} {
|
|
928
|
+
grid-template-columns: repeat(1, 1fr);
|
|
929
|
+
}
|
|
930
|
+
`,ka=h.a`
|
|
931
|
+
text-decoration: none;
|
|
932
|
+
display: flex;
|
|
933
|
+
align-items: center;
|
|
934
|
+
`,Ca=({item:e,index:t=0})=>e?a.createElement(ka,{href:e.url,"data-event-category":"Hamburger Navigation","data-event-action":`Care Click ${t+1}`,"data-event-label":e.url},a.createElement("img",{loading:"lazy",alt:e.name,src:e.featuredImage||"/images/avatar.jpg",style:{width:"40px",height:"40px"}}),a.createElement(f,{size:"p2",weight:"regular",style:{marginLeft:16}},e.name),a.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"20px",height:"20px",marginLeft:"auto"},loading:"lazy"})):null,$a=({helpfulUrls:e=[]})=>{const{t:t}=F();return e.length?a.createElement(ea,{title:t("home.navigator.menu.spotlightEcom")},0!==e.length?a.createElement(wa,null,null==e?void 0:e.slice(0,5).map(((e,t)=>a.createElement(Ca,{key:t,index:t,item:e})))):a.createElement(a.Fragment,null)):null},Ba=h.div`
|
|
935
|
+
display: grid;
|
|
936
|
+
|
|
937
|
+
grid-template-columns: repeat(3, 1fr);
|
|
938
|
+
gap: 24px;
|
|
939
|
+
${J.tdDown} {
|
|
940
|
+
grid-template-columns: 1fr;
|
|
941
|
+
gap: 12px;
|
|
942
|
+
}
|
|
943
|
+
`,Pa=h.a`
|
|
944
|
+
text-decoration: none;
|
|
945
|
+
border-radius: 4px;
|
|
946
|
+
background: ${v.colors.primary50};
|
|
947
|
+
position: relative;
|
|
948
|
+
overflow: hidden;
|
|
949
|
+
display: flex;
|
|
950
|
+
* {
|
|
951
|
+
pointer-events: none;
|
|
952
|
+
}
|
|
953
|
+
.bg-svg {
|
|
954
|
+
width: 245px;
|
|
955
|
+
top: 0;
|
|
956
|
+
right: 0;
|
|
957
|
+
height: 100%;
|
|
958
|
+
position: absolute;
|
|
959
|
+
${J.tdDown} {
|
|
960
|
+
top: calc(51% - 68px);
|
|
961
|
+
right: -8px;
|
|
962
|
+
}
|
|
963
|
+
}
|
|
964
|
+
padding: 180px 24px 16px;
|
|
965
|
+
a {
|
|
966
|
+
display: flex;
|
|
967
|
+
width: 100%;
|
|
968
|
+
}
|
|
969
|
+
${J.tdDown} {
|
|
970
|
+
padding-top: 16px;
|
|
971
|
+
display: flex;
|
|
972
|
+
align-items: center;
|
|
973
|
+
}
|
|
974
|
+
`,_a=h.div`
|
|
975
|
+
width: 64px;
|
|
976
|
+
height: 64px;
|
|
977
|
+
background: white;
|
|
978
|
+
position: absolute;
|
|
979
|
+
right: 25px;
|
|
980
|
+
top: 35px;
|
|
981
|
+
z-index: 3;
|
|
982
|
+
border-radius: 50%;
|
|
983
|
+
img {
|
|
984
|
+
position: absolute;
|
|
985
|
+
width: 64px;
|
|
986
|
+
height: 64px;
|
|
987
|
+
top: 50%;
|
|
988
|
+
left: 50%;
|
|
989
|
+
display: block;
|
|
990
|
+
transform: translate(-50%, -50%);
|
|
991
|
+
}
|
|
992
|
+
${J.tdDown} {
|
|
993
|
+
position: relative;
|
|
994
|
+
top: unset;
|
|
995
|
+
right: unset;
|
|
996
|
+
}
|
|
997
|
+
`,Ma=h.div`
|
|
998
|
+
display: flex;
|
|
999
|
+
align-items: center;
|
|
1000
|
+
color: ${v.colors.primaryBase};
|
|
1001
|
+
font-weight: 400;
|
|
1002
|
+
font-size: 14px;
|
|
1003
|
+
text-decoration: none;
|
|
1004
|
+
`,Na=h.p`
|
|
1005
|
+
font-size: 16px;
|
|
1006
|
+
font-weight: 600;
|
|
1007
|
+
line-height: 1.4;
|
|
1008
|
+
color: ${v.colors.gray800};
|
|
1009
|
+
`,Ta=h.p`
|
|
1010
|
+
font-size: 14px;
|
|
1011
|
+
line-height: 1.4;
|
|
1012
|
+
font-weight: 400;
|
|
1013
|
+
color: ${v.colors.gray600};
|
|
1014
|
+
height: 40px;
|
|
1015
|
+
text-overflow: ellipsis;
|
|
1016
|
+
overflow: hidden;
|
|
1017
|
+
display: -webkit-box;
|
|
1018
|
+
-webkit-line-clamp: 2;
|
|
1019
|
+
-webkit-box-orient: vertical;
|
|
1020
|
+
margin-bottom: auto;
|
|
1021
|
+
${J.tdDown} {
|
|
1022
|
+
display: none;
|
|
1023
|
+
}
|
|
1024
|
+
`,Da=h.div`
|
|
1025
|
+
display: flex;
|
|
1026
|
+
flex-direction: column;
|
|
1027
|
+
flex: 1;
|
|
1028
|
+
z-index: 1;
|
|
1029
|
+
${J.tdUp} {
|
|
1030
|
+
gap: 8px;
|
|
1031
|
+
}
|
|
1032
|
+
${J.tdDown} {
|
|
1033
|
+
gap: 4px;
|
|
1034
|
+
flex: 1;
|
|
1035
|
+
}
|
|
1036
|
+
`,La=({item:e,index:t=0})=>{const{t:n}=F(),{configs:{statics:i}}=c(gt);if(!e)return null;const o=e.link?e.link.startsWith("http")?e.link:`${i.HOME_PAGE_URL}${e.link}`:void 0;return a.createElement(Pa,{href:o,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":o},a.createElement("img",{src:x.getAssetPath("navToolCardBg.svg"),alt:"",loading:"lazy",className:"bg-svg"}),a.createElement(Da,null,a.createElement(Na,null,e.title),a.createElement(Ta,null,e.subtitle),a.createElement(Ma,null,n("home.seeMore"),a.createElement("img",{src:x.getAssetPath("chevronRightActive.svg"),style:{width:"16px",height:"16px",marginTop:"3px",marginLeft:"5px"},loading:"lazy"}))),a.createElement(_a,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})))},Aa=h.a`
|
|
1037
|
+
text-decoration: none;
|
|
1038
|
+
border-radius: 12px;
|
|
1039
|
+
|
|
1040
|
+
position: relative;
|
|
1041
|
+
overflow: hidden;
|
|
1042
|
+
display: flex;
|
|
1043
|
+
* {
|
|
1044
|
+
pointer-events: none;
|
|
1045
|
+
}
|
|
1046
|
+
.bg-svg {
|
|
1047
|
+
top: 0;
|
|
1048
|
+
left: 0;
|
|
1049
|
+
position: absolute;
|
|
1050
|
+
}
|
|
1051
|
+
|
|
1052
|
+
.dot-svg {
|
|
1053
|
+
width: 40px;
|
|
1054
|
+
height: 30px;
|
|
1055
|
+
top: 36px;
|
|
1056
|
+
left: 16px;
|
|
1057
|
+
position: absolute;
|
|
1058
|
+
stroke-width: 0;
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1061
|
+
&[data-color='pink'] {
|
|
1062
|
+
background: ${v.mbColors.tonePink};
|
|
1063
|
+
.bg-svg {
|
|
1064
|
+
fill: ${v.mbColors.peach};
|
|
1065
|
+
}
|
|
1066
|
+
}
|
|
1067
|
+
&[data-color='orange'] {
|
|
1068
|
+
background: ${v.mbColors.toneYellow};
|
|
1069
|
+
.bg-svg {
|
|
1070
|
+
fill: ${v.mbColors.orange};
|
|
1071
|
+
}
|
|
1072
|
+
}
|
|
1073
|
+
&[data-color='green'] {
|
|
1074
|
+
background: ${v.mbColors.toneGreen};
|
|
1075
|
+
.bg-svg {
|
|
1076
|
+
fill: ${v.mbColors.mint};
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1080
|
+
padding: 180px 24px 16px;
|
|
1081
|
+
a {
|
|
1082
|
+
display: flex;
|
|
1083
|
+
width: 100%;
|
|
1084
|
+
}
|
|
1085
|
+
${J.tdDown} {
|
|
1086
|
+
padding-top: 16px;
|
|
1087
|
+
display: flex;
|
|
1088
|
+
align-items: flex-start;
|
|
1089
|
+
justify-content: flex-start;
|
|
1090
|
+
}
|
|
1091
|
+
${J.mbDown} {
|
|
1092
|
+
padding-top: 0;
|
|
1093
|
+
padding-left: 80px;
|
|
1094
|
+
height: 96px;
|
|
1095
|
+
align-items: flex-start;
|
|
1096
|
+
justify-content: center;
|
|
1097
|
+
flex-direction: column;
|
|
1098
|
+
.dot-svg {
|
|
1099
|
+
top: 22px;
|
|
1100
|
+
left: 16px;
|
|
1101
|
+
}
|
|
1102
|
+
}
|
|
1103
|
+
${J.tdUp} {
|
|
1104
|
+
min-height: 296px;
|
|
1105
|
+
}
|
|
1106
|
+
.mobile-only {
|
|
1107
|
+
${J.tdUp} {
|
|
1108
|
+
display: none;
|
|
1109
|
+
}
|
|
1110
|
+
}
|
|
1111
|
+
.desktop-only {
|
|
1112
|
+
${J.tdDown} {
|
|
1113
|
+
display: none;
|
|
1114
|
+
}
|
|
1115
|
+
}
|
|
1116
|
+
`,ja=h.div`
|
|
1117
|
+
width: 48px;
|
|
1118
|
+
height: 48px;
|
|
1119
|
+
background: white;
|
|
1120
|
+
position: absolute;
|
|
1121
|
+
right: 25px;
|
|
1122
|
+
top: 35px;
|
|
1123
|
+
z-index: 3;
|
|
1124
|
+
border-radius: 50%;
|
|
1125
|
+
img {
|
|
1126
|
+
position: absolute;
|
|
1127
|
+
width: 36px;
|
|
1128
|
+
height: 36px;
|
|
1129
|
+
top: 50%;
|
|
1130
|
+
left: 50%;
|
|
1131
|
+
display: block;
|
|
1132
|
+
transform: translate(-50%, -50%);
|
|
1133
|
+
}
|
|
1134
|
+
${J.tdDown} {
|
|
1135
|
+
position: relative;
|
|
1136
|
+
top: unset;
|
|
1137
|
+
right: unset;
|
|
1138
|
+
}
|
|
1139
|
+
${J.mbDown} {
|
|
1140
|
+
position: absolute;
|
|
1141
|
+
left: 32px;
|
|
1142
|
+
top: 28px;
|
|
1143
|
+
}
|
|
1144
|
+
`,za=h.div`
|
|
1145
|
+
display: flex;
|
|
1146
|
+
align-items: center;
|
|
1147
|
+
background: white;
|
|
1148
|
+
font-weight: 400;
|
|
1149
|
+
font-size: 14px;
|
|
1150
|
+
text-decoration: none;
|
|
1151
|
+
border-radius: 50%;
|
|
1152
|
+
width: 20px;
|
|
1153
|
+
height: 20px;
|
|
1154
|
+
|
|
1155
|
+
svg path {
|
|
1156
|
+
fill: ${v.mbColors.gray};
|
|
1157
|
+
}
|
|
1158
|
+
|
|
1159
|
+
${J.tdDown} {
|
|
1160
|
+
background: none;
|
|
1161
|
+
width: 100%;
|
|
1162
|
+
font-weight: 400;
|
|
1163
|
+
font-size: 12px;
|
|
1164
|
+
line-height: 18px;
|
|
1165
|
+
color: ${v.mbColors.pink};
|
|
1166
|
+
padding-left: 16px;
|
|
1167
|
+
}
|
|
1168
|
+
`,Ha=h.p`
|
|
1169
|
+
font-weight: 600;
|
|
1170
|
+
font-size: 14px;
|
|
1171
|
+
line-height: 24px;
|
|
1172
|
+
letter-spacing: -0.2px;
|
|
1173
|
+
color: ${v.colors.gray800};
|
|
1174
|
+
`,Sa=h.p`
|
|
1175
|
+
font-weight: 400;
|
|
1176
|
+
font-size: 12px;
|
|
1177
|
+
line-height: 18px;
|
|
1178
|
+
letter-spacing: -0.2px;
|
|
1179
|
+
color: ${v.colors.gray600};
|
|
1180
|
+
height: 54px;
|
|
1181
|
+
text-overflow: ellipsis;
|
|
1182
|
+
overflow: hidden;
|
|
1183
|
+
display: -webkit-box;
|
|
1184
|
+
-webkit-line-clamp: 3;
|
|
1185
|
+
-webkit-box-orient: vertical;
|
|
1186
|
+
margin-bottom: auto;
|
|
1187
|
+
${J.tdDown} {
|
|
1188
|
+
display: none;
|
|
1189
|
+
}
|
|
1190
|
+
`,Ua=h.div`
|
|
1191
|
+
display: flex;
|
|
1192
|
+
flex: 1;
|
|
1193
|
+
z-index: 1;
|
|
1194
|
+
align-items: flex-end;
|
|
1195
|
+
justify-content: flex-end;
|
|
1196
|
+
${J.tdUp} {
|
|
1197
|
+
gap: 8px;
|
|
1198
|
+
flex-direction: row;
|
|
1199
|
+
}
|
|
1200
|
+
|
|
1201
|
+
${J.tdDown} {
|
|
1202
|
+
align-items: flex-start;
|
|
1203
|
+
justify-content: flex-start;
|
|
1204
|
+
gap: 4px;
|
|
1205
|
+
}
|
|
1206
|
+
`,Fa=h.div`
|
|
1207
|
+
display: flex;
|
|
1208
|
+
flex-direction: column;
|
|
1209
|
+
flex: 1;
|
|
1210
|
+
z-index: 1;
|
|
1211
|
+
${J.tdUp} {
|
|
1212
|
+
gap: 8px;
|
|
1213
|
+
}
|
|
1214
|
+
${J.tdDown} {
|
|
1215
|
+
gap: 4px;
|
|
1216
|
+
flex: 1;
|
|
1217
|
+
padding-left: 16px;
|
|
1218
|
+
}
|
|
1219
|
+
`,Oa=h.div`
|
|
1220
|
+
display: flex;
|
|
1221
|
+
flex-direction: row;
|
|
1222
|
+
flex: 1;
|
|
1223
|
+
z-index: 1;
|
|
1224
|
+
${J.tdUp} {
|
|
1225
|
+
gap: 8px;
|
|
1226
|
+
justify-content: flex-end;
|
|
1227
|
+
align-items: flex-end;
|
|
1228
|
+
}
|
|
1229
|
+
${J.tdDown} {
|
|
1230
|
+
flex-direction: column;
|
|
1231
|
+
justify-content: flex-start;
|
|
1232
|
+
align-items: flex-start;
|
|
1233
|
+
}
|
|
1234
|
+
`,Ra=({item:e,index:t=0,color:n})=>{const{t:i}=F(),{configs:{statics:o}}=c(gt);if(!e)return null;const l=e.link?e.link.startsWith("http")?e.link:`${o.HOME_PAGE_URL}${e.link}`:void 0,r=()=>a.createElement(ja,null,a.createElement("img",{loading:"lazy",alt:e.title,src:e.icon||"/images/avatar.jpg"})),s=()=>a.createElement(Oa,null,a.createElement(Fa,null,a.createElement(Ha,null,e.title),a.createElement(Sa,null,e.subtitle)),a.createElement(za,null,a.createElement("div",{className:"mobile-only"},i("home.seeMore")),a.createElement("img",{src:x.getAssetPath("arrowRightGray.svg"),style:{width:"12px",height:"12px",marginTop:"2px",marginLeft:"5px"},loading:"lazy"})));return a.createElement(Aa,{href:l,"data-event-category":"Hamburger Navigation","data-event-action":`Engage Click ${t+1}`,"data-event-label":l,"data-color":n},a.createElement("svg",{className:"bg-svg",width:"74",height:"121",viewBox:"0 0 74 121",fill:"none"},a.createElement("path",{d:"M58.5713 53.428C40.6466 70.0213 12.9929 71.0875 -7.00506 84.9856C-24.9277 97.4005 -38.3893 120.472 -60.213 120.346C-73.3615 120.271 -84.9289 110.925 -91.9303 99.8138C-101.443 84.7327 -103.994 64.0482 -93.916 49.3276C-81.8133 31.6505 -56.6933 28.1101 -41.7246 12.7895C-35.4351 6.35117 -31.2212 -1.90115 -24.8564 -8.25051C-7.17639 -25.9054 34.9604 -29.7543 56.852 -16.9562C80.9056 -2.89888 77.046 36.3304 58.5713 53.428Z",strokeWidth:"0"})),a.createElement("img",{src:x.getAssetPath("navMBCardDotBg.svg"),className:"dot-svg",loading:"lazy",alt:""}),a.createElement(Ua,null,a.createElement("div",{className:"mobile-only"},r()),a.createElement("div",{className:"desktop-only"},s())),a.createElement("div",{className:"mobile-only"},s()),a.createElement("div",{className:"desktop-only"},r()))},Ia=({hrefViewMore:e,spotlightHealthTools:t=[]})=>{const{t:n}=F(),i=["pink","orange","green"],{siteType:o}=c(gt);return a.createElement(ea,{title:n("home.navigator.menu.spotlightTools")},0!==t.length&&a.createElement(Ba,null,null==t?void 0:t.slice(0,3).map(((e,t)=>"marryBaby"===o?a.createElement(Ra,{key:t,index:t,item:e,color:i[t]}):a.createElement(La,{key:t,index:t,item:e})))),0===t.length&&a.createElement(Kt,{title:n("home.navigator.menu.healthTools.noDatas.title"),description:n("home.navigator.menu.healthTools.noDatas.description"),link:e,cta:n("home.navigator.menu.healthTools.noDatas.cta"),icon:x.getAssetPath("community.svg")}))},Va=({closePopup:e,menuItems:t=[]})=>{var n,i;const{siteType:o,ssrMenuContent:{categories:l,healthTools:r,care:s,together:d,ecom:m},activeMenuService:p,configs:{statics:g,enableSearchBar:h},locale:u}=c(gt),{t:v}=F();return a.createElement(ft,{id:"categories-menu"},h?a.createElement(bt,{"data-theme":o,onClick:()=>{window.location.href=`${g.HOME_PAGE_URL}/search`}},a.createElement(Et,null)):null,a.createElement(yt,null,a.createElement(At,{UrlFE:g.HOME_PAGE_URL,titleBtnViewMore:v("home.navigator.menuItem.allCategories"),menuItems:t,headingTitle:v("home.navigator.menuItem.healthCategories"),onClosePopup:e,activeItem:p}),"categories"===p&&a.createElement(ra,{spotlightsList:(null==l?void 0:l.spotlights)||[],hrefViewMore:`${g.HOME_PAGE_URL}${"tl-PH"===u?"/fil":""}/spotlight/`}),"tools"===p&&a.createElement(Ia,{spotlightHealthTools:null==r?void 0:r.spotlights,hrefViewMore:`${g.HOME_PAGE_URL}${"tl-PH"===u?"/fil":""}${(null===(n=P[u])||void 0===n?void 0:n.HEALTH_TOOLS)||""}`}),"care"===p&&a.createElement(ta,{spotlights:null==s?void 0:s.spotlights,hrefViewMore:`${g.CARE_URL_FE}/${null===(i=oe[u])||void 0===i?void 0:i.SPECIALTIES}`}),"together"===p&&a.createElement(Ea,{spotlights:null==d?void 0:d.spotlights}),"ecom"===p&&a.createElement($a,{helpfulUrls:null==m?void 0:m.helpfulUrls})))},Za=({menuItems:e})=>{const{siteType:t,configs:{enableSearchBar:n}}=c(gt),{containerRef:i,onContainerFocus:o,onContainerBlur:l,onButtonMouseDown:r,onClose:s}=Me();return a.createElement(_e,{mediaQueryKey:"mbDown"},a.createElement("header",{className:dt},a.createElement("div",{className:mt,ref:i,role:"button",tabIndex:0,onBlur:l,onFocus:o},a.createElement("div",{className:pt,onMouseDown:r,"data-event-category":"Hamburger Navigation","data-event-action":"Click","data-event-label":"Hamburger Navigation URL"},a.createElement(ut,{className:"mobile-close-icon"}),a.createElement(vt,{siteType:t,enableSearch:n,className:"mobile-hamburger-icon"})),a.createElement(Va,{menuItems:e,closePopup:s}))))},Ga="profile/posts?website_url={websiteUrl}",Wa=h.div`
|
|
1235
|
+
z-index: 201;
|
|
1236
|
+
width: 100%;
|
|
1237
|
+
align-items: center;
|
|
1238
|
+
|
|
1239
|
+
background-color: ${v.colors.white};
|
|
1240
|
+
|
|
1241
|
+
transition: height 0.3s, transform 0.3s;
|
|
1242
|
+
|
|
1243
|
+
&[data-site-type='helloSites'] {
|
|
1244
|
+
border-bottom: 1px solid ${v.colors.neutral100};
|
|
1245
|
+
}
|
|
1246
|
+
&[data-sponsored='true'] {
|
|
1247
|
+
border-bottom: none;
|
|
1248
|
+
}
|
|
1249
|
+
&[data-marry-baby-tone='pink'] {
|
|
1250
|
+
background-color: ${v.mbColors.lightPink};
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
${J.mbUp} {
|
|
1254
|
+
&[data-sitewide-banner-shown='true'][data-collapsed='true'] {
|
|
1255
|
+
transform: translateY(-64px);
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1258
|
+
${J.mbDown} {
|
|
1259
|
+
&[data-site-type='marryBaby'] {
|
|
1260
|
+
border-bottom: none;
|
|
1261
|
+
}
|
|
1262
|
+
|
|
1263
|
+
&[data-fixed-bar='true'] {
|
|
1264
|
+
position: fixed;
|
|
1265
|
+
transform: translateY(0);
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
&[data-fixed-bar='false'] {
|
|
1269
|
+
position: absolute;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
&[data-collapsed='true'] {
|
|
1273
|
+
transform: translateY(-100%);
|
|
1274
|
+
transition: transform 0.5s;
|
|
1275
|
+
}
|
|
1276
|
+
&[data-collapsed='false'] {
|
|
1277
|
+
transform: translateY(0);
|
|
1278
|
+
transition: transform 0.5s;
|
|
1279
|
+
}
|
|
1280
|
+
|
|
1281
|
+
.top-bar-header {
|
|
1282
|
+
line-height: normal;
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1285
|
+
&[data-header-type='home'] {
|
|
1286
|
+
z-index: ${99};
|
|
1287
|
+
}
|
|
1288
|
+
|
|
1289
|
+
&[data-is-displayed='false'] {
|
|
1290
|
+
//display: none;
|
|
1291
|
+
visibility: hidden;
|
|
1292
|
+
}
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
.marry-baby {
|
|
1296
|
+
input {
|
|
1297
|
+
background: ${v.mbColors.lightGray};
|
|
1298
|
+
border-radius: 16px;
|
|
1299
|
+
border: none;
|
|
1300
|
+
}
|
|
1301
|
+
max-width: 172px;
|
|
1302
|
+
}
|
|
1303
|
+
&[data-site-type='marryBaby'] {
|
|
1304
|
+
.close-btn {
|
|
1305
|
+
top: 16px;
|
|
1306
|
+
right: 16px;
|
|
1307
|
+
}
|
|
1308
|
+
}
|
|
1309
|
+
`,Ya=h.div`
|
|
1310
|
+
display: flex;
|
|
1311
|
+
height: 100%;
|
|
1312
|
+
align-items: center;
|
|
1313
|
+
|
|
1314
|
+
justify-content: space-between;
|
|
1315
|
+
padding: 0 2rem;
|
|
1316
|
+
height: 56px;
|
|
1317
|
+
${J.pcDown} {
|
|
1318
|
+
padding: 0 1rem;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
${J.mbDown} {
|
|
1322
|
+
position: relative;
|
|
1323
|
+
height: 56px;
|
|
1324
|
+
background: white;
|
|
1325
|
+
gap: 2px;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
&[data-site-type='marryBaby'] {
|
|
1329
|
+
width: 100%;
|
|
1330
|
+
margin: 0 auto;
|
|
1331
|
+
padding: 0 16px;
|
|
1332
|
+
${J.tdUp} {
|
|
1333
|
+
max-width: 1064px;
|
|
1334
|
+
}
|
|
1335
|
+
}
|
|
1336
|
+
`,qa=h.div`
|
|
1337
|
+
display: flex;
|
|
1338
|
+
align-items: center;
|
|
1339
|
+
height: 100%;
|
|
1340
|
+
gap: 24px;
|
|
1341
|
+
${J.pcDown} {
|
|
1342
|
+
flex-shrink: 0;
|
|
1343
|
+
gap: 16px;
|
|
1344
|
+
}
|
|
1345
|
+
${J.pcDown} {
|
|
1346
|
+
gap: 12px;
|
|
1347
|
+
}
|
|
1348
|
+
&[data-site-type='marryBaby'] {
|
|
1349
|
+
gap: 26px;
|
|
1350
|
+
}
|
|
1351
|
+
`,Ka=h.div`
|
|
1352
|
+
display: flex;
|
|
1353
|
+
align-items: center;
|
|
1354
|
+
height: 100%;
|
|
1355
|
+
flex-shrink: 0;
|
|
1356
|
+
/* gap: 16px; */
|
|
1357
|
+
${J.tdDown} {
|
|
1358
|
+
flex-shrink: 0.6;
|
|
1359
|
+
}
|
|
1360
|
+
.hhgcomp-navigation-itemnav-headeritem {
|
|
1361
|
+
gap: 2px;
|
|
1362
|
+
${J.pcUp} {
|
|
1363
|
+
padding: 0 10px;
|
|
1364
|
+
}
|
|
1365
|
+
${J.pcDown} {
|
|
1366
|
+
padding: 0 6px;
|
|
1367
|
+
}
|
|
1368
|
+
${J.mbDown} {
|
|
1369
|
+
display: none;
|
|
1370
|
+
}
|
|
1371
|
+
a {
|
|
1372
|
+
text-decoration: none;
|
|
1373
|
+
}
|
|
1374
|
+
}
|
|
1375
|
+
`;h.div`
|
|
1376
|
+
.fake-search-input {
|
|
1377
|
+
pointer-events: none;
|
|
1378
|
+
input {
|
|
1379
|
+
line-height: 20px;
|
|
1380
|
+
padding-top: 10px;
|
|
1381
|
+
padding-bottom: 10px;
|
|
1382
|
+
}
|
|
1383
|
+
}
|
|
1384
|
+
`;const Qa=h.div`
|
|
1385
|
+
margin-left: 16px;
|
|
1386
|
+
display: flex;
|
|
1387
|
+
gap: 12px;
|
|
1388
|
+
align-items: center;
|
|
1389
|
+
flex-shrink: 0;
|
|
1390
|
+
${J.pcDown} {
|
|
1391
|
+
margin-left: 8px;
|
|
1392
|
+
gap: 8px;
|
|
1393
|
+
}
|
|
1394
|
+
${J.mbDown} {
|
|
1395
|
+
margin-left: 0;
|
|
1396
|
+
gap: 10px;
|
|
1397
|
+
}
|
|
1398
|
+
`,Ja=h.div`
|
|
1399
|
+
display: flex;
|
|
1400
|
+
align-items: center;
|
|
1401
|
+
height: 100%;
|
|
1402
|
+
&[data-site-type='marryBaby'] {
|
|
1403
|
+
gap: 26px;
|
|
1404
|
+
}
|
|
1405
|
+
`,Xa=e=>{var t,a,n,i;return e?{termId:e.term_id||null,sponsor:e.sponsor?(i=e.sponsor,i?{title:i.title,logo:i.logo,link:i.link}:{}):null,isSponsored:e.is_sponsored||null,categoryName:e.cat_name||e.name||null,name:e.name||null,iconUrl:e.icon||"",slugName:e.category_nicename||null,description:e.description||null,featureImage:e.thumbnail||e.image||null,displayName:e.name||null,parent:e.parent||null,permalink:e.permalink||null,slug:e.slug||null,childCates:(null===(t=e.child_cates)||void 0===t?void 0:t.map((e=>Xa(e))))||[],thumnailColor:e.thumnail_color||["#FFEAF1","#E0E9FB","#FFF9EB","#F2FCF7","#F3F3F3"][5*Math.random()|0],colorFeatureImage:e.color_feature_image||null,imageColor:e.image_color||null,textColor:e.text_color||null,catParent:(null===(a=e.cat_parent)||void 0===a?void 0:a.name)?{name:e.cat_parent.name,permalink:e.cat_parent.permalink}:{},metaTag:e.meta_tag||"",reviewedBy:e.reviewed_by?(n=e.reviewed_by,{postTitle:n.post_title,permalink:n.permalink}):null,reviewedDate:e.reviewed_date||"",faqs:e.faqs?e.faqs.map((e=>(e=>({title:e.title,content:e.content}))(e))):null,customizedUrl:e.customized_url||null}:{}},en=e=>{var t,a;if(!e)return{};const n=null===(t=e.link)||void 0===t?void 0:t.includes("/bot/"),i=null===(a=e.link)||void 0===a?void 0:a.startsWith("/fil/"),o=e.link?e.link.startsWith("http")||n?e.link:i?e.link.replace("/health-tools/","/").replace("/fil/","/fil/health-tools/"):`/health-tools${e.link.replace("/health-tools/","/")}`:void 0;return{icon:e.icon,link:o,subtitle:e.subtitle,title:e.title}},tn=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{thumbnail:(null===(t=null==e?void 0:e.object_id)||void 0===t?void 0:t.logo)||"",link:(null===(a=null==e?void 0:e.object_id)||void 0===a?void 0:a.slug)||"",subtitle:(null===(n=e.object_id)||void 0===n?void 0:n.name)||"",name:(null===(i=e.object_id)||void 0===i?void 0:i.name)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},an=e=>{var t,a,n,i,o;return e&&(null==e?void 0:e.object_id)?{id:null===(t=e.object_id)||void 0===t?void 0:t.id,name:(null===(a=e.object_id)||void 0===a?void 0:a.name)||"",logo:(null===(n=null==e?void 0:e.object_id)||void 0===n?void 0:n.logo)||"",description:(null===(i=e.object_id)||void 0===i?void 0:i.description)||"",slug:(null===(o=e.object_id)||void 0===o?void 0:o.slug)||""}:{}},nn=(e,t,a,n)=>(a||"https://together.hellohealthgroup.com/")+"api/v1/"+q(Ga,Object.assign(Object.assign({},n),{websiteUrl:t?"https://marrybaby.vn":`https://${$[e]}`})),on=({type:e,specialtySlug:t,locale:a})=>{var n,i;return`${null===(n=oe[a])||void 0===n?void 0:n.ALL}/${(null===(i=oe[a])||void 0===i?void 0:i[e])||"doctor"}/${null!=t?t:""}`},ln=e=>e?{id:e.ID,name:e.name,permalink:e.permalink,image:(null==e?void 0:e.small_banner)||(null==e?void 0:e.image)||"",imageMedium:(null==e?void 0:e.image_medium)||null,imageThumbnail:(null==e?void 0:e.image_thumbnail)||null,startDate:null==e?void 0:e.start_date,endDate:null==e?void 0:e.end_date}:{},rn=e=>{const t=new Date;if(null==e?void 0:e.startDate){const a=new Date(e.startDate);if(t.getTime()<a.getTime())return!1}if(null==e?void 0:e.endDate){const a=new Date(e.endDate);if(t.getTime()>a.getTime())return!1}return!0};var sn="q3nL5cp",cn="_2DNf80G",dn="Q-glX-n";const mn=({onClosePopup:e})=>a.createElement("div",{className:`${dn} close-btn`,onClick:e},a.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},a.createElement("path",{d:"M18 6L6 18M18 18L6 6",stroke:"#3E3F58",strokeWidth:"1.3",strokeLinecap:"round"}))),pn=({onClosePopup:e,isDisplay:t,children:n,isNavMenu:i,hideCloseBtn:o})=>a.createElement("div",{className:"hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools","data-is-display":!!t,"data-is-nav-menu":!!i},a.createElement(de,null,!o&&a.createElement("div",{className:cn},a.createElement(mn,{onClosePopup:e})),a.createElement(de,{className:sn},n))),gn=({careSpecialties:e=[],isOpen:t,onClose:n,spotlights:i=[]})=>{var o;const{t:l}=F(),{locale:r,configs:{statics:s}}=c(gt);return a.createElement(pn,{onClosePopup:n,isDisplay:t,isNavMenu:!0},a.createElement(At,{headingTitle:l("home.navigator.menuItem.specialties"),hrefViewMore:`${s.CARE_URL_FE}/`,UrlFE:s.CARE_URL_FE,onClosePopup:n,titleBtnViewMore:l("home.navigator.menuItem.allSpecialties"),menuItems:(null==e?void 0:e.map((e=>e?{name:String(e.name)||"",link:on({type:"DOCTOR",specialtySlug:e.slug,locale:r}),thumbnail:(null==e?void 0:e.thumbnail)||""}:{})))||[]}),a.createElement(ta,{spotlights:i,hrefViewMore:`${s.CARE_URL_FE}/${null===(o=oe[r])||void 0===o?void 0:o.SPECIALTIES}/`}))},hn=({categories:e=[],spotlightsList:t=[],onClose:n,isOpen:i})=>{const{t:o}=F(),{locale:l,configs:{statics:r}}=c(gt);return a.createElement(pn,{onClosePopup:n,isDisplay:i,isNavMenu:!0},a.createElement(At,{hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/categories/`,UrlFE:r.HOME_PAGE_URL,onClosePopup:n,titleBtnViewMore:o("home.navigator.menuItem.allCategories"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.displayName||null,link:(null==e?void 0:e.customizedUrl)||(null==e?void 0:e.permalink)||"/",thumbnail:e.iconUrl||null}:{})))||[],headingTitle:o("home.navigator.menuItem.healthCategories")}),a.createElement(ra,{spotlightsList:t,hrefViewMore:`${r.HOME_PAGE_URL}${"tl-PH"===l?"/fil":""}/spotlight/`}))},un=({communities:e=[],onClose:t,isOpen:n,spotlights:i=[]})=>{const{t:o}=F(),{configs:{statics:l}}=c(gt);return a.createElement(pn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(At,{hrefViewMore:M(l.TOGETHER_URL_FE),UrlFE:_(l.TOGETHER_URL_FE),onClosePopup:t,titleBtnViewMore:o("home.navigator.menuItem.allCommunities"),menuItems:(null==e?void 0:e.map((e=>e?{name:e.name||"",link:e.slug||"/",thumbnail:e.thumbnail||""}:{})))||[],headingTitle:o("home.navigator.menuItem.allCommunitiesheadingTitle")}),a.createElement(Ea,{spotlights:i}))},vn=({locale:e,onClose:t,isOpen:n,spotlightHealthTools:i=[],healthTools:o=[]})=>{var l;const{t:r}=F(),{configs:{statics:s}}=c(gt),d=`${s.HOME_PAGE_URL}${"tl-PH"===e?"/fil":""}${(null===(l=P[e])||void 0===l?void 0:l.HEALTH_TOOLS)||""}`;return a.createElement(pn,{onClosePopup:t,isDisplay:n,isNavMenu:!0},a.createElement(At,{hrefViewMore:d,UrlFE:s.HOME_PAGE_URL,onClosePopup:t,headingTitle:r("home.navigator.menuItem.healthToolsList"),titleBtnViewMore:r("home.navigator.menuItem.allHealthTools"),menuItems:o.map((e=>({name:e.title,link:e.link?e.link.startsWith("http")?e.link:`${s.HOME_PAGE_URL}${e.link}`:void 0,thumbnail:e.icon})))}),a.createElement(Ia,{spotlightHealthTools:i,hrefViewMore:d}))},fn=({onTopBarAppears:e,languageMenu:t,menuItems:i,logoComponent:l})=>{var s;const{siteType:m,isMobile:p=!1,locale:g,sitewideBanner:h,sitewideBannerShown:u=!0,sponsorComponent:v,onBookingClick:f,currentUrl:b,onLoginClick:y,cartNumber:E,configs:{statics:w,enableNavCareBooking:k,enableSearchBar:C},userState:{userInfo:$},onLogout:P,isUserLoading:N}=c(gt),{t:T}=F(),{SSO_URL:D,HOME_PAGE_URL:L}=w,A=!!v,[j,z]=n(!1),H=o(47),S=o(null),O=o(!1),I="helloSites"===m?null===(s=B[g])||void 0===s?void 0:s.LOGO_TYPE:m,V="undefined"!=typeof window,Z=d(R((()=>{if(V){if(!S.current)return;const e=S.current.getBoundingClientRect();e.top<=0&&window.scrollY>H.current&&window.scrollY>e.height+20&&!O.current&&(O.current=!0,z(!0)),window.scrollY<H.current&&O.current&&(O.current=!1,z(!1)),window.scrollY>=0&&(H.current=window.scrollY)}}),200),[]);r((()=>{null==e||e(!j)}),[j]),r((()=>(window.addEventListener("scroll",Z,{passive:!0}),()=>{window.removeEventListener("scroll",Z)})),[]),r((()=>{p&&Z()}),[p]);const G=u&&!!h;return a.createElement(Wa,{"data-site-type":m,"data-sponsored":A,"data-sitewide-banner-shown":G,"data-header-type":"home","data-collapsed":j,"data-is-displayed":!0,id:"site-header",ref:S},h,a.createElement(Ya,{"data-site-type":m},a.createElement(qa,{"data-site-type":m},a.createElement(Za,{menuItems:i}),l||a.createElement("a",{style:{flexShrink:0},href:L},a.createElement("div",null,a.createElement(U,{style:{display:"flex"},type:I,badge:"id-ID"===g&&a.createElement("img",{src:x.getAssetPath("sehat-badge.png"),width:"56",height:"23",loading:"lazy"}),dateForSeasonal:new Date,locale:g,key:"undefined"!=typeof window?"client":"server"}))),"marryBaby"===m?a.createElement(yn,{menuItems:i}):C&&a.createElement(bn,{siteType:m})),a.createElement(Ka,{"data-site-type":m},"marryBaby"===m?C&&a.createElement(bn,{siteType:m}):a.createElement(yn,{menuItems:i}),a.createElement(Qa,null,a.createElement(Be,{count:E,locale:g}),k&&a.createElement(_e,{mediaQueryKey:"mbUp"},a.createElement(ct,{careUrlFe:w.CARE_URL_FE,currentUrl:b,btnName:T("login.booking"),onCareHeaderClick:f})),t,a.createElement(lt,{userInfo:$,siteType:m,onLoginClick:y||(()=>{const e=window.location.href;window.location.href=D?_(`${D}?returnUrl=${e}`):e}),SSO_URL:M(w.SSO_URL),currentUrl:b,onLogout:P,isLoading:N,locale:g})))),v?a.isValidElement(v)?a.cloneElement(v,{isCollapsed:j,locale:g,isMobile:p}):v:null)},bn=({siteType:e})=>a.createElement(_e,{mediaQueryKey:"mbUp",className:"marryBaby"===e?"marry-baby":""},a.createElement(Et,null)),yn=({menuItems:e})=>{const{siteType:t,locale:n,ssrMenuContent:{categories:i,healthTools:o,care:l,together:r}}=c(gt);return a.createElement(_e,{mediaQueryKey:"mbUp",style:{height:"100%"}},a.createElement(Ja,{"data-site-type":t},null==e?void 0:e.map(((e,t)=>a.createElement(Dt,{key:t,item:e,menu:"categories"===e.popupType?a.createElement(hn,{categories:null==i?void 0:i.items,spotlightsList:null==i?void 0:i.spotlights}):"tools"===e.popupType?a.createElement(vn,{locale:n,healthTools:null==o?void 0:o.items,spotlightHealthTools:null==o?void 0:o.spotlights}):"together"===e.popupType?a.createElement(un,{communities:null==r?void 0:r.items,spotlights:null==r?void 0:r.spotlights}):"care"===e.popupType?a.createElement(gn,{careSpecialties:null==l?void 0:l.items,spotlights:null==l?void 0:l.spotlights}):null})))))},xn=h.div`
|
|
1406
|
+
--header-z-index: 305;
|
|
1407
|
+
top: 0;
|
|
1408
|
+
z-index: var(--header-z-index);
|
|
1409
|
+
|
|
1410
|
+
${J.mbDown} {
|
|
1411
|
+
width: 100vw;
|
|
1412
|
+
max-width: 100%;
|
|
1413
|
+
}
|
|
1414
|
+
--amp-site-wide-closed: 2px;
|
|
1415
|
+
|
|
1416
|
+
-webkit-transform: translateZ(0);
|
|
1417
|
+
position: sticky;
|
|
1418
|
+
|
|
1419
|
+
&.nav-open {
|
|
1420
|
+
margin-top: 64px;
|
|
1421
|
+
}
|
|
1422
|
+
|
|
1423
|
+
&:not(.nav-open) {
|
|
1424
|
+
--amp-site-wide-closed: 66px;
|
|
1425
|
+
}
|
|
1426
|
+
pointer-events: none;
|
|
1427
|
+
> section * {
|
|
1428
|
+
pointer-events: auto;
|
|
1429
|
+
}
|
|
1430
|
+
`,En=e=>{var t,l;const{isMobile:s,locale:m,onTopBarAppears:p,languageOptions:g,sponsorComponent:h,sitewideBanner:u,sitewideBannerShown:v,className:f,logoComponent:b}=e,y=(()=>{const{t:e}=F(),{siteType:t,locale:a,configs:{enableNavDiscover:n,enableNavHealthTools:o,enableNavCare:l,enableNavTogether:r,enableNavEcom:s,statics:d}}=c(gt),m="marryBaby"===t;return i((()=>{var t;const i=[];return n&&i.push({name:e("home.navigator.menuItem.discover"),id:"categories",link:`${d.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}/categories`,niceName:"",thumbnail:m?x.getAssetPath("categories-mb.svg"):x.getAssetPath("nav-icons/discover.svg"),popupType:"categories"}),o&&i.push({name:e("home.navigator.menuItem.healthTools"),id:"tools",link:`${d.HOME_PAGE_URL}${"tl-PH"===a?"/fil":""}${(null===(t=P[a])||void 0===t?void 0:t.HEALTH_TOOLS)||""}`,thumbnail:m?x.getAssetPath("healthtools-mb.svg"):x.getAssetPath("nav-icons/health-tools.svg"),popupType:"tools"}),r&&i.push({name:e("home.navigator.menuItem.helloTogether"),id:"together",link:_(d.TOGETHER_URL_FE+"/"),thumbnail:m?x.getAssetPath("community-mb.svg"):x.getAssetPath("nav-icons/community.svg"),popupType:"together"}),s&&i.push({name:e("home.navigator.menuItem.helloEcom"),id:"ecom",link:_(d.HOME_PAGE_URL+"/shop"),thumbnail:x.getAssetPath("nav-icons/shop.svg"),popupType:null}),l&&i.push({name:e("home.navigator.menuItem.helloCare"),id:"care",link:_("ms-MY"===a?d.HOME_PAGE_URL+"/care/current-location/hospital/":d.HOME_PAGE_URL+"/care"),thumbnail:x.getAssetPath("nav-icons/care.svg"),popupType:"id-ID"===a?"care":null}),i}),[a,l,r,s])})();(()=>{const{isFirstLogin:e,userState:t}=c(gt),{userInfo:a}=t;r((()=>{(null==a?void 0:a.id)&&(e?(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,sign_up:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:(null==a?void 0:a.email)&&""!==(null==a?void 0:a.email)?window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,email:null==a?void 0:a.email,gdpr_optin:!0,email_optin:!0,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})}:window.insider_object={user:Object.assign({uuid:null==a?void 0:a.id,log_in:!0},(null==a?void 0:a.name)?{name:null==a?void 0:a.name}:{})})}),[])})();const E=v&&!!u,w=!!h,k=!!(null===(l=null===(t=null==h?void 0:h.props)||void 0===t?void 0:t.sponsoredBy)||void 0===l?void 0:l.length),{headerRef:C,defaultHeaderHeight:$,headerHeight:B,headerBottom:M}=(({hasSponsoredBanners:e,isSponsored:t,isShowingSiteWideBanner:a,isMobile:l})=>{const s=o(null),[c,m]=n(0),[p,g]=n(64),h=d(me((()=>{var e,t,a,n;const i=(null===(e=s.current)||void 0===e?void 0:e.clientHeight)||(null===(a=null===(t=s.current)||void 0===t?void 0:t.children[0])||void 0===a?void 0:a.clientHeight)||0;window.scrollY<=i+200&&(m(i),g((null===(n=s.current)||void 0===n?void 0:n.getBoundingClientRect().bottom)||c))}),200),[]);r((()=>(window.addEventListener("resize",h,{passive:!0}),window.addEventListener("scroll",h,{passive:!0}),h(),()=>{window.removeEventListener("resize",h),window.removeEventListener("scroll",h)})),[]),r((()=>{h()}),[l,a,t,e,s.current]);const u=i((()=>{let n=56;return a&&(n+=64),t&&(n+=40,e&&(n+=57)),n}),[l,a,e,t]);return{defaultHeaderHeight:u,headerHeight:c||u,headerBottom:p,headerRef:s}})({isShowingSiteWideBanner:E,isSponsored:w,hasSponsoredBanners:k,isMobile:s});return a.createElement(xn,{id:"navigation-v2",style:{"--default-header-height":$+"px","--header-height":`calc(${B}px - var(--amp-site-wide-closed), 64px)`,"--header-bottom":M+"px"},className:f},a.createElement("section",{ref:C},a.createElement(fn,{menuItems:y,onTopBarAppears:p,logoComponent:b,languageMenu:a.createElement(we,{languageOptions:g,locale:m})})))},wn=e=>{const t=Object.assign({siteType:"helloSites",projectType:"discover",locale:"vi-VN",activeMenuService:"categories",ssrMenuContent:{}},e);return a.createElement(ht,Object.assign({},t),a.createElement(En,Object.assign({},t)))},kn=e=>t(void 0,void 0,void 0,(function*(){var t,a,n,i,o,l,r,s,c,d,m,p,g,h,u,v,f,b,y,x,k,C,B;const P={},M="vi-VN_MB"===e;try{const N="tl-PH"===e?"lang=fil":"";try{const[m,p,g,h]=yield Promise.all([fetch(_(`${L(e)}/wp-json/api/categories${N?"?"+N:""}`)).then((e=>e.json())),fetch(_(`${L(e)}/wp-json/api/spotlights?per_page=10&order_by=start_date${N?"&"+N:""}`)).then((e=>e.json())),fetch(_(`${L(e)}/wp-json/api/${M?"health-tools":"healthtools"}${N?"?"+N:""}`)).then((e=>e.json())),fetch(_(`${L(e)}/wp-json/api/${M?"health-tools":"healthtools"}/favorites${N?"?"+N:""}`)).then((e=>e.json()))]);P.categories={items:(null===(a=null===(t=null==m?void 0:m.data)||void 0===t?void 0:t.map)||void 0===a?void 0:a.call(t,Xa))||[],spotlights:(null===(l=null===(o=null===(i=null===(n=null==p?void 0:p.data)||void 0===n?void 0:n.articles)||void 0===i?void 0:i.map)||void 0===o?void 0:o.call(i,ln))||void 0===l?void 0:l.filter(rn))||[]},P.healthTools={items:(null===(s=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r.map)||void 0===s?void 0:s.call(r,en))||[],spotlights:(null===(d=null===(c=null==h?void 0:h.data)||void 0===c?void 0:c.map)||void 0===d?void 0:d.call(c,en))||[]}}catch(e){}if(M||w.includes(e))try{const[t,a]=yield Promise.all([fetch(_(`${D()}/api/v1/community?website_url=https://${$[e]}`)).then((e=>e.json())),fetch(_(`${D()}/api/v1/options?website_url=https://${$[e]}&meta_key=popular_post`)).then((e=>e.json()))]);P.together={items:(null===(g=null===(p=null===(m=null==t?void 0:t.data)||void 0===m?void 0:m.communities)||void 0===p?void 0:p.map)||void 0===g?void 0:g.call(p,H))||[],spotlights:(null===(v=null===(u=null===(h=null==a?void 0:a.data)||void 0===h?void 0:h.posts)||void 0===u?void 0:u.map)||void 0===v?void 0:v.call(u,S))||[]}}catch(e){}if(E.includes(e))try{const[t,a]=yield Promise.all([fetch(_(A()+`/api/options/setting_menu?site=${$[e]}&type=0`)).then((e=>e.json())),fetch(_(A()+`/api/options/setting_menu?site=${$[e]}&type=1`)).then((e=>e.json()))]);P.care={items:(null===(x=null===(y=null===(b=null===(f=null==t?void 0:t._data)||void 0===f?void 0:f.setting_menu)||void 0===b?void 0:b.menu_specialty)||void 0===y?void 0:y.map)||void 0===x?void 0:x.call(y,tn))||[],spotlights:(null===(B=null===(C=null===(k=null==a?void 0:a._data.setting_menu)||void 0===k?void 0:k.menu_hospital)||void 0===C?void 0:C.map)||void 0===B?void 0:B.call(C,an))||[]}}catch(e){}}catch(e){console.error(e)}return P})),Cn=e=>t(void 0,void 0,void 0,(function*(){return(yield pe("nav-menu-content",(()=>kn(e||"en-PH")),(e=>{var t,a;return!!(null===(a=null===(t=null==e?void 0:e.categories)||void 0===t?void 0:t.items)||void 0===a?void 0:a.length)})))||{}}));export{we as L,wn as N,et as P,Cn as a,ot as b,lt as c,nn as d,kn as g,he as i};
|