@hhgtech/hhg-components 1.28.45 → 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-eed0df85.js → constants-28db3174.js} +1 -1
- package/build/{constants-715f497a.js → constants-627c575a.js} +2 -2
- package/build/constants.js +1 -1
- package/build/{core-053d2b2b.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-995212e1.js → constants-414e0341.js} +1 -1
- package/build/esm/{constants-474a60fc.js → constants-e35c5696.js} +2 -2
- package/build/esm/constants.js +1 -1
- package/build/esm/{core-a9271475.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-2b54a130.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-4cc27c0a.js → index-1bf1317e.js} +9 -9
- package/build/esm/{index-fdc4fb0f.js → index-34cf1092.js} +1 -1
- package/build/esm/{index-7678ada1.js → index-3d2b9817.js} +1 -1
- package/build/esm/index-3e89f917.js +1 -0
- package/build/esm/{index-cd710e7d.js → index-4786b57c.js} +1 -1
- package/build/esm/{index-ab03b9dd.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-7b8714ba.js +1 -0
- package/build/esm/index-865973f4.js +375 -0
- package/build/esm/{index-2eaf28c4.js → index-92506b05.js} +1 -1
- package/build/esm/{index-1cfc85b4.js → index-9e5a2805.js} +3 -3
- package/build/esm/index-a0bcdf6a.js +1 -0
- package/build/esm/index-bb8dc02f.js +1 -0
- package/build/esm/{index-a454d80b.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-4098b19f.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-d3019505.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-56ff87b5.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-4a39e9dc.js → useHealthToolCache-011e34e2.js} +1 -1
- package/build/esm/{usePlacesAutocomplete-80551f6b.js → usePlacesAutocomplete-ed4983f5.js} +1 -1
- package/build/esm/{useTranslations-2b415154.js → useTranslations-80f9bf98.js} +1 -1
- package/build/esm/{utils-9dae9f7b.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-6577ea25.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-b951173d.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-f85e80c5.js → index-065c9097.js} +1 -1
- package/build/index-07dff904.js +1 -0
- package/build/index-0c7093ea.js +50 -0
- package/build/{index-fe775c96.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-6e685d2b.js → index-4a8b5e48.js} +1 -1
- package/build/index-4c4d7568.js +137 -0
- package/build/{index-72cfe602.js → index-4de92198.js} +4 -4
- package/build/{index-b23382c3.js → index-5385e211.js} +1 -1
- package/build/{index-f1338b36.js → index-6f8ff7df.js} +1 -1
- package/build/index-7154350f.js +375 -0
- package/build/{index-b3478b6c.js → index-8a21ecb2.js} +1 -1
- package/build/index-8e6644eb.js +1 -0
- package/build/{index-5f2adc06.js → index-9003442e.js} +1 -1
- package/build/{index-718b4bad.js → index-96dd78ba.js} +3 -3
- package/build/index-beef0ff7.js +1 -0
- package/build/index-cbbe3154.js +2748 -0
- package/build/{index-d14172a4.js → index-d27a3f5f.js} +1 -1
- package/build/{index-cdf087ee.js → index-e13a4f9a.js} +1 -1
- package/build/index-ff74de8e.js +177 -0
- package/build/index.js +1 -1
- package/build/{index.styled-2bb5f5a2.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-9c9a4f25.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-adecb2ce.js → types-e54d8d93.js} +10 -10
- package/build/types.js +1 -1
- package/build/useCategory-c99469f2.js +1 -0
- package/build/{useHealthToolCache-260b51e2.js → useHealthToolCache-dc437f4f.js} +1 -1
- package/build/{usePlacesAutocomplete-39be4478.js → usePlacesAutocomplete-55e04a25.js} +1 -1
- package/build/{useTranslations-1ddacded.js → useTranslations-b435b717.js} +1 -1
- package/build/utils-469dda3f.js +1 -0
- package/build/{utils-871f6c88.js → utils-83803365.js} +2 -2
- package/build/{utils-a5d09d21.js → utils-9778a239.js} +1 -1
- package/build/utils-c18ec2df.js +1 -0
- package/build/vaccination.js +33 -33
- package/package.json +7 -3
- package/build/dataTransform-d5d1a86d.js +0 -1
- package/build/esm/dataTransform-f4d63a0a.js +0 -1
- package/build/esm/getDynamicHealthTool-9b662a1a.js +0 -1
- package/build/esm/index-303e2009.js +0 -1
- package/build/esm/index-3c4ac2ae.js +0 -1
- package/build/esm/index-4bc5ecbb.js +0 -1
- package/build/esm/index-55d2faa0.js +0 -1
- package/build/esm/index-608b4a88.js +0 -177
- package/build/esm/index-6f066011.js +0 -1
- package/build/esm/index-95a46cf3.js +0 -1
- package/build/esm/index-993a5f79.js +0 -1
- package/build/esm/index-a2dcf4e9.js +0 -1
- package/build/esm/index-baaa911b.js +0 -1
- package/build/esm/index-be8e7751.js +0 -1
- package/build/esm/index-cc519ac7.js +0 -3122
- package/build/esm/index-d17ea22d.js +0 -1
- package/build/esm/index-d343bc50.js +0 -1
- package/build/esm/index-ff10bc28.js +0 -1
- package/build/esm/index.styled-156505c7.js +0 -1430
- package/build/esm/index.styled-3e11e657.js +0 -3140
- package/build/esm/index.styled-be084b87.js +0 -50
- package/build/esm/index.styles-caebb95e.js +0 -846
- package/build/esm/screenSizeContext-8e3cd726.js +0 -81
- package/build/esm/types-f3a821e7.js +0 -1
- package/build/esm/useCategory-e47c3929.js +0 -1
- package/build/esm/useRafState-8fe79e7a.js +0 -1
- package/build/getDynamicHealthTool-ecfb21b0.js +0 -1
- package/build/index-0988dfe4.js +0 -1
- package/build/index-0f3e6076.js +0 -1
- package/build/index-10d9fdff.js +0 -177
- package/build/index-24113bb4.js +0 -1
- package/build/index-3489608d.js +0 -1
- package/build/index-4bfad06d.js +0 -1
- package/build/index-7b85f299.js +0 -1
- package/build/index-901812ad.js +0 -3122
- package/build/index-c22d32f6.js +0 -1
- package/build/index-d74ab92f.js +0 -1
- package/build/index-db0da298.js +0 -1
- package/build/index-f4356d3b.js +0 -1
- package/build/index.styled-39310ce9.js +0 -50
- package/build/index.styled-3a1748a5.js +0 -3140
- package/build/index.styled-75539e3d.js +0 -1430
- package/build/index.styles-d3c65e64.js +0 -846
- package/build/screenSizeContext-83eeed99.js +0 -81
- package/build/types-582a67ed.js +0 -1
- package/build/useCategory-957ea2a8.js +0 -1
- package/build/useRafState-8a41d548.js +0 -1
- /package/build/{BMI_BOYS.percentile.monthly-3ccdbf2f.js → BMI_BOYS.percentile.monthly-0eb54c7c.js} +0 -0
- /package/build/{BMI_BOYS.percentile.weekly-003704d5.js → BMI_BOYS.percentile.weekly-b7bde0b1.js} +0 -0
- /package/build/{BMI_BOYS.percentile.yearly-51f6c930.js → BMI_BOYS.percentile.yearly-2aa9ad44.js} +0 -0
- /package/build/{BMI_BOYS.zscore.monthly-05504085.js → BMI_BOYS.zscore.monthly-97389f6d.js} +0 -0
- /package/build/{BMI_BOYS.zscore.weekly-2a93a8db.js → BMI_BOYS.zscore.weekly-bc5a17ee.js} +0 -0
- /package/build/{BMI_BOYS.zscore.yearly-37291e62.js → BMI_BOYS.zscore.yearly-95e1abf3.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.monthly-97288e63.js → BMI_GIRLS.percentile.monthly-8a628c8b.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.weekly-c701d6ff.js → BMI_GIRLS.percentile.weekly-c3423d0b.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.yearly-edee3575.js → BMI_GIRLS.percentile.yearly-30c05aa5.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.monthly-0ac77300.js → BMI_GIRLS.zscore.monthly-e81868f9.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.weekly-f726c4f9.js → BMI_GIRLS.zscore.weekly-98365971.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.yearly-c1af9dbd.js → BMI_GIRLS.zscore.yearly-34dac101.js} +0 -0
- /package/build/{ChevronDown-e26b6333.js → ChevronDown-77fab19e.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-c1dbc6d4.js → HEAD CIRCUM_BOYS.percentile.monthly-f49c4a46.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-9c97d194.js → HEAD CIRCUM_BOYS.percentile.weekly-72afd132.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-84f770fb.js → HEAD CIRCUM_BOYS.percentile.yearly-ab0deda0.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-8522b577.js → HEAD CIRCUM_BOYS.zscore.monthly-fbd5f8c4.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-d05b4957.js → HEAD CIRCUM_BOYS.zscore.weekly-87f840f6.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-d1d2d682.js → HEAD CIRCUM_BOYS.zscore.yearly-9a7dd00c.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-bc7f8e45.js → HEAD CIRCUM_GIRLS.percentile.monthly-679b8839.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-e24f18fa.js → HEAD CIRCUM_GIRLS.percentile.weekly-b4e20015.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-65fe9b8f.js → HEAD CIRCUM_GIRLS.percentile.yearly-9cd60765.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-cc51585e.js → HEAD CIRCUM_GIRLS.zscore.monthly-ab6de2c6.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-0cdef99a.js → HEAD CIRCUM_GIRLS.zscore.weekly-7d38c523.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-b4df0cb2.js → HEAD CIRCUM_GIRLS.zscore.yearly-eb9d57e8.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.monthly-42701f3c.js → HEIGHT_BOYS.percentile.monthly-41de847f.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.weekly-dde65fbd.js → HEIGHT_BOYS.percentile.weekly-62b868f0.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.yearly-00d00cf7.js → HEIGHT_BOYS.percentile.yearly-e2c7bb82.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.monthly-9b22b188.js → HEIGHT_BOYS.zscore.monthly-5d6cc9db.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.weekly-1e042b69.js → HEIGHT_BOYS.zscore.weekly-d7b99302.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.yearly-0c232fd2.js → HEIGHT_BOYS.zscore.yearly-e5699025.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.monthly-1dc63069.js → HEIGHT_GIRLS.percentile.monthly-bac0286d.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.weekly-4b58bd05.js → HEIGHT_GIRLS.percentile.weekly-6999925f.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.yearly-9fc93f07.js → HEIGHT_GIRLS.percentile.yearly-ebfa2c19.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.monthly-35400da4.js → HEIGHT_GIRLS.zscore.monthly-39be4dd2.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.weekly-dd1f44e2.js → HEIGHT_GIRLS.zscore.weekly-207cf2f5.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.yearly-a69b75ca.js → HEIGHT_GIRLS.zscore.yearly-265aafc2.js} +0 -0
- /package/build/{Subot-695ffc58.js → Subot-54546cbb.js} +0 -0
- /package/build/{Visible-72e550ed.js → Visible-27b623f0.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.monthly-2dea455a.js → WEIGHT_BOYS.percentile.monthly-9ca3a316.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.weekly-184f141e.js → WEIGHT_BOYS.percentile.weekly-7e51fb9b.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.yearly-c9e8aaf8.js → WEIGHT_BOYS.percentile.yearly-b47c5be9.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.monthly-c9f03466.js → WEIGHT_BOYS.zscore.monthly-6d59370f.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.weekly-413af608.js → WEIGHT_BOYS.zscore.weekly-38beac02.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.yearly-fd8ddd34.js → WEIGHT_BOYS.zscore.yearly-1f4013a7.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.monthly-b78e414e.js → WEIGHT_GIRLS.percentile.monthly-c9144c22.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.weekly-6979e7ca.js → WEIGHT_GIRLS.percentile.weekly-5455b91e.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.yearly-be5d12e7.js → WEIGHT_GIRLS.percentile.yearly-03c736dd.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.monthly-28299624.js → WEIGHT_GIRLS.zscore.monthly-415a66a8.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.weekly-8584439e.js → WEIGHT_GIRLS.zscore.weekly-1e23361d.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.yearly-2e04a2a2.js → WEIGHT_GIRLS.zscore.yearly-8db29178.js} +0 -0
- /package/build/{cookieHelper-2e8bb9fa.js → cookieHelper-59a64e32.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.monthly-486f83ee.js → BMI_BOYS.percentile.monthly-57e884f8.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.weekly-fd3c15c3.js → BMI_BOYS.percentile.weekly-b2c63459.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.yearly-da6eb7ec.js → BMI_BOYS.percentile.yearly-8ca90fac.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.monthly-62d445f2.js → BMI_BOYS.zscore.monthly-b493d2f9.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.weekly-f67c90eb.js → BMI_BOYS.zscore.weekly-62ae4fbc.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.yearly-b1a41fe8.js → BMI_BOYS.zscore.yearly-e2aad569.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.monthly-66a216cc.js → BMI_GIRLS.percentile.monthly-7f8de0c2.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.weekly-b46429d6.js → BMI_GIRLS.percentile.weekly-6e0b116a.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.yearly-6a6af348.js → BMI_GIRLS.percentile.yearly-4a395636.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.monthly-41bb8c08.js → BMI_GIRLS.zscore.monthly-be973fb7.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.weekly-04eb8b89.js → BMI_GIRLS.zscore.weekly-c19aae0e.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.yearly-099feda2.js → BMI_GIRLS.zscore.yearly-7bf54eb9.js} +0 -0
- /package/build/esm/{ChevronDown-c2b4123b.js → ChevronDown-b9b5a352.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-53d11c4f.js → HEAD CIRCUM_BOYS.percentile.monthly-6e42d726.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-19dae757.js → HEAD CIRCUM_BOYS.percentile.weekly-8999c4bf.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-e744f2ee.js → HEAD CIRCUM_BOYS.percentile.yearly-b5760636.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-12b76190.js → HEAD CIRCUM_BOYS.zscore.monthly-fe30f273.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-a62a347c.js → HEAD CIRCUM_BOYS.zscore.weekly-17145cf6.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-d1c96a90.js → HEAD CIRCUM_BOYS.zscore.yearly-0d813a98.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-52e91c35.js → HEAD CIRCUM_GIRLS.percentile.monthly-ae35f7b2.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-51fd4b94.js → HEAD CIRCUM_GIRLS.percentile.weekly-430e5931.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-fb3c718e.js → HEAD CIRCUM_GIRLS.percentile.yearly-ce5d85d6.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-8d54ac23.js → HEAD CIRCUM_GIRLS.zscore.monthly-b304dc6c.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-17722148.js → HEAD CIRCUM_GIRLS.zscore.weekly-de588d96.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-0849bdb2.js → HEAD CIRCUM_GIRLS.zscore.yearly-44e77264.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.monthly-9219856c.js → HEIGHT_BOYS.percentile.monthly-e574a87c.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.weekly-f257a74f.js → HEIGHT_BOYS.percentile.weekly-49bc6c02.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.yearly-3ed1a065.js → HEIGHT_BOYS.percentile.yearly-99cf7774.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.monthly-a58e6f2e.js → HEIGHT_BOYS.zscore.monthly-63c3566b.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.weekly-af59d81d.js → HEIGHT_BOYS.zscore.weekly-a7eff90c.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.yearly-d64544e6.js → HEIGHT_BOYS.zscore.yearly-b06dea5e.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-58d712e2.js → HEIGHT_GIRLS.percentile.monthly-b154ae1d.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-f5718378.js → HEIGHT_GIRLS.percentile.weekly-a3dd221b.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-306e09e7.js → HEIGHT_GIRLS.percentile.yearly-c1a93361.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-ad472813.js → HEIGHT_GIRLS.zscore.monthly-47b24f91.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-e53d92d3.js → HEIGHT_GIRLS.zscore.weekly-f3cd351a.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-3e6e23aa.js → HEIGHT_GIRLS.zscore.yearly-f6e9bb0c.js} +0 -0
- /package/build/esm/{Subot-dc774172.js → Subot-0c45fa4c.js} +0 -0
- /package/build/esm/{Visible-302a3e45.js → Visible-3eb21335.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.monthly-49a7ae53.js → WEIGHT_BOYS.percentile.monthly-87900c96.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.weekly-63420203.js → WEIGHT_BOYS.percentile.weekly-6fb93a78.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.yearly-26609ac2.js → WEIGHT_BOYS.percentile.yearly-ccca0fe8.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.monthly-cb16306f.js → WEIGHT_BOYS.zscore.monthly-35d466dc.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.weekly-291be10f.js → WEIGHT_BOYS.zscore.weekly-d74d6ff5.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.yearly-6a25a7fa.js → WEIGHT_BOYS.zscore.yearly-2c068e1e.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-d11ea01c.js → WEIGHT_GIRLS.percentile.monthly-1ee7e829.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-93c36ba6.js → WEIGHT_GIRLS.percentile.weekly-ab30775b.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-5fc6d885.js → WEIGHT_GIRLS.percentile.yearly-893b6771.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-0f6fd15b.js → WEIGHT_GIRLS.zscore.monthly-c37f1d39.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-ea9c19e1.js → WEIGHT_GIRLS.zscore.weekly-3a1449f6.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-9665443f.js → WEIGHT_GIRLS.zscore.yearly-aa00837d.js} +0 -0
- /package/build/esm/{cookieHelper-d6490b00.js → cookieHelper-cbd9f06e.js} +0 -0
- /package/build/esm/{index-a59b0ec0.js → index-7d682662.js} +0 -0
- /package/build/esm/{index-379f6571.js → index-c9bdb9a2.js} +0 -0
- /package/build/esm/{index-d5fe6c4e.js → index-fb029176.js} +0 -0
- /package/build/esm/{isProduction-7b1509aa.js → isProduction-cfb9150a.js} +0 -0
- /package/build/esm/{localizeNumberFormat-b4e337ed.js → localizeNumberFormat-213a73b8.js} +0 -0
- /package/build/esm/{normalizeLink-7bed1319.js → normalizeLink-cc25681e.js} +0 -0
- /package/build/esm/{number-eb39d16c.js → number-dd894856.js} +0 -0
- /package/build/esm/{paths-2e45cb1b.js → paths-2d37bc61.js} +0 -0
- /package/build/esm/{theme-adbee273.js → theme-9f017335.js} +0 -0
- /package/build/esm/{translationsContext-4623d384.js → translationsContext-9fc8f894.js} +0 -0
- /package/build/esm/{tslib.es6-693de4fd.js → tslib.es6-cabcb8ea.js} +0 -0
- /package/build/esm/{types-054bf1d5.js → types-2d28585d.js} +0 -0
- /package/build/esm/{useIsInit-7d5bf403.js → useIsInit-81de6d8b.js} +0 -0
- /package/build/esm/{useOutsideClick-5c82f669.js → useOutsideClick-e1437a3f.js} +0 -0
- /package/build/esm/{useScrollbarSize-cfeb4651.js → useScrollbarSize-6ecc2f5a.js} +0 -0
- /package/build/{index-408e11c4.js → index-21c825aa.js} +0 -0
- /package/build/{index-346123fd.js → index-4b719c83.js} +0 -0
- /package/build/{index-53fb3b00.js → index-7005321e.js} +0 -0
- /package/build/{isProduction-87f95c7d.js → isProduction-426652cc.js} +0 -0
- /package/build/{localizeNumberFormat-e7196b4e.js → localizeNumberFormat-5389239f.js} +0 -0
- /package/build/{normalizeLink-245ad49c.js → normalizeLink-ef4fc463.js} +0 -0
- /package/build/{number-5c9d6f63.js → number-f6e8e1a9.js} +0 -0
- /package/build/{paths-3287ee93.js → paths-b1c94851.js} +0 -0
- /package/build/{theme-785c6f0c.js → theme-98a7bede.js} +0 -0
- /package/build/{translationsContext-efee8d50.js → translationsContext-6c5fb248.js} +0 -0
- /package/build/{tslib.es6-ef1f81bf.js → tslib.es6-d46558cb.js} +0 -0
- /package/build/{types-0321e2cc.js → types-032556e4.js} +0 -0
- /package/build/{useIsInit-311b057a.js → useIsInit-8386673c.js} +0 -0
- /package/build/{useOutsideClick-7ddf4eaa.js → useOutsideClick-5544e570.js} +0 -0
- /package/build/{useScrollbarSize-6947aaa0.js → useScrollbarSize-d4ccc356.js} +0 -0
|
@@ -1,3140 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("@mantine/core"),a=require("./tslib.es6-ef1f81bf.js"),o=require("./useTranslations-1ddacded.js"),r=require("./index-7b85f299.js"),l=require("./index-72cfe602.js");require("@mantine/dates");var n=require("./index-d14172a4.js"),i=require("./Subot-695ffc58.js"),s=require("./index-f85e80c5.js"),d=require("dayjs"),c=require("./screenSizeContext-83eeed99.js"),u=require("styled-components"),p=require("./theme-785c6f0c.js"),m=require("./number-5c9d6f63.js"),g=require("./isProduction-87f95c7d.js");require("@mantine/hooks");var h=require("./index.styles-d3c65e64.js"),f=require("date-fns");require("./translationsContext-efee8d50.js"),require("string-format");var v=require("./index-fe775c96.js"),b=require("./index-b23382c3.js"),x=require("./index-718b4bad.js"),w=require("./routing-9c9a4f25.js"),y=require("dayjs/plugin/relativeTime"),C=require("./paths-3287ee93.js"),E=require("./constants-715f497a.js"),k=require("lodash/debounce");require("./useCategory-957ea2a8.js");var A=require("./index-b3478b6c.js");require("innertext");var N=require("./cookieHelper-2e8bb9fa.js");function T(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function S(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}require("react-contenteditable"),require("react-dom"),require("./utils-871f6c88.js"),require("./index.styled-2bb5f5a2.js"),require("./index-346123fd.js");var z=S(e),P=T(e),L=T(d),M=T(u),B=T(y),R=T(k);const I=e=>z.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor"},e),z.createElement("path",{d:"M3.99403 3.32695C3.86141 3.32698 3.73181 3.36657 3.62181 3.44065C3.5118 3.51472 3.42638 3.61992 3.37648 3.7428C3.32658 3.86567 3.31445 4.00064 3.34165 4.13044C3.36885 4.26024 3.43415 4.37898 3.52919 4.47148L7.05784 8.00013L3.52919 11.5288C3.46521 11.5902 3.41413 11.6638 3.37894 11.7452C3.34375 11.8266 3.32516 11.9142 3.32425 12.0029C3.32335 12.0916 3.34015 12.1796 3.37368 12.2617C3.40721 12.3438 3.45678 12.4185 3.5195 12.4812C3.58222 12.5439 3.65682 12.5935 3.73894 12.627C3.82106 12.6605 3.90904 12.6773 3.99774 12.6764C4.08643 12.6755 4.17405 12.6569 4.25547 12.6217C4.33689 12.5865 4.41047 12.5355 4.4719 12.4715L8.00054 8.94283L11.5292 12.4715C11.5906 12.5355 11.6642 12.5865 11.7456 12.6217C11.827 12.6569 11.9147 12.6755 12.0034 12.6764C12.092 12.6773 12.18 12.6605 12.2621 12.627C12.3443 12.5935 12.4189 12.5439 12.4816 12.4812C12.5443 12.4185 12.5939 12.3439 12.6274 12.2617C12.6609 12.1796 12.6777 12.0916 12.6768 12.0029C12.6759 11.9142 12.6573 11.8266 12.6222 11.7452C12.587 11.6638 12.5359 11.5902 12.4719 11.5288L8.94325 8.00013L12.4719 4.47148C12.5682 4.37784 12.634 4.25728 12.6607 4.1256C12.6873 3.99392 12.6735 3.85726 12.6212 3.73354C12.5688 3.60982 12.4803 3.5048 12.3672 3.43224C12.2542 3.35969 12.1218 3.32299 11.9875 3.32695C11.8143 3.33211 11.6499 3.4045 11.5292 3.52877L8.00054 7.05742L4.4719 3.52877C4.40977 3.46491 4.33548 3.41415 4.2534 3.37948C4.17132 3.34482 4.08313 3.32696 3.99403 3.32695Z"})),O={admin:"cardAuthor.admin",moderator:"cardAuthor.moderator",ambassador:"cardAuthor.ambassador",expert:"cardAuthor.expert",sponsor:"cardAuthor.sponsor",guide:"cardAuthor.guide",influencer:"cardAuthor.influencer"},V=e=>{var{siteType:t,role:r,title:l,styles:n,className:i}=e,s=a.__rest(e,["siteType","role","title","styles","className"]);const{t:d}=o.useTranslations(),c=r?(e=>["admin","moderator","ambassador","expert","sponsor","guide","influencer"].find((t=>t===e)))(r):"",{classes:u,cx:p}=h.useStyles$1(void 0,{name:"AuthorBadge",styles:n});return c&&O[c]?P.default.createElement("div",Object.assign({className:p(u.root,i),"data-label-type":c,"data-is-marrybaby":"marryBaby"===t},s),l||d(O[c])):null},F=t=>{var{label:r,bookingId:i,bookingType:s="doctor",locale:d="vi-VN"}=t,c=a.__rest(t,["label","bookingId","bookingType","locale"]);const{t:u}=o.useTranslations(),[p,m]=e.useState(!1),f=e.useMemo((()=>"undefined"!=typeof window?window.location.href:""),[]),v=e.useCallback((()=>a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,c,u,p,f,v,b,x,w,y;const k="doctor"===s?C.PATHS.GET_DOCTOR_DETAIL:"hospital"===s?C.PATHS.GET_HOSPITAL_DETAIL:"service"===s?C.PATHS.GET_SERVICE_DETAIL:"";try{m(!0);const C=yield h.callApi(h.getCarePath(k,{id:i,site:n.domainLocales[d]}),"get");if(1===(null==C?void 0:C._status)){const i="doctor"===s?{id:null===(t=null===(e=null==C?void 0:C._data)||void 0===e?void 0:e.doctor)||void 0===t?void 0:t.id,slug:null===(o=null===(a=null==C?void 0:C._data)||void 0===a?void 0:a.doctor)||void 0===o?void 0:o.slug,localSlug:null===(r=E.LOCALIZED_SLUGS[d])||void 0===r?void 0:r.DOCTOR}:"hospital"===s?{id:null===(c=null===(l=null==C?void 0:C._data)||void 0===l?void 0:l.branch)||void 0===c?void 0:c.id,slug:null===(p=null===(u=null==C?void 0:C._data)||void 0===u?void 0:u.branch)||void 0===p?void 0:p.slug,localSlug:null===(f=E.LOCALIZED_SLUGS[d])||void 0===f?void 0:f.HOSPITAL}:{id:null===(b=null===(v=null==C?void 0:C._data)||void 0===v?void 0:v.service)||void 0===b?void 0:b.id,slug:null===(w=null===(x=null==C?void 0:C._data)||void 0===x?void 0:x.service)||void 0===w?void 0:w.slug,localSlug:null===(y=E.LOCALIZED_SLUGS[d])||void 0===y?void 0:y.SERVICE};window.location.href=`https://${g.isProduction?"":"discover."}${n.domainLocales[d]}/care/${i.localSlug}/${i.slug}-${i.id}/`}else m(!1)}catch(e){console.log(e),m(!1)}}))),[]);return i&&s?P.default.createElement(l.Button,Object.assign({dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:f,onClick:v,loading:p},c),r||u("careBooking.bookAnAppointment")):null},j=M.default.div`
|
|
2
|
-
--dropdown-padding: 12px 18px 12px 16px;
|
|
3
|
-
position: relative;
|
|
4
|
-
box-sizing: border-box;
|
|
5
|
-
border: 1px solid ${p.theme.colors.gray200};
|
|
6
|
-
background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
|
|
7
|
-
no-repeat;
|
|
8
|
-
background-position: right 16px center;
|
|
9
|
-
border-radius: ${p.theme.borderRadius};
|
|
10
|
-
|
|
11
|
-
&[data-disabled='true'],
|
|
12
|
-
:disabled {
|
|
13
|
-
background-color: #f2f2f2;
|
|
14
|
-
cursor: not-allowed;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&[data-size='sm'] {
|
|
18
|
-
font-size: 13px;
|
|
19
|
-
line-height: 20px;
|
|
20
|
-
}
|
|
21
|
-
&[data-size='md'] {
|
|
22
|
-
font-size: 14px;
|
|
23
|
-
line-height: 21px;
|
|
24
|
-
}
|
|
25
|
-
&[data-size='lg'] {
|
|
26
|
-
font-size: 16px;
|
|
27
|
-
line-height: 24px;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&[data-has-icons='true'] {
|
|
31
|
-
border: none;
|
|
32
|
-
background: ${p.theme.colors.gray100};
|
|
33
|
-
|
|
34
|
-
img,
|
|
35
|
-
svg {
|
|
36
|
-
display: inline-block;
|
|
37
|
-
max-width: 16px;
|
|
38
|
-
margin-right: 6px;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
span {
|
|
42
|
-
display: inline-block;
|
|
43
|
-
vertical-align: middle;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
&:hover {
|
|
47
|
-
box-shadow: none;
|
|
48
|
-
}
|
|
49
|
-
> div {
|
|
50
|
-
position: relative;
|
|
51
|
-
display: flex;
|
|
52
|
-
width: 100%;
|
|
53
|
-
box-sizing: border-box;
|
|
54
|
-
align-items: center;
|
|
55
|
-
}
|
|
56
|
-
> div::after {
|
|
57
|
-
position: absolute;
|
|
58
|
-
top: 50%;
|
|
59
|
-
right: 12px;
|
|
60
|
-
width: 10px;
|
|
61
|
-
height: 8px;
|
|
62
|
-
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
|
|
63
|
-
background-repeat: no-repeat;
|
|
64
|
-
content: '';
|
|
65
|
-
transform: translateY(-50%);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&:hover {
|
|
70
|
-
box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
&[data-is-native='true'] {
|
|
74
|
-
padding: var(--dropdown-padding);
|
|
75
|
-
line-height: 24px;
|
|
76
|
-
|
|
77
|
-
&:focus {
|
|
78
|
-
box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor};
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
`,D=M.default.div`
|
|
82
|
-
padding: var(--dropdown-padding);
|
|
83
|
-
cursor: pointer;
|
|
84
|
-
|
|
85
|
-
&.with-label {
|
|
86
|
-
padding-top: 34px;
|
|
87
|
-
padding-bottom: 12px;
|
|
88
|
-
}
|
|
89
|
-
&[data-dropdown-open] {
|
|
90
|
-
padding: 11px 15px 11px 15px;
|
|
91
|
-
border: 1px solid ${e=>e.color};
|
|
92
|
-
border-radius: ${p.theme.borderRadius};
|
|
93
|
-
box-shadow: 0 0 2px 2px ${e=>e.shadowColor};
|
|
94
|
-
}
|
|
95
|
-
`,U=M.default.ul`
|
|
96
|
-
position: absolute;
|
|
97
|
-
top: 100%;
|
|
98
|
-
/* right: 0; */
|
|
99
|
-
min-width: 100%;
|
|
100
|
-
left: 0;
|
|
101
|
-
display: block;
|
|
102
|
-
margin-top: 4px;
|
|
103
|
-
background: ${p.theme.colors.white};
|
|
104
|
-
border-radius: ${p.theme.borderRadius};
|
|
105
|
-
box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
|
|
106
|
-
-2px 2px 5px rgba(67, 86, 100, 0.123689);
|
|
107
|
-
cursor: pointer;
|
|
108
|
-
|
|
109
|
-
&[data-has-icons='true'] {
|
|
110
|
-
border: 1px solid ${p.theme.colors.gray200};
|
|
111
|
-
background: white;
|
|
112
|
-
box-shadow: none;
|
|
113
|
-
filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04));
|
|
114
|
-
}
|
|
115
|
-
`,H=M.default.li`
|
|
116
|
-
display: flex;
|
|
117
|
-
padding: 12px 18px 12px 16px;
|
|
118
|
-
&[data-disabled='true'] {
|
|
119
|
-
cursor: not-allowed;
|
|
120
|
-
color: #bfbfbf;
|
|
121
|
-
& > * {
|
|
122
|
-
pointer-events: none;
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
&:hover,
|
|
126
|
-
:active {
|
|
127
|
-
background: ${p.theme.colors.gray100};
|
|
128
|
-
}
|
|
129
|
-
`,W=M.default.div`
|
|
130
|
-
max-width: 16px;
|
|
131
|
-
margin-right: 8px;
|
|
132
|
-
`,q=M.default.div`
|
|
133
|
-
position: absolute;
|
|
134
|
-
top: 12px;
|
|
135
|
-
left: 16px;
|
|
136
|
-
pointer-events: none;
|
|
137
|
-
`,G=e.createContext({}),Z=t=>{const{data:{userInfo:a,env:{togetherBasePath:o}}}=e.useContext(h.TogetherComponentGlobalContext),{defaultParams:r}=e.useContext(G)||{},l=null==a?void 0:a.id,n=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(e,a)=>{const i=Object.assign(Object.assign(Object.assign({},r),t),a);if(!l||n){l||N.deleteCookie(h.BEARER_TOKEN_COOKIE),(null==i?void 0:i._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(i._joinCommunityIds).filter(Boolean))))),null==i||delete i._joinCommunityIds),(null==i?void 0:i._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(i._joinTopicIds).filter(Boolean))))),null==i||delete i._joinTopicIds);const e=(null==i?void 0:i._location)||window.location.href;return null==i||delete i._location,window.location.href=h.getUrlToSignUp(e,i,o),null}return e&&e()},params:Object.assign(Object.assign({},r),t)}},Q=M.default.div`
|
|
138
|
-
.link-info-container {
|
|
139
|
-
padding: 0.5rem 1rem;
|
|
140
|
-
background: ${e=>e.color||"#f4faff"};
|
|
141
|
-
}
|
|
142
|
-
.link-image-wrapper {
|
|
143
|
-
position: relative;
|
|
144
|
-
overflow: hidden;
|
|
145
|
-
width: 100%;
|
|
146
|
-
padding-top: min(280px, 56.25%);
|
|
147
|
-
.link-image-blur {
|
|
148
|
-
position: absolute;
|
|
149
|
-
top: 50%;
|
|
150
|
-
left: 50%;
|
|
151
|
-
width: 110%;
|
|
152
|
-
height: 110%;
|
|
153
|
-
/* Add the blur effect */
|
|
154
|
-
-webkit-filter: blur(8px);
|
|
155
|
-
filter: blur(8px);
|
|
156
|
-
object-fit: cover;
|
|
157
|
-
object-position: center;
|
|
158
|
-
opacity: 0.8;
|
|
159
|
-
transform: translate(-50%, -50%);
|
|
160
|
-
}
|
|
161
|
-
.link-image {
|
|
162
|
-
position: absolute;
|
|
163
|
-
top: 0;
|
|
164
|
-
left: 0;
|
|
165
|
-
width: 100%;
|
|
166
|
-
height: 100%;
|
|
167
|
-
object-fit: contain;
|
|
168
|
-
object-position: center;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
a {
|
|
172
|
-
text-decoration: none;
|
|
173
|
-
}
|
|
174
|
-
&[data-is-marrybaby='true'] {
|
|
175
|
-
overflow: hidden;
|
|
176
|
-
border-radius: 1rem;
|
|
177
|
-
.link-info-container {
|
|
178
|
-
padding-bottom: 1rem;
|
|
179
|
-
p {
|
|
180
|
-
color: #2661ad;
|
|
181
|
-
}
|
|
182
|
-
.link-logo {
|
|
183
|
-
max-width: 2rem;
|
|
184
|
-
height: 13px;
|
|
185
|
-
margin-right: 4px;
|
|
186
|
-
object-fit: contain;
|
|
187
|
-
vertical-align: middle;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
.link-image-wrapper {
|
|
191
|
-
padding-top: min(360px, 56.25%);
|
|
192
|
-
.link-image {
|
|
193
|
-
object-fit: cover;
|
|
194
|
-
}
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
`,X=e.createContext({});var _="vvR-m49";const K=({children:t,className:a=""})=>{const{isReplied:o,trackingCategory:r,trackingLabel:l,onLikeClick:n}=e.useContext(X);return P.default.createElement("div",{className:`${_} ${a}`,"data-event-category":r,"data-event-action":o?"Like Comment Click":"Like Post Click","data-event-label":l,onClick:()=>{null==n||n()}},t)},Y=({children:t,className:a=""})=>{const{trackingCategory:o,trackingLabel:r,onShareClick:l}=e.useContext(X);return P.default.createElement("div",{className:`${_} ${a}`,onClick:()=>{null==l||l()},"data-event-category":o,"data-event-action":"Share Icon Click","data-event-label":r},t)},$=({children:t,className:a=""})=>{const{isReplied:o,trackingCategory:r,trackingLabel:l,onCommentClick:n}=e.useContext(X);return P.default.createElement("div",{className:`${_} ${a}`,"data-event-category":r,"data-event-action":o?"Reply Comment Click":"Comment Text Click","data-event-label":l,onClick:e=>{e.preventDefault(),e.stopPropagation(),null==n||n()}},t)};var J,ee="UhiT4m5",te="oEfeTkV",ae="OlbikxJ",oe="_9GXHCn3",re="HCsrR0N",le="MV3lNuh";exports.CardReactionType=void 0,(J=exports.CardReactionType||(exports.CardReactionType={}))[J.post=1]="post",J[J.reply=2]="reply";const ne=t=>{var{type:l,viewCount:n,loveCount:i=0,replyCount:s=0,replyPadding:d,liked:c,isReplied:u,onCommentClick:g,onLikeClick:f,onShareClick:v,className:b,style:x,hideCommentIcon:w,showingMostEngaging:y,isMarryBaby:C,hasShare:E=!0,hasCountLike:k=!0,trackingCategory:A="Together",trackingLabel:N="",children:T}=t,S=a.__rest(t,["type","viewCount","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel","children"]);const{data:{env:{isMarryBaby:z}}}=e.useContext(h.TogetherComponentGlobalContext),L=Boolean(C)?C:z,{t:M}=o.useTranslations();return P.default.createElement(X.Provider,{value:{liked:c,loveCount:i,trackingCategory:A,trackingLabel:N,isReplied:u,onLikeClick:f,onShareClick:v,onCommentClick:g}},T||P.default.createElement("div",Object.assign({className:`${ee} ${b}`,"data-show-most-engaging":y,"data-type":l===exports.CardReactionType.post?"post":"reply","data-reply-padding":l===exports.CardReactionType.reply&&d,"data-is-marrybaby":L,style:x},S),P.default.createElement("div",{className:te},P.default.createElement("div",{className:ae},P.default.createElement(K,{className:re},P.default.createElement(r.Text,{className:oe,size:"p3",as:"div"},P.default.createElement(r.Heart,{className:"txt-icon",isMarryBaby:L,isSolid:c,color:c?L?p.theme.mbColors.pink:p.theme.colors.red800:"#737373"}),k&&P.default.createElement("div",{className:le},i))),E&&P.default.createElement(Y,{className:re},P.default.createElement(r.Text,{size:"p3",className:oe,as:"div"},P.default.createElement(r.Icon.Share,{isMarryBaby:L}))),void 0!==n&&P.default.createElement(r.Text,{size:"p3",className:oe,as:"div"},P.default.createElement(r.Icon.Eye,{isMarryBaby:L}),P.default.createElement("div",{className:le},m.abbreviateNumber(n)))),!w&&P.default.createElement($,{className:re},P.default.createElement(r.Text,{size:"p3",className:oe,as:"div"},u?P.default.createElement(r.Icon.Reply,{className:"txt-icon"}):P.default.createElement(r.Icon.Comment,{className:"txt-icon",isMarryBaby:L}),u?M("cardReactions.reply"):P.default.createElement("div",{className:le},M("post.commentCount",{count:s})))))))};ne.LikeWrapper=K,ne.ShareWrapper=Y,ne.CommentWrapper=$;const ie=t.createStyles((e=>({wrapper:{display:"flex",flexWrap:"wrap",width:"100%",padding:"0.5rem 0",gap:"0.5rem"},item:{position:"relative",whiteSpace:"nowrap",padding:"5px 12px",background:e.colors.gray[0],borderRadius:"2rem",cursor:"pointer","-webkit-user-drag":"none",userSelect:"none",textDecoration:"none","*":{pointerEvents:"none"},"&:first-child":{marginLeft:0}},text:{}}))),se=M.default.div`
|
|
198
|
-
display: flex;
|
|
199
|
-
align-items: center;
|
|
200
|
-
justify-content: space-between;
|
|
201
|
-
padding: 16px;
|
|
202
|
-
cursor: pointer;
|
|
203
|
-
&[data-color='gray'] {
|
|
204
|
-
background: ${p.theme.colors.neutral50};
|
|
205
|
-
}
|
|
206
|
-
&[data-color='white'] {
|
|
207
|
-
border-bottom: 1px solid #e4e8ec;
|
|
208
|
-
background: ${p.theme.colors.white};
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.popover-menu__btn {
|
|
212
|
-
display: flex;
|
|
213
|
-
min-width: 2rem;
|
|
214
|
-
height: 2rem;
|
|
215
|
-
align-items: center;
|
|
216
|
-
padding: 8px 0 !important;
|
|
217
|
-
border: none;
|
|
218
|
-
margin-left: 0.5rem;
|
|
219
|
-
background: transparent;
|
|
220
|
-
> span {
|
|
221
|
-
display: flex;
|
|
222
|
-
align-items: center;
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
&:hover {
|
|
226
|
-
background: transparent !important;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
&.label-pinned {
|
|
231
|
-
border-radius: ${p.theme.borderRadius} 6px 0 0;
|
|
232
|
-
.label-sort-pin-icon {
|
|
233
|
-
width: 16px;
|
|
234
|
-
height: 16px;
|
|
235
|
-
vertical-align: middle;
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
&[data-is-marrybaby='true'] {
|
|
240
|
-
padding: 0.75rem 1rem;
|
|
241
|
-
border-radius: 16px 16px 0px 0px;
|
|
242
|
-
&[data-color='white'] {
|
|
243
|
-
border-bottom: none;
|
|
244
|
-
}
|
|
245
|
-
&[data-color='gray'] {
|
|
246
|
-
background: #f3f3f3;
|
|
247
|
-
}
|
|
248
|
-
.popover-menu__btn {
|
|
249
|
-
width: unset;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
&.label-pinned {
|
|
253
|
-
border-bottom: none;
|
|
254
|
-
background: #fff9eb;
|
|
255
|
-
border-radius: 1rem 1rem 0 0;
|
|
256
|
-
.label-sort-pin-icon {
|
|
257
|
-
margin-right: 8px;
|
|
258
|
-
}
|
|
259
|
-
.label-sort-pin-heading {
|
|
260
|
-
color: #fb8c00;
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
&.label-sorting {
|
|
264
|
-
${c.MediaQueries.tdUp} {
|
|
265
|
-
padding-bottom: 1.5rem;
|
|
266
|
-
margin-bottom: -0.75rem;
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
`,de=({label:t,rightLabel:a,onClick:o,color:l,className:n,style:i})=>{const{data:{env:{isMarryBaby:s}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(se,{"data-is-marrybaby":s,"data-color":l,onClick:o,className:n,style:i},P.default.createElement(r.Text,{className:"label-sort-pin-heading",size:s?"p4":"p3",weight:"bold"},t),a)};const ce=M.default.div`
|
|
271
|
-
position: relative;
|
|
272
|
-
display: content;
|
|
273
|
-
|
|
274
|
-
.popover-menu__btn {
|
|
275
|
-
/* position: relative; */
|
|
276
|
-
> span {
|
|
277
|
-
width: 100%;
|
|
278
|
-
height: 100%;
|
|
279
|
-
> img {
|
|
280
|
-
width: 100%;
|
|
281
|
-
height: 100%;
|
|
282
|
-
}
|
|
283
|
-
}
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
.popover-menu__content {
|
|
287
|
-
position: absolute;
|
|
288
|
-
z-index: 10;
|
|
289
|
-
width: 320px;
|
|
290
|
-
padding: 8px;
|
|
291
|
-
border: none;
|
|
292
|
-
background: #fff;
|
|
293
|
-
border-radius: 8px;
|
|
294
|
-
box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
|
|
295
|
-
|
|
296
|
-
&::before {
|
|
297
|
-
position: absolute;
|
|
298
|
-
width: 16px;
|
|
299
|
-
height: 8px;
|
|
300
|
-
background: #fff;
|
|
301
|
-
content: '';
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
&.--position {
|
|
305
|
-
&-top {
|
|
306
|
-
bottom: calc(100% + 8px);
|
|
307
|
-
|
|
308
|
-
&.--align {
|
|
309
|
-
&-start {
|
|
310
|
-
left: 0;
|
|
311
|
-
|
|
312
|
-
&::before {
|
|
313
|
-
top: 100%;
|
|
314
|
-
left: 16px;
|
|
315
|
-
clip-path: polygon(0 0, 50% 100%, 100% 0);
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
&-end {
|
|
320
|
-
left: 100%;
|
|
321
|
-
transform: translateX(calc(-100% + 1rem));
|
|
322
|
-
|
|
323
|
-
&::before {
|
|
324
|
-
top: 100%;
|
|
325
|
-
right: 16px;
|
|
326
|
-
clip-path: polygon(0 0, 50% 100%, 100% 0);
|
|
327
|
-
}
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
&-right {
|
|
333
|
-
left: calc(100% + 8px);
|
|
334
|
-
|
|
335
|
-
&.--align {
|
|
336
|
-
&-start {
|
|
337
|
-
top: 0;
|
|
338
|
-
|
|
339
|
-
&::before {
|
|
340
|
-
top: 16px;
|
|
341
|
-
left: 0;
|
|
342
|
-
width: 8px;
|
|
343
|
-
height: 16px;
|
|
344
|
-
clip-path: polygon(0 50%, 100% 0%, 100% 100%);
|
|
345
|
-
transform: translateX(-100%);
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
|
|
349
|
-
&-end {
|
|
350
|
-
top: 100%;
|
|
351
|
-
transform: translateX(calc(-100% + 1rem));
|
|
352
|
-
|
|
353
|
-
&::before {
|
|
354
|
-
bottom: 16px;
|
|
355
|
-
left: 0;
|
|
356
|
-
width: 8px;
|
|
357
|
-
height: 16px;
|
|
358
|
-
clip-path: polygon(0 50%, 100% 0%, 100% 100%);
|
|
359
|
-
transform: translateX(-100%);
|
|
360
|
-
}
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
}
|
|
364
|
-
|
|
365
|
-
&-bottom {
|
|
366
|
-
top: calc(100% + 8px);
|
|
367
|
-
|
|
368
|
-
&.--align {
|
|
369
|
-
&-start {
|
|
370
|
-
left: 0;
|
|
371
|
-
|
|
372
|
-
&::before {
|
|
373
|
-
bottom: 100%;
|
|
374
|
-
left: 16px;
|
|
375
|
-
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
376
|
-
}
|
|
377
|
-
}
|
|
378
|
-
|
|
379
|
-
&-end {
|
|
380
|
-
left: 100%;
|
|
381
|
-
transform: translateX(calc(-100% + 1rem));
|
|
382
|
-
|
|
383
|
-
&::before {
|
|
384
|
-
right: 16px;
|
|
385
|
-
bottom: 100%;
|
|
386
|
-
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
387
|
-
}
|
|
388
|
-
}
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
&-left {
|
|
393
|
-
left: -8px;
|
|
394
|
-
transform: translateX(-100%);
|
|
395
|
-
|
|
396
|
-
&.--align {
|
|
397
|
-
&-start {
|
|
398
|
-
top: 0;
|
|
399
|
-
|
|
400
|
-
&::before {
|
|
401
|
-
top: 16px;
|
|
402
|
-
left: 100%;
|
|
403
|
-
width: 8px;
|
|
404
|
-
height: 16px;
|
|
405
|
-
clip-path: polygon(0 0%, 100% 50%, 0% 100%);
|
|
406
|
-
transform: translateX(0);
|
|
407
|
-
}
|
|
408
|
-
}
|
|
409
|
-
|
|
410
|
-
&-end {
|
|
411
|
-
bottom: 0;
|
|
412
|
-
|
|
413
|
-
&::before {
|
|
414
|
-
bottom: 16px;
|
|
415
|
-
left: 100%;
|
|
416
|
-
width: 8px;
|
|
417
|
-
height: 16px;
|
|
418
|
-
clip-path: polygon(0 0%, 100% 50%, 0% 100%);
|
|
419
|
-
transform: translateX(0);
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
|
-
}
|
|
424
|
-
}
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
&[data-is-marrybaby='true'] {
|
|
428
|
-
.popover-menu__content {
|
|
429
|
-
padding: 0;
|
|
430
|
-
border-radius: 12px;
|
|
431
|
-
/* &::before {
|
|
432
|
-
display: none;
|
|
433
|
-
} */
|
|
434
|
-
}
|
|
435
|
-
}
|
|
436
|
-
`,ue=M.default.div`
|
|
437
|
-
display: flex;
|
|
438
|
-
/* max-height: 300px; */
|
|
439
|
-
flex-direction: column;
|
|
440
|
-
cursor: default;
|
|
441
|
-
|
|
442
|
-
.__header {
|
|
443
|
-
position: relative;
|
|
444
|
-
display: flex;
|
|
445
|
-
align-items: center;
|
|
446
|
-
justify-content: center;
|
|
447
|
-
padding: 1rem 0;
|
|
448
|
-
margin-bottom: 8px;
|
|
449
|
-
|
|
450
|
-
.__back-btn {
|
|
451
|
-
position: absolute;
|
|
452
|
-
top: 50%;
|
|
453
|
-
left: 8px;
|
|
454
|
-
width: 16px;
|
|
455
|
-
height: 16px;
|
|
456
|
-
cursor: pointer;
|
|
457
|
-
transform: translateY(-50%);
|
|
458
|
-
}
|
|
459
|
-
}
|
|
460
|
-
|
|
461
|
-
.tree-text-description {
|
|
462
|
-
padding-right: 8px;
|
|
463
|
-
padding-left: 8px;
|
|
464
|
-
margin-top: -8px;
|
|
465
|
-
margin-bottom: 8px;
|
|
466
|
-
font-size: 14px;
|
|
467
|
-
font-weight: 400;
|
|
468
|
-
line-height: 22px;
|
|
469
|
-
text-align: left;
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
.__content {
|
|
473
|
-
overflow: auto;
|
|
474
|
-
flex: 1;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
.__list {
|
|
478
|
-
.__item {
|
|
479
|
-
position: relative;
|
|
480
|
-
&.bold-item {
|
|
481
|
-
font-weight: 700;
|
|
482
|
-
}
|
|
483
|
-
&:last-child {
|
|
484
|
-
.__btn {
|
|
485
|
-
margin-bottom: 0;
|
|
486
|
-
}
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.__btn {
|
|
490
|
-
position: relative;
|
|
491
|
-
display: flex;
|
|
492
|
-
width: 100%;
|
|
493
|
-
height: 40px;
|
|
494
|
-
align-items: center;
|
|
495
|
-
padding: 0 1rem;
|
|
496
|
-
border: none;
|
|
497
|
-
margin-bottom: 8px;
|
|
498
|
-
color: ${p.theme.colors.gray800};
|
|
499
|
-
cursor: pointer;
|
|
500
|
-
text-align: left;
|
|
501
|
-
transition: background 0.3s;
|
|
502
|
-
|
|
503
|
-
/* for better gtm tracking result */
|
|
504
|
-
* {
|
|
505
|
-
pointer-events: none;
|
|
506
|
-
}
|
|
507
|
-
&.--checked {
|
|
508
|
-
color: ${p.theme.colors.gray500};
|
|
509
|
-
pointer-events: none;
|
|
510
|
-
}
|
|
511
|
-
|
|
512
|
-
&:hover {
|
|
513
|
-
background: ${p.theme.colors.gray100};
|
|
514
|
-
}
|
|
515
|
-
|
|
516
|
-
.__icon {
|
|
517
|
-
width: 16px;
|
|
518
|
-
height: 16px;
|
|
519
|
-
margin-right: 0.4rem;
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
& > span {
|
|
523
|
-
position: relative;
|
|
524
|
-
|
|
525
|
-
& > img {
|
|
526
|
-
width: 16px;
|
|
527
|
-
height: 16px;
|
|
528
|
-
margin-right: 0.4rem;
|
|
529
|
-
}
|
|
530
|
-
}
|
|
531
|
-
}
|
|
532
|
-
|
|
533
|
-
.__toggle {
|
|
534
|
-
position: absolute;
|
|
535
|
-
top: 50%;
|
|
536
|
-
right: 16px;
|
|
537
|
-
width: 16px;
|
|
538
|
-
height: 16px;
|
|
539
|
-
pointer-events: none;
|
|
540
|
-
transform: translateY(-50%);
|
|
541
|
-
}
|
|
542
|
-
}
|
|
543
|
-
}
|
|
544
|
-
&[data-is-marrybaby='true'] {
|
|
545
|
-
.__header {
|
|
546
|
-
padding: 1rem;
|
|
547
|
-
}
|
|
548
|
-
.tree-text-description {
|
|
549
|
-
padding: 0 1rem;
|
|
550
|
-
}
|
|
551
|
-
.__list {
|
|
552
|
-
.__item {
|
|
553
|
-
&:first-child {
|
|
554
|
-
.__btn {
|
|
555
|
-
border-top-left-radius: 12px;
|
|
556
|
-
border-top-right-radius: 12px;
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
&:last-child {
|
|
560
|
-
.__btn {
|
|
561
|
-
border-bottom-left-radius: 12px;
|
|
562
|
-
border-bottom-right-radius: 12px;
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
.__btn {
|
|
566
|
-
height: unset;
|
|
567
|
-
padding: 1rem;
|
|
568
|
-
margin-bottom: 0;
|
|
569
|
-
&:hover {
|
|
570
|
-
background: ${p.theme.mbColors.lightPink};
|
|
571
|
-
}
|
|
572
|
-
}
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
`,pe=({className:t,style:a,toggleButtonContent:o,position:r="bottom",align:l="end",children:n,buttonProps:i})=>{const{data:{env:{isMarryBaby:s}}}=e.useContext(h.TogetherComponentGlobalContext),[d,c]=e.useState(!1),u=e.useRef(null),p=e.useRef(d);return e.useEffect((()=>{var e;p.current=d,d&&(null===(e=u.current)||void 0===e||e.focus())}),[d]),e.useEffect((()=>{const e=e=>{var t;!(null===(t=u.current)||void 0===t?void 0:t.contains(e.target))&&p.current&&c(!1)};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),P.default.createElement(ce,{"data-is-marrybaby":s,className:t,style:a},P.default.createElement(v.Button,Object.assign({theme:s?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>c((e=>!e))},i),o),d?P.default.createElement("div",{ref:u,className:`popover-menu__content --position-${r} --align-${l}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof n?n({setShow:c}):n):null)};const me=e=>{var{data:t}=e,o=a.__rest(e,["data"]);return P.default.createElement(pe,Object.assign({},o),(({setShow:e})=>P.default.createElement(ge,{data:t,setShow:e})))},ge=({data:t,setShow:a})=>{var o;const[l,n]=e.useState(""),i=e.useMemo((()=>t&&((e,t)=>{const a=t.split(".");let o=e;return a.forEach((e=>{var t,a;e&&o&&"list"===(null==o?void 0:o.type)&&(o=null===(a=null===(t=null==o?void 0:o.list)||void 0===t?void 0:t[Number(e)])||void 0===a?void 0:a.subTree)})),o})(t,l)),[t,l]);if(!t)return null;if(!i)return null;return P.default.createElement(ue,null,i.isShowheader?P.default.createElement("div",{className:"__header"},l?P.default.createElement("img",{className:"__back-btn",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15 18L9 12L15 6' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:()=>n((e=>e.split(".").slice(0,-1).join("."))),loading:"lazy"}):null,i.title?P.default.createElement(h.Heading,{className:"__title",tag:"h6"},i.title):null):null,i.description?P.default.createElement(r.Text,{className:"tree-text-description",color:p.theme.colors.gray600,size:"p3",weight:"regular"},i.description):null,P.default.createElement("div",{className:"__content"},"jsx"===i.type?null===(o=null==i?void 0:i.jsxRenderer)||void 0===o?void 0:o.call(i,a):null,"list"===i.type?P.default.createElement("ul",{className:"__list"},Array.isArray(i.list)?i.list.map(((e,t)=>P.default.createElement("li",{key:t,style:e.style,className:`__item ${e.className}`}," ",P.default.createElement("div",{className:"__btn "+(e.selected?"--checked":""),onClick:()=>((e,{subTree:t,onClick:o=(()=>null)})=>{o&&o(),t?n((t=>t.split(".").concat(String(e)).join("."))):a&&a(!1)})(t,e),"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&P.default.createElement("img",{className:"__icon",src:e.icon,loading:"lazy"}),P.default.createElement("span",null,e.label)),e.subTree?P.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12L10 8L6 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"}):null,e.selected?P.default.createElement("img",{className:"__toggle",src:"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3334 4L6.00002 11.3333L2.66669 8' stroke='%238C8C8C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"}):null))):null):null))};var he;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(he||(he={}));const fe=e=>{var{size:t=15}=e,o=a.__rest(e,["size"]);return P.default.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 15 15",fill:"none"},o),P.default.createElement("path",{d:"M7.43701 14C11.0614 14 13.9995 11.0619 13.9995 7.4375C13.9995 3.81313 11.0614 0.875 7.43701 0.875C3.81264 0.875 0.874512 3.81313 0.874512 7.4375C0.874512 11.0619 3.81264 14 7.43701 14Z",fill:"white",stroke:"#E4E8EC",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),P.default.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))},ve=e=>{var{size:t,color:o}=e,r=a.__rest(e,["size","color"]);return P.default.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 16 16",fill:"none"},r),P.default.createElement("path",{d:"M7.29998 8.71005L6.24868 7.64851C6.14527 7.54509 6.02647 7.49338 5.89228 7.49338C5.75811 7.49338 5.63931 7.54509 5.53588 7.64851C5.43247 7.75192 5.38012 7.87179 5.37883 8.00811C5.37756 8.14444 5.42649 8.26217 5.52563 8.36131L6.8782 9.71386C6.99871 9.83437 7.13931 9.89463 7.29998 9.89463C7.46066 9.89463 7.60126 9.83437 7.72177 9.71386L10.4846 6.95105C10.588 6.84764 10.6397 6.72884 10.6397 6.59465C10.6397 6.46047 10.588 6.34167 10.4846 6.23825C10.3812 6.13484 10.2613 6.0842 10.125 6.08633C9.98866 6.08846 9.87093 6.1391 9.77178 6.23825L7.29998 8.71005ZM7.99998 14.2703H7.84293C7.79379 14.2703 7.74913 14.2592 7.70897 14.2369C6.34743 13.7857 5.22222 12.9235 4.33333 11.6504C3.44444 10.3773 3 8.96046 3 7.39978V4.39723C3 4.1451 3.07308 3.91754 3.21923 3.71455C3.36539 3.51155 3.55342 3.36432 3.78333 3.27288L7.5782 1.85621C7.72093 1.80494 7.86153 1.7793 7.99998 1.7793C8.13844 1.7793 8.27903 1.80494 8.42177 1.85621L12.2166 3.27288C12.4465 3.36432 12.6346 3.51155 12.7807 3.71455C12.9269 3.91754 13 4.1451 13 4.39723V7.39978C13 8.96046 12.5555 10.3773 11.6666 11.6504C10.7777 12.9235 9.65253 13.7857 8.291 14.2369C8.23972 14.2592 8.14272 14.2703 7.99998 14.2703Z",fill:o}))};ve.defaultProps={size:24,color:p.theme.colors.gray600,activeColor:p.theme.colors.primaryBase,isActive:!1};var be="dZWeHns",xe="tMiOKib",we="uDcqD-2",ye="pDlsows",Ce="m-HVXw1";const Ee=({children:e,className:t=""})=>P.default.createElement("div",{className:`${xe} ${t}`},e),ke=({children:e,className:t=""})=>P.default.createElement("div",{className:`${we} ${t}`},e);var Ae="sTU4T4I",Ne="tCql9Je",Te="_3j7uYhH",Se="PHABgoT";const ze=({avatarProps:e,title:t,subTitle:a,children:o,className:r="",style:l,onAvatarClick:n,avatarIcon:i,dataEventCategory:s,dataEventAction:d,dataEventLabel:c})=>P.default.createElement("div",{className:`${Ae} ${r}`,style:l},P.default.createElement("div",{className:Te,onClick:n,"data-event-category":s,"data-event-action":d,"data-event-label":c},P.default.createElement(x.UserAvatar,Object.assign({},e)),i&&P.default.createElement("div",{className:Se},i)),P.default.createElement("div",{className:`${Ne} ${r}`,style:{minHeight:`${(null==e?void 0:e.size)||40}px`}},o||P.default.createElement(P.default.Fragment,null,t&&P.default.createElement(Ee,null,t),a&&P.default.createElement(ke,null,a))));ze.MainText=Ee,ze.SubText=ke,ze.SubDivider=({className:e=""})=>P.default.createElement("span",{className:`${Ce} ${e}`}),ze.Row=({children:e,className:t=""})=>P.default.createElement("div",{className:`${be} ${t} row`},e),ze.ColLeft=({children:e,className:t=""})=>P.default.createElement("div",{className:`${t} col-left`},e),ze.ColRight=({children:e,className:t=""})=>P.default.createElement("div",{className:`${t} col-right`},e),ze.SubTextRow=e=>{var{children:t,className:o=""}=e,r=a.__rest(e,["children","className"]);return P.default.createElement("div",Object.assign({className:`${ye} ${o}`},r),t)};var Pe=t.createStyles((()=>({root:{},authorBadge:{background:"yellow"}})));const Le=M.default.div`
|
|
577
|
-
position: fixed;
|
|
578
|
-
left: 50%;
|
|
579
|
-
width: 343px;
|
|
580
|
-
background-color: ${p.theme.colors.white};
|
|
581
|
-
border-radius: ${p.theme.borderRadius};
|
|
582
|
-
box-shadow: 0px 0px 4px ${p.theme.colors.gray200};
|
|
583
|
-
transform: translate(-50%, -50%);
|
|
584
|
-
transition: all 0.5s ease-in-out;
|
|
585
|
-
|
|
586
|
-
${c.MediaQueries.tdUp} {
|
|
587
|
-
width: 750px;
|
|
588
|
-
}
|
|
589
|
-
|
|
590
|
-
&[data-animation='true'] {
|
|
591
|
-
transition: all 0.5s ease-in-out;
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
&[data-open='true'] {
|
|
595
|
-
z-index: 400;
|
|
596
|
-
top: 50%;
|
|
597
|
-
opacity: 1;
|
|
598
|
-
visibility: visible;
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
&[data-open='false'] {
|
|
602
|
-
top: -50%;
|
|
603
|
-
}
|
|
604
|
-
|
|
605
|
-
.popup-content {
|
|
606
|
-
${c.MediaQueries.mbDown} {
|
|
607
|
-
display: block;
|
|
608
|
-
}
|
|
609
|
-
display: flex;
|
|
610
|
-
position: relative;
|
|
611
|
-
z-index: 111;
|
|
612
|
-
height: 100%;
|
|
613
|
-
.button-see-more {
|
|
614
|
-
margin: 32px 0;
|
|
615
|
-
padding: 0;
|
|
616
|
-
> * {
|
|
617
|
-
display: inline-block;
|
|
618
|
-
}
|
|
619
|
-
}
|
|
620
|
-
.close-button {
|
|
621
|
-
position: absolute;
|
|
622
|
-
z-index: 100;
|
|
623
|
-
top: 10px;
|
|
624
|
-
right: 10px;
|
|
625
|
-
cursor: pointer;
|
|
626
|
-
width: unset;
|
|
627
|
-
height: unset;
|
|
628
|
-
img {
|
|
629
|
-
width: 100%;
|
|
630
|
-
height: 100%;
|
|
631
|
-
border-radius: 50%;
|
|
632
|
-
}
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
|
|
636
|
-
.main-info {
|
|
637
|
-
padding-bottom: 32px;
|
|
638
|
-
background-color: ${p.theme.colors.primary50};
|
|
639
|
-
border-radius: ${p.theme.borderRadius};
|
|
640
|
-
.btn-booking {
|
|
641
|
-
display: flex;
|
|
642
|
-
margin: 12px auto;
|
|
643
|
-
}
|
|
644
|
-
.avatar-title {
|
|
645
|
-
position: relative;
|
|
646
|
-
width: 100%;
|
|
647
|
-
padding-top: 46px;
|
|
648
|
-
text-align: center;
|
|
649
|
-
}
|
|
650
|
-
}
|
|
651
|
-
`,Me=M.default.div`
|
|
652
|
-
position: fixed;
|
|
653
|
-
z-index: 110;
|
|
654
|
-
top: 0;
|
|
655
|
-
left: 0;
|
|
656
|
-
width: 100%;
|
|
657
|
-
height: 100%;
|
|
658
|
-
align-items: center;
|
|
659
|
-
background: rgba(38, 38, 38, 0.3);
|
|
660
|
-
|
|
661
|
-
&[data-open='false'] {
|
|
662
|
-
display: none;
|
|
663
|
-
}
|
|
664
|
-
`,Be=M.default.div`
|
|
665
|
-
.image-container {
|
|
666
|
-
.badge-avatar {
|
|
667
|
-
position: absolute;
|
|
668
|
-
right: 0;
|
|
669
|
-
bottom: 0;
|
|
670
|
-
top: 0;
|
|
671
|
-
}
|
|
672
|
-
}
|
|
673
|
-
display: flex;
|
|
674
|
-
justify-content: center;
|
|
675
|
-
padding-bottom: 15px;
|
|
676
|
-
text-align: center;
|
|
677
|
-
.profile-image {
|
|
678
|
-
width: 100px;
|
|
679
|
-
min-width: 100px;
|
|
680
|
-
height: 100px;
|
|
681
|
-
min-height: 100px;
|
|
682
|
-
border-radius: 50%;
|
|
683
|
-
object-fit: cover;
|
|
684
|
-
}
|
|
685
|
-
.badge-avatar {
|
|
686
|
-
width: 24px;
|
|
687
|
-
height: 24px;
|
|
688
|
-
}
|
|
689
|
-
`,Re=M.default.div`
|
|
690
|
-
position: relative;
|
|
691
|
-
z-index: 9;
|
|
692
|
-
.specialty {
|
|
693
|
-
display: flex;
|
|
694
|
-
flex-wrap: wrap;
|
|
695
|
-
justify-content: center;
|
|
696
|
-
}
|
|
697
|
-
|
|
698
|
-
padding: 0px 16px;
|
|
699
|
-
text-align: center;
|
|
700
|
-
.specialty {
|
|
701
|
-
justify-content: center;
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
.experience {
|
|
705
|
-
padding: 16px 0px 32px;
|
|
706
|
-
text-align: left;
|
|
707
|
-
.btn-wrapper {
|
|
708
|
-
margin-top: 24px;
|
|
709
|
-
}
|
|
710
|
-
}
|
|
711
|
-
p {
|
|
712
|
-
max-width: 100%;
|
|
713
|
-
-webkit-line-clamp: 4;
|
|
714
|
-
-webkit-box-orient: vertical;
|
|
715
|
-
text-overflow: ellipsis;
|
|
716
|
-
overflow: hidden;
|
|
717
|
-
}
|
|
718
|
-
`,Ie=M.default.ul`
|
|
719
|
-
padding-left: 18px;
|
|
720
|
-
li {
|
|
721
|
-
list-style-type: disc;
|
|
722
|
-
}
|
|
723
|
-
`;var Oe="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Ve="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 16.9998C13.4183 16.9998 17 13.418 17 8.99976C17 4.58148 13.4183 0.999756 9 0.999756C4.58172 0.999756 1 4.58148 1 8.99976C1 13.418 4.58172 16.9998 9 16.9998Z' fill='white' stroke='%23E4E8EC' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.3333 7.66679V5.00012H7.66667V7.66679H5V10.3335H7.66667V13.0001H10.3333V10.3335H13V7.66679H10.3333Z' fill='%23FF5331'/%3e%3c/svg%3e";const Fe=M.default.div`
|
|
724
|
-
display: flex;
|
|
725
|
-
align-items: center;
|
|
726
|
-
justify-content: center;
|
|
727
|
-
padding: 1em;
|
|
728
|
-
button {
|
|
729
|
-
position: relative;
|
|
730
|
-
}
|
|
731
|
-
`,je=u.keyframes`
|
|
732
|
-
0% {
|
|
733
|
-
transform: rotate(0deg);
|
|
734
|
-
}
|
|
735
|
-
100% {
|
|
736
|
-
transform: rotate(360deg);
|
|
737
|
-
}
|
|
738
|
-
`;M.default.div`
|
|
739
|
-
display: flex;
|
|
740
|
-
width: fit-content;
|
|
741
|
-
width: -moz-fit-content;
|
|
742
|
-
flex-direction: column;
|
|
743
|
-
align-items: center;
|
|
744
|
-
justify-content: center;
|
|
745
|
-
padding: 1rem 2rem;
|
|
746
|
-
background: white;
|
|
747
|
-
border-radius: ${p.theme.borderRadius};
|
|
748
|
-
box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001),
|
|
749
|
-
-2px 2px 5px rgba(67, 86, 100, 0.123689);
|
|
750
|
-
.loading-spinner {
|
|
751
|
-
width: 24px;
|
|
752
|
-
height: 24px;
|
|
753
|
-
margin-bottom: 0.5rem;
|
|
754
|
-
animation: ${je} 1.2s linear infinite;
|
|
755
|
-
}
|
|
756
|
-
&[data-is-marrybaby='true'] {
|
|
757
|
-
box-shadow: none;
|
|
758
|
-
}
|
|
759
|
-
`;const De=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return P.default.createElement(Fe,{className:e},P.default.createElement(v.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},Ue=({isOpen:t=!0,onClose:a,enableAnimation:n=!0,doctorId:i,locale:d,isMobile:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:g="Together"})=>{var f,b,x;const{t:w}=o.useTranslations(),[y,C]=e.useState(null),[E,k]=e.useState(!1);e.useEffect((()=>{if(t&&i&&String(null==y?void 0:y.id)!==String(i)){k(!0);try{C(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:i,website_url:h.domainLocales[d]}),"get").then((e=>{C(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),u))}))}catch(e){console.error(e)}k(!1)}}),[t,i,null==y?void 0:y.id]);const A=(null==y?void 0:y.experiences)||[],N=((null==y?void 0:y.specialties)||[]).map((e=>(null==e?void 0:e.name)||e)).join(" • "),T=A.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return P.default.createElement(P.default.Fragment,null,P.default.createElement(Le,{"data-open":t,"data-animation":n,onClick:e=>e.stopPropagation()},E||!y?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:a},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement(Be,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==y?void 0:y.avatar,backupSrc:m,className:"profile-image",alt:"avatar"}),P.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge",loading:"lazy"})))),P.default.createElement(Re,null,P.default.createElement(r.Text,{size:"s3",weight:"semiBold",className:"full-name"},null==y?void 0:y.name),P.default.createElement("div",{className:"specialty"},N&&P.default.createElement(P.default.Fragment,null,P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},N," • ")),P.default.createElement("a",{href:h.getCareHospitalUrl({id:null===(f=null==y?void 0:y.organization)||void 0===f?void 0:f.id,name:null===(b=null==y?void 0:y.organization)||void 0===b?void 0:b.name,slug:null===(x=null==y?void 0:y.organization)||void 0===x?void 0:x.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==y?void 0:y.organization.name))))),!c&&P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement("a",{href:h.getCareDoctorUrl({name:y.name,id:y.id,locale:d})},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},w("careBooking.bookAnAppointment"))))),T&&P.default.createElement(Re,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"s3",color:p.theme.colors.gray800,style:{paddingBottom:16}},w("expert.content.description").toUpperCase()),P.default.createElement(Ie,null,T.map(((e,t)=>P.default.createElement("li",{key:t},P.default.createElement(r.Text,{size:"p2"},(e=>(null==e?void 0:e.year)?`${e.year} ${null==e?void 0:e.content}`:(null==e?void 0:e.content)?e.content:"string"==typeof e?e:"")(e)))))),c?P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement("a",{href:h.getCareDoctorUrl({name:y.name,id:y.id,locale:d})},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},w("careBooking.bookAnAppointment")))):P.default.createElement("a",{href:h.getCareDoctorUrl({name:y.name,id:y.id,locale:d})},P.default.createElement(r.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":g,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(d)+h.getCareDoctorUrl({name:y.name,id:y.id,locale:d})},w("home.seeExpert"))))))),P.default.createElement(Me,{"data-open":t,onClick:e=>{e.stopPropagation(),a()}}))},He=M.default.div`
|
|
760
|
-
position: fixed;
|
|
761
|
-
left: 50%;
|
|
762
|
-
width: 343px;
|
|
763
|
-
background-color: ${p.theme.colors.white};
|
|
764
|
-
border-radius: ${p.theme.borderRadius};
|
|
765
|
-
box-shadow: 0px 0px 4px ${p.theme.colors.gray200};
|
|
766
|
-
transform: translate(-50%, -50%);
|
|
767
|
-
transition: all 0.5s ease-in-out;
|
|
768
|
-
|
|
769
|
-
${c.MediaQueries.tdUp} {
|
|
770
|
-
width: 750px;
|
|
771
|
-
}
|
|
772
|
-
|
|
773
|
-
&[data-animation='true'] {
|
|
774
|
-
transition: all 0.5s ease-in-out;
|
|
775
|
-
}
|
|
776
|
-
|
|
777
|
-
&[data-open='true'] {
|
|
778
|
-
z-index: 400;
|
|
779
|
-
top: 50%;
|
|
780
|
-
opacity: 1;
|
|
781
|
-
visibility: visible;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
&[data-open='false'] {
|
|
785
|
-
top: -50%;
|
|
786
|
-
}
|
|
787
|
-
|
|
788
|
-
.popup-content {
|
|
789
|
-
${c.MediaQueries.mbDown} {
|
|
790
|
-
display: block;
|
|
791
|
-
}
|
|
792
|
-
display: flex;
|
|
793
|
-
position: relative;
|
|
794
|
-
z-index: 111;
|
|
795
|
-
height: 100%;
|
|
796
|
-
.button-see-more {
|
|
797
|
-
margin: 32px 0;
|
|
798
|
-
padding: 0;
|
|
799
|
-
> * {
|
|
800
|
-
display: inline-block;
|
|
801
|
-
}
|
|
802
|
-
}
|
|
803
|
-
.close-button {
|
|
804
|
-
position: absolute;
|
|
805
|
-
z-index: 100;
|
|
806
|
-
top: 10px;
|
|
807
|
-
right: 10px;
|
|
808
|
-
cursor: pointer;
|
|
809
|
-
width: unset;
|
|
810
|
-
height: unset;
|
|
811
|
-
img {
|
|
812
|
-
width: 100%;
|
|
813
|
-
height: 100%;
|
|
814
|
-
border-radius: 50%;
|
|
815
|
-
}
|
|
816
|
-
}
|
|
817
|
-
}
|
|
818
|
-
|
|
819
|
-
.main-info {
|
|
820
|
-
padding-bottom: 32px;
|
|
821
|
-
background-color: ${p.theme.colors.primary50};
|
|
822
|
-
border-radius: ${p.theme.borderRadius};
|
|
823
|
-
|
|
824
|
-
.avatar-title {
|
|
825
|
-
position: relative;
|
|
826
|
-
width: 100%;
|
|
827
|
-
padding-top: 46px;
|
|
828
|
-
text-align: center;
|
|
829
|
-
}
|
|
830
|
-
}
|
|
831
|
-
`,We=M.default.div`
|
|
832
|
-
position: fixed;
|
|
833
|
-
z-index: 110;
|
|
834
|
-
top: 0;
|
|
835
|
-
left: 0;
|
|
836
|
-
width: 100%;
|
|
837
|
-
height: 100%;
|
|
838
|
-
align-items: center;
|
|
839
|
-
background: rgba(38, 38, 38, 0.3);
|
|
840
|
-
|
|
841
|
-
&[data-open='false'] {
|
|
842
|
-
display: none;
|
|
843
|
-
}
|
|
844
|
-
`,qe=M.default.div`
|
|
845
|
-
.image-container {
|
|
846
|
-
.badge-avatar {
|
|
847
|
-
position: absolute;
|
|
848
|
-
right: 0;
|
|
849
|
-
bottom: 0;
|
|
850
|
-
top: 0;
|
|
851
|
-
}
|
|
852
|
-
}
|
|
853
|
-
display: flex;
|
|
854
|
-
justify-content: center;
|
|
855
|
-
padding-bottom: 15px;
|
|
856
|
-
text-align: center;
|
|
857
|
-
.profile-image {
|
|
858
|
-
width: 100px;
|
|
859
|
-
min-width: 100px;
|
|
860
|
-
height: 100px;
|
|
861
|
-
min-height: 100px;
|
|
862
|
-
border-radius: 50%;
|
|
863
|
-
object-fit: cover;
|
|
864
|
-
}
|
|
865
|
-
.badge-avatar {
|
|
866
|
-
width: 24px;
|
|
867
|
-
height: 24px;
|
|
868
|
-
}
|
|
869
|
-
`,Ge=M.default.div`
|
|
870
|
-
position: relative;
|
|
871
|
-
z-index: 9;
|
|
872
|
-
.specialty {
|
|
873
|
-
display: flex;
|
|
874
|
-
flex-wrap: wrap;
|
|
875
|
-
justify-content: center;
|
|
876
|
-
}
|
|
877
|
-
|
|
878
|
-
padding: 0px 16px;
|
|
879
|
-
text-align: center;
|
|
880
|
-
.specialty {
|
|
881
|
-
justify-content: center;
|
|
882
|
-
}
|
|
883
|
-
|
|
884
|
-
.experience {
|
|
885
|
-
padding: 16px 0px 32px;
|
|
886
|
-
text-align: left;
|
|
887
|
-
.btn-wrapper {
|
|
888
|
-
margin-top: 24px;
|
|
889
|
-
}
|
|
890
|
-
}
|
|
891
|
-
p {
|
|
892
|
-
max-width: 100%;
|
|
893
|
-
-webkit-line-clamp: 4;
|
|
894
|
-
-webkit-box-orient: vertical;
|
|
895
|
-
text-overflow: ellipsis;
|
|
896
|
-
overflow: hidden;
|
|
897
|
-
}
|
|
898
|
-
`,Ze=M.default.div`
|
|
899
|
-
display: flex;
|
|
900
|
-
margin-top: 8px;
|
|
901
|
-
|
|
902
|
-
.bullet-point {
|
|
903
|
-
width: 24px;
|
|
904
|
-
height: 24px;
|
|
905
|
-
}
|
|
906
|
-
`;var Qe="data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%2345A4FF' d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z'/%3e%3cpath fill='%232D87F3' d='M24 12a12.1 12.1 0 0 0-.128-1.758l-5.077-5.077L5.041 18.958l4.858 4.858c.682.12 1.384.184 2.1.184 6.628 0 12-5.373 12-12Z'/%3e%3cpath fill='white' d='M9.014 17.824 5.04 18.959l1.135-3.973 2.368.47.47 2.368Z'/%3e%3cpath fill='%23F7F9FC' d='M8.544 15.456 5.041 18.96l3.972-1.135-.469-2.368Z'/%3e%3cpath fill='%23E4E8EC' d='M6.467 18.552 5.45 17.533 5.04 18.96l1.426-.407Z'/%3e%3cpath fill='%23D2D6DC' d='m5.957 18.043-.916.916 1.426-.407-.51-.509Z'/%3e%3cpath fill='%23FFD658' d='m15.828 5.331 2.837 2.837-9.651 9.652-2.838-2.837 9.652-9.652Z'/%3e%3cpath fill='%23FFC326' d='m7.594 16.404 9.651-9.651 1.419 1.418-9.652 9.652-1.418-1.419Z'/%3e%3cpath fill='%23FF5331' d='m18.312 8.525-2.837-2.838 1.123-1.123c.44-.44 1.154-.44 1.595 0l1.243 1.243c.44.44.44 1.154 0 1.594l-1.124 1.124Z'/%3e%3cpath fill='%23F44D2C' d='m18.816 5.186-1.921 1.92 1.418 1.419 1.124-1.124c.44-.44.44-1.154 0-1.594l-.622-.621Z'/%3e%3c/svg%3e";const Xe={author:Qe,edtior:Qe,expert:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='12' fill='%23FFCB37'/%3e%3ccircle cx='12' cy='12' r='10.5' fill='%23FE921D'/%3e%3cpath d='M11.443 5.13654C11.6446 4.63466 12.355 4.63466 12.5566 5.13654L13.9931 8.71375C14.0789 8.92747 14.2795 9.0732 14.5093 9.08878L18.3553 9.34957C18.8949 9.38615 19.1145 10.0619 18.6994 10.4086L15.7412 12.8802C15.5645 13.0279 15.4878 13.2637 15.544 13.4871L16.4845 17.2254C16.6164 17.7499 16.0417 18.1676 15.5836 17.88L12.3188 15.8303C12.1238 15.7079 11.8758 15.7079 11.6808 15.8303L8.41599 17.88C7.95794 18.1676 7.38314 17.7499 7.51509 17.2254L8.45556 13.4871C8.51175 13.2637 8.43513 13.0279 8.25839 12.8802L5.30017 10.4086C4.88514 10.0619 5.10469 9.38615 5.64429 9.34957L9.49031 9.08878C9.7201 9.0732 9.92068 8.92747 10.0065 8.71375L11.443 5.13654Z' fill='white'/%3e%3c/svg%3e","fact-check":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%2300C076'/%3e%3cpath d='M11.9456 5.46631L6.66562 10.2663L4.26562 8.08449' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",medical:Ve},_e=({trackingCategory:t="Together",locale:a,isOpen:n=!0,onClose:i,enableAnimation:d=!0,expertId:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg")})=>{const{t:g}=o.useTranslations(),[f,v]=e.useState(null),[b,x]=e.useState(!1);return e.useEffect((()=>{if(n&&c&&String(null==f?void 0:f.user_id)!==String(c)){x(!0);try{v(null),h.callApi(h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:c}),"get").then((e=>{v(Object.assign(Object.assign({},null==e?void 0:e.data),u))}))}catch(e){console.error(e)}x(!1)}}),[n,c,null==f?void 0:f.user_id]),P.default.createElement(P.default.Fragment,null,P.default.createElement(He,{"data-open":n,"data-animation":d,onClick:e=>e.stopPropagation()},b||!f?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:i},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement(qe,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==f?void 0:f.avatar,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Xe[null==f?void 0:f.role],alt:"badge",loading:"lazy"})))),P.default.createElement(Ge,null,P.default.createElement(r.Text,{size:"s3",className:"full-name",weight:"semiBold"},null==f?void 0:f.display_name),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},null==f?void 0:f.specialty," • "),P.default.createElement("a",{href:null==f?void 0:f.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==f?void 0:f.organisation)))))),P.default.createElement(Ge,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"p4",color:p.theme.colors.gray800,style:{paddingBottom:16}},g("expert.content.description").toUpperCase()),P.default.createElement("div",{className:"list-items"},!!(null==f?void 0:f.experiences)&&f.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>P.default.createElement(Ze,{key:t},P.default.createElement("img",{className:"bullet-point",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='12' cy='12' r='2' fill='%232D87F3'/%3e%3c/svg%3e",alt:"point",loading:"lazy"}),P.default.createElement("div",{className:"text-contain"},P.default.createElement(h.Heading,{tag:"h6",color:p.theme.colors.gray800},null==e?void 0:e.title),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},null==e?void 0:e.organization)))))),P.default.createElement("a",{href:null==f?void 0:f.profile_url,style:{display:"inline-block",paddingTop:24}},P.default.createElement(r.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":t,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(a)+(null==f?void 0:f.profile_url)},g("home.seeExpert"))))))),P.default.createElement(We,{"data-open":n,onClick:e=>{e.stopPropagation(),i()}}))},Ke=M.default.div`
|
|
907
|
-
position: fixed;
|
|
908
|
-
left: 50%;
|
|
909
|
-
width: 343px;
|
|
910
|
-
background-color: ${p.theme.colors.white};
|
|
911
|
-
border-radius: ${p.theme.borderRadius};
|
|
912
|
-
box-shadow: 0px 0px 4px ${p.theme.colors.gray200};
|
|
913
|
-
transform: translate(-50%, -50%);
|
|
914
|
-
transition: all 0.5s ease-in-out;
|
|
915
|
-
|
|
916
|
-
${c.MediaQueries.tdUp} {
|
|
917
|
-
width: 750px;
|
|
918
|
-
}
|
|
919
|
-
|
|
920
|
-
&[data-animation='true'] {
|
|
921
|
-
transition: all 0.5s ease-in-out;
|
|
922
|
-
}
|
|
923
|
-
|
|
924
|
-
&[data-open='true'] {
|
|
925
|
-
z-index: 400;
|
|
926
|
-
top: 50%;
|
|
927
|
-
opacity: 1;
|
|
928
|
-
visibility: visible;
|
|
929
|
-
}
|
|
930
|
-
|
|
931
|
-
&[data-open='false'] {
|
|
932
|
-
top: -50%;
|
|
933
|
-
}
|
|
934
|
-
|
|
935
|
-
.popup-content {
|
|
936
|
-
${c.MediaQueries.mbDown} {
|
|
937
|
-
display: block;
|
|
938
|
-
}
|
|
939
|
-
display: flex;
|
|
940
|
-
position: relative;
|
|
941
|
-
z-index: 111;
|
|
942
|
-
height: 100%;
|
|
943
|
-
.button-see-more {
|
|
944
|
-
margin: 32px 0;
|
|
945
|
-
padding: 0;
|
|
946
|
-
> * {
|
|
947
|
-
display: inline-block;
|
|
948
|
-
}
|
|
949
|
-
}
|
|
950
|
-
.close-button {
|
|
951
|
-
position: absolute;
|
|
952
|
-
z-index: 100;
|
|
953
|
-
top: 10px;
|
|
954
|
-
right: 10px;
|
|
955
|
-
cursor: pointer;
|
|
956
|
-
width: unset;
|
|
957
|
-
height: unset;
|
|
958
|
-
img {
|
|
959
|
-
width: 100%;
|
|
960
|
-
height: 100%;
|
|
961
|
-
border-radius: 50%;
|
|
962
|
-
}
|
|
963
|
-
}
|
|
964
|
-
}
|
|
965
|
-
|
|
966
|
-
.main-info {
|
|
967
|
-
padding-bottom: 32px;
|
|
968
|
-
background-color: ${p.theme.colors.primary50};
|
|
969
|
-
border-radius: ${p.theme.borderRadius};
|
|
970
|
-
.btn-booking {
|
|
971
|
-
display: flex;
|
|
972
|
-
margin: 12px auto;
|
|
973
|
-
}
|
|
974
|
-
.avatar-title {
|
|
975
|
-
position: relative;
|
|
976
|
-
width: 100%;
|
|
977
|
-
padding-top: 46px;
|
|
978
|
-
text-align: center;
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
`,Ye=M.default.div`
|
|
982
|
-
position: fixed;
|
|
983
|
-
z-index: 110;
|
|
984
|
-
top: 0;
|
|
985
|
-
left: 0;
|
|
986
|
-
width: 100%;
|
|
987
|
-
height: 100%;
|
|
988
|
-
align-items: center;
|
|
989
|
-
background: rgba(38, 38, 38, 0.3);
|
|
990
|
-
|
|
991
|
-
&[data-open='false'] {
|
|
992
|
-
display: none;
|
|
993
|
-
}
|
|
994
|
-
`,$e=M.default.div`
|
|
995
|
-
.image-container {
|
|
996
|
-
.badge-avatar {
|
|
997
|
-
position: absolute;
|
|
998
|
-
right: 0;
|
|
999
|
-
bottom: 0;
|
|
1000
|
-
top: 0;
|
|
1001
|
-
}
|
|
1002
|
-
}
|
|
1003
|
-
display: flex;
|
|
1004
|
-
justify-content: center;
|
|
1005
|
-
padding-bottom: 15px;
|
|
1006
|
-
text-align: center;
|
|
1007
|
-
.profile-image {
|
|
1008
|
-
width: 100px;
|
|
1009
|
-
min-width: 100px;
|
|
1010
|
-
height: 100px;
|
|
1011
|
-
min-height: 100px;
|
|
1012
|
-
border-radius: 50%;
|
|
1013
|
-
object-fit: cover;
|
|
1014
|
-
}
|
|
1015
|
-
.badge-avatar {
|
|
1016
|
-
width: 24px;
|
|
1017
|
-
height: 24px;
|
|
1018
|
-
}
|
|
1019
|
-
`,Je=M.default.div`
|
|
1020
|
-
position: relative;
|
|
1021
|
-
z-index: 9;
|
|
1022
|
-
.specialty {
|
|
1023
|
-
display: block;
|
|
1024
|
-
min-width: 240px;
|
|
1025
|
-
}
|
|
1026
|
-
|
|
1027
|
-
padding: 0px 16px;
|
|
1028
|
-
text-align: center;
|
|
1029
|
-
.specialty {
|
|
1030
|
-
justify-content: center;
|
|
1031
|
-
}
|
|
1032
|
-
|
|
1033
|
-
.experience {
|
|
1034
|
-
padding: 16px 0px 32px;
|
|
1035
|
-
text-align: left;
|
|
1036
|
-
.btn-wrapper {
|
|
1037
|
-
margin-top: 24px;
|
|
1038
|
-
}
|
|
1039
|
-
}
|
|
1040
|
-
p {
|
|
1041
|
-
max-width: 100%;
|
|
1042
|
-
}
|
|
1043
|
-
`,et=({isOpen:t=!0,onClose:a,enableAnimation:n=!0,hospitalId:i,locale:d,isMobile:c,overwriteProfileProps:u,avatarFallback:m=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:g="Together"})=>{const{t:f}=o.useTranslations(),[b,x]=e.useState(null),[w,y]=e.useState(!1);e.useEffect((()=>{if(t&&i&&String(null==b?void 0:b.id)!==String(i)){y(!0);try{x(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:i,website_url:h.domainLocales[d]}),"get").then((e=>{x(Object.assign(Object.assign({},null==e?void 0:e._data.branch),u))}))}catch(e){console.error(e)}y(!1)}}),[t,i,null==b?void 0:b.id]);const C=(null==b?void 0:b.specialties)||[],E=e.useMemo((()=>C.map((e=>e.name))),[C]);return P.default.createElement(P.default.Fragment,null,P.default.createElement(Ke,{"data-open":t,"data-animation":n,onClick:e=>e.stopPropagation()},w||!b?P.default.createElement(De,null):P.default.createElement("div",{className:"popup-content"},P.default.createElement("div",{className:"close-button",onClick:a},P.default.createElement("img",{src:Oe,style:{width:20,height:20},alt:"close-icon",loading:"lazy"})),P.default.createElement("div",{className:"main-info"},P.default.createElement("div",{className:"border-banner"}),P.default.createElement("div",{className:"avatar-title"},P.default.createElement($e,null,P.default.createElement("div",{className:"image-container"},P.default.createElement("div",{style:{position:"relative"}},P.default.createElement(l.ImageWrap,{src:null==b?void 0:b.logo,className:"profile-image",alt:"avatar",backupSrc:m}),P.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge",loading:"lazy"})))),P.default.createElement(Je,null,P.default.createElement(r.Text,{size:"s3",weight:"semiBold",className:"full-name"},null==b?void 0:b.name),P.default.createElement("div",{className:"specialty"},C&&P.default.createElement(r.Text,{size:"p4",color:p.theme.colors.gray800},E.join(" • "),"•"),P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},P.default.createElement(r.Text,{size:"p4",className:"organisation",color:p.theme.colors.gray800,style:{textDecoration:"underline"}},null==b?void 0:b.name))))),!c&&P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment"))))),P.default.createElement(Je,null,P.default.createElement("div",{className:"experience"},P.default.createElement(r.Text,{weight:"bold",size:"s3",color:p.theme.colors.gray800,style:{paddingBottom:16}},f("hospital.content.description").toUpperCase()),P.default.createElement(r.Text,{size:"p2",color:p.theme.colors.gray500},b.about),c?P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement("div",{className:"btn-wrapper"},P.default.createElement(v.Button,{color:"primary",size:"md",className:"btn-booking"},f("careBooking.bookAnAppointment")))):P.default.createElement("a",{href:h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},P.default.createElement(r.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":g,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(d)+h.getCareHospitalUrl({id:b.id,name:b.name,slug:b.slug,locale:d})},f("home.seeHospital"))))))),P.default.createElement(Ye,{"data-open":t,onClick:e=>{e.stopPropagation(),a()}}))};var tt="_2UKyiK1",at="E5ga-tI",ot="_8Y2nWXX",rt="d0T7kSP";const lt=({open:e,onClose:t,children:a,profileModalProps:r})=>{const{t:l}=o.useTranslations();return P.default.createElement(A.Modal,Object.assign({className:tt,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end"},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"},content:{maxHeight:"100%",height:"100%",borderRadius:0}},title:"Profile"},r),P.default.createElement("div",{className:at},P.default.createElement("div",{className:ot},l("profilePanel.modal.heading")),P.default.createElement("div",{className:rt,onClick:t},P.default.createElement(I,null))),a)};L.default.extend(B.default);const nt=e.createContext({}),it=a=>{const{className:r="",community:i,name:d,username:u,url:m,avatar:g,role:f,title:v,userType:b="user",expertId:x,specialty:w,organisation:y,isMarryBaby:C,doctorId:E,hospitalId:k,hasQuickBooking:A,handleMakeAppointment:N,communityTrackingAttr:T,isAnonymous:S,showDetailPopup:z,subLine:L,authActionWrapper:M,profileProps:B,profileModalProps:R,extendEle:I,avatarProps:O,hideInfo:j,timeText:D,onCloseFromPost:U,avatarIcon:H,badgeIconSize:W,hideBackground:q,children:G,styles:Z,dataEventCategory:Q,dataEventAction:X,dataEventLabel:_}=a,{data:{locale:K,router:Y,env:{isMarryBaby:$,togetherBasePath:J}}}=e.useContext(h.TogetherComponentGlobalContext),{isMobile:ee}=l.useScreenSize(),{t:te}=o.useTranslations(),{classes:ae}=Pe(void 0,{name:"CardAuthor",styles:Z}),oe="boolean"==typeof C?C:$,re=oe?"marryBaby":"helloSites",le=S?te("cardPost.anonymous"):d||u||"",ne=S?s.CommonGAssets.getAssetPath("avatar.jpg"):g,ie=S?void 0:f,[se,de]=e.useState(!1),{asPath:ce}=Y||{},ue=`https://${n.domainLocales[K]}${ce}`,pe=()=>{if(S||"chatbot"===b)return!1;z?ge(!0):m&&(window.location.href=m)};e.useEffect((()=>{c.toggleNoScroll(se)}),[se]);const[me,ge]=e.useState(!1),he="expert"===(null==a?void 0:a.role),be=Boolean(E||k),xe=["expert"===ie&&y&&P.default.createElement("span",null,y),"expert"===ie&&w&&P.default.createElement("span",null,w),!("expert"===ie&&w&&y)&&(null==i?void 0:i.name)&&P.default.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${J}/${null==i?void 0:i.slug}/`:void 0,className:"author-community-name"},T),`${null==i?void 0:i.name}`),D&&P.default.createElement("span",null,D)].filter(Boolean),[we,ye]=e.useState(null);return e.useEffect((()=>{me&&!we&&Promise.resolve().then((function(){return po})).then((e=>{ye((()=>e.ProfileDetail))}))}),[me]),P.default.createElement(nt.Provider,{value:{handleMakeAppointment:N,doctorId:E,hospitalId:k,currentUrl:ue}},P.default.createElement(lt,{open:me,onClose:()=>ge(!1),profileModalProps:R},we&&P.default.createElement(we,Object.assign({currentPageUrl:_,authActionWrapper:M,onCloseFromPost:()=>{ge(!1),null==U||U()}},B,{authorProps:Object.assign({userId:null==a?void 0:a.userId,avatar:ne,name:null==a?void 0:a.name,role:null==a?void 0:a.role,title:null==a?void 0:a.title,doctorId:E,hospitalId:k,hasQuickBooking:A},null==B?void 0:B.authorProps)}))),"expert"===ie&&x?P.default.createElement(_e,{isOpen:se,onClose:()=>de(!1),expertId:x}):null,"expert"===ie&&E?P.default.createElement(Ue,{isOpen:se,onClose:()=>de(!1),doctorId:E,locale:K}):null,"expert"===ie&&k?P.default.createElement(et,{isOpen:se,onClose:()=>de(!1),hospitalId:k,locale:K}):null,P.default.createElement("div",{className:`hhg-card-author ${ae.root} ${r} ${he?"expert-author":""}`,"data-background":!q&&he,"data-is-marrybaby":oe},P.default.createElement(ze,{dataEventCategory:Q,dataEventAction:X,dataEventLabel:_,onAvatarClick:pe,avatarProps:Object.assign(Object.assign({avatar:S?s.CommonGAssets.getAssetPath(oe?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ne,username:le},O),{style:{cursor:S||!m&&!z?"default":"pointer"}}),avatarIcon:H||he&&P.default.createElement(fe,{size:W||15})},G?P.default.createElement("div",{onClick:pe},G):!j&&P.default.createElement(ze.Row,null,P.default.createElement(ze.ColLeft,null,P.default.createElement(t.Flex,{align:"center",onClick:pe},P.default.createElement(ze.MainText,{onClick:pe},le,"chatbot"===b?P.default.createElement(P.default.Fragment,null," ",P.default.createElement(ve,{color:p.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ie&&P.default.createElement(V,{className:ae.authorBadge,siteType:re,role:ie,title:v,style:{verticalAlign:"bottom"}}))),L||P.default.createElement(ze.SubTextRow,{style:A?{position:"relative"}:{}},xe.map(((e,t)=>P.default.createElement(P.default.Fragment,null,0!==t&&P.default.createElement(ze.SubDivider,null),P.default.createElement(ze.SubText,null,e)))),A&&be&&P.default.createElement(t.Box,{sx:{marginTop:t.rem(5)}},P.default.createElement(F,{bookingId:E||k,bookingType:E?"doctor":k?"hospital":void 0,size:ee?"xs":"sm"})))))),I&&I))};it.MainText=ze.MainText,it.SubText=ze.SubText,it.SubTextRow=ze.SubTextRow,it.SubDivider=ze.SubDivider;const st=M.default.div`
|
|
1044
|
-
position: relative;
|
|
1045
|
-
display: flex;
|
|
1046
|
-
height: 100%;
|
|
1047
|
-
flex-direction: column;
|
|
1048
|
-
padding: 16px 24px;
|
|
1049
|
-
|
|
1050
|
-
.input-group-container {
|
|
1051
|
-
flex: 1;
|
|
1052
|
-
padding-right: 2px;
|
|
1053
|
-
padding-left: 2px;
|
|
1054
|
-
margin-bottom: 0.5rem;
|
|
1055
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
1056
|
-
overflow-y: auto;
|
|
1057
|
-
scrollbar-width: none; /* Firefox */
|
|
1058
|
-
&::-webkit-scrollbar {
|
|
1059
|
-
display: none;
|
|
1060
|
-
}
|
|
1061
|
-
}
|
|
1062
|
-
|
|
1063
|
-
.input-group {
|
|
1064
|
-
:not(:last-child) {
|
|
1065
|
-
margin-bottom: 0.6rem;
|
|
1066
|
-
}
|
|
1067
|
-
|
|
1068
|
-
input:focus,
|
|
1069
|
-
textarea:focus,
|
|
1070
|
-
[contenteditable='true'] {
|
|
1071
|
-
outline: none;
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
label {
|
|
1075
|
-
margin-bottom: 5px;
|
|
1076
|
-
color: ${p.theme.colors.gray600};
|
|
1077
|
-
/* font-family: 'Open Sans', sans-serif; */
|
|
1078
|
-
font-size: 13px;
|
|
1079
|
-
font-weight: bold;
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
.input-group-label {
|
|
1083
|
-
margin-bottom: 5px;
|
|
1084
|
-
color: ${p.theme.colors.gray600};
|
|
1085
|
-
/* font-family: 'Open Sans', sans-serif; */
|
|
1086
|
-
font-size: 13px;
|
|
1087
|
-
font-weight: bold;
|
|
1088
|
-
}
|
|
1089
|
-
|
|
1090
|
-
.input-notification {
|
|
1091
|
-
display: flex;
|
|
1092
|
-
|
|
1093
|
-
& > img {
|
|
1094
|
-
width: 16px;
|
|
1095
|
-
height: 16px;
|
|
1096
|
-
margin-top: 1.5px;
|
|
1097
|
-
margin-right: 8px;
|
|
1098
|
-
}
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
.tag-list {
|
|
1102
|
-
}
|
|
1103
|
-
}
|
|
1104
|
-
|
|
1105
|
-
.warning {
|
|
1106
|
-
margin-top: 16px;
|
|
1107
|
-
}
|
|
1108
|
-
|
|
1109
|
-
.submit-btn {
|
|
1110
|
-
width: 100%;
|
|
1111
|
-
}
|
|
1112
|
-
|
|
1113
|
-
.switch-label {
|
|
1114
|
-
display: flex;
|
|
1115
|
-
align-items: center;
|
|
1116
|
-
}
|
|
1117
|
-
|
|
1118
|
-
.swich-input-group {
|
|
1119
|
-
padding: 12px 16px;
|
|
1120
|
-
border-radius: 8px;
|
|
1121
|
-
background: ${p.theme.colors.neutral50};
|
|
1122
|
-
|
|
1123
|
-
&.askdoctor-switch {
|
|
1124
|
-
background: ${p.theme.colors.primary50};
|
|
1125
|
-
&.mb-color {
|
|
1126
|
-
background: ${p.theme.mbColors.tonePink};
|
|
1127
|
-
}
|
|
1128
|
-
}
|
|
1129
|
-
|
|
1130
|
-
.mantine-Switch-labelWrapper {
|
|
1131
|
-
flex-grow: 1;
|
|
1132
|
-
}
|
|
1133
|
-
.mantine-Checkbox-body {
|
|
1134
|
-
display: flex;
|
|
1135
|
-
width: 100%;
|
|
1136
|
-
align-items: center;
|
|
1137
|
-
justify-content: space-between;
|
|
1138
|
-
}
|
|
1139
|
-
.mantine-Switch-track {
|
|
1140
|
-
margin-bottom: 0;
|
|
1141
|
-
}
|
|
1142
|
-
.label-txt {
|
|
1143
|
-
font-weight: normal;
|
|
1144
|
-
font-size: 14px;
|
|
1145
|
-
color: ${p.theme.colors.gray800};
|
|
1146
|
-
margin-left: 10px;
|
|
1147
|
-
}
|
|
1148
|
-
}
|
|
1149
|
-
`,dt=M.default.div`
|
|
1150
|
-
display: flex;
|
|
1151
|
-
width: 100%;
|
|
1152
|
-
align-items: center;
|
|
1153
|
-
justify-content: space-between;
|
|
1154
|
-
padding: 12px 16px;
|
|
1155
|
-
border-radius: 8px;
|
|
1156
|
-
background: ${p.theme.colors.primary50};
|
|
1157
|
-
|
|
1158
|
-
&[data-is-marry-baby='true'] {
|
|
1159
|
-
background: ${p.theme.mbColors.tonePink};
|
|
1160
|
-
}
|
|
1161
|
-
.switch-label {
|
|
1162
|
-
display: flex;
|
|
1163
|
-
align-items: center;
|
|
1164
|
-
gap: 12px;
|
|
1165
|
-
}
|
|
1166
|
-
margin-bottom: 12px;
|
|
1167
|
-
`,ct=M.default.div`
|
|
1168
|
-
margin-bottom: 12px;
|
|
1169
|
-
color: ${p.theme.colors.red700};
|
|
1170
|
-
svg {
|
|
1171
|
-
margin-right: 5px;
|
|
1172
|
-
}
|
|
1173
|
-
svg,
|
|
1174
|
-
span {
|
|
1175
|
-
vertical-align: middle;
|
|
1176
|
-
}
|
|
1177
|
-
`,ut=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,pt=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,mt=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,gt=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ht=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ft=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,vt=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,bt=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,xt=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,wt=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,yt=({url:e,text:t,method:a})=>{const o=t.indexOf(t.trimStart()),r=t.trimEnd().length,l=t.substring(0,o),n=t.substring(o,r),i=t.substring(r);return"edit"===a?`${l}<mocka data-href="${e}" data-url="true">${n}</mocka>${i}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${l}<a href="${e}" target="_blank">${n}</a>${i}`:t},Ct=(e,t)=>e.replace(mt,((e,a,o)=>yt({text:o||a,url:a,method:t}))).replace(xt,((e,a,o)=>yt({text:o||a,url:a,method:t}))),Et=(e,t=[])=>e.replace(ft,((e,a,o)=>{const r=t.find((e=>String(e.id)===a));if(!r){if(!o)return"";let e="";return o.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${r.name}">${r.name}</mention>`})),kt=e=>{const t=[];return e.replace(/(\&)+/g,"&").replace(pt,((e,a,o)=>('="'!==a&&'data-url="true">'!==a&&t.push(o),e))),t},At=(e,t)=>{const a=[];return e.replace(gt,((e,t)=>(a.push(t),e))).replace(ft,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Nt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Tt=e=>e.replace(wt,"$1"),St=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],zt=e=>e.match(bt)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",Pt=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return Tt(e).replace(new RegExp(`\\b(${a.map((e=>Nt(e))).join("|")})\\b`,"gi"),((e,t)=>{const a=document.createElement("mocka");return a.setAttribute("data-bad-word",t),a.setAttribute("data-error","true"),a.innerText=t,`${a.outerHTML}`}))}return e},Lt=M.default.div`
|
|
1178
|
-
input:focus,
|
|
1179
|
-
textarea:focus,
|
|
1180
|
-
[contenteditable='true'] {
|
|
1181
|
-
outline: none;
|
|
1182
|
-
}
|
|
1183
|
-
|
|
1184
|
-
.textarea-control {
|
|
1185
|
-
position: relative;
|
|
1186
|
-
border: 1px solid ${p.theme.colors.gray200};
|
|
1187
|
-
border-radius: ${p.theme.borderRadius};
|
|
1188
|
-
&.--focus {
|
|
1189
|
-
border-color: ${p.theme.colors.primaryBase};
|
|
1190
|
-
box-shadow: 0px 0px 2px 2px ${p.theme.colors.primary200};
|
|
1191
|
-
}
|
|
1192
|
-
|
|
1193
|
-
.textarea-wrapper {
|
|
1194
|
-
width: 100%;
|
|
1195
|
-
height: 200px;
|
|
1196
|
-
}
|
|
1197
|
-
|
|
1198
|
-
.control-tool {
|
|
1199
|
-
position: absolute;
|
|
1200
|
-
bottom: 0;
|
|
1201
|
-
left: 0;
|
|
1202
|
-
display: flex;
|
|
1203
|
-
width: calc(100% - 2rem);
|
|
1204
|
-
height: 40px;
|
|
1205
|
-
align-items: center;
|
|
1206
|
-
justify-content: flex-end;
|
|
1207
|
-
border-top: 1px solid ${p.theme.colors.gray200};
|
|
1208
|
-
margin: 0 1rem;
|
|
1209
|
-
|
|
1210
|
-
.tool-button {
|
|
1211
|
-
display: flex;
|
|
1212
|
-
width: 2rem;
|
|
1213
|
-
height: 2rem;
|
|
1214
|
-
align-items: center;
|
|
1215
|
-
justify-content: center;
|
|
1216
|
-
background: transparent;
|
|
1217
|
-
cursor: pointer;
|
|
1218
|
-
}
|
|
1219
|
-
.image-icon {
|
|
1220
|
-
vertical-align: middle;
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
|
-
}
|
|
1224
|
-
|
|
1225
|
-
.link-preview-wrapper {
|
|
1226
|
-
position: relative;
|
|
1227
|
-
.icon-close {
|
|
1228
|
-
position: absolute;
|
|
1229
|
-
top: 5px;
|
|
1230
|
-
right: 5px;
|
|
1231
|
-
width: 24px;
|
|
1232
|
-
height: 24px;
|
|
1233
|
-
cursor: pointer;
|
|
1234
|
-
}
|
|
1235
|
-
}
|
|
1236
|
-
|
|
1237
|
-
.image-gallery {
|
|
1238
|
-
margin-bottom: 1rem;
|
|
1239
|
-
|
|
1240
|
-
.image-item {
|
|
1241
|
-
position: relative;
|
|
1242
|
-
overflow: hidden;
|
|
1243
|
-
width: 100%;
|
|
1244
|
-
height: 0;
|
|
1245
|
-
padding-top: 67%;
|
|
1246
|
-
margin-top: 1rem;
|
|
1247
|
-
border-radius: ${p.theme.borderRadius};
|
|
1248
|
-
|
|
1249
|
-
& > img {
|
|
1250
|
-
position: absolute;
|
|
1251
|
-
top: 0;
|
|
1252
|
-
left: 0;
|
|
1253
|
-
width: 100%;
|
|
1254
|
-
height: 100%;
|
|
1255
|
-
object-fit: cover;
|
|
1256
|
-
}
|
|
1257
|
-
|
|
1258
|
-
.close-btn {
|
|
1259
|
-
position: absolute;
|
|
1260
|
-
top: 8px;
|
|
1261
|
-
right: 8px;
|
|
1262
|
-
left: unset;
|
|
1263
|
-
width: 24px;
|
|
1264
|
-
height: 24px;
|
|
1265
|
-
cursor: pointer;
|
|
1266
|
-
}
|
|
1267
|
-
}
|
|
1268
|
-
}
|
|
1269
|
-
|
|
1270
|
-
.description-label {
|
|
1271
|
-
margin-bottom: 5px;
|
|
1272
|
-
color: ${p.theme.colors.gray600};
|
|
1273
|
-
/* font-family: 'Open Sans', sans-serif; */
|
|
1274
|
-
font-size: 13px;
|
|
1275
|
-
font-weight: bold;
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
|
-
.count-string {
|
|
1279
|
-
margin-top: 5px;
|
|
1280
|
-
color: ${p.theme.colors.gray500};
|
|
1281
|
-
font-size: 11px;
|
|
1282
|
-
text-align: right;
|
|
1283
|
-
}
|
|
1284
|
-
|
|
1285
|
-
.input-notification {
|
|
1286
|
-
display: flex;
|
|
1287
|
-
|
|
1288
|
-
& > img {
|
|
1289
|
-
width: 16px;
|
|
1290
|
-
height: 16px;
|
|
1291
|
-
margin-top: 1.5px;
|
|
1292
|
-
margin-right: 8px;
|
|
1293
|
-
}
|
|
1294
|
-
}
|
|
1295
|
-
`,Mt=M.default.div`
|
|
1296
|
-
height: 100%;
|
|
1297
|
-
position: relative;
|
|
1298
|
-
width: 100%;
|
|
1299
|
-
display: flex;
|
|
1300
|
-
flex-direction: column;
|
|
1301
|
-
.ql-toolbar.ql-snow {
|
|
1302
|
-
top: 0;
|
|
1303
|
-
width: 100%;
|
|
1304
|
-
position: sticky;
|
|
1305
|
-
z-index: 3;
|
|
1306
|
-
border: none;
|
|
1307
|
-
border-bottom: 1px solid #ccc;
|
|
1308
|
-
background: white;
|
|
1309
|
-
.ql-formats {
|
|
1310
|
-
display: inline-flex;
|
|
1311
|
-
align-items: center;
|
|
1312
|
-
margin-right: 0.5rem;
|
|
1313
|
-
.link-tool-wrapper {
|
|
1314
|
-
.popover-menu__content {
|
|
1315
|
-
padding: 0.5rem;
|
|
1316
|
-
transform: translateX(calc(-50% - 1rem));
|
|
1317
|
-
max-width: calc(100vw - 4rem);
|
|
1318
|
-
::before {
|
|
1319
|
-
right: calc(50% - 8px);
|
|
1320
|
-
}
|
|
1321
|
-
.link-tool-popover {
|
|
1322
|
-
input {
|
|
1323
|
-
padding-left: 1rem;
|
|
1324
|
-
}
|
|
1325
|
-
.link-input-url {
|
|
1326
|
-
margin-bottom: 0.5rem;
|
|
1327
|
-
}
|
|
1328
|
-
.link-input-text {
|
|
1329
|
-
margin-bottom: 0.5rem;
|
|
1330
|
-
}
|
|
1331
|
-
label {
|
|
1332
|
-
display: inline-block;
|
|
1333
|
-
margin-bottom: 0.2rem;
|
|
1334
|
-
}
|
|
1335
|
-
.link-input-button-wrapper {
|
|
1336
|
-
&[data-is-marrybaby='true'] {
|
|
1337
|
-
.link-input-button {
|
|
1338
|
-
border: solid 2px ${p.theme.mbColors.pink};
|
|
1339
|
-
background-color: ${p.theme.mbColors.pink};
|
|
1340
|
-
&:hover:not(:disabled) {
|
|
1341
|
-
border: solid 2px ${p.theme.mbColors.pink};
|
|
1342
|
-
background-color: ${p.theme.colors.white};
|
|
1343
|
-
color: ${p.theme.mbColors.pink};
|
|
1344
|
-
}
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
1347
|
-
}
|
|
1348
|
-
.link-input-button {
|
|
1349
|
-
width: auto;
|
|
1350
|
-
height: auto;
|
|
1351
|
-
padding: 0.4rem 1rem;
|
|
1352
|
-
background-color: ${p.theme.colors.primaryBase};
|
|
1353
|
-
|
|
1354
|
-
&:disabled {
|
|
1355
|
-
border-color: #bfbfbf;
|
|
1356
|
-
background-color: #bfbfbf;
|
|
1357
|
-
color: #fff;
|
|
1358
|
-
cursor: not-allowed;
|
|
1359
|
-
}
|
|
1360
|
-
&:hover:not(:disabled) {
|
|
1361
|
-
background-color: ${p.theme.colors.primaryHover};
|
|
1362
|
-
}
|
|
1363
|
-
}
|
|
1364
|
-
.error-text {
|
|
1365
|
-
padding: 0;
|
|
1366
|
-
margin-bottom: 0.5rem;
|
|
1367
|
-
font-weight: 600;
|
|
1368
|
-
color: ${p.theme.colors.red700};
|
|
1369
|
-
}
|
|
1370
|
-
}
|
|
1371
|
-
}
|
|
1372
|
-
}
|
|
1373
|
-
}
|
|
1374
|
-
@media (max-width: 450px) {
|
|
1375
|
-
position: relative;
|
|
1376
|
-
.ql-formats {
|
|
1377
|
-
.link-tool-wrapper {
|
|
1378
|
-
position: unset;
|
|
1379
|
-
.popover-menu__content {
|
|
1380
|
-
left: 0;
|
|
1381
|
-
transform: unset;
|
|
1382
|
-
max-width: 100%;
|
|
1383
|
-
}
|
|
1384
|
-
}
|
|
1385
|
-
}
|
|
1386
|
-
}
|
|
1387
|
-
}
|
|
1388
|
-
.quill {
|
|
1389
|
-
flex: 1;
|
|
1390
|
-
overflow-y: hidden;
|
|
1391
|
-
.ql-container {
|
|
1392
|
-
display: inline-block;
|
|
1393
|
-
width: 100%;
|
|
1394
|
-
min-height: 100%;
|
|
1395
|
-
/* padding: 14px 16px; */
|
|
1396
|
-
border: none;
|
|
1397
|
-
border-radius: ${p.theme.borderRadius};
|
|
1398
|
-
color: ${p.theme.colors.gray800};
|
|
1399
|
-
font-size: 1rem;
|
|
1400
|
-
line-height: 1.5;
|
|
1401
|
-
resize: none;
|
|
1402
|
-
white-space: break-spaces;
|
|
1403
|
-
.ql-editor {
|
|
1404
|
-
word-break: break-word;
|
|
1405
|
-
overflow-wrap: break-word;
|
|
1406
|
-
/* -ms-overflow-style: none;
|
|
1407
|
-
scrollbar-width: none;
|
|
1408
|
-
&::-webkit-scrollbar {
|
|
1409
|
-
display: none;
|
|
1410
|
-
} */
|
|
1411
|
-
}
|
|
1412
|
-
mocka {
|
|
1413
|
-
padding: 2px 6px;
|
|
1414
|
-
border-radius: 1rem;
|
|
1415
|
-
&[data-url='true'] {
|
|
1416
|
-
/* background-color: #eeeeff; */
|
|
1417
|
-
font-style: italic;
|
|
1418
|
-
color: #1890ff;
|
|
1419
|
-
cursor: pointer;
|
|
1420
|
-
outline: none;
|
|
1421
|
-
text-decoration: underline;
|
|
1422
|
-
}
|
|
1423
|
-
&[data-error='true'] {
|
|
1424
|
-
background-color: #ffeeee;
|
|
1425
|
-
color: red;
|
|
1426
|
-
text-decoration: underline;
|
|
1427
|
-
font-style: bold;
|
|
1428
|
-
}
|
|
1429
|
-
}
|
|
1430
|
-
mention {
|
|
1431
|
-
padding: 2px 6px;
|
|
1432
|
-
border-radius: 1rem;
|
|
1433
|
-
background-color: #eeeeff;
|
|
1434
|
-
color: #1890ff;
|
|
1435
|
-
cursor: pointer;
|
|
1436
|
-
outline: none;
|
|
1437
|
-
text-decoration: none;
|
|
1438
|
-
}
|
|
1439
|
-
ol,
|
|
1440
|
-
ul {
|
|
1441
|
-
padding-left: 1rem;
|
|
1442
|
-
}
|
|
1443
|
-
}
|
|
1444
|
-
}
|
|
1445
|
-
.mention-search-container {
|
|
1446
|
-
position: absolute;
|
|
1447
|
-
background: white;
|
|
1448
|
-
border-radius: ${p.theme.borderRadius};
|
|
1449
|
-
filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04))
|
|
1450
|
-
drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04))
|
|
1451
|
-
drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
|
|
1452
|
-
overflow-y: scroll;
|
|
1453
|
-
z-index: 99;
|
|
1454
|
-
::-webkit-scrollbar {
|
|
1455
|
-
-webkit-appearance: none;
|
|
1456
|
-
}
|
|
1457
|
-
::-webkit-scrollbar:vertical {
|
|
1458
|
-
width: 14px;
|
|
1459
|
-
}
|
|
1460
|
-
::-webkit-scrollbar-thumb {
|
|
1461
|
-
border-radius: ${p.theme.borderRadius};
|
|
1462
|
-
background-color: #d9d9d9;
|
|
1463
|
-
@supports (background-clip: padding-box) {
|
|
1464
|
-
border: 3px solid rgba(0, 0, 0, 0);
|
|
1465
|
-
background-clip: padding-box;
|
|
1466
|
-
}
|
|
1467
|
-
@supports not (background-clip: padding-box) {
|
|
1468
|
-
border: 3px solid white;
|
|
1469
|
-
}
|
|
1470
|
-
}
|
|
1471
|
-
::-webkit-scrollbar-track {
|
|
1472
|
-
background-color: #fff;
|
|
1473
|
-
border-radius: 0 6px 6px 0;
|
|
1474
|
-
border-left: 1px solid #f2f2f2;
|
|
1475
|
-
}
|
|
1476
|
-
.mention-search-item {
|
|
1477
|
-
cursor: pointer;
|
|
1478
|
-
padding: 12px 1rem;
|
|
1479
|
-
display: flex;
|
|
1480
|
-
align-items: center;
|
|
1481
|
-
&.item-selected {
|
|
1482
|
-
background-color: ${p.theme.colors.gray100};
|
|
1483
|
-
}
|
|
1484
|
-
.search-avatar {
|
|
1485
|
-
width: 40px;
|
|
1486
|
-
height: 40px;
|
|
1487
|
-
font-size: 20px;
|
|
1488
|
-
margin-right: 20px;
|
|
1489
|
-
}
|
|
1490
|
-
}
|
|
1491
|
-
}
|
|
1492
|
-
`;let Bt=null;function Rt(e){var t,a;let o=-1;if(void 0!==window.getSelection){const r=window.getSelection();if((null==r?void 0:r.rangeCount)&&(null==r?void 0:r.rangeCount)>0){const r=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(r){const t=r.cloneRange();t.selectNodeContents(e),t.setEnd(r.endContainer,r.endOffset),o=It(t.cloneContents().childNodes,o);const l=null===(a=r.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),n=r.endContainer.nodeValue||r.endContainer.outerHTML;l&&(null==n?void 0:n.length)&&(o=o-r.endOffset+(l.outerHTML.length-(null==l?void 0:l.outerHTML.lastIndexOf(n))))}}}return o}function It(e,t){return e.forEach(((a,o)=>{const r=o+1===e.length;if(a.nodeType===Node.ELEMENT_NODE){const e=a.outerHTML;if(!r)return void(t+=e.length);t+=e.indexOf(">")+1,t=It(a.childNodes,t)}else a.nodeType===Node.TEXT_NODE&&(t+=(a.nodeValue||"").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").length)})),t}a.__awaiter(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield Promise.resolve().then((function(){return S(require("react-quill"))}));Bt=e.default;const t=e.Quill||Bt.Quill;t.register("modules/preserveWhiteSpace",class{constructor(e,t){this.quill=e,this.options=t,e.container.style.whiteSpace="pre-line"}});const a=t.import("blots/inline");class o extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return o.setNodeConfigurations(t,e),t}static formats(e){return!(!e.innerText||!(e.getAttribute("data-href")||e.getAttribute("data-url")||e.getAttribute("data-error")||e.getAttribute("data-bad-word")))&&{"data-bad-word":e.getAttribute("data-bad-word"),"data-error":e.getAttribute("data-error"),"data-href":e.getAttribute("data-href"),"data-url":e.getAttribute("data-url"),"data-text":e.innerText||e.getAttribute("data-href")}}static setNodeConfigurations(e,t){var a,o;t&&(null===(o=null===(a=null==t?void 0:t["data-text"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===o?void 0:o.replace(/(\u200c|‌)+/g,""))&&(t["data-bad-word"]&&e.setAttribute("data-bad-word",t["data-bad-word"]),t["data-href"]&&e.setAttribute("data-href",t["data-href"]),t["data-error"]&&e.setAttribute("data-error",t["data-error"]),t["data-url"]&&e.setAttribute("data-url",t["data-url"]))}}o.blotName="mocka1",o.tagName="mocka",t.register(o);class r extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return r.setNodeConfigurations(t,e),t}static formats(e){return!(!e.getAttribute("data-name")||!e.getAttribute("data-id"))&&{"data-name":e.getAttribute("data-name"),"data-id":e.getAttribute("data-id")}}static setNodeConfigurations(e,t){var a,o;t&&t["data-id"]&&(null===(o=null===(a=null==t?void 0:t["data-name"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===o?void 0:o.replace(/(\u200c|‌)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))}}r.blotName="mention",r.tagName="mention",t.register(r)}));const Ot=(e,t)=>{var a;const{formatUrl:o,bannedWords:r=[]}=t||{},l=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(ht,((e,t,a,o)=>{if(o!==a){const e=a.split(" "),r=e.findIndex(((t,a)=>{const r=e.slice(0,a+1).join(" ");return!o.startsWith(r)}));if(0===r)return`@${o}`;{const a=(r<0?e:e.slice(0,r)).join(" "),l=o.slice(a.length).trim();return console.log(r,a,l),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${l} `}}return e}));if(!o)return{value:Pt(l,r)};let n=(e=>e.replace(wt,((e,t)=>{const a=document.createElement("div");a.innerHTML=e;const o=a.firstChild;return(null==o?void 0:o.innerText)!==(null==o?void 0:o.getAttribute("data-bad-word"))?t:e})))((e=>{var t,a;return null===(a=null===(t=e.replace(/(\ )+/g," "))||void 0===t?void 0:t.replace(/(\u200c|‌)+/g,""))||void 0===a?void 0:a.replace(ut,((e,t,a)=>{var o;const r=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return!r||r===a||a.match(vt)?a:r?`<a href="${r}">${a}</a>`:`<a href="${a}">${a}</a>`})).replace(pt,((e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){const e=a.toLowerCase(),t=`${e.startsWith("http")?"":" https://"}${e}`;return yt({text:t,url:t,method:"edit"})}return e})).replace(xt,((e,t,a)=>yt({text:a||t,url:t,method:"edit"})))})(l));const i=(e=>{var t;return[...kt(e),...(null===(t=e.match(ut))||void 0===t?void 0:t.map((e=>{var t,a;const o=null===(t=e.match(/data-href="([^"]*)"/im))||void 0===t?void 0:t[1],r=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return o||r})))||[]].filter((e=>!!e))})(l);if(i){const e=[];let t="";return i.forEach((t=>{if(t)try{const a=new URL(t);St.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(n=n.replace(new RegExp(`data-url="true">(${e.map(Nt).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(Nt).join("|")})" data-url="true">`,"gi"),'data-href="$1" data-error="true" data-url="true">')),t=null===(a=i.filter((t=>-1===e.indexOf(t))))||void 0===a?void 0:a[0],{invalidUrls:e,previewUrl:t,value:Pt(n,r)}}return{value:Pt(n,r)}},Vt=({onAddLink:e,id:t})=>P.default.createElement("div",{id:"toolbar-"+t,onClick:e=>{e.preventDefault(),e.stopPropagation()}},P.default.createElement("span",{className:"ql-formats"},P.default.createElement("button",{className:"ql-bold",type:"button"}),P.default.createElement("button",{className:"ql-italic",type:"button"}),P.default.createElement("button",{className:"ql-underline",type:"button"})),P.default.createElement("span",{className:"ql-formats"},P.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),P.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),P.default.createElement("span",{className:"ql-formats"},P.default.createElement("button",{className:"ql-image",type:"button"}),e&&P.default.createElement(pe,{className:"link-tool-wrapper",toggleButtonContent:P.default.createElement("img",{className:"link-icon",src:"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.54545 16H7.09091C6.55368 16 6.02172 15.8965 5.52539 15.6955C5.02905 15.4945 4.57808 15.1999 4.1982 14.8284C3.43101 14.0783 3 13.0609 3 12C3 10.9391 3.43101 9.92172 4.1982 9.17157C4.96539 8.42143 6.00593 8 7.09091 8H9.54545M13.9256 8H16.9091C17.4463 8 17.9783 8.10346 18.4746 8.30448C18.9709 8.5055 19.4219 8.80014 19.8018 9.17157C20.1817 9.54301 20.483 9.98396 20.6886 10.4693C20.8942 10.9546 21 11.4747 21 12C21 12.5253 20.8942 13.0454 20.6886 13.5307C20.483 14.016 20.1817 14.457 19.8018 14.8284C19.4219 15.1999 18.9709 15.4945 18.4746 15.6955C17.9783 15.8965 17.4463 16 16.9091 16H13.9256' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9 12H15' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",loading:"lazy"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(({setShow:t})=>P.default.createElement(jt,{onAddUrl:e,setShow:t}))))),Ft=["notification.limitUrlDomain","notification.urlWrongFormat"],jt=({onAddUrl:t,setShow:a})=>{const{data:{env:{isMarryBaby:l}}}=e.useContext(h.TogetherComponentGlobalContext),{t:n}=o.useTranslations(),[i,s]=e.useState(""),[d,c]=e.useState(""),[u,p]=e.useState(-1),m=i.trim()&&d.trim()&&u<0;return P.default.createElement("div",{className:"link-tool-popover"},P.default.createElement(b.Input,{name:"url",value:i,size:"md",label:"URL",placeholder:n("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{s(e),(e=>{const t=zt(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?St.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(p(-1),!0):(p(0),!1):(p(1),!1)}catch(e){return p(1),!1}})(e)}}),u>=0&&P.default.createElement(r.Text,{size:"c2",className:"error-text"},n(Ft[u])),P.default.createElement(b.Input,{name:"text",value:d,size:"md",label:n("createPost.urlText"),placeholder:n("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>c(e)}),P.default.createElement("div",{"data-is-marrybaby":l,className:"link-input-button-wrapper"},P.default.createElement(v.Button,{theme:l?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{m&&(t(d.trim(),zt(i.trim())),a&&a(!1))},isDisabled:!m},n("insert"))))},Dt=M.default.div`
|
|
1493
|
-
input:focus,
|
|
1494
|
-
textarea:focus,
|
|
1495
|
-
[contenteditable='true'] {
|
|
1496
|
-
outline: none;
|
|
1497
|
-
}
|
|
1498
|
-
|
|
1499
|
-
.title-input {
|
|
1500
|
-
overflow: hidden;
|
|
1501
|
-
width: 100%;
|
|
1502
|
-
padding: 12px 16px;
|
|
1503
|
-
border: solid 1px #d9d9d9;
|
|
1504
|
-
border-radius: ${p.theme.borderRadius};
|
|
1505
|
-
font-size: 16px;
|
|
1506
|
-
line-height: 1.2;
|
|
1507
|
-
white-space: nowrap;
|
|
1508
|
-
:focus {
|
|
1509
|
-
border-color: ${p.theme.colors.primaryBase};
|
|
1510
|
-
box-shadow: 0px 0px 2px 2px ${p.theme.colors.primary200};
|
|
1511
|
-
}
|
|
1512
|
-
br {
|
|
1513
|
-
display: none;
|
|
1514
|
-
}
|
|
1515
|
-
* {
|
|
1516
|
-
display: inline;
|
|
1517
|
-
white-space: nowrap;
|
|
1518
|
-
}
|
|
1519
|
-
mocka {
|
|
1520
|
-
padding: 2px 6px;
|
|
1521
|
-
border-radius: 1rem;
|
|
1522
|
-
&[data-error='true'] {
|
|
1523
|
-
background-color: #ffeeee;
|
|
1524
|
-
color: red;
|
|
1525
|
-
text-decoration: underline;
|
|
1526
|
-
font-style: bold;
|
|
1527
|
-
}
|
|
1528
|
-
}
|
|
1529
|
-
ol,
|
|
1530
|
-
ul {
|
|
1531
|
-
padding-left: 1rem;
|
|
1532
|
-
}
|
|
1533
|
-
}
|
|
1534
|
-
|
|
1535
|
-
label {
|
|
1536
|
-
display: block;
|
|
1537
|
-
margin-bottom: 5px;
|
|
1538
|
-
color: ${p.theme.colors.gray600};
|
|
1539
|
-
font-size: 13px;
|
|
1540
|
-
font-weight: bold;
|
|
1541
|
-
}
|
|
1542
|
-
|
|
1543
|
-
.count-string {
|
|
1544
|
-
margin-top: 5px;
|
|
1545
|
-
color: ${p.theme.colors.gray500};
|
|
1546
|
-
font-size: 11px;
|
|
1547
|
-
text-align: right;
|
|
1548
|
-
}
|
|
1549
|
-
`,Ut=M.default.div`
|
|
1550
|
-
display: flex;
|
|
1551
|
-
width: 100%;
|
|
1552
|
-
flex-wrap: wrap;
|
|
1553
|
-
margin-top: 1rem;
|
|
1554
|
-
|
|
1555
|
-
.tag-item {
|
|
1556
|
-
min-height: 32px;
|
|
1557
|
-
padding: 5px 12px;
|
|
1558
|
-
border: 1px solid ${p.theme.colors.neutral100};
|
|
1559
|
-
margin-right: 1rem;
|
|
1560
|
-
margin-bottom: 8px;
|
|
1561
|
-
border-radius: 1rem;
|
|
1562
|
-
color: ${p.theme.colors.gray800};
|
|
1563
|
-
cursor: pointer;
|
|
1564
|
-
font-size: 13px;
|
|
1565
|
-
line-height: 22px;
|
|
1566
|
-
transition: all 0.2s;
|
|
1567
|
-
|
|
1568
|
-
&.--active {
|
|
1569
|
-
border-color: ${p.theme.colors.primary50};
|
|
1570
|
-
background: ${p.theme.colors.primary50};
|
|
1571
|
-
color: ${p.theme.colors.primaryBase};
|
|
1572
|
-
}
|
|
1573
|
-
&[data-disabled='true'] {
|
|
1574
|
-
background: ${p.theme.colors.gray100};
|
|
1575
|
-
color: ${p.theme.colors.gray800};
|
|
1576
|
-
}
|
|
1577
|
-
}
|
|
1578
|
-
.topic-spinner {
|
|
1579
|
-
margin-right: auto;
|
|
1580
|
-
margin-left: auto;
|
|
1581
|
-
& > button {
|
|
1582
|
-
width: 24px;
|
|
1583
|
-
height: 24px;
|
|
1584
|
-
}
|
|
1585
|
-
}
|
|
1586
|
-
&[data-is-marrybaby='true'] {
|
|
1587
|
-
.tag-item {
|
|
1588
|
-
border-color: transparent;
|
|
1589
|
-
background: #f3f3f3;
|
|
1590
|
-
color: #3e3f58;
|
|
1591
|
-
&.--active {
|
|
1592
|
-
border-color: #b6cdff;
|
|
1593
|
-
background: #e0e9fb;
|
|
1594
|
-
color: #3e3f58;
|
|
1595
|
-
}
|
|
1596
|
-
}
|
|
1597
|
-
}
|
|
1598
|
-
`,Ht=M.default.div`
|
|
1599
|
-
[data-type='confirm'] {
|
|
1600
|
-
width: min(360px, 100%);
|
|
1601
|
-
height: auto;
|
|
1602
|
-
&[data-open='false'] {
|
|
1603
|
-
top: calc(-100% - 500px);
|
|
1604
|
-
}
|
|
1605
|
-
}
|
|
1606
|
-
z-index: 600;
|
|
1607
|
-
|
|
1608
|
-
.header {
|
|
1609
|
-
display: none !important;
|
|
1610
|
-
}
|
|
1611
|
-
|
|
1612
|
-
.confirm-dialog {
|
|
1613
|
-
position: relative;
|
|
1614
|
-
overflow: auto;
|
|
1615
|
-
width: 100%;
|
|
1616
|
-
padding-top: 44px;
|
|
1617
|
-
background: #fff;
|
|
1618
|
-
border-radius: ${p.theme.borderRadius};
|
|
1619
|
-
|
|
1620
|
-
.confirm-content {
|
|
1621
|
-
display: flex;
|
|
1622
|
-
flex-direction: column;
|
|
1623
|
-
align-items: center;
|
|
1624
|
-
padding: 0 16px 16px;
|
|
1625
|
-
text-align: center;
|
|
1626
|
-
|
|
1627
|
-
.title {
|
|
1628
|
-
margin-bottom: 8px;
|
|
1629
|
-
font-size: 24px;
|
|
1630
|
-
line-height: 32px;
|
|
1631
|
-
word-break: break-word;
|
|
1632
|
-
overflow-wrap: break-word;
|
|
1633
|
-
}
|
|
1634
|
-
|
|
1635
|
-
.desc {
|
|
1636
|
-
margin-bottom: 24px;
|
|
1637
|
-
color: ${p.theme.colors.gray500};
|
|
1638
|
-
font-size: 18px;
|
|
1639
|
-
line-height: 24px;
|
|
1640
|
-
text-align: center;
|
|
1641
|
-
word-break: break-word;
|
|
1642
|
-
overflow-wrap: break-word;
|
|
1643
|
-
}
|
|
1644
|
-
|
|
1645
|
-
.btn-group {
|
|
1646
|
-
display: flex;
|
|
1647
|
-
flex-wrap: wrap;
|
|
1648
|
-
align-items: center;
|
|
1649
|
-
justify-content: center;
|
|
1650
|
-
|
|
1651
|
-
button {
|
|
1652
|
-
margin: 0 4px 0.5rem;
|
|
1653
|
-
}
|
|
1654
|
-
}
|
|
1655
|
-
}
|
|
1656
|
-
}
|
|
1657
|
-
.thumbnail-container {
|
|
1658
|
-
width: 80px;
|
|
1659
|
-
height: 80px;
|
|
1660
|
-
margin-bottom: 32px;
|
|
1661
|
-
.thumbnail {
|
|
1662
|
-
width: 100%;
|
|
1663
|
-
height: 100%;
|
|
1664
|
-
}
|
|
1665
|
-
&.is-icon {
|
|
1666
|
-
display: flex;
|
|
1667
|
-
align-items: center;
|
|
1668
|
-
justify-content: center;
|
|
1669
|
-
background: #e0e9fc;
|
|
1670
|
-
border-radius: 1rem;
|
|
1671
|
-
.thumbnail {
|
|
1672
|
-
width: 40px;
|
|
1673
|
-
height: 40px;
|
|
1674
|
-
}
|
|
1675
|
-
}
|
|
1676
|
-
}
|
|
1677
|
-
&[data-is-marrybaby='true'] {
|
|
1678
|
-
.popup-frame {
|
|
1679
|
-
> div:first-child {
|
|
1680
|
-
overflow: hidden;
|
|
1681
|
-
border-radius: 1rem;
|
|
1682
|
-
&[data-open='true'] {
|
|
1683
|
-
${c.MediaQueries.mbDown} {
|
|
1684
|
-
top: 100%;
|
|
1685
|
-
transform: translate(-50%, -100%);
|
|
1686
|
-
max-width: unset;
|
|
1687
|
-
width: 100%;
|
|
1688
|
-
background: unset;
|
|
1689
|
-
overflow: unset;
|
|
1690
|
-
}
|
|
1691
|
-
}
|
|
1692
|
-
}
|
|
1693
|
-
.popup-content {
|
|
1694
|
-
.close-button {
|
|
1695
|
-
${c.MediaQueries.mbDown} {
|
|
1696
|
-
display: none;
|
|
1697
|
-
}
|
|
1698
|
-
}
|
|
1699
|
-
.confirm-dialog {
|
|
1700
|
-
${c.MediaQueries.mbDown} {
|
|
1701
|
-
background: unset;
|
|
1702
|
-
position: relative;
|
|
1703
|
-
overflow-x: hidden;
|
|
1704
|
-
&::before {
|
|
1705
|
-
content: '';
|
|
1706
|
-
width: 200%;
|
|
1707
|
-
background: #fff;
|
|
1708
|
-
position: absolute;
|
|
1709
|
-
left: 50%;
|
|
1710
|
-
top: 0;
|
|
1711
|
-
transform: translateX(-50%);
|
|
1712
|
-
z-index: -1;
|
|
1713
|
-
height: 100%;
|
|
1714
|
-
border-top-left-radius: 100%;
|
|
1715
|
-
border-top-right-radius: 100%;
|
|
1716
|
-
}
|
|
1717
|
-
}
|
|
1718
|
-
.confirm-content {
|
|
1719
|
-
padding: 0 40px 40px;
|
|
1720
|
-
${c.MediaQueries.mbDown} {
|
|
1721
|
-
padding-left: 1.5rem;
|
|
1722
|
-
padding-right: 1.5rem;
|
|
1723
|
-
}
|
|
1724
|
-
.btn-group {
|
|
1725
|
-
width: 100%;
|
|
1726
|
-
justify-content: space-between;
|
|
1727
|
-
button {
|
|
1728
|
-
flex: 1;
|
|
1729
|
-
margin: 0;
|
|
1730
|
-
&:first-child {
|
|
1731
|
-
margin-right: 0.5rem;
|
|
1732
|
-
}
|
|
1733
|
-
}
|
|
1734
|
-
}
|
|
1735
|
-
}
|
|
1736
|
-
}
|
|
1737
|
-
}
|
|
1738
|
-
.thumbnail-container {
|
|
1739
|
-
${c.MediaQueries.mbDown} {
|
|
1740
|
-
display: none;
|
|
1741
|
-
}
|
|
1742
|
-
&.is-icon {
|
|
1743
|
-
background: #ffeaf1;
|
|
1744
|
-
border-radius: 24px;
|
|
1745
|
-
}
|
|
1746
|
-
&.is-mobile {
|
|
1747
|
-
position: absolute;
|
|
1748
|
-
top: 0;
|
|
1749
|
-
left: 50%;
|
|
1750
|
-
display: none;
|
|
1751
|
-
width: 48px;
|
|
1752
|
-
height: 48px;
|
|
1753
|
-
transform: translate(-50%, -50%);
|
|
1754
|
-
&.is-icon {
|
|
1755
|
-
border-radius: 1rem;
|
|
1756
|
-
.thumbnail {
|
|
1757
|
-
width: 24px;
|
|
1758
|
-
height: 24px;
|
|
1759
|
-
}
|
|
1760
|
-
}
|
|
1761
|
-
${c.MediaQueries.mbDown} {
|
|
1762
|
-
display: flex;
|
|
1763
|
-
}
|
|
1764
|
-
}
|
|
1765
|
-
}
|
|
1766
|
-
}
|
|
1767
|
-
}
|
|
1768
|
-
`,Wt=e=>{var{size:t,color:o,isExpand:r,useCurrentColor:l,isActive:n,activeColor:i}=e,s=a.__rest(e,["size","color","isExpand","useCurrentColor","isActive","activeColor"]);const d=l?"currentColor":n?i:o,c=Object.assign({width:t,height:t},s);return r?P.default.createElement("svg",Object.assign({viewBox:"0 0 24 24",fill:"none"},c),P.default.createElement("path",{d:"M15.1801 4C14.6212 4 14.3418 4.67561 14.7373 5.07108L16.0864 6.42229L6.42229 16.0864L5.07108 14.7373C4.67561 14.3418 4 14.6212 4 15.1801V19.3718C4 19.7187 4.28026 20 4.62617 20H8.81987C9.37881 20 9.6582 19.3244 9.26272 18.9289L7.91357 17.5777L17.5777 7.91357L18.9289 9.26272C19.3244 9.6582 20 9.37881 20 8.81987V4.62617C20 4.28026 19.7187 4 19.3718 4H15.1801Z",fill:d})):P.default.createElement("svg",Object.assign({width:t,height:t,viewBox:"0 0 14 14",fill:d},s),P.default.createElement("path",{d:"M9.64991 0.333008C9.18412 0.333008 8.9513 0.896013 9.28086 1.22558L10.4052 2.35159L2.35171 10.405L1.2257 9.28074C0.896135 8.95118 0.33313 9.184 0.33313 9.64979V13.1428C0.33313 13.432 0.566681 13.6663 0.854939 13.6663H4.34969C4.81547 13.6663 5.04829 13.1033 4.71873 12.7738L3.59444 11.6478L11.6479 3.59432L12.7739 4.71861C13.1035 5.04817 13.6665 4.81535 13.6665 4.34957V0.854817C13.6665 0.566559 13.4321 0.333008 13.1429 0.333008H9.64991Z"}))};Wt.defaultProps={size:24,color:p.theme.colors.gray600,activeColor:p.theme.colors.primaryBase};const qt=M.default.div`
|
|
1769
|
-
[data-type='confirm'] {
|
|
1770
|
-
max-width: 468px;
|
|
1771
|
-
/* height: 486px; */
|
|
1772
|
-
padding: 0;
|
|
1773
|
-
|
|
1774
|
-
.popup-content {
|
|
1775
|
-
display: flex;
|
|
1776
|
-
flex-direction: column;
|
|
1777
|
-
padding: 0;
|
|
1778
|
-
|
|
1779
|
-
.close-button {
|
|
1780
|
-
top: 16px;
|
|
1781
|
-
right: 16px;
|
|
1782
|
-
width: 24px;
|
|
1783
|
-
height: 24px;
|
|
1784
|
-
z-index: 5;
|
|
1785
|
-
}
|
|
1786
|
-
|
|
1787
|
-
.header {
|
|
1788
|
-
display: flex;
|
|
1789
|
-
height: 56px;
|
|
1790
|
-
align-items: center;
|
|
1791
|
-
padding: 16px 56px 16px 32px;
|
|
1792
|
-
border-bottom: 1px solid ${p.theme.colors.neutral100};
|
|
1793
|
-
font-weight: 900;
|
|
1794
|
-
width: 100%;
|
|
1795
|
-
justify-content: space-between;
|
|
1796
|
-
}
|
|
1797
|
-
|
|
1798
|
-
.content {
|
|
1799
|
-
overflow: auto;
|
|
1800
|
-
flex: 1;
|
|
1801
|
-
.topic-list-wrapper {
|
|
1802
|
-
padding: 1rem;
|
|
1803
|
-
}
|
|
1804
|
-
}
|
|
1805
|
-
}
|
|
1806
|
-
}
|
|
1807
|
-
|
|
1808
|
-
> div&[data-open='true'] {
|
|
1809
|
-
z-index: 250;
|
|
1810
|
-
&:last-child {
|
|
1811
|
-
z-index: 200;
|
|
1812
|
-
}
|
|
1813
|
-
}
|
|
1814
|
-
|
|
1815
|
-
${e=>e.isExpand&&"\n & > div[data-open] {\n width: 100%;\n height: 100%;\n max-width: none;\n max-height: none;\n }\n "}
|
|
1816
|
-
|
|
1817
|
-
${e=>e.hasFullscreen&&"\n & > div[data-open] {\n transition: all 0.5s ease-in-out, width 0s, height 0s;\n }\n "}
|
|
1818
|
-
`,Gt=M.default.div`
|
|
1819
|
-
cursor: pointer;
|
|
1820
|
-
display: flex;
|
|
1821
|
-
align-items: center;
|
|
1822
|
-
`;var Zt="data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 6L6 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6L18 18' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Qt=({className:t,style:a,closeIcon:o,heading:r="",children:l,isOpen:n=!1,hasFullscreen:i=!1,onClose:s=(()=>null)})=>{const[d,c]=e.useState(!1);return P.default.createElement(qt,{className:t,style:a,isExpand:d,hasFullscreen:i},P.default.createElement(x.Popup,{type:"confirm",onClose:s,isOpen:n,closeIcon:o||P.default.createElement("img",{src:Zt,loading:"lazy"}),enableAnimation:!i},P.default.createElement("div",{className:"header"},P.default.createElement(h.Heading,{tag:"h5"},r),i&&P.default.createElement(Gt,{onClick:()=>c(!d)},P.default.createElement(Wt,{size:14,isExpand:d}))),P.default.createElement("div",{className:"content"},"function"==typeof l?l(d):l)))},Xt=M.default.div`
|
|
1823
|
-
padding: 1rem;
|
|
1824
|
-
border-top: 1px solid #f2f2f2;
|
|
1825
|
-
&[data-is-reply='true'] {
|
|
1826
|
-
padding-right: 0;
|
|
1827
|
-
padding-left: 0;
|
|
1828
|
-
border-top: 1px solid #e4e8ec;
|
|
1829
|
-
margin-right: 1rem;
|
|
1830
|
-
margin-left: 1rem;
|
|
1831
|
-
}
|
|
1832
|
-
.error-text {
|
|
1833
|
-
padding: 1rem;
|
|
1834
|
-
color: ${p.theme.colors.red700};
|
|
1835
|
-
}
|
|
1836
|
-
.reply-to-container {
|
|
1837
|
-
display: flex;
|
|
1838
|
-
justify-content: space-between;
|
|
1839
|
-
padding-bottom: 0.75rem;
|
|
1840
|
-
margin-top: -0.25rem;
|
|
1841
|
-
.icon-close-comment {
|
|
1842
|
-
width: 16px;
|
|
1843
|
-
height: 16px;
|
|
1844
|
-
cursor: pointer;
|
|
1845
|
-
}
|
|
1846
|
-
a {
|
|
1847
|
-
text-decoration: none;
|
|
1848
|
-
}
|
|
1849
|
-
}
|
|
1850
|
-
.input-container {
|
|
1851
|
-
display: flex;
|
|
1852
|
-
align-items: center;
|
|
1853
|
-
.avatar-wrapper {
|
|
1854
|
-
display: flex;
|
|
1855
|
-
flex-shrink: 0;
|
|
1856
|
-
align-items: center;
|
|
1857
|
-
margin-right: 0.5rem;
|
|
1858
|
-
&.avatar-wrapper-reply {
|
|
1859
|
-
width: 32px;
|
|
1860
|
-
height: 32px;
|
|
1861
|
-
.avatar {
|
|
1862
|
-
width: 32px;
|
|
1863
|
-
height: 32px;
|
|
1864
|
-
}
|
|
1865
|
-
}
|
|
1866
|
-
}
|
|
1867
|
-
.input-wrapper {
|
|
1868
|
-
margin-right: 0.5rem;
|
|
1869
|
-
&[data-has-error] {
|
|
1870
|
-
.as-input {
|
|
1871
|
-
border-color: ${p.theme.colors.red700};
|
|
1872
|
-
}
|
|
1873
|
-
}
|
|
1874
|
-
|
|
1875
|
-
.as-input {
|
|
1876
|
-
.textarea {
|
|
1877
|
-
width: 100%;
|
|
1878
|
-
max-height: 225px;
|
|
1879
|
-
min-height: 75px;
|
|
1880
|
-
.ql-toolbar {
|
|
1881
|
-
padding: 0;
|
|
1882
|
-
}
|
|
1883
|
-
.ql-editor {
|
|
1884
|
-
padding-left: 0;
|
|
1885
|
-
padding-right: 0;
|
|
1886
|
-
}
|
|
1887
|
-
.quill {
|
|
1888
|
-
height: 0;
|
|
1889
|
-
}
|
|
1890
|
-
}
|
|
1891
|
-
width: 100%;
|
|
1892
|
-
padding: 12px 16px;
|
|
1893
|
-
border: solid 1px ${p.theme.colors.gray200};
|
|
1894
|
-
border-radius: ${p.theme.borderRadius};
|
|
1895
|
-
|
|
1896
|
-
&:active,
|
|
1897
|
-
&:focus {
|
|
1898
|
-
border-color: ${p.theme.colors.primaryBase};
|
|
1899
|
-
box-shadow: 0px 0px 2px 2px ${p.theme.colors.primary200};
|
|
1900
|
-
}
|
|
1901
|
-
|
|
1902
|
-
&:disabled {
|
|
1903
|
-
background-color: ${p.theme.colors.gray100};
|
|
1904
|
-
cursor: not-allowed;
|
|
1905
|
-
}
|
|
1906
|
-
|
|
1907
|
-
span {
|
|
1908
|
-
&[data-error='true'] {
|
|
1909
|
-
color: red;
|
|
1910
|
-
text-decoration: underline;
|
|
1911
|
-
}
|
|
1912
|
-
}
|
|
1913
|
-
}
|
|
1914
|
-
|
|
1915
|
-
&[data-has-action-icon] {
|
|
1916
|
-
.as-input {
|
|
1917
|
-
padding: 12px 48px 12px 16px;
|
|
1918
|
-
}
|
|
1919
|
-
}
|
|
1920
|
-
&[data-has-display-icon] {
|
|
1921
|
-
.as-input {
|
|
1922
|
-
padding: 12px 16px 12px 48px;
|
|
1923
|
-
}
|
|
1924
|
-
}
|
|
1925
|
-
|
|
1926
|
-
&[data-has-action-icon][data-has-display-icon] {
|
|
1927
|
-
.as-input {
|
|
1928
|
-
padding: 12px 48px;
|
|
1929
|
-
}
|
|
1930
|
-
}
|
|
1931
|
-
|
|
1932
|
-
&[data-size='lg'] {
|
|
1933
|
-
.as-input {
|
|
1934
|
-
font-size: 16px;
|
|
1935
|
-
font-weight: ${p.theme.sizes.fwRegular};
|
|
1936
|
-
${c.MediaQueries.mbDown} {
|
|
1937
|
-
font-size: 22px;
|
|
1938
|
-
line-height: 1.2;
|
|
1939
|
-
}
|
|
1940
|
-
|
|
1941
|
-
${c.MediaQueries.mbUp} {
|
|
1942
|
-
font-size: 26px;
|
|
1943
|
-
line-height: 1.2;
|
|
1944
|
-
}
|
|
1945
|
-
}
|
|
1946
|
-
}
|
|
1947
|
-
&[data-size='md'] {
|
|
1948
|
-
.as-input {
|
|
1949
|
-
font-weight: ${p.theme.sizes.fwRegular};
|
|
1950
|
-
line-height: 22px;
|
|
1951
|
-
${c.MediaQueries.mbDown} {
|
|
1952
|
-
font-size: 14px;
|
|
1953
|
-
line-height: 1.2;
|
|
1954
|
-
}
|
|
1955
|
-
|
|
1956
|
-
${c.MediaQueries.mbUp} {
|
|
1957
|
-
font-size: 16px;
|
|
1958
|
-
line-height: 1.2;
|
|
1959
|
-
}
|
|
1960
|
-
}
|
|
1961
|
-
}
|
|
1962
|
-
&[data-size='sm'] {
|
|
1963
|
-
.as-input {
|
|
1964
|
-
font-weight: ${p.theme.sizes.fwRegular};
|
|
1965
|
-
line-height: 20px;
|
|
1966
|
-
${c.MediaQueries.mbDown} {
|
|
1967
|
-
font-size: 13px;
|
|
1968
|
-
line-height: 1.5;
|
|
1969
|
-
}
|
|
1970
|
-
|
|
1971
|
-
${c.MediaQueries.mbUp} {
|
|
1972
|
-
font-size: 13px;
|
|
1973
|
-
line-height: 1.5;
|
|
1974
|
-
}
|
|
1975
|
-
}
|
|
1976
|
-
}
|
|
1977
|
-
}
|
|
1978
|
-
.images-input-label {
|
|
1979
|
-
height: 100%;
|
|
1980
|
-
cursor: pointer;
|
|
1981
|
-
.icon-images-input {
|
|
1982
|
-
width: 24px;
|
|
1983
|
-
height: 24px;
|
|
1984
|
-
vertical-align: middle;
|
|
1985
|
-
}
|
|
1986
|
-
}
|
|
1987
|
-
.send-button {
|
|
1988
|
-
display: flex;
|
|
1989
|
-
width: 40px;
|
|
1990
|
-
height: 40px;
|
|
1991
|
-
flex-shrink: 0;
|
|
1992
|
-
align-items: center;
|
|
1993
|
-
justify-content: center;
|
|
1994
|
-
padding: 0;
|
|
1995
|
-
border: none;
|
|
1996
|
-
&.send-button-post {
|
|
1997
|
-
background: ${p.theme.colors.neutral100};
|
|
1998
|
-
border-radius: 50%;
|
|
1999
|
-
}
|
|
2000
|
-
.icon-enter {
|
|
2001
|
-
width: 20px;
|
|
2002
|
-
height: 20px;
|
|
2003
|
-
vertical-align: middle;
|
|
2004
|
-
}
|
|
2005
|
-
&[data-is-loading='true'] {
|
|
2006
|
-
> div {
|
|
2007
|
-
display: flex;
|
|
2008
|
-
align-items: center;
|
|
2009
|
-
justify-content: center;
|
|
2010
|
-
}
|
|
2011
|
-
}
|
|
2012
|
-
}
|
|
2013
|
-
}
|
|
2014
|
-
.preview-images-container {
|
|
2015
|
-
margin-top: 1rem;
|
|
2016
|
-
.image-src-wrapper {
|
|
2017
|
-
position: relative;
|
|
2018
|
-
width: 100%;
|
|
2019
|
-
padding-top: 66.67%;
|
|
2020
|
-
&:not(:last-child) {
|
|
2021
|
-
margin-bottom: 1rem;
|
|
2022
|
-
}
|
|
2023
|
-
.preview-image {
|
|
2024
|
-
position: absolute;
|
|
2025
|
-
top: 0;
|
|
2026
|
-
left: 0;
|
|
2027
|
-
width: 100%;
|
|
2028
|
-
height: 100%;
|
|
2029
|
-
object-fit: cover;
|
|
2030
|
-
}
|
|
2031
|
-
.icon-close-circle {
|
|
2032
|
-
position: absolute;
|
|
2033
|
-
top: 10px;
|
|
2034
|
-
right: 10px;
|
|
2035
|
-
width: 20px;
|
|
2036
|
-
height: 20px;
|
|
2037
|
-
cursor: pointer;
|
|
2038
|
-
}
|
|
2039
|
-
}
|
|
2040
|
-
}
|
|
2041
|
-
`,_t=e.createContext({}),Kt=M.default.a`
|
|
2042
|
-
* {
|
|
2043
|
-
pointer-events: none;
|
|
2044
|
-
}
|
|
2045
|
-
`,Yt=M.default.div`
|
|
2046
|
-
padding: 1rem;
|
|
2047
|
-
.share__social {
|
|
2048
|
-
display: flex;
|
|
2049
|
-
width: 100%;
|
|
2050
|
-
align-items: center;
|
|
2051
|
-
justify-content: center;
|
|
2052
|
-
|
|
2053
|
-
& > ${Kt} {
|
|
2054
|
-
margin: 0 7px;
|
|
2055
|
-
|
|
2056
|
-
& > img {
|
|
2057
|
-
width: 32px;
|
|
2058
|
-
height: 32px;
|
|
2059
|
-
}
|
|
2060
|
-
.__label {
|
|
2061
|
-
display: none;
|
|
2062
|
-
}
|
|
2063
|
-
}
|
|
2064
|
-
}
|
|
2065
|
-
|
|
2066
|
-
.share__copy-link {
|
|
2067
|
-
position: relative;
|
|
2068
|
-
padding: 1rem 0.5rem 0;
|
|
2069
|
-
|
|
2070
|
-
margin-top: 16px;
|
|
2071
|
-
&::before {
|
|
2072
|
-
position: absolute;
|
|
2073
|
-
top: 0;
|
|
2074
|
-
left: 0;
|
|
2075
|
-
width: calc(100% + 2rem);
|
|
2076
|
-
border-top: 1px solid ${p.theme.colors.neutral100};
|
|
2077
|
-
margin-left: -1rem;
|
|
2078
|
-
content: '';
|
|
2079
|
-
}
|
|
2080
|
-
.__label {
|
|
2081
|
-
margin-bottom: 8px;
|
|
2082
|
-
font-size: 11px;
|
|
2083
|
-
font-weight: 400;
|
|
2084
|
-
line-height: 17px;
|
|
2085
|
-
text-align: left;
|
|
2086
|
-
}
|
|
2087
|
-
|
|
2088
|
-
.__input-group {
|
|
2089
|
-
position: relative;
|
|
2090
|
-
overflow: hidden;
|
|
2091
|
-
width: 100%;
|
|
2092
|
-
height: 40px;
|
|
2093
|
-
border: 1px solid ${p.theme.colors.gray200};
|
|
2094
|
-
background: #fff;
|
|
2095
|
-
border-radius: ${p.theme.borderRadius};
|
|
2096
|
-
|
|
2097
|
-
& > input {
|
|
2098
|
-
width: 100%;
|
|
2099
|
-
height: 100%;
|
|
2100
|
-
padding: 0 16px;
|
|
2101
|
-
border: none;
|
|
2102
|
-
background: transparent;
|
|
2103
|
-
color: ${p.theme.colors.gray800};
|
|
2104
|
-
|
|
2105
|
-
&:focus {
|
|
2106
|
-
outline: none;
|
|
2107
|
-
}
|
|
2108
|
-
}
|
|
2109
|
-
|
|
2110
|
-
.__copy {
|
|
2111
|
-
position: absolute;
|
|
2112
|
-
top: 0;
|
|
2113
|
-
right: 0;
|
|
2114
|
-
width: 71px;
|
|
2115
|
-
height: 100%;
|
|
2116
|
-
padding-left: 12px;
|
|
2117
|
-
background: linear-gradient(
|
|
2118
|
-
90deg,
|
|
2119
|
-
rgba(255, 255, 255, 0.1) 0%,
|
|
2120
|
-
#fff 17%,
|
|
2121
|
-
#fff 100%
|
|
2122
|
-
);
|
|
2123
|
-
color: ${p.theme.colors.primaryBase};
|
|
2124
|
-
cursor: pointer;
|
|
2125
|
-
font-size: 14px;
|
|
2126
|
-
font-weight: 400;
|
|
2127
|
-
}
|
|
2128
|
-
}
|
|
2129
|
-
}
|
|
2130
|
-
|
|
2131
|
-
&[data-is-marrybaby='true'] {
|
|
2132
|
-
${c.MediaQueries.mbDown} {
|
|
2133
|
-
padding: 0.5rem;
|
|
2134
|
-
}
|
|
2135
|
-
.share__social {
|
|
2136
|
-
justify-content: space-between;
|
|
2137
|
-
& > a {
|
|
2138
|
-
display: flex;
|
|
2139
|
-
flex-direction: column;
|
|
2140
|
-
align-items: center;
|
|
2141
|
-
justify-content: center;
|
|
2142
|
-
text-align: center;
|
|
2143
|
-
${c.MediaQueries.mbDown} {
|
|
2144
|
-
margin: 0;
|
|
2145
|
-
}
|
|
2146
|
-
& > img {
|
|
2147
|
-
margin-bottom: 0.8rem;
|
|
2148
|
-
}
|
|
2149
|
-
.__label {
|
|
2150
|
-
display: initial;
|
|
2151
|
-
}
|
|
2152
|
-
}
|
|
2153
|
-
}
|
|
2154
|
-
.share__copy-link {
|
|
2155
|
-
padding: 0;
|
|
2156
|
-
&::before {
|
|
2157
|
-
display: none;
|
|
2158
|
-
}
|
|
2159
|
-
.__label {
|
|
2160
|
-
display: none;
|
|
2161
|
-
}
|
|
2162
|
-
.__input-group {
|
|
2163
|
-
height: unset;
|
|
2164
|
-
background-color: rgb(243, 243, 243);
|
|
2165
|
-
border-radius: 16px;
|
|
2166
|
-
& > input {
|
|
2167
|
-
padding: 1rem;
|
|
2168
|
-
}
|
|
2169
|
-
.__copy {
|
|
2170
|
-
background: linear-gradient(
|
|
2171
|
-
90deg,
|
|
2172
|
-
rgba(255, 255, 255, 0.1) 0%,
|
|
2173
|
-
#f3f3f3 17%,
|
|
2174
|
-
#f3f3f3 100%
|
|
2175
|
-
);
|
|
2176
|
-
}
|
|
2177
|
-
}
|
|
2178
|
-
}
|
|
2179
|
-
}
|
|
2180
|
-
`;const $t=({className:t,trackingCategory:a="Together",style:n,shareUrl:i,title:s})=>{const{action:{pushNotifications:d},data:{env:{isMarryBaby:c}}}=e.useContext(h.TogetherComponentGlobalContext),{t:u}=o.useTranslations(),m=e.useRef(null),[g,f]=e.useState(!1),v=()=>{if(!(null==m?void 0:m.current))return;const e=document.createElement("textarea");e.value=m.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),m.current.focus(),f(!0),d({title:"",message:u("share.linkCopied"),type:"success"})};e.useEffect((()=>{v(),navigator.share&&navigator.share({title:s||"Read This Post",url:i}).then((()=>{d({title:"",message:u("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const b=((e,t)=>t?[{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35 9.58333V30.4167C35 32.9417 32.9417 35 30.4167 35H25.8333V23.3333H28.85C29.275 23.3333 29.6333 23.0167 29.6833 22.6L29.9917 20.1C30.025 19.8667 29.95 19.625 29.7917 19.45C29.6333 19.2667 29.4083 19.1667 29.1667 19.1667H25.8333V16.25C25.8333 15.3333 26.5833 14.5833 27.5 14.5833H29.1667C29.625 14.5833 30 14.2083 30 13.75V10.9333C30 10.5083 29.6667 10.15 29.2417 10.1083C29.1917 10.1 28.0167 10 26.525 10C22.8583 10 20.8333 12.1833 20.8333 16.1417V19.1667H17.5C17.0417 19.1667 16.6667 19.5417 16.6667 20V22.5C16.6667 22.9583 17.0417 23.3333 17.5 23.3333H20.8333V35H9.58333C7.05833 35 5 32.9417 5 30.4167V9.58333C5 7.05833 7.05833 5 9.58333 5H30.4167C32.9417 5 35 7.05833 35 9.58333Z' fill='url(%23paint0_linear)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear' x1='20' y1='5' x2='20' y2='35' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%234DABF7'/%3e%3cstop offset='1' stop-color='%232668DA'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",name:"Facebook",href:`https://www.facebook.com/sharer.php?u=${e}`},{icon:"data:image/png;base64,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",name:"Zalo",href:`https://sp.zalo.me/share?href=${e}`},{icon:"data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35 30.8333C35 33.135 33.1342 35 30.8333 35H9.16667C6.865 35 5 33.135 5 30.8333V9.16667C5 6.865 6.865 5 9.16667 5H30.8333C33.1342 5 35 6.865 35 9.16667V30.8333Z' fill='%2303A9F4'/%3e%3cpath d='M30 14.2667C29.265 14.5925 28.3342 14.8983 27.5 15C28.3483 14.4967 29.6942 13.4483 30 12.5C29.2075 12.9658 27.7742 13.4633 26.8392 13.6433C26.0925 12.8517 25.0275 12.5 23.8475 12.5C21.5808 12.5 20 14.4208 20 16.6667V18.3333C16.6667 18.3333 13.4167 15.7942 11.3942 13.3333C11.0383 13.9342 10.8383 14.6375 10.8383 15.3808C10.8383 16.8967 12.2308 18.435 13.3333 19.1667C12.6608 19.1458 11.3875 18.6325 10.8333 18.3333C10.8333 18.3467 10.8333 18.3633 10.8333 18.3808C10.8333 20.3533 12.2175 21.6925 14.0933 22.0658C13.7508 22.16 13.3333 22.5 11.7267 22.5C12.2483 24.1125 14.8708 24.965 16.6667 25C15.2617 26.0892 12.7567 26.6667 10.8333 26.6667C10.5008 26.6667 10.3208 26.685 10 26.6475C11.815 27.7975 14.35 28.3333 16.6667 28.3333C24.2142 28.3333 28.3333 22.5683 28.3333 17.1917C28.3333 17.015 28.3275 16.4233 28.3183 16.25C29.125 15.6817 29.4517 15.0867 30 14.2667Z' fill='white'/%3e%3c/svg%3e",name:"Twitter",href:`https://twitter.com/intent/tweet?url=${e}`},{icon:"data:image/svg+xml,%3csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M35.5 30.8333C35.5 33.135 33.635 35 31.3333 35H9.66667C7.36583 35 5.5 33.135 5.5 30.8333V9.16667C5.5 6.865 7.36583 5 9.66667 5H31.3333C33.635 5 35.5 6.865 35.5 9.16667V30.8333Z' fill='%230078D4'/%3e%3cpath opacity='0.05' d='M25.4993 30.8327V22.4168C25.4993 21.0093 24.8168 20.1685 23.6727 20.1685C22.9935 20.1685 22.4943 20.551 22.1902 21.3052C22.176 21.3585 22.156 21.576 22.1643 22.2335L22.166 30.8327H16.3327V14.9993H22.166V15.8835C23.0177 15.296 24.0618 14.9993 25.281 14.9993C29.0702 14.9993 31.3318 17.5768 31.3318 21.8943L31.3327 30.8327H25.4993ZM9.66602 30.8327V14.9993H12.5468C10.8777 14.9993 9.66602 13.7727 9.66602 12.0818C9.66602 10.3927 10.8977 9.16602 12.5943 9.16602C14.271 9.16602 15.4652 10.3585 15.4993 12.0652C15.4993 13.7685 14.2668 14.9993 12.5702 14.9993H15.4993V30.8327H9.66602Z' fill='black'/%3e%3cpath opacity='0.07' d='M25.9173 30.4173V22.4182C25.9173 20.774 25.0582 19.7532 23.674 19.7532C22.5948 19.7532 22.0615 20.5132 21.8048 21.1507C21.7365 21.3165 21.7457 21.9748 21.749 22.2557L21.7507 30.4173H16.7507V15.4173H21.7507V16.7823C22.4132 16.0965 23.4798 15.4173 25.2823 15.4173C28.8098 15.4173 30.9165 17.839 30.9165 21.8957L30.9173 30.4173H25.9173ZM10.084 30.4173V15.4173H15.084V30.4173H10.084ZM12.5482 14.584C11.1207 14.584 10.084 13.5323 10.084 12.0832C10.084 10.6348 11.1407 9.58398 12.5957 9.58398C14.0323 9.58398 15.0548 10.6082 15.084 12.0748C15.084 13.5323 14.0273 14.584 12.5715 14.584H12.5482Z' fill='black'/%3e%3cpath d='M10.5 15.8333H14.6667V30H10.5V15.8333ZM12.5708 14.1667H12.5475C11.3042 14.1667 10.5 13.24 10.5 12.0825C10.5 10.9 11.3292 10 12.595 10C13.8625 10 14.6433 10.9 14.6667 12.0825C14.6667 13.2392 13.8625 14.1667 12.5708 14.1667ZM30.5 30H26.3333V22.4175C26.3333 20.5858 25.3125 19.3358 23.6733 19.3358C22.4225 19.3358 21.7458 20.1792 21.4175 20.9942C21.2975 21.2858 21.3333 22.0925 21.3333 22.5V30H17.1667V15.8333H21.3333V18.0133C21.9342 17.0833 22.875 15.8333 25.2817 15.8333C28.2633 15.8333 30.4992 17.7083 30.4992 21.895L30.5 30Z' fill='white'/%3e%3c/svg%3e",name:"LinkedIn",href:`https://www.linkedin.com/sharing/share-offsite/?url=${e}`},{icon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3e%3cpath fill='url(%23a)' d='M36.667 19.584c0 8.975-7.458 16.25-16.666 16.25a16.97 16.97 0 0 1-3.987-.47 1.68 1.68 0 0 0-1.15.12l-3.647 1.825a1.417 1.417 0 0 1-2.05-1.267v-3.355c0-.479-.214-.925-.567-1.249-3.245-2.966-5.266-7.179-5.266-11.854 0-8.975 7.458-16.25 16.667-16.25 9.208 0 16.666 7.275 16.666 16.25Z'/%3e%3cpath fill='black' d='M29.16 14.41c-.357 0-.703.118-1 .343l-4.745 3.512a.594.594 0 0 1-.363.125.565.565 0 0 1-.341-.113l-3.31-2.492a3.821 3.821 0 0 0-2.298-.765c-1.313 0-2.52.66-3.23 1.764l-1.009 1.575-3.433 5.58a1.633 1.633 0 0 0-.06 1.678c.299.545.862.883 1.47.883.357 0 .703-.118 1-.342l4.746-3.513a.594.594 0 0 1 .362-.125c.125 0 .243.04.342.114l3.31 2.491a3.819 3.819 0 0 0 2.297.765c1.314 0 2.521-.659 3.23-1.763l1.01-1.576 3.433-5.58a1.633 1.633 0 0 0 .059-1.678 1.682 1.682 0 0 0-1.47-.883Z' opacity='.05'/%3e%3cpath fill='black' d='M29.161 14.826c-.266 0-.525.09-.75.258L23.665 18.6c-.18.136-.39.207-.61.207a.98.98 0 0 1-.591-.197l-3.311-2.492a3.405 3.405 0 0 0-2.048-.68c-1.17 0-2.246.587-2.879 1.572l-1.008 1.575-3.43 5.574c-.247.387-.266.86-.048 1.259.222.405.656.667 1.104.667.266 0 .525-.09.75-.259l4.747-3.515c.18-.136.39-.206.61-.206a.98.98 0 0 1 .592.196l3.31 2.493c.6.446 1.307.68 2.048.68 1.171 0 2.247-.587 2.88-1.572l1.008-1.576 3.429-5.573c.247-.387.267-.86.048-1.26a1.281 1.281 0 0 0-1.104-.666Z' opacity='.07'/%3e%3cpath fill='white' d='m28.663 15.417-4.75 3.516c-.509.384-1.2.384-1.7.009L18.9 16.449a3.004 3.004 0 0 0-4.325.784l-1.008 1.575-3.425 5.566c-.5.784.458 1.675 1.2 1.117l4.75-3.517a1.412 1.412 0 0 1 1.7-.008l3.311 2.492a3.004 3.004 0 0 0 4.325-.783l1.009-1.575 3.425-5.567c.5-.783-.459-1.675-1.2-1.116Z'/%3e%3cdefs%3e%3cradialGradient id='a' cx='0' cy='0' r='1' gradientTransform='translate(9.24 35.816) scale(39.6767)' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='.079' stop-color='%232982FF'/%3e%3cstop offset='.23' stop-color='%234E69FF'/%3e%3cstop offset='.351' stop-color='%236559FF'/%3e%3cstop offset='.428' stop-color='%236D53FF'/%3e%3cstop offset='.754' stop-color='%23DF47AA'/%3e%3cstop offset='.946' stop-color='%23FF6257'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e",name:"Messenger",href:`https://www.facebook.com/sharer.php?u=${e}`}]:[{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M30.7336 6.21933e-10H2.2536C1.28305 0.00703318 0.499975 0.795821 0.5 1.7664V30.2464C0.507033 31.217 1.29582 32 2.2664 32H17.5944V19.6256H13.4344V14.7808H17.5944V11.216C17.5944 7.0848 20.1192 4.832 23.8056 4.832C25.0498 4.8267 26.2933 4.8908 27.5304 5.024V9.344H24.9896C22.9832 9.344 22.5928 10.304 22.5928 11.696V14.7808H27.38L26.74 19.6256H22.58V32H30.7336C31.7092 32 32.5 31.2092 32.5 30.2336V1.7536C32.493 0.783047 31.7042 -2.54822e-05 30.7336 6.21933e-10Z' fill='%233B5998'/%3e%3c/svg%3e",name:"Facebook",href:`https://www.facebook.com/sharer.php?u=${e}`},{icon:"data:image/png;base64,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",name:"Zalo",href:`https://sp.zalo.me/share?href=${e}`},{icon:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' fill='none'%3e%3crect width='32' height='32' x='.5' fill='%231FA1F3' rx='4'/%3e%3cpath fill='white' fill-rule='evenodd' d='m16.23 13.235.04.634-.673-.077c-2.455-.298-4.6-1.308-6.42-3.004l-.89-.842-.23.622c-.486 1.385-.175 2.848.836 3.832.54.544.418.621-.512.298-.324-.104-.607-.181-.634-.143-.095.091.229 1.27.485 1.735.35.648 1.066 1.282 1.848 1.657l.66.298-.781.013c-.756 0-.783.013-.702.285.27.841 1.335 1.735 2.523 2.123l.836.272-.729.414a7.893 7.893 0 0 1-3.614.958c-.607.013-1.106.065-1.106.104 0 .13 1.645.854 2.603 1.14 2.873.84 6.285.478 8.848-.959 1.82-1.023 3.641-3.055 4.491-5.023.459-1.049.917-2.965.917-3.884 0-.596.04-.673.796-1.385.445-.415.863-.868.944-.997.135-.246.122-.246-.566-.026-1.147.388-1.309.337-.742-.246.418-.414.917-1.165.917-1.385 0-.04-.202.026-.432.142-.242.13-.782.324-1.187.44l-.728.22-.66-.427c-.365-.233-.877-.492-1.147-.57-.688-.18-1.74-.155-2.36.052-1.687.583-2.752 2.085-2.63 3.729Z' clip-rule='evenodd'/%3e%3c/svg%3e",name:"Twitter",href:`https://twitter.com/intent/tweet?url=${e}`},{icon:"data:image/png;base64,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",name:"WhatsApp",href:`https://wa.me/?text=${e}`},{icon:"data:image/svg+xml,%3csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' width='32' height='32' rx='4' fill='%230077B5'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3571 9.07077C11.3349 7.97643 10.6126 7.14288 9.43969 7.14288C8.26679 7.14288 7.5 7.97643 7.5 9.07077C7.5 10.1425 8.24415 11 9.39516 11H9.4171C10.6126 11 11.3571 10.1425 11.3571 9.07077ZM11.3571 12.286H7.5V23.8574H11.3571V12.286ZM20.651 12.286C23.4224 12.286 25.5 13.9022 25.5 17.3748L25.4999 23.8571H21.2885V17.8086C21.2885 16.2894 20.6791 15.2526 19.1545 15.2526C17.991 15.2526 17.2979 15.9515 16.9935 16.6265C16.8822 16.8685 16.8548 17.2056 16.8548 17.5435V23.8574H12.6429C12.6429 23.8574 12.6984 13.6127 12.6429 12.5518H16.8548V14.1531C17.4138 13.3834 18.415 12.286 20.651 12.286Z' fill='white'/%3e%3c/svg%3e",name:"LinkedIn",href:`https://www.linkedin.com/sharing/share-offsite/?url=${e}`}])(i||"",c);return P.default.createElement(Yt,{"data-is-marrybaby":c,className:t,style:n},P.default.createElement("div",{className:"share__social"},b.map(((e,t)=>P.default.createElement(Kt,{key:t,"data-event-category":a,"data-event-action":`Social Share - ${e.name}`,"data-event-label":i,href:e.href,target:"_blank",rel:"noreferrer"},P.default.createElement(l.ImageWrap,{alt:`share to ${e}`,src:e.icon}),P.default.createElement(r.Text,{className:"__label",size:"label2",weight:"regular"},e.name))))),P.default.createElement("div",{className:"share__copy-link"},P.default.createElement(r.Text,{className:"__label",color:p.theme.colors.gray500,size:"p4",weight:"regular"},u("orCopyLink")),P.default.createElement("div",{className:"__input-group"},P.default.createElement("input",{ref:m,type:"text",value:i,readOnly:!0,onFocus:e=>e.target.select()}),P.default.createElement("button",{className:"__copy",onClick:()=>v()},c?P.default.createElement(l.ImageWrap,{alt:"copy share link",src:"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cg fill='%233e3f58'%3e%3cpath d='M19.726 8.537l-.632.151.632-.151zm0 4.65l-.632-.151.632.151zm-9.097-8.918l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm1.303 11.983a.65.65 0 1 0 .649 1.126l-.649-1.126zM6.041 7.23a.65.65 0 0 0 1.182.541L6.041 7.23zm13.053 1.459c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-8.32-3.786a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm4.452 0c1.925.443 3.419 1.913 3.867 3.786l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zm2.099 12.476c1.505-.868 2.62-2.314 3.033-4.04l-1.264-.303c-.327 1.368-1.213 2.521-2.418 3.217l.649 1.126zM10.482 3.636c-1.988.457-3.62 1.799-4.442 3.594l1.182.541c.652-1.425 1.954-2.501 3.551-2.868l-.291-1.267z'/%3e%3cpath d='M3.274 16.187l-.632.151.632-.151zm0-4.65l-.632-.151.632.151zm13.451 0l-.632.151.632-.151zm0 4.65l.632.151-.632-.151zm-4.354 4.268l-.146-.633.146.633zm-4.744 0l-.146.634.146-.634zm0-13.186l.146.633-.146-.633zm4.744 0l-.146.633.146-.633zm-8.465 8.767c-.342-1.43-.342-2.918 0-4.348l-1.264-.303c-.39 1.629-.39 3.324 0 4.953l1.264-.303zm12.187-4.348c.342 1.43.342 2.918 0 4.348l1.264.303c.39-1.629.39-3.324 0-4.953l-1.264.303zm-3.867 8.133a9.94 9.94 0 0 1-4.452 0l-.291 1.267a11.24 11.24 0 0 0 5.035 0l-.291-1.267zM7.774 7.903a9.94 9.94 0 0 1 4.452 0l.291-1.267a11.24 11.24 0 0 0-5.035 0l.291 1.267zm0 11.919c-1.925-.443-3.419-1.913-3.867-3.786l-1.264.303c.565 2.363 2.445 4.199 4.84 4.75l.291-1.267zm4.744 1.267c2.395-.551 4.275-2.387 4.84-4.75l-1.264-.303c-.448 1.872-1.942 3.343-3.867 3.786l.291 1.267zm-.291-13.186c1.925.443 3.419 1.913 3.867 3.785l1.264-.303c-.566-2.363-2.445-4.199-4.84-4.75l-.291 1.267zM7.482 6.636c-2.395.551-4.275 2.387-4.84 4.75l1.264.303c.448-1.872 1.942-3.343 3.867-3.785l-.291-1.267zM12.268 21l.083-2.523c.079-.573.221-.867.433-1.075l-.91-.928c-.499.489-.712 1.104-.811 1.827-.096.702-.095 1.596-.095 2.699h1.3zm4.205-5.409c-1.126 0-2.035-.001-2.748.093-.731.096-1.354.303-1.85.79l.91.928c.214-.21.519-.352 1.11-.43.609-.08 1.416-.082 2.579-.082v-1.3z'/%3e%3c/g%3e%3cpath d='M7 11h3m-3 3h5' stroke='%233e3f58' stroke-width='1.3' stroke-linecap='round'/%3e%3c/svg%3e"}):u(g?"copied":"copy")))))},Jt=M.default.div`
|
|
2181
|
-
.share-popup {
|
|
2182
|
-
> div:first-child {
|
|
2183
|
-
height: unset;
|
|
2184
|
-
}
|
|
2185
|
-
.close-button {
|
|
2186
|
-
display: none;
|
|
2187
|
-
}
|
|
2188
|
-
.popup-content .header {
|
|
2189
|
-
display: none;
|
|
2190
|
-
}
|
|
2191
|
-
}
|
|
2192
|
-
.custom-share__header {
|
|
2193
|
-
display: flex;
|
|
2194
|
-
flex-wrap: no-wrap;
|
|
2195
|
-
align-items: center;
|
|
2196
|
-
padding: 1rem;
|
|
2197
|
-
border-bottom: 1px solid ${p.theme.colors.neutral100};
|
|
2198
|
-
margin-bottom: 16px;
|
|
2199
|
-
|
|
2200
|
-
.custom-share__header-image {
|
|
2201
|
-
width: 38px;
|
|
2202
|
-
height: 38px;
|
|
2203
|
-
flex-shrink: 0;
|
|
2204
|
-
& > img {
|
|
2205
|
-
width: 100%;
|
|
2206
|
-
height: 100%;
|
|
2207
|
-
object-fit: cover;
|
|
2208
|
-
object-position: center;
|
|
2209
|
-
}
|
|
2210
|
-
}
|
|
2211
|
-
|
|
2212
|
-
.custom-share__header-info {
|
|
2213
|
-
flex: 1;
|
|
2214
|
-
padding: 0 8px;
|
|
2215
|
-
word-break: break-word;
|
|
2216
|
-
|
|
2217
|
-
[data-tag='h4'] {
|
|
2218
|
-
margin-bottom: 8px;
|
|
2219
|
-
font-size: 14px;
|
|
2220
|
-
font-weight: bold;
|
|
2221
|
-
line-height: 14px;
|
|
2222
|
-
}
|
|
2223
|
-
|
|
2224
|
-
[data-size='md'] {
|
|
2225
|
-
color: #a5a5a5;
|
|
2226
|
-
font-size: 14px;
|
|
2227
|
-
line-height: 14px;
|
|
2228
|
-
}
|
|
2229
|
-
}
|
|
2230
|
-
}
|
|
2231
|
-
|
|
2232
|
-
&[data-is-marrybaby='true'] {
|
|
2233
|
-
.share-popup {
|
|
2234
|
-
> div:first-child {
|
|
2235
|
-
overflow: hidden;
|
|
2236
|
-
border-radius: 1rem;
|
|
2237
|
-
&[data-open='true'] {
|
|
2238
|
-
${c.MediaQueries.mbDown} {
|
|
2239
|
-
max-width: unset;
|
|
2240
|
-
width: 100%;
|
|
2241
|
-
top: 100%;
|
|
2242
|
-
transform: translate(-50%, -100%);
|
|
2243
|
-
border-bottom-left-radius: 0;
|
|
2244
|
-
border-bottom-right-radius: 0;
|
|
2245
|
-
}
|
|
2246
|
-
}
|
|
2247
|
-
}
|
|
2248
|
-
.close-button {
|
|
2249
|
-
display: block;
|
|
2250
|
-
}
|
|
2251
|
-
.popup-content {
|
|
2252
|
-
.header {
|
|
2253
|
-
display: block;
|
|
2254
|
-
padding: 1rem;
|
|
2255
|
-
background-color: rgb(243, 243, 243);
|
|
2256
|
-
}
|
|
2257
|
-
.content {
|
|
2258
|
-
padding-bottom: 1rem;
|
|
2259
|
-
}
|
|
2260
|
-
}
|
|
2261
|
-
.share-mb-text {
|
|
2262
|
-
margin: 1rem 1rem 0.5rem;
|
|
2263
|
-
}
|
|
2264
|
-
}
|
|
2265
|
-
}
|
|
2266
|
-
`,ea=M.default.div`
|
|
2267
|
-
padding: 0 8px;
|
|
2268
|
-
margin-top: 18px;
|
|
2269
|
-
|
|
2270
|
-
.report-list {
|
|
2271
|
-
margin-bottom: 18px;
|
|
2272
|
-
|
|
2273
|
-
.report-item {
|
|
2274
|
-
display: flex;
|
|
2275
|
-
align-items: center;
|
|
2276
|
-
margin-bottom: 10px;
|
|
2277
|
-
font-weight: 600;
|
|
2278
|
-
|
|
2279
|
-
& > img {
|
|
2280
|
-
width: 12px;
|
|
2281
|
-
height: 12px;
|
|
2282
|
-
margin-right: 8px;
|
|
2283
|
-
}
|
|
2284
|
-
|
|
2285
|
-
.__label {
|
|
2286
|
-
font-size: 14px;
|
|
2287
|
-
}
|
|
2288
|
-
}
|
|
2289
|
-
}
|
|
2290
|
-
|
|
2291
|
-
.report-submit {
|
|
2292
|
-
width: 100%;
|
|
2293
|
-
}
|
|
2294
|
-
&[data-is-marrybaby='true'] {
|
|
2295
|
-
padding: 0 1rem 1rem;
|
|
2296
|
-
}
|
|
2297
|
-
`,ta=M.default.div`
|
|
2298
|
-
padding: 0.5rem 1rem 1rem;
|
|
2299
|
-
line-height: 1.5;
|
|
2300
|
-
word-break: break-word;
|
|
2301
|
-
.post-content-replying {
|
|
2302
|
-
margin-right: 5px;
|
|
2303
|
-
cursor: pointer;
|
|
2304
|
-
display: inline-block;
|
|
2305
|
-
&.tag-only {
|
|
2306
|
-
margin-right: 0;
|
|
2307
|
-
}
|
|
2308
|
-
}
|
|
2309
|
-
.post-content {
|
|
2310
|
-
display: inline;
|
|
2311
|
-
white-space: pre-wrap;
|
|
2312
|
-
/* > *:first-child, */
|
|
2313
|
-
> mention:first-child ~ * {
|
|
2314
|
-
&:not(ul),
|
|
2315
|
-
&:not(ol) {
|
|
2316
|
-
display: inline-block;
|
|
2317
|
-
}
|
|
2318
|
-
}
|
|
2319
|
-
> mention:first-child {
|
|
2320
|
-
margin-right: 5px;
|
|
2321
|
-
}
|
|
2322
|
-
&.has-see-more {
|
|
2323
|
-
*:last-child {
|
|
2324
|
-
&:not(ul),
|
|
2325
|
-
&:not(ol) {
|
|
2326
|
-
display: inline;
|
|
2327
|
-
}
|
|
2328
|
-
}
|
|
2329
|
-
}
|
|
2330
|
-
img {
|
|
2331
|
-
width: 100%;
|
|
2332
|
-
height: unset;
|
|
2333
|
-
}
|
|
2334
|
-
ul,
|
|
2335
|
-
ol {
|
|
2336
|
-
list-style-position: inside;
|
|
2337
|
-
padding-left: 1rem;
|
|
2338
|
-
display: block;
|
|
2339
|
-
}
|
|
2340
|
-
ol {
|
|
2341
|
-
list-style-type: decimal;
|
|
2342
|
-
}
|
|
2343
|
-
ul {
|
|
2344
|
-
list-style-type: disc;
|
|
2345
|
-
}
|
|
2346
|
-
mention {
|
|
2347
|
-
color: ${e=>e.mentionColor||"#1890ff"};
|
|
2348
|
-
padding-right: 4px;
|
|
2349
|
-
:hover {
|
|
2350
|
-
text-decoration: underline;
|
|
2351
|
-
}
|
|
2352
|
-
}
|
|
2353
|
-
}
|
|
2354
|
-
`;var aa=t.createStyles((e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}},".create-post-link":{display:"inline",color:e.fn.primaryColor(),cursor:"pointer"}}})));const oa=r=>{var{trackingCategory:l,url:n,className:i,style:s,replyingTo:d,mentionedUser:c,description:u,disableShortenContent:p,mentions:m=[],maxChars:g=1e3,hideShowAllBtn:f,styles:v,onClickCreatePostLink:b}=r,x=a.__rest(r,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn","styles","onClickCreatePostLink"]);const{classes:w,theme:y}=aa(void 0,{name:"PostContent",styles:v}),[C,E]=e.useState(!1),{t:k}=o.useTranslations(),{authActionWrapper:A}=Z(),[N,T]=e.useState(!1),S=Et(Ct(u||"","display"),m),{action:{sanitizeFunction:z}}=e.useContext(h.TogetherComponentGlobalContext),L=e.useMemo((()=>{const e=z(S||"");if(p||C)return{showContent:e,hasSeeMore:!1};const t=e.slice(0,g),a=g-27*((t.match(/<\/div>/g)||[]).length-1),o=(t||"").slice(0,a<40?40:a),r=z(o.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),l=r.length<e.length-10;return{showContent:l?r:e,hasSeeMore:l}}),[p,C,S]),M=(null==c?void 0:c.name)||d,B="expert"===(null==c?void 0:c.role)&&!!(null==c?void 0:c.partnerId),R=e.useRef(null),I=e=>{e.preventDefault(),null==b||b()};return e.useEffect((()=>{var e;return null===(e=null==R?void 0:R.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach((e=>{e.addEventListener("click",I,{passive:!0})})),()=>{var e;null===(e=null==R?void 0:R.current)||void 0===e||e.querySelectorAll("[data-create-post]").forEach((e=>{e.removeEventListener("click",I,!1)}))}}),[p,C,S]),P.default.createElement(P.default.Fragment,null,B&&P.default.createElement(_e,{isOpen:N,onClose:()=>T(!1),expertId:String(null==c?void 0:c.partnerId)}),P.default.createElement(ta,Object.assign({ref:R,className:`${w.root} ${i} no-replace-click`,style:s,mentionColor:y.fn.primaryColor()},x),M&&P.default.createElement(t.Anchor,{onClick:()=>B&&T(!0),className:"post-content-replying"},"@",M),(null==u?void 0:u.startsWith("[mention+id="))&&P.default.createElement("span",{className:"post-content-replying tag-only",style:{color:y.fn.primaryColor()}},"@"),P.default.createElement("span",{dangerouslySetInnerHTML:{__html:L.showContent},className:"post-content "+(L.hasSeeMore?"has-see-more":"")}),L.hasSeeMore&&!C&&P.default.createElement("span",null,"... ",!f&&P.default.createElement(t.Anchor,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),A((()=>E(!0)))},className:"see-more-text"},l?{"data-event-category":l,"data-event-action":"See More Post Click","data-event-label":n}:{}),k("post.seeMore")))))},ra=M.default.div`
|
|
2355
|
-
padding: 14px 16px 14px 17px;
|
|
2356
|
-
background: ${e=>e.bgColor};
|
|
2357
|
-
border-left: 3px solid ${e=>e.highlight};
|
|
2358
|
-
|
|
2359
|
-
${c.MediaQueries.mbUp} {
|
|
2360
|
-
padding: 12px 12px 12px 17px;
|
|
2361
|
-
}
|
|
2362
|
-
`,la=M.default.div`
|
|
2363
|
-
display: flex;
|
|
2364
|
-
`,na=M.default.div`
|
|
2365
|
-
font-size: 12px;
|
|
2366
|
-
line-height: 18px;
|
|
2367
|
-
|
|
2368
|
-
&[data-has-icon='true'] {
|
|
2369
|
-
margin-left: 10px;
|
|
2370
|
-
}
|
|
2371
|
-
`,ia=M.default.div`
|
|
2372
|
-
flex-shrink: 0;
|
|
2373
|
-
`,sa=M.default.div`
|
|
2374
|
-
display: grid;
|
|
2375
|
-
grid-gap: 3px;
|
|
2376
|
-
grid-template-columns: 1fr 1fr;
|
|
2377
|
-
grid-template-rows: auto;
|
|
2378
|
-
|
|
2379
|
-
.img-wrapper {
|
|
2380
|
-
position: relative;
|
|
2381
|
-
overflow: hidden;
|
|
2382
|
-
width: 100%;
|
|
2383
|
-
padding-top: 56.25%;
|
|
2384
|
-
grid-column: auto;
|
|
2385
|
-
|
|
2386
|
-
& > img {
|
|
2387
|
-
cursor: zoom-in;
|
|
2388
|
-
}
|
|
2389
|
-
|
|
2390
|
-
.img-preview-blur {
|
|
2391
|
-
position: absolute;
|
|
2392
|
-
top: 50%;
|
|
2393
|
-
left: 50%;
|
|
2394
|
-
width: 110%;
|
|
2395
|
-
height: 110%;
|
|
2396
|
-
/* Add the blur effect */
|
|
2397
|
-
-webkit-filter: blur(8px);
|
|
2398
|
-
filter: blur(8px);
|
|
2399
|
-
object-fit: cover;
|
|
2400
|
-
object-position: center;
|
|
2401
|
-
opacity: 0.8;
|
|
2402
|
-
transform: translate(-50%, -50%);
|
|
2403
|
-
}
|
|
2404
|
-
.img-preview {
|
|
2405
|
-
position: absolute;
|
|
2406
|
-
top: 0;
|
|
2407
|
-
left: 0;
|
|
2408
|
-
width: 100%;
|
|
2409
|
-
height: 100%;
|
|
2410
|
-
object-fit: contain;
|
|
2411
|
-
object-position: center;
|
|
2412
|
-
}
|
|
2413
|
-
.img-more-overlay {
|
|
2414
|
-
position: absolute;
|
|
2415
|
-
top: 0;
|
|
2416
|
-
left: 0;
|
|
2417
|
-
display: flex;
|
|
2418
|
-
width: 100%;
|
|
2419
|
-
height: 100%;
|
|
2420
|
-
align-items: center;
|
|
2421
|
-
justify-content: center;
|
|
2422
|
-
background: rgba(0, 0, 0, 0.5);
|
|
2423
|
-
z-index: 4;
|
|
2424
|
-
}
|
|
2425
|
-
}
|
|
2426
|
-
&[data-image-count='1'] {
|
|
2427
|
-
.img-wrapper {
|
|
2428
|
-
/* padding-top: 100%; */
|
|
2429
|
-
grid-column: 1/3;
|
|
2430
|
-
}
|
|
2431
|
-
}
|
|
2432
|
-
&[data-image-count='2'] {
|
|
2433
|
-
.img-wrapper {
|
|
2434
|
-
/* padding-top: 100%; */
|
|
2435
|
-
}
|
|
2436
|
-
}
|
|
2437
|
-
&[data-image-count='3'] {
|
|
2438
|
-
.img-wrapper {
|
|
2439
|
-
&:first-child {
|
|
2440
|
-
grid-column: 1/3;
|
|
2441
|
-
}
|
|
2442
|
-
}
|
|
2443
|
-
}
|
|
2444
|
-
&[data-image-count='4'] {
|
|
2445
|
-
.img-wrapper {
|
|
2446
|
-
/* padding-top: 100%; */
|
|
2447
|
-
}
|
|
2448
|
-
}
|
|
2449
|
-
&[data-image-count='5'] {
|
|
2450
|
-
grid-template-columns: repeat(6, 1fr);
|
|
2451
|
-
.img-wrapper {
|
|
2452
|
-
/* padding-top: 100%; */
|
|
2453
|
-
grid-column: auto/ span 2;
|
|
2454
|
-
|
|
2455
|
-
&:first-child {
|
|
2456
|
-
padding-top: 56.25%;
|
|
2457
|
-
grid-column: 1/4;
|
|
2458
|
-
}
|
|
2459
|
-
&:nth-child(2) {
|
|
2460
|
-
padding-top: 56.25%;
|
|
2461
|
-
grid-column: 4/7;
|
|
2462
|
-
}
|
|
2463
|
-
}
|
|
2464
|
-
}
|
|
2465
|
-
|
|
2466
|
-
&[data-is-marrybaby='true'] {
|
|
2467
|
-
grid-gap: 8px;
|
|
2468
|
-
.img-wrapper {
|
|
2469
|
-
padding-top: 66.66%;
|
|
2470
|
-
border-radius: 1rem;
|
|
2471
|
-
.img-preview {
|
|
2472
|
-
object-fit: cover;
|
|
2473
|
-
}
|
|
2474
|
-
}
|
|
2475
|
-
&[data-image-count='3'] {
|
|
2476
|
-
grid-template-columns: 1fr 1fr 1fr;
|
|
2477
|
-
.img-wrapper {
|
|
2478
|
-
&:first-child {
|
|
2479
|
-
padding-top: 100%;
|
|
2480
|
-
grid-column: 1/3;
|
|
2481
|
-
grid-row: 1/3;
|
|
2482
|
-
}
|
|
2483
|
-
}
|
|
2484
|
-
}
|
|
2485
|
-
}
|
|
2486
|
-
`,da=M.default.div`
|
|
2487
|
-
position: fixed;
|
|
2488
|
-
z-index: 999;
|
|
2489
|
-
top: 0;
|
|
2490
|
-
left: 0;
|
|
2491
|
-
display: flex;
|
|
2492
|
-
overflow: hidden;
|
|
2493
|
-
width: 100vw;
|
|
2494
|
-
height: 100vh;
|
|
2495
|
-
flex-direction: column;
|
|
2496
|
-
background: white;
|
|
2497
|
-
opacity: 0;
|
|
2498
|
-
pointer-events: none;
|
|
2499
|
-
transition: opacity 0.2s linear;
|
|
2500
|
-
&[data-open='true'] {
|
|
2501
|
-
opacity: 1;
|
|
2502
|
-
pointer-events: auto;
|
|
2503
|
-
}
|
|
2504
|
-
.top-bar {
|
|
2505
|
-
position: relative;
|
|
2506
|
-
padding: 20px 40px;
|
|
2507
|
-
.icon-arrow-left {
|
|
2508
|
-
position: absolute;
|
|
2509
|
-
top: 50%;
|
|
2510
|
-
left: 20px;
|
|
2511
|
-
height: 24px;
|
|
2512
|
-
width: 24px;
|
|
2513
|
-
cursor: pointer;
|
|
2514
|
-
transform: translateY(-50%);
|
|
2515
|
-
}
|
|
2516
|
-
}
|
|
2517
|
-
.container {
|
|
2518
|
-
flex: 1;
|
|
2519
|
-
overflow-y: auto;
|
|
2520
|
-
.img-preview {
|
|
2521
|
-
width: 100%;
|
|
2522
|
-
min-width: 100%;
|
|
2523
|
-
margin-bottom: 0.5rem;
|
|
2524
|
-
cursor: pointer;
|
|
2525
|
-
max-height: 100%;
|
|
2526
|
-
object-fit: cover;
|
|
2527
|
-
}
|
|
2528
|
-
}
|
|
2529
|
-
`,ca=M.default((e=>{var{icon:t,bgColor:o=p.theme.colors.yellow50,highlightColor:r=p.theme.colors.yellow800,message:l}=e,n=a.__rest(e,["icon","bgColor","highlightColor","message"]);return P.default.createElement(ra,Object.assign({bgColor:o,highlight:r},n),P.default.createElement(la,null,t&&P.default.createElement(ia,null,t),P.default.createElement(na,{"data-has-icon":Boolean(t)},l)))}))`
|
|
2530
|
-
margin-bottom: 16px;
|
|
2531
|
-
`,ua=M.default.div`
|
|
2532
|
-
position: fixed;
|
|
2533
|
-
z-index: 999;
|
|
2534
|
-
top: 0;
|
|
2535
|
-
left: 0;
|
|
2536
|
-
display: flex;
|
|
2537
|
-
width: 100%;
|
|
2538
|
-
height: 100%;
|
|
2539
|
-
flex-direction: column;
|
|
2540
|
-
background: black;
|
|
2541
|
-
opacity: 0;
|
|
2542
|
-
pointer-events: none;
|
|
2543
|
-
transition: opacity 0.2s linear;
|
|
2544
|
-
&[data-open='true'] {
|
|
2545
|
-
opacity: 1;
|
|
2546
|
-
pointer-events: auto;
|
|
2547
|
-
}
|
|
2548
|
-
`,pa=M.default.div`
|
|
2549
|
-
padding: 1rem;
|
|
2550
|
-
background: white;
|
|
2551
|
-
.icon-close {
|
|
2552
|
-
width: 26px;
|
|
2553
|
-
height: 26px;
|
|
2554
|
-
cursor: pointer;
|
|
2555
|
-
}
|
|
2556
|
-
`,ma=M.default.div`
|
|
2557
|
-
position: relative;
|
|
2558
|
-
flex: 1;
|
|
2559
|
-
overflow: hidden;
|
|
2560
|
-
> img {
|
|
2561
|
-
height: 100%;
|
|
2562
|
-
width: 100%;
|
|
2563
|
-
object-fit: contain;
|
|
2564
|
-
object-position: center;
|
|
2565
|
-
}
|
|
2566
|
-
`,ga=M.default.div`
|
|
2567
|
-
--inner-padding: max(16px, 20%);
|
|
2568
|
-
height: 100%;
|
|
2569
|
-
position: absolute;
|
|
2570
|
-
left: 0;
|
|
2571
|
-
padding: 8px;
|
|
2572
|
-
padding-right: var(--inner-padding);
|
|
2573
|
-
display: flex;
|
|
2574
|
-
align-items: center;
|
|
2575
|
-
top: 0;
|
|
2576
|
-
cursor: pointer;
|
|
2577
|
-
&[data-right] {
|
|
2578
|
-
padding-right: 8px;
|
|
2579
|
-
padding-left: var(--inner-padding);
|
|
2580
|
-
left: unset;
|
|
2581
|
-
right: 0;
|
|
2582
|
-
}
|
|
2583
|
-
&[data-disabled='true'] {
|
|
2584
|
-
cursor: not-allowed;
|
|
2585
|
-
}
|
|
2586
|
-
`,ha=M.default.div`
|
|
2587
|
-
border-radius: 50%;
|
|
2588
|
-
background: rgba(0, 0, 0, 0.3);
|
|
2589
|
-
display: flex;
|
|
2590
|
-
align-items: center;
|
|
2591
|
-
justify-content: center;
|
|
2592
|
-
padding: 4px;
|
|
2593
|
-
> img {
|
|
2594
|
-
width: 16px;
|
|
2595
|
-
height: 16px;
|
|
2596
|
-
&[data-disabled='true'] {
|
|
2597
|
-
opacity: 0.5;
|
|
2598
|
-
}
|
|
2599
|
-
}
|
|
2600
|
-
${c.MediaQueries.tdUp} {
|
|
2601
|
-
padding: 8px;
|
|
2602
|
-
> img {
|
|
2603
|
-
width: 30px;
|
|
2604
|
-
height: 30px;
|
|
2605
|
-
}
|
|
2606
|
-
}
|
|
2607
|
-
`,fa=M.default.div`
|
|
2608
|
-
position: absolute;
|
|
2609
|
-
top: 0;
|
|
2610
|
-
right: 0;
|
|
2611
|
-
left: 0;
|
|
2612
|
-
bottom: 0;
|
|
2613
|
-
background: rgba(0, 0, 0, 0.4);
|
|
2614
|
-
color: white;
|
|
2615
|
-
display: flex;
|
|
2616
|
-
align-items: center;
|
|
2617
|
-
justify-content: center;
|
|
2618
|
-
cursor: pointer;
|
|
2619
|
-
`,va="hhgcomp-sensitivemask-inner",ba=h.getDefaultClassWrapper(fa,va),xa=M.default.div``,wa=M.default.div`
|
|
2620
|
-
position: absolute;
|
|
2621
|
-
bottom: 0;
|
|
2622
|
-
left: 0;
|
|
2623
|
-
width: 100%;
|
|
2624
|
-
height: 100%;
|
|
2625
|
-
z-index: 3;
|
|
2626
|
-
background: white;
|
|
2627
|
-
cursor: pointer;
|
|
2628
|
-
|
|
2629
|
-
&,
|
|
2630
|
-
* {
|
|
2631
|
-
// transition: all 300ms;
|
|
2632
|
-
transform-origin: bottom left;
|
|
2633
|
-
}
|
|
2634
|
-
|
|
2635
|
-
img {
|
|
2636
|
-
transition: none;
|
|
2637
|
-
}
|
|
2638
|
-
.img-preview {
|
|
2639
|
-
width: 100%;
|
|
2640
|
-
}
|
|
2641
|
-
&[data-is-blurred='true'] {
|
|
2642
|
-
.img-preview {
|
|
2643
|
-
/* Add the blur effect */
|
|
2644
|
-
-webkit-filter: blur(24px);
|
|
2645
|
-
filter: blur(24px);
|
|
2646
|
-
}
|
|
2647
|
-
}
|
|
2648
|
-
|
|
2649
|
-
&[data-is-blurred='false'] {
|
|
2650
|
-
background: transparent;
|
|
2651
|
-
cursor: zoom-in;
|
|
2652
|
-
|
|
2653
|
-
.${va} {
|
|
2654
|
-
top: auto;
|
|
2655
|
-
right: auto;
|
|
2656
|
-
left: 8px;
|
|
2657
|
-
bottom: 8px;
|
|
2658
|
-
background: rgba(0, 0, 0, 0);
|
|
2659
|
-
align-items: flex-end;
|
|
2660
|
-
justify-content: flex-start;
|
|
2661
|
-
}
|
|
2662
|
-
}
|
|
2663
|
-
`,ya=M.default.div`
|
|
2664
|
-
.link-info-container {
|
|
2665
|
-
padding: 0.5rem 1rem;
|
|
2666
|
-
background: ${e=>e.color||"#f4faff"};
|
|
2667
|
-
}
|
|
2668
|
-
.link-image-wrapper {
|
|
2669
|
-
position: relative;
|
|
2670
|
-
overflow: hidden;
|
|
2671
|
-
width: 100%;
|
|
2672
|
-
padding-top: 56.25%;
|
|
2673
|
-
&.fetching {
|
|
2674
|
-
background: lightgray;
|
|
2675
|
-
}
|
|
2676
|
-
.loading-spinner {
|
|
2677
|
-
position: absolute;
|
|
2678
|
-
top: 50%;
|
|
2679
|
-
left: 50%;
|
|
2680
|
-
transform: translate(-50%, -50%);
|
|
2681
|
-
}
|
|
2682
|
-
.link-image {
|
|
2683
|
-
position: absolute;
|
|
2684
|
-
top: 0;
|
|
2685
|
-
left: 0;
|
|
2686
|
-
width: 100%;
|
|
2687
|
-
height: 100%;
|
|
2688
|
-
object-fit: cover;
|
|
2689
|
-
object-position: center;
|
|
2690
|
-
}
|
|
2691
|
-
}
|
|
2692
|
-
a {
|
|
2693
|
-
text-decoration: none;
|
|
2694
|
-
}
|
|
2695
|
-
&[data-is-marrybaby='true'] {
|
|
2696
|
-
overflow: hidden;
|
|
2697
|
-
border-radius: 1rem;
|
|
2698
|
-
}
|
|
2699
|
-
`;var Ca="PD6nRZX";const Ea=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return P.default.createElement("div",{className:`${Ca} ${e}`},P.default.createElement(v.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},ka=e.createContext({});var Aa="l5fL1xL",Na="L-aGKo7";const Ta=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Aa} ${t}`},e),Sa=({children:e,className:t=""})=>P.default.createElement("div",{className:`${Na} ${t}`},e);var za="eaR8ATZ",Pa="xM-7K0a",La="DZmf3s7";const Ma=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:o=80,radius:r=8,alt:n,className:i=""})=>P.default.createElement("div",{className:i},P.default.createElement("div",{className:La,style:{width:`${o}px`,height:o*a+"px",borderRadius:`${r}px`}},P.default.createElement(l.ImageWrap,{src:e,backupSrc:t,alt:n}))),Ba=({category:e,title:t,src:a,children:o,className:r=""})=>P.default.createElement("div",{className:`${za} ${r}`},P.default.createElement(Ma,{src:a}),P.default.createElement("div",{className:Pa},o||P.default.createElement("div",null,e&&P.default.createElement(Ta,null,e),t&&P.default.createElement(Sa,null,t))));Ba.CategoryText=Ta,Ba.Title=Sa;const Ra=({featureImage:e,postTitle:t,author:a,categories:o,isReview:r,className:l=""})=>{var n;const i=r?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return P.default.createElement(Ba,{src:e,className:l},P.default.createElement(P.default.Fragment,null,P.default.createElement(Ba.CategoryText,null,null===(n=null==o?void 0:o[0])||void 0===n?void 0:n.name),P.default.createElement(Ba.Title,null,t),P.default.createElement(ze,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:P.default.createElement(P.default.Fragment,null,i,P.default.createElement(ze.SubDivider,null),"Dec 12, 2022")})))};var Ia={container:"SFSgnOz",header:"Tf3aoVa",heading:"TOt4QXl",headingIcon:"_5XYN1KT",accBodyGroup:"yE-tZRj",accBodyGroupItem:"LXiGuGT",accBodyGroupDesc:"r4rx-6v",subTitle:"XrHh8-C",subIcon:"c5-Yecd",group:"UBj6nWr",groupBody:"_2vptVBd",articleCardLink:"ZPDAwiR",relatedList:"_6wJn-NR",socialItem:"_21XDdFv",mbChevronWrapper:"LSyr3Zo"};const Oa=({className:a=""})=>{var l,n,i,d,c;const{t:u}=o.useTranslations(),{info:m,isMarryBaby:g,currentPageUrl:h}=e.useContext(ka),f=null==m?void 0:m.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==m?void 0:m.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==m?void 0:m.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(i=null==m?void 0:m.contact)||void 0===i?void 0:i.facebook,eventAction:"Doctor Profile - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(d=null==m?void 0:m.contact)||void 0===d?void 0:d.youtube,eventAction:"Doctor Profile - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(c=null==m?void 0:m.contact)||void 0===c?void 0:c.tiktok,eventAction:"Doctor Profile - TikTok"}],b=[...((null==m?void 0:m.experiences)||[]).length>0?[{key:"experience",heading:u("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.experiences.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.title),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.organization),P.default.createElement("p",null,e.duration))))))}]:[],...((null==m?void 0:m.educations)||[]).length>0?[{key:"education",heading:u("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.educations.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupItem,key:String(t)},P.default.createElement("div",{className:Ia.accBodyGroupTitle},e.schoolName),P.default.createElement("div",{className:Ia.accBodyGroupDesc},P.default.createElement("p",null,e.study),P.default.createElement("p",null,e.completedYear))))))}]:[],...((null==m?void 0:m.awards)||[]).length>0?[{key:"awards",heading:u("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:P.default.createElement("div",{className:Ia.accBodyGroup},null==m?void 0:m.awards.map(((e,t)=>P.default.createElement("div",{className:Ia.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==m?void 0:m.relatedPosts)||[],w=v.filter((e=>e.url));return P.default.createElement("div",{className:`${Ia.container} ${a}`,"data-is-marrybaby":g},b.length>0&&P.default.createElement(t.Accordion,{defaultValue:b[0].key,chevron:g?P.default.createElement("div",{className:Ia.mbChevronWrapper},P.default.createElement(r.Plus,{size:12,color:p.theme.mbColors.midGray})):P.default.createElement(r.Plus,{color:p.theme.colors.gray400}),styles:{chevron:{"&[data-rotate]":{".minus-path":{display:"block"},".plus-path":{display:"none"}}},content:{display:"flex",flexDirection:"column",gap:"16px",padding:"0"},item:{border:0},control:{paddingLeft:0,"&:hover":{background:"transparent"},"*":{pointerEvents:"none"}}}},b.map((e=>P.default.createElement(t.Accordion.Item,{key:e.key,value:e.key},P.default.createElement(t.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},P.default.createElement("div",{className:Ia.header},P.default.createElement("div",{className:Ia.headingIcon},P.default.createElement("img",{src:e.iconSrc,loading:"lazy"})),P.default.createElement("div",{className:Ia.heading},e.heading))),P.default.createElement(t.Accordion.Panel,null,e.panel))))),x.length>0&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg"),loading:"lazy"}),u("profilePanel.publishedArticles")),P.default.createElement("div",{className:`${Ia.relatedList}`},null==m?void 0:m.relatedPosts.map((e=>P.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:Ia.articleCardLink},P.default.createElement(Ra,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==f?void 0:f.name,avatar:null==f?void 0:f.avatar}}),{isReview:!0}))))))),w.length>0&&P.default.createElement("div",{className:Ia.group},P.default.createElement("div",{className:Ia.subTitle},P.default.createElement("img",{className:Ia.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg"),loading:"lazy"}),u("profilePanel.socialLinks")),P.default.createElement("div",{className:Ia.groupBody},P.default.createElement(t.Flex,null,v.map(((e,t)=>e.url&&P.default.createElement("div",{className:Ia.socialItem,key:t},P.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},P.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px","data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h})))))))))};var Va={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const Fa=({post:t,className:a=""})=>{var r,n,i,s,d,c,u,p;const{t:m}=o.useTranslations(),{data:{userInfo:g,env:{togetherBasePath:f}}}=e.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:v,authorProps:b,currentPageUrl:x}=e.useContext(ka),w=`${window.location.origin}${f}/${null===(r=null==t?void 0:t.community)||void 0===r?void 0:r.slug}/${null==t?void 0:t.slug}/`;return P.default.createElement("div",{className:`${Va.container} ${a}`},P.default.createElement("div",{className:Va.header},P.default.createElement("div",{className:Va.question},m("profilePanel.question")," ",P.default.createElement(l.Anchor,{className:Va.questionTitle,href:"#",onClick:()=>{(null==g?void 0:g.id)||null==v||v((()=>window.location.href=w))}},"#",null==t?void 0:t.title)),P.default.createElement("div",{className:Va.community},null===(n=null==t?void 0:t.community)||void 0===n?void 0:n.name," - ",null==t?void 0:t.createdTime)),P.default.createElement("div",{className:Va.questionCard},P.default.createElement(it,Object.assign({className:"card-author"},b,{role:"user",avatarIcon:P.default.createElement(fe,null),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null===(d=null===(s=null===(i=null==t?void 0:t.expertAnswer)||void 0===i?void 0:i.answer)||void 0===s?void 0:s[0])||void 0===d?void 0:d.createdTime))})),P.default.createElement(oa,{className:"post-content-wrapper",description:(null===(p=null===(u=null===(c=null==t?void 0:t.expertAnswer)||void 0===c?void 0:c.answer)||void 0===u?void 0:u[0])||void 0===p?void 0:p.content)||"",mentions:null==t?void 0:t.mentions,"data-testid":"Content of the Post"})),P.default.createElement(l.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":x,size:"md",onClick:()=>{(null==g?void 0:g.id)?window.location.href=w:null==v||v((()=>window.location.href=w))}},m("profilePanel.anserwing.viewFull")))};var ja="MrdoES3",Da="_8fd7YMs",Ua="DomiQfw",Ha="-b2qnfL";const Wa=({message:t,buttonTxt:a,imgSrc:o,onBtnClick:r})=>{const{siteType:l,isMarryBaby:n}=e.useContext(ka);return P.default.createElement("div",{className:Da},P.default.createElement("div",{className:Ua},P.default.createElement("img",{src:o||s.CommonGAssets.getAssetPath(n?"comments-mb.svg":"comments.svg"),loading:"lazy"})),t&&P.default.createElement("div",{className:Ha},t),a&&P.default.createElement(v.Button,{size:"md",theme:l,color:"secondary",onClick:r},a))},qa=({id:t})=>{const{t:r}=o.useTranslations(),{data:{locale:l}}=e.useContext(h.TogetherComponentGlobalContext),{authorProps:n}=e.useContext(ka),[i,s]=e.useState(null),[d,c]=e.useState(!1);return e.useEffect((()=>{t&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const a=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:l,id:t}),"GET"),o=((null===(e=null==a?void 0:a.data)||void 0===e?void 0:e.replies)||[]).map(x.formatPost);s(o),c(!1)}))}),[]),P.default.createElement("div",{className:ja},d?P.default.createElement(Ea,null):null!==i&&(i.length>0?i.map((e=>P.default.createElement(Fa,{className:"post-card",key:e.id,post:e}))):P.default.createElement(Wa,{message:r("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)})})))};var Ga="toEutn7",Za="drdisHs";const Qa=t=>{var o,r,n,i,{post:s}=t,d=a.__rest(t,["post"]);const{data:{env:{togetherBasePath:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(P.default.Fragment,null,P.default.createElement("div",Object.assign({},d,{className:`${Ga} ${(null==d?void 0:d.className)||""}`}),P.default.createElement(it,{className:"card-author",avatar:null===(o=null==s?void 0:s.author)||void 0===o?void 0:o.avatar,name:(null===(r=null==s?void 0:s.author)||void 0===r?void 0:r.name)||(null===(n=null==s?void 0:s.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==s?void 0:s.isAnonymous),subLine:P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==s?void 0:s.createdTime))}),P.default.createElement(l.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==s?void 0:s.community)||void 0===i?void 0:i.slug}/${null==s?void 0:s.slug}/`,className:Za,rel:"noreferrer"},null==s?void 0:s.title)))};var Xa={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const _a=()=>{var r,n;const{t:i}=o.useTranslations(),{data:{locale:d,userInfo:c}}=e.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:g}=e.useContext(ka),[f,v]=e.useState(),[b,w]=e.useState([]),[y,C]=e.useState(!1),E=null==c?void 0:c.id;e.useEffect((()=>{E&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;C(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],o=Object.create({});((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.communities)||[]).filter((e=>((null==e?void 0:e.question)||[]).length>0)).map((e=>{o[e.id]=e.question.map(x.formatPost),delete e.question,a.push(x.formatCommunity(e))})),w(a),v(o),C(!1)}))}),[]);const k=({id:e,communityId:t})=>{if(e&&t&&f){const a=Object.assign(Object.assign({},f),{[t]:[...((null==f?void 0:f[t])||[]).filter((t=>t.id!==e))]});let o=0;Object.keys(a).map((e=>o+=a[e].length||0)),v(a),g(Object.assign(Object.assign({},m),{total_question:o})),null==u||u(o)}};return P.default.createElement("div",{className:Xa.container},y?P.default.createElement(Ea,null):(null==m?void 0:m.total_question)>0?b.length>0&&P.default.createElement(t.Accordion,{className:Xa.accordion,defaultValue:String((null===(n=b[null===(r=Object.keys(b))||void 0===r?void 0:r[0]])||void 0===n?void 0:n.id)||""),styles:e=>({control:{padding:"16px",border:`1px solid ${e.colors.neutral[1]}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${e.colors.neutral[1]}`,borderTop:0,borderBottom:0},label:{padding:0},item:{marginBottom:"16px"}}),chevron:P.default.createElement("div",{className:Xa.chevron},P.default.createElement(l.ArrowDown,{color:p.theme.colors.gray600,size:20}))},b.map((e=>{const a=f&&(null==f?void 0:f[e.id])||[];return a.length>0&&P.default.createElement(t.Accordion.Item,{key:e.id,value:String(e.id)},P.default.createElement(t.Accordion.Control,null,P.default.createElement("div",{className:Xa.header},P.default.createElement("div",{className:Xa.headingIcon},P.default.createElement("img",{src:e.thumbnail,loading:"lazy"})),P.default.createElement("div",{className:Xa.heading},e.name))),P.default.createElement(t.Accordion.Panel,null,P.default.createElement("div",{className:Xa.body},a.map((e=>P.default.createElement(Qa,{className:"question-card",key:e.id,post:e,onSkip:k}))))))}))):P.default.createElement(Wa,{message:i("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var Ka="GA-zc-O",Ya="A18McWD",$a="IB049vj",Ja="_8I--vEV";const eo=({post:a,className:l=""})=>{var n;const{data:{userInfo:i,env:{togetherBasePath:s}}}=e.useContext(h.TogetherComponentGlobalContext),{t:d}=o.useTranslations(),c=t.useMantineTheme(),{authActionWrapper:u,authorProps:p}=e.useContext(ka),m=`${window.location.origin}${s}/${null===(n=null==a?void 0:a.community)||void 0===n?void 0:n.slug}/${null==a?void 0:a.slug}/`;return P.default.createElement("div",{className:`${Ka} ${l}`},P.default.createElement("div",{className:$a},P.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":m,className:Ja,href:m,onClick:e=>{(null==i?void 0:i.id)||(e.preventDefault(),null==u||u((()=>window.location.href=m)))}}),P.default.createElement(ze,{className:"card-author",avatarProps:{avatar:null==p?void 0:p.avatar,size:32}},P.default.createElement(it.MainText,{className:Ya},null==a?void 0:a.title),P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==a?void 0:a.createdTime))),P.default.createElement(oa,{className:"post-content-wrapper",description:null==a?void 0:a.description,mentions:null==a?void 0:a.mentions,maxChars:200,"data-testid":"Content of the Post",hideShowAllBtn:!0}),P.default.createElement(r.Text,{size:"p3",color:c.fn.primaryColor()},d("post.seeMore"))))};var to="TSMHoEM";const ao=()=>{const{t:t}=o.useTranslations(),{data:{locale:r}}=e.useContext(h.TogetherComponentGlobalContext),{authorId:l,authorProps:n,isAuthorLogin:i,onCloseFromPost:s}=e.useContext(ka),[d,c]=e.useState(null),[u,p]=e.useState(!1);return e.useEffect((()=>{l&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;p(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:r,id:l,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(x.formatPost);c(a),p(!1)}))}),[l]),P.default.createElement("div",{className:to},u?P.default.createElement(Ea,null):null!==d&&(d.length>0?d.map((e=>P.default.createElement(eo,{className:"post-card",key:e.id,post:e}))):P.default.createElement(Wa,{message:t("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""}),buttonTxt:i&&t("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var oo="_4Vekw96",ro="DIJdGcB",lo="aQSt4-Q";const no=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},io=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var so,co;exports.TabName=void 0,(so=exports.TabName||(exports.TabName={}))[so.About=0]="About",so[so.Care=1]="Care",so[so.Answer=2]="Answer",so[so.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(co||(co={}));const uo=t=>{var r,{authorProps:n,selectedTab:i,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:p,showSkipQuestionTag:m,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:f}=t,v=a.__rest(t,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:b,userInfo:w,env:{isMarryBaby:y}}}=e.useContext(h.TogetherComponentGlobalContext),{t:C}=o.useTranslations(),E=null==n?void 0:n.role,k=null==w?void 0:w.role,A=String(null==n?void 0:n.userId),[N,T]=e.useState(),[S,z]=e.useState(!1),[M,B]=e.useState(),R=(null==w?void 0:w._togetherUserId)===(null==n?void 0:n.userId),I=[...-1!==g.indexOf(E)?[{value:exports.TabName.About,text:C("profilePanel.tabs.highlight"),content:P.default.createElement(Oa,{id:A,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:f}]:[],{value:exports.TabName.Posts,text:C("profilePanel.tabs.posts"),content:P.default.createElement(ao,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"},...u||-1===g.indexOf(k)||(null==w?void 0:w._togetherUserId)!==(null==n?void 0:n.userId)?[]:[{value:exports.TabName.Care,text:`${C("profilePanel.tabs.care")}`,content:P.default.createElement(_a,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:f}],...p||-1===g.indexOf(E)?[]:[{value:exports.TabName.Answer,text:`${C("profilePanel.tabs.expertAnswer")}`,content:P.default.createElement(qa,{id:A}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:f}]],[O,V]=e.useState(null),[F,j]=e.useState(null),D={value:String(F),dataList:O,onTabChange:e=>j(Number(e))},U=null==I?void 0:I.filter((e=>null==e?void 0:e.hasCountResult));e.useEffect((()=>{a.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,o,r,l,n,s,d,c;z(!0);const u=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:b,id:A}),"GET"),...U.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:b,id:A,[e.keyOfCountApi]:1}),"GET")))]),[p]=u,m={data:null==p?void 0:p.data,experiences:((null===(t=null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(no),relatedPosts:((null===(a=null==p?void 0:p.data)||void 0===a?void 0:a.related_post)||[]).map((e=>x.formatArticle(e.post))),educations:((null===(r=null===(o=null==p?void 0:p.data)||void 0===o?void 0:o.fields)||void 0===r?void 0:r.educations)||[]).map(io),awards:(null===(n=null===(l=null==p?void 0:p.data)||void 0===l?void 0:l.fields)||void 0===n?void 0:n.awards_accreditations)||[],contact:(null===(d=null===(s=null==p?void 0:p.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==p?void 0:p.status)&&B(m);const g=(null==m?void 0:m.relatedPosts)||[],f=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),v=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],w=g.length>0||f.length>0||v.length>0,y={},C=U.map(((e,t)=>{var a,o,r;const l=(null===(r=null===(o=null===(a=u[t+1])||void 0===a?void 0:a.data)||void 0===o?void 0:o.counting)||void 0===r?void 0:r[e.keyOfResult])||0;return l>0?(y[e.keyOfResult]=l,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.value)?e:void 0})).filter(Boolean).map((e=>e.value)),E=I.map((e=>{const t=Object.assign(Object.assign({},e),{text:e.text+(e.keyOfResult?` (${(null==y?void 0:y[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==C.indexOf(t.value)?t:void 0:t.value===exports.TabName.About?w&&t:t})).filter(Boolean);V(E),j(i||(null===(c=null==E?void 0:E[0])||void 0===c?void 0:c.value)),T(y),z(!1)}))}),[]);const H=null==M?void 0:M.data;return P.default.createElement(ka.Provider,{value:{isMarryBaby:y,siteType:y?"marryBaby":"helloSites",authorId:String((null==n?void 0:n.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:n,onCloseFromPost:c,countValues:N,setCountValues:T,isAuthorLogin:R,showSkipQuestionTag:m,currentPageUrl:f}},P.default.createElement("div",Object.assign({},v,{className:`${oo} ${(null==v?void 0:v.className)||""}`,"data-is-marrybaby":y}),S?P.default.createElement(Ea,null):P.default.createElement(P.default.Fragment,null,P.default.createElement(it,Object.assign({},n,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==n?void 0:n.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&P.default.createElement(it.SubTextRow,null,(null==H?void 0:H.specialty)&&P.default.createElement(P.default.Fragment,null,P.default.createElement(it.SubText,null,null==H?void 0:H.specialty),P.default.createElement(it.SubDivider,null)),P.default.createElement(it.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,C("profilePanel.joined")," ",L.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===E&&P.default.createElement("div",{className:ro,dangerouslySetInnerHTML:{__html:null===(r=null==M?void 0:M.data)||void 0===r?void 0:r.description}}),null!==O&&null!==F&&(O.length>0?P.default.createElement("div",{className:lo},P.default.createElement(l.Tabs,Object.assign({},D))):P.default.createElement(Wa,{message:C("profilePanel.emptyPostMess.content",{text:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""})})))))};var po=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return co},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:uo});const mo=M.default.div`
|
|
2700
|
-
position: relative;
|
|
2701
|
-
margin-bottom: 24px;
|
|
2702
|
-
background: white;
|
|
2703
|
-
border-radius: ${p.theme.borderRadius};
|
|
2704
|
-
|
|
2705
|
-
a {
|
|
2706
|
-
text-decoration: none;
|
|
2707
|
-
}
|
|
2708
|
-
|
|
2709
|
-
${c.MediaQueries.mbDown} {
|
|
2710
|
-
margin-bottom: 8px;
|
|
2711
|
-
}
|
|
2712
|
-
&.flat-top {
|
|
2713
|
-
border-top-left-radius: 0;
|
|
2714
|
-
border-top-right-radius: 0;
|
|
2715
|
-
}
|
|
2716
|
-
|
|
2717
|
-
.post-pin {
|
|
2718
|
-
padding: 0.5rem 1rem;
|
|
2719
|
-
border-radius: ${p.theme.borderRadius} 6px 0 0;
|
|
2720
|
-
}
|
|
2721
|
-
.post-author {
|
|
2722
|
-
display: flex;
|
|
2723
|
-
align-items: center;
|
|
2724
|
-
justify-content: space-between;
|
|
2725
|
-
&.comment {
|
|
2726
|
-
padding-right: 2.6rem;
|
|
2727
|
-
}
|
|
2728
|
-
.author-avatar-wrapper {
|
|
2729
|
-
width: 40px;
|
|
2730
|
-
height: 40px;
|
|
2731
|
-
font-size: 20px;
|
|
2732
|
-
${c.MediaQueries.mbDown} {
|
|
2733
|
-
width: 32px;
|
|
2734
|
-
height: 32px;
|
|
2735
|
-
font-size: 16px;
|
|
2736
|
-
}
|
|
2737
|
-
}
|
|
2738
|
-
}
|
|
2739
|
-
.post-content-link-wrapper {
|
|
2740
|
-
color: inherit;
|
|
2741
|
-
cursor: pointer;
|
|
2742
|
-
.post-content-title {
|
|
2743
|
-
padding: 1rem 1rem 0;
|
|
2744
|
-
word-break: break-word;
|
|
2745
|
-
}
|
|
2746
|
-
}
|
|
2747
|
-
.social-preview-wrapper.has-image {
|
|
2748
|
-
margin-bottom: 5px;
|
|
2749
|
-
}
|
|
2750
|
-
.social-preview-wrapper,
|
|
2751
|
-
.image-preview-wrapper,
|
|
2752
|
-
.link-preview-wrapper {
|
|
2753
|
-
width: 100%;
|
|
2754
|
-
&[data-is-reply='true'] {
|
|
2755
|
-
padding-right: 1rem;
|
|
2756
|
-
padding-left: 1rem;
|
|
2757
|
-
}
|
|
2758
|
-
}
|
|
2759
|
-
.post-topics {
|
|
2760
|
-
padding: 0 1rem;
|
|
2761
|
-
}
|
|
2762
|
-
|
|
2763
|
-
.post-reaction {
|
|
2764
|
-
background: none;
|
|
2765
|
-
border-radius: 0 0 6px 6px;
|
|
2766
|
-
&.hide-top-border {
|
|
2767
|
-
::before {
|
|
2768
|
-
display: none;
|
|
2769
|
-
}
|
|
2770
|
-
}
|
|
2771
|
-
}
|
|
2772
|
-
.most-engaging-wrapper {
|
|
2773
|
-
padding: 1rem;
|
|
2774
|
-
cursor: pointer;
|
|
2775
|
-
.author-avatar-wrapper {
|
|
2776
|
-
width: 2rem;
|
|
2777
|
-
height: 2rem;
|
|
2778
|
-
font-size: 1rem;
|
|
2779
|
-
}
|
|
2780
|
-
.see-more-comments {
|
|
2781
|
-
width: 100%;
|
|
2782
|
-
padding: 12px 0 0;
|
|
2783
|
-
text-align: unset;
|
|
2784
|
-
}
|
|
2785
|
-
}
|
|
2786
|
-
&[data-most-engaging='true'] {
|
|
2787
|
-
border: none;
|
|
2788
|
-
${c.MediaQueries.mbDown} {
|
|
2789
|
-
margin: 1rem;
|
|
2790
|
-
border: 1px solid #e4e8ec;
|
|
2791
|
-
}
|
|
2792
|
-
}
|
|
2793
|
-
.top-divider {
|
|
2794
|
-
border-color: #e4e8ec;
|
|
2795
|
-
}
|
|
2796
|
-
.popover {
|
|
2797
|
-
.popover-menu__btn {
|
|
2798
|
-
display: flex;
|
|
2799
|
-
width: 1.5rem;
|
|
2800
|
-
height: 1rem;
|
|
2801
|
-
align-items: center;
|
|
2802
|
-
justify-content: center;
|
|
2803
|
-
padding: 0;
|
|
2804
|
-
background: transparent;
|
|
2805
|
-
|
|
2806
|
-
&:hover {
|
|
2807
|
-
background-color: transparent;
|
|
2808
|
-
}
|
|
2809
|
-
}
|
|
2810
|
-
.popover-menu__content {
|
|
2811
|
-
&.--position-bottom {
|
|
2812
|
-
&.--align-end {
|
|
2813
|
-
&::before {
|
|
2814
|
-
right: 12.5px;
|
|
2815
|
-
}
|
|
2816
|
-
}
|
|
2817
|
-
}
|
|
2818
|
-
}
|
|
2819
|
-
}
|
|
2820
|
-
|
|
2821
|
-
&[data-is-marrybaby='true'] {
|
|
2822
|
-
border: 1px solid #f3f3f3;
|
|
2823
|
-
border-radius: 1rem;
|
|
2824
|
-
/* shadow */
|
|
2825
|
-
|
|
2826
|
-
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
|
|
2827
|
-
.image-preview-wrapper,
|
|
2828
|
-
.link-preview-wrapper {
|
|
2829
|
-
padding-right: 1rem;
|
|
2830
|
-
padding-left: 1rem;
|
|
2831
|
-
}
|
|
2832
|
-
.popover {
|
|
2833
|
-
.popover-menu__btn {
|
|
2834
|
-
width: 24px;
|
|
2835
|
-
height: 24px;
|
|
2836
|
-
${c.MediaQueries.mbDown} {
|
|
2837
|
-
width: 18px;
|
|
2838
|
-
height: 18px;
|
|
2839
|
-
}
|
|
2840
|
-
}
|
|
2841
|
-
.popover-menu__content {
|
|
2842
|
-
&.--position-bottom {
|
|
2843
|
-
&.--align-end {
|
|
2844
|
-
&::before {
|
|
2845
|
-
right: 1rem;
|
|
2846
|
-
}
|
|
2847
|
-
width: 350px;
|
|
2848
|
-
${c.MediaQueries.mbDown} {
|
|
2849
|
-
max-width: calc(320px - 2rem);
|
|
2850
|
-
}
|
|
2851
|
-
}
|
|
2852
|
-
}
|
|
2853
|
-
}
|
|
2854
|
-
}
|
|
2855
|
-
.most-engaging-wrapper {
|
|
2856
|
-
position: relative;
|
|
2857
|
-
padding: 0;
|
|
2858
|
-
&::before {
|
|
2859
|
-
position: absolute;
|
|
2860
|
-
z-index: 5;
|
|
2861
|
-
top: 0;
|
|
2862
|
-
left: 50%;
|
|
2863
|
-
width: calc(100% - 2rem);
|
|
2864
|
-
height: 1px;
|
|
2865
|
-
background: #f3f3f3;
|
|
2866
|
-
content: ' ';
|
|
2867
|
-
transform: translateX(-50%);
|
|
2868
|
-
}
|
|
2869
|
-
}
|
|
2870
|
-
${c.MediaQueries.mbDown} {
|
|
2871
|
-
margin-bottom: 12px;
|
|
2872
|
-
}
|
|
2873
|
-
}
|
|
2874
|
-
`,go=M.default.div`
|
|
2875
|
-
.add-link {
|
|
2876
|
-
color: ${p.theme.colors.primaryBase};
|
|
2877
|
-
}
|
|
2878
|
-
`,ho=M.default.div`
|
|
2879
|
-
margin: 16px 0;
|
|
2880
|
-
background: ${p.theme.colors.yellow50};
|
|
2881
|
-
padding: 5px 10px;
|
|
2882
|
-
border-radius: 2px;
|
|
2883
|
-
|
|
2884
|
-
.icon {
|
|
2885
|
-
display: inline-block;
|
|
2886
|
-
vertical-align: middle;
|
|
2887
|
-
margin-right: 6px;
|
|
2888
|
-
}
|
|
2889
|
-
`,fo=M.default.div`
|
|
2890
|
-
display: flex;
|
|
2891
|
-
align-items: center;
|
|
2892
|
-
gap: 8px;
|
|
2893
|
-
`,vo=M.default.div`
|
|
2894
|
-
padding: 8px 16px;
|
|
2895
|
-
`,bo=M.default.div`
|
|
2896
|
-
margin-bottom: 12px;
|
|
2897
|
-
width: 100%;
|
|
2898
|
-
`,xo=M.default.div``,wo=M.default.div`
|
|
2899
|
-
margin-bottom: 16px;
|
|
2900
|
-
`,yo=M.default.div`
|
|
2901
|
-
display: flex;
|
|
2902
|
-
flex-wrap: wrap;
|
|
2903
|
-
row-gap: 16px;
|
|
2904
|
-
${c.MediaQueries.tdUp} {
|
|
2905
|
-
align-items: center;
|
|
2906
|
-
column-gap: 24px;
|
|
2907
|
-
}
|
|
2908
|
-
`,Co=M.default.a`
|
|
2909
|
-
display: flex;
|
|
2910
|
-
align-items: center;
|
|
2911
|
-
gap: 16px;
|
|
2912
|
-
${c.MediaQueries.mbDown} {
|
|
2913
|
-
width: 100%;
|
|
2914
|
-
justify-content: space-between;
|
|
2915
|
-
}
|
|
2916
|
-
`,Eo=M.default.div`
|
|
2917
|
-
display: flex;
|
|
2918
|
-
align-items: center;
|
|
2919
|
-
gap: 16px;
|
|
2920
|
-
`,ko=M.default.div`
|
|
2921
|
-
border-radius: ${p.theme.borderRadius};
|
|
2922
|
-
overflow: hidden;
|
|
2923
|
-
width: 48px;
|
|
2924
|
-
height: 48px;
|
|
2925
|
-
img {
|
|
2926
|
-
object-fit: cover;
|
|
2927
|
-
width: 100%;
|
|
2928
|
-
height: 100%;
|
|
2929
|
-
}
|
|
2930
|
-
`,Ao=({categories:t})=>{const{t:a}=o.useTranslations(),{data:{locale:l,env:{isMarryBaby:n}}}=e.useContext(h.TogetherComponentGlobalContext),i=w.getCurrentBaseUrl(l,n);return P.default.createElement(xo,null,P.default.createElement(wo,null,P.default.createElement(h.Heading,{tag:"h6",as:"h5"},a("cardReply.recommentCategories.heading"))),P.default.createElement(yo,null,t.map((e=>P.default.createElement(Co,{href:i+e.permalink,key:String(e.termId),target:"_blank"},P.default.createElement(Eo,null,P.default.createElement(ko,null,P.default.createElement("img",{src:e.featureImage||s.CommonGAssets.getAssetPath(n?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName,loading:"lazy"})),P.default.createElement(r.Text,{size:"s3",weight:"bold"},e.displayName)),P.default.createElement(r.Icon.ArrowRight,{size:20,color:p.theme.colors.gray400}))))))},No=M.default.a`
|
|
2931
|
-
padding: 12px 0;
|
|
2932
|
-
display: flex;
|
|
2933
|
-
flex-direction: column;
|
|
2934
|
-
gap: 8px;
|
|
2935
|
-
border-top: 1px solid ${p.theme.colors.neutral100};
|
|
2936
|
-
text-decoration: none;
|
|
2937
|
-
|
|
2938
|
-
&:first-child {
|
|
2939
|
-
border-top: 0;
|
|
2940
|
-
}
|
|
2941
|
-
`,To=({postTitle:e,articleReviewed:t,modifiedTime:a,href:l})=>{const{t:n}=o.useTranslations(),i=(()=>{const{expert:e,editor:a,is_author:o}=t;if(e){const t={name:e.display_name,role:"expert",avatar:e.avatar};return o?Object.assign({title:n("articleAuthor.title.written-by")},t):"expert"===e.role?Object.assign({title:n("articleAuthor.title.expert")},t):Object.assign({title:n("articleAuthor.title.medical")},t)}if(a)return{title:n("articleAuthor.title.fact-check"),name:a.display_name,avatar:a.avatar}})();return P.default.createElement(No,{href:l,title:e,target:"_blank"},P.default.createElement(r.Text,{size:"s3",as:"h5",weight:"bold"},e),P.default.createElement("div",null,P.default.createElement(it,{avatar:null==i?void 0:i.avatar,avatarProps:{size:32},name:null==i?void 0:i.name,role:null==i?void 0:i.role,hideBackground:!0},P.default.createElement(it.SubTextRow,null,P.default.createElement(it.SubText,null,null==i?void 0:i.title," ",P.default.createElement("span",{style:{color:p.theme.colors.gray800}},null==i?void 0:i.name)),P.default.createElement(it.SubDivider,null),P.default.createElement(it.SubText,null,a)))))};var So="F4mmgSy",zo="A7QrQ7A";const Po=n=>{var{listUrl:i,categorySlug:d,editMode:c,onListChange:u,isMarryBaby:m}=n,g=a.__rest(n,["listUrl","categorySlug","editMode","onListChange","isMarryBaby"]);const{t:f}=o.useTranslations(),[w,y]=e.useState(i||[]),[C,E]=e.useState([]),[k,A]=e.useState([]),[N,T]=e.useState(!1);e.useEffect((()=>{a.__awaiter(void 0,void 0,void 0,(function*(){T(!0);const e=w.map((e=>{const t=new URL(e),a=String(t.pathname).split("/").filter((e=>""!=e));return{isMarrySite:-1!==t.origin.search("marrybaby.vn"),path:a[a.length-1],href:e}})),t=[...e.map((e=>h.callApi(e.isMarrySite?h.getMarryBabyApiPath(h.DISCOVER_PATHS.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0):h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_PREVIEW_ARTICLE,{fullSlug:e.path},!0),"GET")))],a=yield Promise.all(t);E(a.map(((t,a)=>{var o,r;return(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.post)&&Object.assign(Object.assign({},x.formatArticle(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.post)),{href:e[a].href})})).filter(Boolean)),T(!1)}))}),[]),e.useEffect((()=>{0===(null==C?void 0:C.length)&&d&&a.__awaiter(void 0,void 0,void 0,(function*(){var e;const t=yield h.callApi(m?h.getMarryBabyApiPath(h.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:d},!0):h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:d},!0),"GET");(null==t?void 0:t.data)&&A([x.formatCategory(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])}))}),[C]);return e.useEffect((()=>{null==u||u(w)}),[w]),P.default.createElement("div",Object.assign({},g),!c&&P.default.createElement(ho,null,P.default.createElement("img",{className:"icon",src:s.CommonGAssets.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"},loading:"lazy"}),P.default.createElement(r.Text,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:f("cardReply.disclaimer")}})),N?P.default.createElement(De,null):C.length>0||c?P.default.createElement(go,null,P.default.createElement(t.Accordion,{defaultValue:"accordion",styles:{control:{border:`1px solid ${p.theme.colors.neutral100}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${p.theme.colors.neutral100}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:P.default.createElement("div",{className:zo},P.default.createElement(l.ArrowDown,{color:p.theme.colors.gray600,size:20}))},P.default.createElement(t.Accordion.Item,{value:"accordion"},P.default.createElement(t.Accordion.Control,null,P.default.createElement("div",{className:So},P.default.createElement(h.Heading,{as:"h4",tag:"h6"},f("cardReply.source")))),P.default.createElement(t.Accordion.Panel,null,P.default.createElement(vo,null,(C||[]).map(((e,t)=>P.default.createElement(fo,{key:String(t)},"object"==typeof e?P.default.createElement(To,Object.assign({},e)):P.default.createElement(bo,null,P.default.createElement(b.Input,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{y((a=>{const o=[...a];return o[t]=e,o})),E((a=>{const o=[...a];return o[t]=e,o}))}})),c&&P.default.createElement(v.Button,{size:"md",color:"transparent",icon:P.default.createElement(r.Icon.Trash,null),onClick:()=>(e=>{y((t=>{const a=[...t];return a.splice(e,1),a})),E((t=>{const a=[...t];return a.splice(e,1),a}))})(t)})))),c&&P.default.createElement(v.Button,{className:"add-link",color:"transparent",size:"md",icon:P.default.createElement(r.Icon.Plus,{color:p.theme.colors.primaryBase,size:18}),onClick:()=>{y((e=>[...e,""])),E((e=>[...e,""]))}},"Add source")))))):P.default.createElement(Ao,{categories:k}))},Lo=M.default.div`
|
|
2942
|
-
position: relative;
|
|
2943
|
-
margin-bottom: 0;
|
|
2944
|
-
background: white;
|
|
2945
|
-
border-radius: ${p.theme.borderRadius};
|
|
2946
|
-
|
|
2947
|
-
.verify-tag {
|
|
2948
|
-
margin-top: 12px;
|
|
2949
|
-
}
|
|
2950
|
-
|
|
2951
|
-
.post-author {
|
|
2952
|
-
&.with-popover {
|
|
2953
|
-
padding-right: 2.6rem;
|
|
2954
|
-
}
|
|
2955
|
-
.author-avatar-wrapper {
|
|
2956
|
-
width: 40px;
|
|
2957
|
-
height: 40px;
|
|
2958
|
-
font-size: 20px;
|
|
2959
|
-
${c.MediaQueries.mbDown} {
|
|
2960
|
-
width: 32px;
|
|
2961
|
-
height: 32px;
|
|
2962
|
-
font-size: 16px;
|
|
2963
|
-
}
|
|
2964
|
-
}
|
|
2965
|
-
}
|
|
2966
|
-
.image-preview-wrapper,
|
|
2967
|
-
.link-preview-wrapper {
|
|
2968
|
-
width: 100%;
|
|
2969
|
-
&[data-is-reply='true'] {
|
|
2970
|
-
padding-right: 1rem;
|
|
2971
|
-
padding-left: 1rem;
|
|
2972
|
-
}
|
|
2973
|
-
}
|
|
2974
|
-
.post-reaction {
|
|
2975
|
-
background: none;
|
|
2976
|
-
border-radius: 0 0 6px 6px;
|
|
2977
|
-
}
|
|
2978
|
-
&[data-is-reply='true'] {
|
|
2979
|
-
> .post-author .author-avatar-wrapper {
|
|
2980
|
-
width: 20px;
|
|
2981
|
-
height: 20px;
|
|
2982
|
-
font-size: 10px;
|
|
2983
|
-
}
|
|
2984
|
-
}
|
|
2985
|
-
&[data-is-reply='false'] {
|
|
2986
|
-
border: 1px solid #e4e8ec;
|
|
2987
|
-
}
|
|
2988
|
-
.expert-wrapper {
|
|
2989
|
-
width: 100%;
|
|
2990
|
-
}
|
|
2991
|
-
&[data-has-booking='true'] {
|
|
2992
|
-
display: grid;
|
|
2993
|
-
.post-author {
|
|
2994
|
-
background-color: ${p.theme.colors.primary50};
|
|
2995
|
-
}
|
|
2996
|
-
.btn-wrapper {
|
|
2997
|
-
padding: 0 16px;
|
|
2998
|
-
.btn-booking {
|
|
2999
|
-
width: 100%;
|
|
3000
|
-
margin: 12px 0;
|
|
3001
|
-
}
|
|
3002
|
-
}
|
|
3003
|
-
}
|
|
3004
|
-
|
|
3005
|
-
.comment-reply-wrapper {
|
|
3006
|
-
padding: 0 1rem;
|
|
3007
|
-
.more-cmt {
|
|
3008
|
-
.chevron-right {
|
|
3009
|
-
height: 1rem;
|
|
3010
|
-
width: 1rem;
|
|
3011
|
-
vertical-align: middle;
|
|
3012
|
-
}
|
|
3013
|
-
}
|
|
3014
|
-
}
|
|
3015
|
-
.top-divider {
|
|
3016
|
-
border-color: #e4e8ec;
|
|
3017
|
-
}
|
|
3018
|
-
.popover {
|
|
3019
|
-
position: absolute;
|
|
3020
|
-
top: 1.5rem;
|
|
3021
|
-
right: 1rem;
|
|
3022
|
-
.popover-menu__btn {
|
|
3023
|
-
display: flex;
|
|
3024
|
-
width: 1rem;
|
|
3025
|
-
height: 1rem;
|
|
3026
|
-
align-items: center;
|
|
3027
|
-
justify-content: center;
|
|
3028
|
-
padding: 0;
|
|
3029
|
-
background: transparent;
|
|
3030
|
-
|
|
3031
|
-
&:hover {
|
|
3032
|
-
background-color: transparent;
|
|
3033
|
-
}
|
|
3034
|
-
|
|
3035
|
-
.popover-menu__content {
|
|
3036
|
-
&.--position-bottom {
|
|
3037
|
-
&.--align-end {
|
|
3038
|
-
&::before {
|
|
3039
|
-
right: 12.5px;
|
|
3040
|
-
}
|
|
3041
|
-
}
|
|
3042
|
-
}
|
|
3043
|
-
}
|
|
3044
|
-
}
|
|
3045
|
-
}
|
|
3046
|
-
|
|
3047
|
-
&[data-is-marrybaby='true'] {
|
|
3048
|
-
&[data-is-reply='false'] {
|
|
3049
|
-
border: none;
|
|
3050
|
-
}
|
|
3051
|
-
.image-preview-wrapper,
|
|
3052
|
-
.link-preview-wrapper {
|
|
3053
|
-
padding-right: 1rem;
|
|
3054
|
-
padding-left: 1rem;
|
|
3055
|
-
}
|
|
3056
|
-
.popover {
|
|
3057
|
-
.popover-menu__btn {
|
|
3058
|
-
width: 24px;
|
|
3059
|
-
height: 24px;
|
|
3060
|
-
}
|
|
3061
|
-
}
|
|
3062
|
-
|
|
3063
|
-
margin-left: 56px;
|
|
3064
|
-
${c.MediaQueries.mbDown} {
|
|
3065
|
-
margin-left: 40px;
|
|
3066
|
-
}
|
|
3067
|
-
> .post-author {
|
|
3068
|
-
margin-left: -56px;
|
|
3069
|
-
${c.MediaQueries.mbDown} {
|
|
3070
|
-
margin-left: -40px;
|
|
3071
|
-
}
|
|
3072
|
-
.author-info {
|
|
3073
|
-
align-items: center;
|
|
3074
|
-
display: flex;
|
|
3075
|
-
align-items: center;
|
|
3076
|
-
.author-info-top {
|
|
3077
|
-
width: 100%;
|
|
3078
|
-
}
|
|
3079
|
-
.author-info-text-wrapper {
|
|
3080
|
-
justify-content: space-between;
|
|
3081
|
-
}
|
|
3082
|
-
}
|
|
3083
|
-
.author-avatar-wrapper {
|
|
3084
|
-
width: 40px;
|
|
3085
|
-
height: 40px;
|
|
3086
|
-
font-size: 20px;
|
|
3087
|
-
${c.MediaQueries.mbDown} {
|
|
3088
|
-
width: 24px;
|
|
3089
|
-
height: 24px;
|
|
3090
|
-
font-size: 12px;
|
|
3091
|
-
}
|
|
3092
|
-
}
|
|
3093
|
-
}
|
|
3094
|
-
&[data-is-reply] {
|
|
3095
|
-
> .post-author {
|
|
3096
|
-
.author-avatar-wrapper {
|
|
3097
|
-
width: 40px;
|
|
3098
|
-
height: 40px;
|
|
3099
|
-
font-size: 20px;
|
|
3100
|
-
${c.MediaQueries.mbDown} {
|
|
3101
|
-
width: 24px;
|
|
3102
|
-
height: 24px;
|
|
3103
|
-
font-size: 12px;
|
|
3104
|
-
}
|
|
3105
|
-
}
|
|
3106
|
-
}
|
|
3107
|
-
}
|
|
3108
|
-
|
|
3109
|
-
.comment-reply-wrapper {
|
|
3110
|
-
padding-right: 0;
|
|
3111
|
-
padding-left: 0;
|
|
3112
|
-
}
|
|
3113
|
-
.post-reaction {
|
|
3114
|
-
&::after {
|
|
3115
|
-
position: absolute;
|
|
3116
|
-
bottom: 0;
|
|
3117
|
-
left: 50%;
|
|
3118
|
-
width: calc(100% - 2rem);
|
|
3119
|
-
height: 1px;
|
|
3120
|
-
background: #f3f3f3;
|
|
3121
|
-
content: ' ';
|
|
3122
|
-
transform: translateX(-50%);
|
|
3123
|
-
}
|
|
3124
|
-
}
|
|
3125
|
-
.post-content-wrapper {
|
|
3126
|
-
padding-top: 0;
|
|
3127
|
-
padding-bottom: 0;
|
|
3128
|
-
${c.MediaQueries.mbDown} {
|
|
3129
|
-
padding-left: 0.5rem;
|
|
3130
|
-
}
|
|
3131
|
-
}
|
|
3132
|
-
|
|
3133
|
-
${c.MediaQueries.mbDown} {
|
|
3134
|
-
margin-bottom: 12px;
|
|
3135
|
-
}
|
|
3136
|
-
}
|
|
3137
|
-
`,Mo=M.default(Po)`
|
|
3138
|
-
margin-top: 12px;
|
|
3139
|
-
padding: 0.5rem 1rem 1rem;
|
|
3140
|
-
`;exports.AuthorBadge=V,exports.BookingBtn=F,exports.CardAuthor=it,exports.CardReactions=ne,exports.Close=I,exports.Dropdown=({className:e,value:a,options:o,onChange:r=(()=>{}),id:l,placeholderIcon:n,placeholder:i,style:s,size:d="lg",groupedWithLabel:c,disabled:u,dropdownLabelTrackingAttributes:p={},isNativeSelect:m=!1})=>{const g=t.useMantineTheme(),[h,f]=P.default.useState(!1),v=()=>!u&&f(!h);if(m){const e="object"==typeof(null==a?void 0:a.value)&&a.value instanceof Date?a.value.toString():null==a?void 0:a.value;return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:u,onChange:e=>{if("string"==typeof e.target.value){const t=o.find((t=>t.value===e.target.value));t&&r(t)}}},i&&P.default.createElement("option",{value:i,disabled:!0,selected:!0},i),o.map((e=>P.default.createElement("option",{key:`${l}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label))))}return P.default.createElement(j,{color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],className:e,"data-dropdown-open":h||void 0,"data-size":d,id:l,"data-has-icons":!!n,style:s,onBlur:()=>f(!1),tabIndex:0,"data-disabled":u},!!c&&P.default.createElement(q,null,c),P.default.createElement(D,Object.assign({color:g.fn.primaryColor(),shadowColor:g.colors[g.primaryColor][2],onClick:v,className:c&&"with-label"},p),n," ",P.default.createElement("span",null,a&&a.value?a.label:i)),h&&P.default.createElement(U,{onClick:v,"data-has-icons":!!n},o.map((e=>P.default.createElement(H,{key:`${l}-${e.value}`,"data-selected":a&&a.value===e.value||void 0,onClick:()=>!e.disabled&&!u&&(null==r?void 0:r(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&P.default.createElement(W,null,e.icon),e.label)))))},exports.LabelSortPin=de,exports.LabelSorting=({onChange:t,className:a,style:o,leftLabel:l,rightLabel:n,color:i,value:s,choices:d})=>{const{data:{env:{isMarryBaby:c}}}=e.useContext(h.TogetherComponentGlobalContext);return P.default.createElement(de,{label:l,rightLabel:P.default.createElement(me,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map((e=>({label:e.label,onClick:()=>t&&t(String(e.value)),selected:e.value===s,className:"bold-item"})))},toggleButtonContent:P.default.createElement("div",{style:{display:"flex"}},P.default.createElement(r.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},n),P.default.createElement("img",{src:c?"data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M8 14L12 18L16 14' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16 10L12 6L8 10' stroke='%233E3F58' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e":"data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.49992 7H11.4998C11.6352 7 11.7525 6.94506 11.8514 6.83509C11.9502 6.72515 11.9999 6.59496 11.9999 6.44449C11.9999 6.29402 11.9503 6.16389 11.8514 6.0538L8.35141 2.16491C8.25252 2.05509 8.13538 2 7.99988 2C7.86437 2 7.74723 2.05509 7.64826 2.16491L4.1483 6.0538C4.04932 6.16377 3.99988 6.29402 3.99988 6.44449C3.99988 6.59493 4.04932 6.72515 4.1483 6.83509C4.24738 6.94506 4.36452 7 4.49992 7Z' fill='%238C8C8C'/%3e%3cpath d='M11.4998 9H4.49992C4.36441 9 4.24727 9.05497 4.1483 9.16482C4.04932 9.2748 3.99988 9.40496 3.99988 9.55543C3.99988 9.7059 4.04932 9.83616 4.1483 9.94607L7.64826 13.835C7.74734 13.9449 7.86448 14 7.99988 14C8.13527 14 8.25252 13.9449 8.35141 13.835L11.8514 9.94604C11.9502 9.83616 11.9999 9.7059 11.9999 9.5554C11.9999 9.40496 11.9503 9.2748 11.8514 9.16479C11.7525 9.05485 11.6352 9 11.4998 9Z' fill='%238C8C8C'/%3e%3c/svg%3e",style:{width:16,height:16,alignSelf:"center"},loading:"lazy"}))}),color:"gray",className:a,style:o})},exports.Loading=De,exports.MainInputTriggerContext=_t,exports.PopoverMenu=pe,exports.PopupDoctor=Ue,exports.PopupExpert=_e,exports.PopupFrame=Qt,exports.PopupHospital=et,exports.PostContent=oa,exports.ProfileDetail=uo,exports.ProfileDetailModal=lt,exports.RichTextEditor=({html:t,onChange:l,className:n,style:i,onImagePickerClick:s,bannedWords:d=[],onInvalidUrlsChange:c,onPreviewUrlChange:u,setEditorRef:p,isReplying:m})=>{var g,f,v,b;const w=e.useRef([]);w.current=d;const[y,C]=e.useState([]),[E,k]=e.useState(null),{data:{locale:A}}=e.useContext(h.TogetherComponentGlobalContext),T=(null==d?void 0:d.join(","))||"";e.useEffect((()=>{var e,t;const a=null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;L(a)}),[T]);const S=e=>{E&&E.url===e||(k({url:e,isFetching:!0}),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:A}),"POST",{data:{link:e}}).then((t=>{var a,o,r,l;k({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.description,image:(null===(r=null==t?void 0:t.data)||void 0===r?void 0:r.image)||(null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.logo),url:e})})).catch((()=>{k(null)})))},z=e.useRef(S);z.current=S;const L=e.useCallback(R.default((e=>{if(e){const t=Ot(e,{bannedWords:w.current,formatUrl:!0}),{invalidUrls:a,previewUrl:o,value:r}=t;a&&C(a),o?z.current(o):k(null),r!==e&&(null==l||l(r))}}),500),[]);e.useEffect((()=>{c&&c(y)}),[y]),e.useEffect((()=>{u&&((null==E?void 0:E.url)?u({title:E.title||"",url:E.url||"",image:E.image||"",description:E.description||""}):u(null))}),[E]);const M=e.useRef(s);M.current=s;const B=o.useUniqueId(),I=e.useRef({toolbar:{handlers:{image:()=>{var e;return null===(e=M.current)||void 0===e?void 0:e.call(M)},link:()=>!1},container:"#toolbar-"+B},preserveWhiteSpace:!0}),O=e.useRef(-1),V=e.useRef(null);p&&(null===(f=null===(g=V.current)||void 0===g?void 0:g.getEditor())||void 0===f?void 0:f.root)&&p(null===(b=null===(v=V.current)||void 0===v?void 0:v.getEditor())||void 0===b?void 0:b.root);const F=()=>{var e,t,a,o,r,l,n,i;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Rt(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root),t=null===(l=null===(r=V.current)||void 0===r?void 0:r.getEditor())||void 0===l?void 0:l.root.innerHTML;if(e>=0&&e<t.length){if(At(t,!0).length<30-(m?1:0)){const e=function(e){var t,a;let o=null;if(void 0!==window.getSelection){const r=window.getSelection();if((null==r?void 0:r.rangeCount)&&(null==r?void 0:r.rangeCount)>0){const r=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(r){const t=r.cloneRange();t.selectNodeContents(e),t.setEnd(r.endContainer,r.endOffset);const l=(t.endContainer.nodeValue||"").substring(0,r.endOffset),n=l.lastIndexOf("@");if(n+1<l.length&&(0===n||" @"===l.slice(n-1,n+1))){const e=null===(a=l.slice(n+1))||void 0===a?void 0:a.trim();if(e){t.setStart(r.endContainer,n);const a=t.cloneRange();a.setStart(a.endContainer,n),o={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return o}(null===(i=null===(n=V.current)||void 0===n?void 0:n.getEditor())||void 0===i?void 0:i.root);e?(W(e.name,e.rect),Z.current=e.replaceRange):(Z.current=null,W("",null))}else Z.current=null,W("",null);O.current=e}}else D([])},[j,D]=e.useState([]),[U,H]=e.useState({top:0,left:0}),W=e.useCallback(R.default(((e,t,o)=>a.__awaiter(void 0,void 0,void 0,(function*(){var a,r,l,n;if(!e||!DOMRect)return D([]);const i=yield((null===(a=N.getCookie(h.BEARER_TOKEN_COOKIE))||void 0===a?void 0:a.length)||0)>0?h.callApiWithAuth(h.getApiPath(h.PATHS.SEARCH_USER,{_locale:A,name:e}),"get"):h.callApiWithAdminAuth(h.getApiPath(h.ADMIN_PATHS.SEARCH_USER,{_locale:A,name:e}),"get");_(0),D(null===(l=null===(r=null==i?void 0:i.data)||void 0===r?void 0:r.users)||void 0===l?void 0:l.filter((e=>!(null==o?void 0:o.includes(String(e.id))))));const s=t,d=null===(n=G.current)||void 0===n?void 0:n.getBoundingClientRect();if(s&&d){const e=343,t=256,a={top:s.bottom-d.top,width:"min(343px, 100%)",maxHeight:t};d.width-(s.left-d.left)<e?a.right=0:a.left=s.left-d.left,H(a)}}))),500),[]),q=(e,t)=>{var a,o,r;if(Z.current){Z.current.deleteContents();const l=document.createElement("mention");l.setAttribute("data-id",e),l.setAttribute("data-name",t),l.innerText=t;const n=document.createTextNode(" ");Z.current.insertNode(n),Z.current.insertNode(l);(null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root).focus();const i=null===(r=window.getSelection())||void 0===r?void 0:r.getRangeAt(0);null==i||i.setStart(Z.current.endContainer,Z.current.endOffset),null==i||i.setEnd(Z.current.endContainer,Z.current.endOffset)}D([])},G=e.useRef(null),Z=e.useRef(null),Q=e.useRef(null),[X,_]=e.useState(0);return e.useEffect((()=>{if(Q.current){const e=Q.current,t=e.children.item(X);if(t){const a=e.getBoundingClientRect(),o=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+o.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+o.height)}}}),[X]),e.useEffect((()=>{const e=function(e){var t;(null===(t=G.current)||void 0===t?void 0:t.contains(e.target))||D([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),P.default.createElement(Mt,{ref:G,className:n,style:i,onKeyDownCapture:e=>{if(null==j?void 0:j.length){let t=!1;if("ArrowDown"===e.key)t=!0,_((e=>e+1>=j.length?0:e+1));else if("Escape"===e.key)t=!0,_(0),D([]);else if("ArrowUp"===e.key)t=!0,_((e=>e-1<0?j.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=j[X];e&&(t=!0,q(e.id,e.name))}if(t)return e.preventDefault(),!1}}},P.default.createElement(Vt,{id:B,onAddLink:(e,t)=>{var a,o;const r=O.current+1,n=null===(o=null===(a=V.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML,i=((null==n?void 0:n.substring(0,r))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==n?void 0:n.substring(r))||"");null==l||l(i),L(i)}}),Bt&&P.default.createElement(Bt,{ref:V,theme:"snow",value:t,onChange:e=>{null==l||l(e),L(e),F()},onChangeSelection:()=>{F()},modules:I.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==j?void 0:j.length)&&P.default.createElement("div",{ref:Q,className:"mention-search-container",style:U},j.map(((e,t)=>P.default.createElement("div",{className:"mention-search-item "+(X===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),q(e.id,e.name)},onMouseEnter:()=>{_(t)}},P.default.createElement(x.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),P.default.createElement("div",null,P.default.createElement(r.Text,{size:"p2"},e.name),P.default.createElement(r.Text,{size:"p4",color:"#595959"},"@",e.username)))))))},exports.ShareBox=$t,exports.SharePopup=({trackingCategory:a,className:l,style:n,url:i,avatar:s,text:d,onClose:u})=>{const{data:{env:{isMarryBaby:p}}}=e.useContext(h.TogetherComponentGlobalContext),{t:m}=o.useTranslations(),[g,f]=e.useState(!1);return e.useEffect((()=>(c.toggleNoScroll(!0),setTimeout((()=>f(!0)),0),()=>c.toggleNoScroll(!1))),[]),P.default.createElement(t.Portal,null,P.default.createElement(Jt,{"data-is-marrybaby":p,className:l,style:n},P.default.createElement(Qt,{className:"share-popup",isOpen:g,onClose:u,heading:m("bottomBar.share")},p?P.default.createElement(r.Text,{className:"share-mb-text",size:"sm"},m("article.shareOn")):P.default.createElement("div",{className:"custom-share__header"},s&&P.default.createElement("div",{className:"custom-share__header-image"},P.default.createElement("img",{src:s,loading:"lazy"})),P.default.createElement("div",{className:"custom-share__header-info"},P.default.createElement(h.Heading,{tag:"h4"},d),P.default.createElement(r.Text,{className:"desc",size:"md"},i))),g&&P.default.createElement($t,{trackingCategory:a,shareUrl:i||("undefined"!=typeof window?window.location.href:""),title:d}))))},exports.SourceList=Po,exports.StyledArrowWrapper=ga,exports.StyledCardLink=Q,exports.StyledCardPost=Lo,exports.StyledCardPost$1=mo,exports.StyledCircleArrow=ha,exports.StyledCreateNewPost=st,exports.StyledCreatePostDescription=Lt,exports.StyledCreatePostTitle=Dt,exports.StyledError=ct,exports.StyledIcon=xa,exports.StyledImagePreviewContainer=ua,exports.StyledImagePreviewPopup=da,exports.StyledImagePreviewTopbar=pa,exports.StyledImagePreviewWrapper=ma,exports.StyledInner=ba,exports.StyledInputCommentBar=Xt,exports.StyledIsQuestion=dt,exports.StyledNotificationBar=ca,exports.StyledPopupDanger=Ht,exports.StyledPostImagePreview=sa,exports.StyledSocialLinkPreview=ya,exports.StyledSourceList=Mo,exports.StyledSubmitReportForm=ea,exports.StyledTopicSelectList=Ut,exports.StyledWrapper=wa,exports.TagTopic=t=>{var{topics:l=[],onClick:s,className:d,style:c,trackingCategory:u="Together",locale:p="vi-VN",classNames:m,styles:g,unstyled:v,shortenedNumber:b=3,shortenedStyle:x}=t,w=a.__rest(t,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled","shortenedNumber","shortenedStyle"]);const{t:y}=o.useTranslations(),{classes:C}=ie(void 0,{name:"TagTopic",classNames:m,styles:g,unstyled:v}),{data:{env:{togetherBasePath:E}},action:{sanitizeFunction:k}}=e.useContext(h.TogetherComponentGlobalContext),[A,N]=e.useState(!x);return P.default.createElement("div",Object.assign({onClick:s,className:`${C.wrapper} ${d}`,style:c},w),(A?l:l.slice(0,b)).map(((e,t)=>{const a=(null==e?void 0:e.dueDateMonth)&&0!==(null==e?void 0:e.dueDateMonth)&&(null==e?void 0:e.dueDateYear)&&0!==(null==e?void 0:e.dueDateYear);return P.default.createElement("a",{className:C.item,key:t,"data-event-category":u,"data-event-action":"Topic in Post Click","data-event-label":`${h.getCurrentBaseUrl(p)}${E}${e.url}`,href:e.isActive&&!e.isHidden?`${E}${e.url}/`:void 0},P.default.createElement(r.Text,{size:"p4"},P.default.createElement("span",{style:Object.assign({},a&&{textTransform:"capitalize"}),dangerouslySetInnerHTML:{__html:a?`${f.format(new Date(2020,Number(e.dueDateMonth)-1,1),"MMMM",{locale:n.DATE_FNS_LOCALE[p]})}${p===i.LOCALE.Vietnam?"/":" "}${null==e?void 0:e.dueDateYear}`:(null==k?void 0:k(e.name))||e.name}})))})),!A&&l.length>b&&P.default.createElement("a",{className:C.item,href:"#",onClick:e=>{e.preventDefault(),N(!0)}},P.default.createElement(r.Text,{size:"p4"},"+",y("tagTopic.moreTopics",{number:l.length-b}))))},exports.TogetherAuthConfigContext=G,exports.TogetherAuthConfigContextProvider=({children:e,defaultParams:t})=>P.default.createElement(G.Provider,{value:{defaultParams:t}},e),exports.TreePopoverMenu=me,exports.decodeMention=Et,exports.decodePostUrl=Ct,exports.encodePostContent=(e,t=(e=>e))=>((e,t=(e=>e))=>{var a;return t(null===(a=e.replace(/(\ )+/g," ").replace(/(\&)+/g,"&"))||void 0===a?void 0:a.replace(/(\u200c|‌)+/g,"").replace(pt,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(ut,((e,t,a)=>{var o;const r=null===(o=t.match(/data-href="([^"]*)"/im))||void 0===o?void 0:o[1];return r?`<a href="${r}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(gt,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(Tt(e)),t),exports.getMentionIdsFromString=At,exports.highlightBadWords=Pt,exports.img=Zt,exports.removeBannedWordWrapper=Tt,exports.uploadAndGetSrc=(e,t,o)=>"string"==typeof e?Promise.resolve(e):a.__awaiter(void 0,void 0,void 0,(function*(){var a;const r=new FormData;if(e.type.startsWith("image/gif"))r.append("image",e);else{const t=yield Promise.resolve().then((function(){return S(require("browser-image-compression"))})),a=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});r.append("image",a)}const l=o?h.callApiWithAdminAuth:h.callApiWithAuth,n=yield l(h.getApiPath(o?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:r});return(null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.image)||""})),exports.useTogetherAuthRequiredAction=Z,exports.youtubeVidIdGetter=e=>{var t;if(!e.includes("youtu"))return"";return(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""};
|