@hhgtech/hhg-components 1.26.7 → 1.26.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/babyGrowth.js +2 -2
- package/build/cache.js +1 -1
- package/build/care.js +1 -1
- package/build/components/atoms/btnChoice/index.d.ts +2 -1
- package/build/components/ui/cardAuthor/index.d.ts +2 -1
- package/build/components.js +1 -1
- package/build/constants.js +1 -1
- package/build/{core-c345638a.js → core-b177367b.js} +1 -1
- package/build/{dataTransform-d505ed72.js → dataTransform-b9779c7b.js} +1 -1
- package/build/ecom.js +1 -1
- package/build/esm/babyGrowth.js +2 -2
- 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.js +1 -1
- package/build/esm/{core-71702016.js → core-1ba5a93d.js} +1 -1
- package/build/esm/{dataTransform-b2c38ce2.js → dataTransform-15d0f3e5.js} +1 -1
- package/build/esm/ecom.js +1 -1
- package/build/esm/footer.js +1 -1
- package/build/esm/gAssets.js +1 -1
- package/build/esm/getDynamicHealthTool-a87f5dc5.js +1 -0
- package/build/esm/{getSocialList-ef554beb.js → getSocialList-6c2d884e.js} +1 -1
- package/build/esm/hooks.js +1 -1
- package/build/esm/i18n.js +1 -1
- package/build/esm/{index-d0fd6b94.js → index-04fb5dcf.js} +1 -1
- package/build/esm/{index-7953c54e.js → index-0f61e70e.js} +1 -1
- package/build/esm/{index-2644d5d0.js → index-159e23dd.js} +1 -1
- package/build/esm/{index-b0147b2d.js → index-3a76c7ed.js} +1 -1
- package/build/esm/{index-cdb90b25.js → index-3c3305bd.js} +1 -1
- package/build/esm/{index-86e70d9b.js → index-40559b61.js} +1 -1
- package/build/esm/{index-d3e543f9.js → index-5939dafb.js} +1 -1
- package/build/esm/{index-28cde03c.js → index-8157114c.js} +1 -1
- package/build/esm/{index-7714e61e.js → index-862be2c0.js} +1 -1
- package/build/esm/{index-39ed3856.js → index-871aefd9.js} +1 -1
- package/build/esm/{index-de38ab4c.js → index-9147523d.js} +1 -1
- package/build/esm/{index-ea680e71.js → index-9dc57d76.js} +1 -1
- package/build/esm/{index-266108cf.js → index-9def8ea9.js} +6 -6
- package/build/esm/index-a84cf731.js +1 -0
- package/build/esm/{index-f5feebf6.js → index-ba418d56.js} +1 -1
- package/build/esm/{index-c2c7f368.js → index-bc8298c6.js} +1 -1
- package/build/esm/{index-6ea3b559.js → index-cbc2ff64.js} +1 -1
- package/build/esm/{index-700ce24f.js → index-ccd9a1c1.js} +1 -1
- package/build/esm/index-cebbf552.js +1 -0
- package/build/esm/{index-01cefef7.js → index-d8e51cf5.js} +1 -1
- package/build/esm/{index-bdbcf645.js → index-e2d3b625.js} +1 -1
- package/build/esm/{index-b22492c4.js → index-e4fc4d53.js} +1 -1
- package/build/esm/{index-6e766364.js → index-e7794a2c.js} +1 -1
- package/build/esm/index.css +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/{index.styled-5613eba2.js → index.styled-0520150f.js} +1 -1
- package/build/esm/{index.styled-dc4f87cc.js → index.styled-4540e146.js} +1 -1
- package/build/esm/{index.styled-50110be6.js → index.styled-47f8a12f.js} +1 -1
- package/build/esm/{index.styled-0f03d5f6.js → index.styled-c2b8575f.js} +1 -1
- package/build/esm/{index.styled-3e2549cb.js → index.styled-e09431ef.js} +2 -2
- package/build/esm/lead.js +1 -1
- package/build/esm/mantine.js +1 -1
- package/build/esm/misc.js +1 -1
- package/build/esm/navigation.js +1 -1
- package/build/esm/onboarding.js +1 -1
- package/build/esm/pwg.js +1 -1
- package/build/esm/{routing-4ed397df.js → routing-fb90d6e9.js} +1 -1
- package/build/esm/{screenSizeContext-bd25e0b6.js → screenSizeContext-4828f72d.js} +4 -4
- package/build/esm/together.js +1 -1
- package/build/esm/{translationsProvider-fb5d527e.js → translationsProvider-416f647a.js} +1 -1
- package/build/esm/{types-1189ebcd.js → types-3db4a213.js} +1 -1
- package/build/esm/types-81d0f5f2.js +3078 -0
- package/build/esm/types.js +1 -1
- package/build/esm/useHealthToolCache-41849924.js +1 -0
- package/build/esm/{useRafState-09ea8cb9.js → useRafState-941456c0.js} +1 -1
- package/build/esm/useTranslations-2c71b7e9.js +1 -0
- package/build/esm/{utils-033869ed.js → utils-471a42e0.js} +4 -4
- package/build/esm/vaccination.js +1 -1
- package/build/footer.js +1 -1
- package/build/gAssets.js +1 -1
- package/build/{getDynamicHealthTool-63c34137.js → getDynamicHealthTool-ca04d9b6.js} +1 -1
- package/build/{getSocialList-fbb91dbc.js → getSocialList-7a55a235.js} +1 -1
- package/build/hooks.js +1 -1
- package/build/i18n.js +1 -1
- package/build/{index-f4734114.js → index-18d90296.js} +1 -1
- package/build/{index-3002a30f.js → index-1c15ef03.js} +1 -1
- package/build/index-1e8607fb.js +1 -0
- package/build/{index-a83ee921.js → index-216d3020.js} +1 -1
- package/build/{index-3cc5d59a.js → index-29934d81.js} +1 -1
- package/build/{index-6a923164.js → index-2cc47736.js} +1 -1
- package/build/{index-398fba76.js → index-327ade5f.js} +1 -1
- package/build/{index-42db05c4.js → index-447b4a65.js} +1 -1
- package/build/index-447f3937.js +1 -0
- package/build/{index-2a625848.js → index-5e9d910a.js} +1 -1
- package/build/{index-ccdc1898.js → index-6a132e53.js} +1 -1
- package/build/{index-d8ee79e6.js → index-6cf93db3.js} +1 -1
- package/build/{index-f9f505cf.js → index-72cf8f92.js} +1 -1
- package/build/{index-361dfc29.js → index-80881f0f.js} +1 -1
- package/build/{index-9279fab2.js → index-8ae30e70.js} +1 -1
- package/build/{index-cb65586f.js → index-8c508d33.js} +1 -1
- package/build/{index-e1358ed8.js → index-9b990a32.js} +1 -1
- package/build/{index-1b6d3b0b.js → index-aa274713.js} +1 -1
- package/build/{index-965b6d4e.js → index-bb7f02ef.js} +1 -1
- package/build/{index-531ee167.js → index-c18db254.js} +1 -1
- package/build/{index-8367e961.js → index-cdb1bfcc.js} +1 -1
- package/build/{index-0947dc3e.js → index-db7eaf44.js} +1 -1
- package/build/{index-a611bb80.js → index-e2672091.js} +1 -1
- package/build/index.css +1 -1
- package/build/index.js +1 -1
- package/build/{index.styled-3abc023c.js → index.styled-30480c8e.js} +1 -1
- package/build/{index.styled-de0ac321.js → index.styled-99f321d8.js} +1 -1
- package/build/{index.styled-f8b016d8.js → index.styled-cef9c18c.js} +1 -1
- package/build/{index.styled-7f1a5a07.js → index.styled-d0100cb8.js} +1 -1
- package/build/{index.styled-a742a1f3.js → index.styled-e729496c.js} +1 -1
- package/build/lead.js +1 -1
- package/build/mantine.js +1 -1
- package/build/misc.js +1 -1
- package/build/navigation.js +1 -1
- package/build/onboarding.js +1 -1
- package/build/pwg.js +2 -2
- package/build/{routing-4f849024.js → routing-619393c7.js} +1 -1
- package/build/{screenSizeContext-ebfdac16.js → screenSizeContext-e67214d1.js} +3 -3
- package/build/together/components/molecules/cardAuthor/index.d.ts +2 -2
- package/build/together/components/molecules/createNewPostContent/index.d.ts +2 -1
- package/build/together/components/molecules/profileDetail/context.d.ts +2 -1
- package/build/together/components/molecules/profileDetail/index.d.ts +2 -1
- package/build/together/components/molecules/skipQuestionOfExpertBtn/index.d.ts +2 -1
- package/build/together/components/molecules/topicSelectList/index.d.ts +3 -2
- package/build/together.js +1 -1
- package/build/{translationsProvider-a0b8b063.js → translationsProvider-476b882a.js} +1 -1
- package/build/{types-d43989a5.js → types-18be4e73.js} +37 -37
- package/build/{types-7c7c4b47.js → types-99091b1e.js} +251 -251
- package/build/types.js +1 -1
- package/build/{useHealthToolCache-b58a730e.js → useHealthToolCache-3935c40e.js} +1 -1
- package/build/{useRafState-4135b252.js → useRafState-a5c61d03.js} +1 -1
- package/build/useTranslations-b1da09b8.js +1 -0
- package/build/{utils-0d4a2c6f.js → utils-e5f5aaf1.js} +1 -1
- package/build/vaccination.js +1 -1
- package/package.json +1 -1
- package/build/esm/getDynamicHealthTool-1d4ce935.js +0 -1
- package/build/esm/index-20142999.js +0 -1
- package/build/esm/index-84dd7aa0.js +0 -1
- package/build/esm/types-3cf5db68.js +0 -3078
- package/build/esm/useHealthToolCache-8b0952cd.js +0 -1
- package/build/esm/useTranslations-4fa2139f.js +0 -1
- package/build/index-1215bbaa.js +0 -1
- package/build/index-4eed5265.js +0 -1
- package/build/useTranslations-c74a172f.js +0 -1
- /package/build/{BMI_BOYS.percentile.monthly-78be7166.js → BMI_BOYS.percentile.monthly-0150f5e0.js} +0 -0
- /package/build/{BMI_BOYS.percentile.weekly-7b96e5f1.js → BMI_BOYS.percentile.weekly-3897bf59.js} +0 -0
- /package/build/{BMI_BOYS.percentile.yearly-44a1c34d.js → BMI_BOYS.percentile.yearly-02db591b.js} +0 -0
- /package/build/{BMI_BOYS.zscore.monthly-0c436127.js → BMI_BOYS.zscore.monthly-ed95bc1e.js} +0 -0
- /package/build/{BMI_BOYS.zscore.weekly-f0ca583f.js → BMI_BOYS.zscore.weekly-ae9c59c6.js} +0 -0
- /package/build/{BMI_BOYS.zscore.yearly-a0acd640.js → BMI_BOYS.zscore.yearly-694857d9.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.monthly-64b6203f.js → BMI_GIRLS.percentile.monthly-59cf5d6c.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.weekly-fa74d1aa.js → BMI_GIRLS.percentile.weekly-2026cd98.js} +0 -0
- /package/build/{BMI_GIRLS.percentile.yearly-f2b38bbd.js → BMI_GIRLS.percentile.yearly-986732ec.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.monthly-1c5b3b2e.js → BMI_GIRLS.zscore.monthly-1a546f91.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.weekly-6e520377.js → BMI_GIRLS.zscore.weekly-88e0fa97.js} +0 -0
- /package/build/{BMI_GIRLS.zscore.yearly-01aa1c11.js → BMI_GIRLS.zscore.yearly-197b7890.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-1799c5f8.js → HEAD CIRCUM_BOYS.percentile.monthly-28688c69.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-c456ac5a.js → HEAD CIRCUM_BOYS.percentile.weekly-656e5e1a.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-7465415d.js → HEAD CIRCUM_BOYS.percentile.yearly-d0472fda.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-000e58df.js → HEAD CIRCUM_BOYS.zscore.monthly-a8cadddc.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-3cba80cb.js → HEAD CIRCUM_BOYS.zscore.weekly-c0cd687b.js} +0 -0
- /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-b535d4aa.js → HEAD CIRCUM_BOYS.zscore.yearly-45a17522.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-97f12b73.js → HEAD CIRCUM_GIRLS.percentile.monthly-fed65f4d.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-26b1157c.js → HEAD CIRCUM_GIRLS.percentile.weekly-9c8a10f4.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-7b955d35.js → HEAD CIRCUM_GIRLS.percentile.yearly-f0ccd9dd.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-8503e909.js → HEAD CIRCUM_GIRLS.zscore.monthly-7fb7620e.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-ab9f263c.js → HEAD CIRCUM_GIRLS.zscore.weekly-91e62e8a.js} +0 -0
- /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-7f8b92f1.js → HEAD CIRCUM_GIRLS.zscore.yearly-6203b029.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.monthly-d13729b4.js → HEIGHT_BOYS.percentile.monthly-e3f1f758.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.weekly-b389d251.js → HEIGHT_BOYS.percentile.weekly-1a1700b8.js} +0 -0
- /package/build/{HEIGHT_BOYS.percentile.yearly-18f7f5fd.js → HEIGHT_BOYS.percentile.yearly-555204da.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.monthly-d4c7be1f.js → HEIGHT_BOYS.zscore.monthly-5b003f04.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.weekly-dd81b30f.js → HEIGHT_BOYS.zscore.weekly-0bd27690.js} +0 -0
- /package/build/{HEIGHT_BOYS.zscore.yearly-7aaf9804.js → HEIGHT_BOYS.zscore.yearly-0c491b6b.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.monthly-84730a51.js → HEIGHT_GIRLS.percentile.monthly-73c0e696.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.weekly-5d6980b3.js → HEIGHT_GIRLS.percentile.weekly-a7ddbcef.js} +0 -0
- /package/build/{HEIGHT_GIRLS.percentile.yearly-0cac9bdc.js → HEIGHT_GIRLS.percentile.yearly-c6f86ed2.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.monthly-2ecf97cb.js → HEIGHT_GIRLS.zscore.monthly-7a048d6c.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.weekly-e6674dfd.js → HEIGHT_GIRLS.zscore.weekly-30fab896.js} +0 -0
- /package/build/{HEIGHT_GIRLS.zscore.yearly-47ec60f9.js → HEIGHT_GIRLS.zscore.yearly-a81779c3.js} +0 -0
- /package/build/{Onboarding-e70e8b26.js → Onboarding-50b70483.js} +0 -0
- /package/build/{Visible-372128b0.js → Visible-5171db00.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.monthly-8af8e72e.js → WEIGHT_BOYS.percentile.monthly-69b51680.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.weekly-f3c24084.js → WEIGHT_BOYS.percentile.weekly-4ac72b82.js} +0 -0
- /package/build/{WEIGHT_BOYS.percentile.yearly-de5c787e.js → WEIGHT_BOYS.percentile.yearly-37953021.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.monthly-b1dee708.js → WEIGHT_BOYS.zscore.monthly-efb21526.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.weekly-b6b7735a.js → WEIGHT_BOYS.zscore.weekly-ad745f6f.js} +0 -0
- /package/build/{WEIGHT_BOYS.zscore.yearly-b0638ed3.js → WEIGHT_BOYS.zscore.yearly-6ebe1fbd.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.monthly-edea7d56.js → WEIGHT_GIRLS.percentile.monthly-5037a267.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.weekly-5a319d35.js → WEIGHT_GIRLS.percentile.weekly-7ded70eb.js} +0 -0
- /package/build/{WEIGHT_GIRLS.percentile.yearly-3ca6bd2b.js → WEIGHT_GIRLS.percentile.yearly-aef03951.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.monthly-2f611618.js → WEIGHT_GIRLS.zscore.monthly-d5fd8d01.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.weekly-1593e841.js → WEIGHT_GIRLS.zscore.weekly-2f51b849.js} +0 -0
- /package/build/{WEIGHT_GIRLS.zscore.yearly-cfd990ed.js → WEIGHT_GIRLS.zscore.yearly-8cd819fe.js} +0 -0
- /package/build/{constants-d610fa85.js → constants-20ad0169.js} +0 -0
- /package/build/{cookieHelper-be9c44f4.js → cookieHelper-333b8fcd.js} +0 -0
- /package/build/{dataTransform-fa12fbdd.js → dataTransform-69a5c4d3.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.monthly-f851c835.js → BMI_BOYS.percentile.monthly-328b2beb.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.weekly-65184d19.js → BMI_BOYS.percentile.weekly-a7aa34e7.js} +0 -0
- /package/build/esm/{BMI_BOYS.percentile.yearly-77a3e29b.js → BMI_BOYS.percentile.yearly-4ce7945a.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.monthly-9942ec5e.js → BMI_BOYS.zscore.monthly-73236ed9.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.weekly-0321e3ce.js → BMI_BOYS.zscore.weekly-b3ff2848.js} +0 -0
- /package/build/esm/{BMI_BOYS.zscore.yearly-f4606eb1.js → BMI_BOYS.zscore.yearly-e410a5ce.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.monthly-d79551b7.js → BMI_GIRLS.percentile.monthly-2488fcfb.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.weekly-530229e6.js → BMI_GIRLS.percentile.weekly-b2dc3a2f.js} +0 -0
- /package/build/esm/{BMI_GIRLS.percentile.yearly-5e12465a.js → BMI_GIRLS.percentile.yearly-2a47e307.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.monthly-701d2eda.js → BMI_GIRLS.zscore.monthly-7c2648b4.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.weekly-4db2b3d3.js → BMI_GIRLS.zscore.weekly-1b004fbf.js} +0 -0
- /package/build/esm/{BMI_GIRLS.zscore.yearly-1126f590.js → BMI_GIRLS.zscore.yearly-0441becc.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-ae1abdb6.js → HEAD CIRCUM_BOYS.percentile.monthly-587e3ef1.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-5bd526b3.js → HEAD CIRCUM_BOYS.percentile.weekly-f8da96c4.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-86bf7831.js → HEAD CIRCUM_BOYS.percentile.yearly-3c91d6b5.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-b6b53b9e.js → HEAD CIRCUM_BOYS.zscore.monthly-899154c0.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-d3c75474.js → HEAD CIRCUM_BOYS.zscore.weekly-d4c24c8f.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-e9ace66a.js → HEAD CIRCUM_BOYS.zscore.yearly-c3b1f178.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-7d0fcb19.js → HEAD CIRCUM_GIRLS.percentile.monthly-ff6f5288.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-ca34fa99.js → HEAD CIRCUM_GIRLS.percentile.weekly-a178ad93.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-2cdfb337.js → HEAD CIRCUM_GIRLS.percentile.yearly-8894764f.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-a4eeb148.js → HEAD CIRCUM_GIRLS.zscore.monthly-b2ae7192.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-35c793cb.js → HEAD CIRCUM_GIRLS.zscore.weekly-110d5ff1.js} +0 -0
- /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-98614daa.js → HEAD CIRCUM_GIRLS.zscore.yearly-d63b0710.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.monthly-2c7cd4fd.js → HEIGHT_BOYS.percentile.monthly-b6406697.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.weekly-7d0cb0a3.js → HEIGHT_BOYS.percentile.weekly-1f87f753.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.percentile.yearly-0a1a3f0d.js → HEIGHT_BOYS.percentile.yearly-cf3e5700.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.monthly-94e3c195.js → HEIGHT_BOYS.zscore.monthly-15d4566f.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.weekly-6e0fc767.js → HEIGHT_BOYS.zscore.weekly-c0116721.js} +0 -0
- /package/build/esm/{HEIGHT_BOYS.zscore.yearly-7b484f65.js → HEIGHT_BOYS.zscore.yearly-92940057.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-99d28fe5.js → HEIGHT_GIRLS.percentile.monthly-3c2914a0.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-6a230c51.js → HEIGHT_GIRLS.percentile.weekly-f5ad157b.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-36a581bb.js → HEIGHT_GIRLS.percentile.yearly-bf945ac2.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-e6f99eac.js → HEIGHT_GIRLS.zscore.monthly-8c38ca12.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-fc5d3e51.js → HEIGHT_GIRLS.zscore.weekly-44576ab5.js} +0 -0
- /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-6f0d3cf3.js → HEIGHT_GIRLS.zscore.yearly-6cfef554.js} +0 -0
- /package/build/esm/{Onboarding-abd9ce18.js → Onboarding-1e0cdc14.js} +0 -0
- /package/build/esm/{Visible-9aee4e5c.js → Visible-0eceea17.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.monthly-28ce6745.js → WEIGHT_BOYS.percentile.monthly-321a3654.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.weekly-5a6f0785.js → WEIGHT_BOYS.percentile.weekly-f262bdce.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.percentile.yearly-f83f68b5.js → WEIGHT_BOYS.percentile.yearly-bcaabc13.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.monthly-1e830ccd.js → WEIGHT_BOYS.zscore.monthly-caf62634.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.weekly-17b2eb29.js → WEIGHT_BOYS.zscore.weekly-5516fb26.js} +0 -0
- /package/build/esm/{WEIGHT_BOYS.zscore.yearly-2edd6a6f.js → WEIGHT_BOYS.zscore.yearly-99f2bd68.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-8f1911a8.js → WEIGHT_GIRLS.percentile.monthly-2109a6da.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-9f3b14f2.js → WEIGHT_GIRLS.percentile.weekly-0614959f.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-c3eace8c.js → WEIGHT_GIRLS.percentile.yearly-5a2e7fe1.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-537d7da1.js → WEIGHT_GIRLS.zscore.monthly-9bf48f58.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-324b968e.js → WEIGHT_GIRLS.zscore.weekly-f7a1747a.js} +0 -0
- /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-127116a9.js → WEIGHT_GIRLS.zscore.yearly-3bfb637c.js} +0 -0
- /package/build/esm/{constants-0c0cea24.js → constants-7df11369.js} +0 -0
- /package/build/esm/{cookieHelper-70e13681.js → cookieHelper-1b97affb.js} +0 -0
- /package/build/esm/{dataTransform-d39077b2.js → dataTransform-dc15d222.js} +0 -0
- /package/build/esm/{index-478464d5.js → index-027bb069.js} +0 -0
- /package/build/esm/{index-b1599d67.js → index-ed97452a.js} +0 -0
- /package/build/esm/{isProduction-6f0cd7c9.js → isProduction-ea2805e9.js} +0 -0
- /package/build/esm/{localizeNumberFormat-86f74835.js → localizeNumberFormat-bda12ec3.js} +0 -0
- /package/build/esm/{normalizeLink-855c79bb.js → normalizeLink-57cde8a3.js} +0 -0
- /package/build/esm/{theme-c7e90491.js → theme-14d3ed36.js} +0 -0
- /package/build/esm/{translationsContext-e2bde1f7.js → translationsContext-15f5801f.js} +0 -0
- /package/build/esm/{tslib.es6-79817114.js → tslib.es6-fe545a17.js} +0 -0
- /package/build/esm/{types-cf69e0f9.js → types-942826d2.js} +0 -0
- /package/build/esm/{useIsInit-0c80fe85.js → useIsInit-31c73930.js} +0 -0
- /package/build/esm/{useOutsideClick-b9e8492d.js → useOutsideClick-8eb63d77.js} +0 -0
- /package/build/esm/{useScrollbarSize-0d7f4c8b.js → useScrollbarSize-3beb582b.js} +0 -0
- /package/build/esm/{useUniqueId-e72668ec.js → useUniqueId-68407b14.js} +0 -0
- /package/build/esm/{utils-60c569c6.js → utils-c9476401.js} +0 -0
- /package/build/{index-1b11e05e.js → index-a559b242.js} +0 -0
- /package/build/{index-3ff05ae4.js → index-ed190faf.js} +0 -0
- /package/build/{isProduction-4ace5031.js → isProduction-eab59ecb.js} +0 -0
- /package/build/{localizeNumberFormat-e53f3fcc.js → localizeNumberFormat-683cd941.js} +0 -0
- /package/build/{normalizeLink-f36750cc.js → normalizeLink-9bc92e33.js} +0 -0
- /package/build/{theme-f2bb4adc.js → theme-bb3c32c5.js} +0 -0
- /package/build/{translationsContext-915ee9d5.js → translationsContext-e9495a89.js} +0 -0
- /package/build/{tslib.es6-5c6c311a.js → tslib.es6-014cba8c.js} +0 -0
- /package/build/{types-727a4794.js → types-ee7c2fca.js} +0 -0
- /package/build/{useIsInit-907b9f27.js → useIsInit-c50f6304.js} +0 -0
- /package/build/{useOutsideClick-42d57990.js → useOutsideClick-06f23f8f.js} +0 -0
- /package/build/{useScrollbarSize-418532ad.js → useScrollbarSize-2d5b6224.js} +0 -0
- /package/build/{useUniqueId-7656734f.js → useUniqueId-04ab341c.js} +0 -0
- /package/build/{utils-551b705f.js → utils-4678c740.js} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("./tslib.es6-
|
|
1
|
+
"use strict";var e=require("./tslib.es6-014cba8c.js"),t=require("react"),a=require("@mantine/core"),l=require("./index.styled-cef9c18c.js"),o=require("./useTranslations-b1da09b8.js"),n=require("innertext"),i=require("./theme-bb3c32c5.js"),r=require("./index.styled-30480c8e.js"),s=require("./gAssets.js"),d=require("./index-72cf8f92.js"),c=require("./index-9b990a32.js"),u=require("dayjs");require("./screenSizeContext-e67214d1.js");var m=require("styled-components"),p=require("./index-bb7f02ef.js"),g=require("./utils-4678c740.js");require("./isProduction-eab59ecb.js"),require("./Onboarding-50b70483.js"),require("./index-80881f0f.js"),require("@mantine/hooks");var h=require("./index.styled-99f321d8.js"),f=require("./index-447f3937.js"),v=require("./dataTransform-b9779c7b.js"),b=require("./index-447b4a65.js"),x=require("./index-2cc47736.js"),w=require("lodash/debounce"),y=require("react-contenteditable"),C=require("./index-8c508d33.js"),E=require("./index-327ade5f.js"),k=require("./index-29934d81.js"),A=require("./cookieHelper-333b8fcd.js"),N=require("react-dom");require("./index-5e9d910a.js"),require("./index-6cf93db3.js"),require("./index.styled-d0100cb8.js"),require("./index-a559b242.js"),require("date-fns"),require("react-day-picker/DayPickerInput"),require("./index-cdb1bfcc.js"),require("lodash/throttle"),require("keen-slider/react"),require("./types-ee7c2fca.js"),require("react-hook-form"),require("date-fns/locale/en-US"),require("date-fns/locale/id"),require("date-fns/locale/vi"),require("date-fns/locale/zh-TW"),require("./index.styled-e729496c.js"),require("string-format");var T=require("dayjs/plugin/relativeTime"),S=require("./index-216d3020.js"),P=require("./useUniqueId-04ab341c.js");require("./translationsContext-e9495a89.js");var L=require("./routing-619393c7.js");function M(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function I(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var R=I(t),z=M(t),B=M(n),j=M(u),F=M(m),O=M(w),D=M(y),V=I(N),U=M(T);const _=e=>R.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),R.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"})),H=t.createContext({}),W=({children:e,defaultParams:t})=>z.default.createElement(H.Provider,{value:{defaultParams:t}},e),q=e=>{const{data:{userInfo:a,env:{togetherBasePath:l}}}=t.useContext(h.TogetherComponentGlobalContext),{defaultParams:o}=t.useContext(H)||{},n=null==a?void 0:a.id,i=a&&"number"==typeof a.communities_interacted&&0===a.communities_interacted;return{authActionWrapper:(t,a)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),a);if(!n||i){n||A.deleteCookie(h.BEARER_TOKEN_COOKIE),(null==r?void 0:r._joinCommunityIds)&&(localStorage.setItem("to_join_community_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_community_ids")||"[]")||[]).concat(r._joinCommunityIds).filter(Boolean))))),null==r||delete r._joinCommunityIds),(null==r?void 0:r._joinTopicIds)&&(localStorage.setItem("to_join_topic_ids",JSON.stringify(Array.from(new Set((JSON.parse(localStorage.getItem("to_join_topic_ids")||"[]")||[]).concat(r._joinTopicIds).filter(Boolean))))),null==r||delete r._joinTopicIds);const e=(null==r?void 0:r._location)||window.location.href;return null==r||delete r._location,window.location.href=h.getUrlToSignUp(e,r,l),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Z=F.default.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
button {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
|
-
`,G=
|
|
9
|
+
`,G=m.keyframes`
|
|
10
10
|
0% {
|
|
11
11
|
transform: rotate(0deg);
|
|
12
12
|
}
|
|
13
13
|
100% {
|
|
14
14
|
transform: rotate(360deg);
|
|
15
15
|
}
|
|
16
|
-
`;
|
|
16
|
+
`;F.default.div`
|
|
17
17
|
display: flex;
|
|
18
18
|
width: fit-content;
|
|
19
19
|
width: -moz-fit-content;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
&[data-is-marrybaby='true'] {
|
|
35
35
|
box-shadow: none;
|
|
36
36
|
}
|
|
37
|
-
`;const Q=({className:e,size:t="md"})=>{const{t:a}=
|
|
37
|
+
`;const Q=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return z.default.createElement(Z,{className:e},z.default.createElement(E.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},X=F.default.div`
|
|
38
38
|
.link-info-container {
|
|
39
39
|
padding: 0.5rem 1rem;
|
|
40
40
|
background: ${e=>e.color||"#f4faff"};
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
-
`,K=({title:l,url:
|
|
97
|
+
`,K=({title:l,url:o,image:n,logo:i,className:r,style:s,noRefetch:d})=>{const{data:{locale:c,env:{isMarryBaby:u}}}=t.useContext(h.TogetherComponentGlobalContext),[m,p]=t.useState(!1),g=a.useMantineTheme(),f=t.useRef(d);f.current=d;const[v,x]=t.useState(null);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(!f.current){if(!o)return x(null);x((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:c}),"POST",{data:{link:o},headers:{"Content-Type":"application/json"}}).then((e=>{var t,a,l;p(!1),x({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:o,image:(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.image)||(null===(l=null==e?void 0:e.data)||void 0===l?void 0:l.logo)})})).catch((()=>{x(null)}))}}))}),[o]);const w=(null==v?void 0:v.image)||n,y=(null==v?void 0:v.title)||l,C=(null==v?void 0:v.logo)||i,E=(null==v?void 0:v.url)||o,A=E.replace("http://","").replace("https://","").split(/[/?#]/)[0],N=t.useRef(!1);return z.default.createElement(X,{"data-is-marrybaby":u,className:`${r} no-replace-click`,style:s,color:g.colors[g.primaryColor][0]},z.default.createElement("a",{href:E,target:"_blank",rel:"noreferrer"},w&&z.default.createElement("div",{className:"link-image-wrapper"},!u&&z.default.createElement("img",{className:"link-image-blur",src:w,onError:e=>{N.current||(N.current=!0,e.currentTarget.src=h.DEFAULT_IMG)}}),z.default.createElement("img",{className:"link-image",src:w,onError:e=>{N.current||(N.current=!0,e.currentTarget.src=h.DEFAULT_IMG)}})),z.default.createElement("div",{className:"link-info-container"},z.default.createElement(b.Text,{size:"n1"},u&&C&&!m&&z.default.createElement("img",{className:"link-logo",src:C,onError:()=>p(!0)}),A),z.default.createElement(k.Heading,{tag:"h6"},y))))},$=t.createContext({});var Y="vvR-m49";const J=({children:e,className:a=""})=>{const{isReplied:l,trackingCategory:o,trackingLabel:n,onLikeClick:i}=t.useContext($);return z.default.createElement("div",{className:`${Y} ${a}`,"data-event-category":o,"data-event-action":l?"Like Comment Click":"Like Post Click","data-event-label":n,onClick:()=>{null==i||i()}},e)},ee=({children:e,className:a=""})=>{const{trackingCategory:l,trackingLabel:o,onShareClick:n}=t.useContext($);return z.default.createElement("div",{className:`${Y} ${a}`,onClick:()=>{null==n||n()},"data-event-category":l,"data-event-action":"Share Icon Click","data-event-label":o},e)},te=({children:e,className:a=""})=>{const{isReplied:l,trackingCategory:o,trackingLabel:n,onCommentClick:i}=t.useContext($);return z.default.createElement("div",{className:`${Y} ${a}`,"data-event-category":o,"data-event-action":l?"Reply Comment Click":"Comment Text Click","data-event-label":n,onClick:e=>{e.preventDefault(),e.stopPropagation(),null==i||i()}},e)};var ae,le="UhiT4m5",oe="oEfeTkV",ne="OlbikxJ",ie="_9GXHCn3",re="MV3lNuh";!function(e){e[e.post=1]="post",e[e.reply=2]="reply"}(ae||(ae={}));const se=a=>{var{type:l,loveCount:n=0,replyCount:s=0,replyPadding:d,liked:c,isReplied:u,onCommentClick:m,onLikeClick:p,onShareClick:g,className:f,style:v,hideCommentIcon:x,showingMostEngaging:w,isMarryBaby:y,hasShare:E=!0,hasCountLike:k=!0,trackingCategory:A="Together",trackingLabel:N="",children:T}=a,S=e.__rest(a,["type","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel","children"]);const{data:{env:{isMarryBaby:P}}}=t.useContext(h.TogetherComponentGlobalContext),L=Boolean(y)?y:P,{t:M}=o.useTranslations();return z.default.createElement($.Provider,{value:{liked:c,loveCount:n,trackingCategory:A,trackingLabel:N,isReplied:u,onLikeClick:p,onShareClick:g,onCommentClick:m}},T||z.default.createElement("div",Object.assign({className:`${le} ${f}`,"data-show-most-engaging":w,"data-type":l===ae.post?"post":"reply","data-reply-padding":l===ae.reply&&d,"data-is-marrybaby":L,style:v},S),z.default.createElement("div",{className:oe},z.default.createElement("div",{className:ne},z.default.createElement(J,null,z.default.createElement(b.Text,{className:ie,style:{marginRight:"25px"},size:"p3",as:"div"},z.default.createElement(r.Heart,{className:"txt-icon",isMarryBaby:L,isSolid:c,color:c?L?i.theme.mbColors.pink:i.theme.colors.red800:"#737373"}),k&&z.default.createElement("div",{className:re},n))),E&&z.default.createElement(ee,null,z.default.createElement(b.Text,{size:"p3",className:ie,as:"div"},z.default.createElement(C.Icon.Share,{isMarryBaby:L})))),!x&&z.default.createElement(te,null,z.default.createElement(b.Text,{size:"p3",className:ie,as:"div"},u?z.default.createElement(C.Icon.Reply,{className:"txt-icon"}):z.default.createElement(C.Icon.Comment,{className:"txt-icon",isMarryBaby:L}),u?M("cardReactions.reply"):z.default.createElement("div",{className:re},M("post.commentCount",{count:s})))))))};se.LikeWrapper=J,se.ShareWrapper=ee,se.CommentWrapper=te;const de=a.createStyles((e=>({wrapper:{display:"flex",width:"100%",padding:"0.5rem 0",cursor:"grab",overflowX:"auto","::-webkit-scrollbar":{width:0},"&.sliding":{cursor:"grabbing",userSelect:"none",a:{pointerEvents:"none"}}},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",marginLeft:"0.5rem","*":{pointerEvents:"none"},"&:first-child":{marginLeft:0}},text:{}}))),ce=a=>{var{topics:l,onClick:o,className:n,style:i,trackingCategory:r="Together",locale:s,classNames:d,styles:c,unstyled:u}=a,m=e.__rest(a,["topics","onClick","className","style","trackingCategory","locale","classNames","styles","unstyled"]);const{classes:p}=de(void 0,{name:"TagTopic",classNames:d,styles:c,unstyled:u}),{sliding:g,mouseDownHandler:f,sliderRef:v}=(()=>{const[e,a]=t.useState(!1),l=t.useRef(null),o=t.useRef(null),n=t.useRef();return{sliding:e,mouseDownHandler:function(e){if(l.current){n.current=setTimeout((()=>{a(!0)}),500),o.current={left:l.current.scrollLeft,x:e.clientX};const t=function(e){const t=o.current;if(t){const a=e.clientX-t.x;l.current&&(l.current.scrollLeft=t.left-a)}},i=function(){n.current&&(clearTimeout(n.current),n.current=void 0),a(!1),document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",i)};document.addEventListener("mousemove",t,{passive:!0}),document.addEventListener("mouseup",i,{passive:!0})}},sliderRef:l,pos:o}})(),{data:{env:{togetherBasePath:x}},action:{sanitizeFunction:w}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement("div",Object.assign({ref:v,onClick:o,onMouseDown:e=>f(e),className:`${p.wrapper} ${n} ${g?"sliding":""}`,style:i},m),l.map(((e,t)=>z.default.createElement("a",{className:p.item,key:t,"data-event-category":r,"data-event-action":"Topic in Post Click","data-event-label":`${h.getCurrentBaseUrl(s)}${x}${e.url}`,href:e.isActive&&!e.isHidden?`${x}${e.url}`:void 0},z.default.createElement(b.Text,{size:"p4"},z.default.createElement("span",{dangerouslySetInnerHTML:{__html:(null==w?void 0:w(e.name))||e.name}}))))))},ue=F.default.div`
|
|
98
98
|
display: flex;
|
|
99
99
|
align-items: center;
|
|
100
100
|
justify-content: space-between;
|
|
@@ -161,13 +161,13 @@
|
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
163
|
&.label-sorting {
|
|
164
|
-
${
|
|
164
|
+
${g.MediaQueries.tdUp} {
|
|
165
165
|
padding-bottom: 1.5rem;
|
|
166
166
|
margin-bottom: -0.75rem;
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
`,me=({label:e,rightLabel:a,onClick:l,color:
|
|
170
|
+
`,me=({label:e,rightLabel:a,onClick:l,color:o,className:n,style:i})=>{const{data:{env:{isMarryBaby:r}}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement(ue,{"data-is-marrybaby":r,"data-color":o,onClick:l,className:n,style:i},z.default.createElement(b.Text,{className:"label-sort-pin-heading",size:r?"p4":"p3",type:"bold"},e),a)};const pe=({onClick:e,color:a,className:l,style:n})=>{const{data:{env:{isMarryBaby:i}}}=t.useContext(h.TogetherComponentGlobalContext),{t:r}=o.useTranslations();return z.default.createElement(me,{label:z.default.createElement(z.default.Fragment,null,i&&z.default.createElement("img",{className:"label-sort-pin-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='M3.5 19.9999L7.87 15.6299' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.95634 11.294C4.56534 11.685 4.56534 12.318 4.95634 12.708L7.87434 15.626L10.7923 18.544C11.1833 18.935 11.8163 18.935 12.2063 18.544L13.3813 17.369C13.5693 17.181 13.6743 16.927 13.6743 16.662V12.726L16.5743 9.82597L18.8833 9.94897C19.1663 9.96397 19.4433 9.85797 19.6433 9.65797L20.2173 9.08397C20.6083 8.69297 20.6083 8.05997 20.2173 7.66997L15.8313 3.28397C15.4403 2.89297 14.8073 2.89297 14.4173 3.28397L13.8433 3.85797C13.6423 4.05897 13.5363 4.33497 13.5523 4.61797L13.6753 6.92697L10.7753 9.82697H6.83834C6.57334 9.82697 6.31834 9.93197 6.13134 10.12L4.95634 11.294V11.294Z' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M16.5699 9.83018L13.6699 6.93018' stroke='%23FB8C00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e"})," ",r("label.pinnedPost")),rightLabel:!i&&z.default.createElement("img",{className:"label-sort-pin-icon",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%3cline x1='7.18605' y1='7.68219' x2='3.68219' y2='13.8139' stroke='%23FEA21E' stroke-linecap='round'/%3e%3cpath d='M3.24591 7.78426C3.21275 7.84168 3.20376 7.90993 3.22092 7.97398C3.23808 8.03803 3.27998 8.09264 3.3374 8.12579L8.78429 11.2706C8.90385 11.3396 9.05674 11.2986 9.12578 11.1791C9.71191 10.1641 9.71348 8.97262 9.23682 7.99339L10.8583 5.18521C11.5115 5.00603 12.0982 4.57973 12.4638 3.94629C12.5328 3.82672 12.4919 3.67383 12.3723 3.6048L8.18237 1.18584C8.12494 1.15268 8.0567 1.1437 7.99265 1.16086C7.92861 1.17803 7.874 1.21993 7.84086 1.27736C7.47521 1.91077 7.39934 2.63194 7.57065 3.28723L5.94919 6.09545C4.86323 6.1723 3.83201 6.76934 3.24591 7.78426Z' fill='%23FEA21E' stroke='%23FEA21E' stroke-width='0.5' stroke-linejoin='round'/%3e%3c/svg%3e"}),onClick:e,color:"white",className:`label-pinned ${l}`,style:n})};const ge=F.default.div`
|
|
171
171
|
position: relative;
|
|
172
172
|
display: content;
|
|
173
173
|
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
} */
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
|
-
`,
|
|
336
|
+
`,he=F.default.div`
|
|
337
337
|
display: flex;
|
|
338
338
|
/* max-height: 300px; */
|
|
339
339
|
flex-direction: column;
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
}
|
|
474
474
|
}
|
|
475
475
|
}
|
|
476
|
-
`,
|
|
476
|
+
`,fe=({className:e,style:a,toggleButtonContent:l,position:o="bottom",align:n="end",children:i,buttonProps:r})=>{const{data:{env:{isMarryBaby:s}}}=t.useContext(h.TogetherComponentGlobalContext),[d,c]=t.useState(!1),u=t.useRef(null),m=t.useRef(d);return t.useEffect((()=>{var e;m.current=d,d&&(null===(e=u.current)||void 0===e||e.focus())}),[d]),t.useEffect((()=>{const e=e=>{var t;!(null===(t=u.current)||void 0===t?void 0:t.contains(e.target))&&m.current&&c(!1)};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),z.default.createElement(ge,{"data-is-marrybaby":s,className:e,style:a},z.default.createElement(E.Button,Object.assign({theme:s?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>c((e=>!e))},r),l),d?z.default.createElement("div",{ref:u,className:`popover-menu__content --position-${o} --align-${n}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof i?i({setShow:c}):i):null)};const ve=t=>{var{data:a}=t,l=e.__rest(t,["data"]);return z.default.createElement(fe,Object.assign({},l),(({setShow:e})=>z.default.createElement(be,{data:a,setShow:e})))},be=({data:e,setShow:a})=>{var l;const[o,n]=t.useState(""),r=t.useMemo((()=>e&&((e,t)=>{const a=t.split(".");let l=e;return a.forEach((e=>{var t,a;e&&l&&"list"===(null==l?void 0:l.type)&&(l=null===(a=null===(t=null==l?void 0:l.list)||void 0===t?void 0:t[Number(e)])||void 0===a?void 0:a.subTree)})),l})(e,o)),[e,o]);if(!e)return null;if(!r)return null;return z.default.createElement(he,null,r.isShowheader?z.default.createElement("div",{className:"__header"},o?z.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(".")))}):null,r.title?z.default.createElement(k.Heading,{className:"__title",tag:"h6"},r.title):null):null,r.description?z.default.createElement(b.Text,{className:"tree-text-description",color:i.theme.colors.gray600,size:"p3",type:"regular"},r.description):null,z.default.createElement("div",{className:"__content"},"jsx"===r.type?null===(l=null==r?void 0:r.jsxRenderer)||void 0===l?void 0:l.call(r,a):null,"list"===r.type?z.default.createElement("ul",{className:"__list"},Array.isArray(r.list)?r.list.map(((e,t)=>z.default.createElement("li",{key:t,style:e.style,className:`__item ${e.className}`}," ",z.default.createElement("div",{className:"__btn "+(e.selected?"--checked":""),onClick:()=>((e,{subTree:t,onClick:l=(()=>null)})=>{l&&l(),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&&z.default.createElement("img",{className:"__icon",src:e.icon}),z.default.createElement("span",null,e.label)),e.subTree?z.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"}):null,e.selected?z.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"}):null))):null):null))};var xe;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(xe||(xe={}));const we=t=>{var{size:a=15}=t,l=e.__rest(t,["size"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),z.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"}),z.default.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))};var ye="dZWeHns",Ce="tMiOKib",Ee="uDcqD-2",ke="pDlsows",Ae="m-HVXw1";const Ne=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Ce} ${t}`},e),Te=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Ee} ${t}`},e);var Se="sTU4T4I",Pe="tCql9Je",Le="_3j7uYhH",Me="PHABgoT";const Ie=({avatarProps:e,title:t,subTitle:a,children:l,className:o="",style:n,onAvatarClick:i,avatarIcon:r,dataEventCategory:s,dataEventAction:d,dataEventLabel:c})=>z.default.createElement("div",{className:`${Se} ${o}`,style:n},z.default.createElement("div",{className:Le,onClick:i,"data-event-category":s,"data-event-action":d,"data-event-label":c},z.default.createElement(h.UserAvatar,Object.assign({},e)),r&&z.default.createElement("div",{className:Me},r)),z.default.createElement("div",{className:`${Pe} ${o}`},l||z.default.createElement(z.default.Fragment,null,t&&z.default.createElement(Ne,null,t),a&&z.default.createElement(Te,null,a))));Ie.MainText=Ne,Ie.SubText=Te,Ie.SubDivider=({className:e=""})=>z.default.createElement("span",{className:`${Ae} ${e}`}),Ie.Row=({children:e,className:t=""})=>z.default.createElement("div",{className:`${ye} ${t} row`},e),Ie.ColLeft=({children:e,className:t=""})=>z.default.createElement("div",{className:`${t} col-left`},e),Ie.ColRight=({children:e,className:t=""})=>z.default.createElement("div",{className:`${t} col-right`},e),Ie.SubTextRow=({children:e,className:t=""})=>z.default.createElement("div",{className:`${ke} ${t}`},e);const Re=a=>{var{fallbackSrc:l=s.CommonGAssets.getAssetPath("avatar.jpg")}=a,o=e.__rest(a,["fallbackSrc"]);const n=t.useRef(null),i=o.src||l||"",r=t.useRef(!1);t.useEffect((()=>{i!==l&&n.current&&(n.current.src=i)}),[]),t.useEffect((()=>{r.current=!1}),[i]);return z.default.createElement("img",Object.assign({ref:n},o,{src:i,onError:e=>{var t;r.current||(e.currentTarget.src=l||"",r.current=!0),null===(t=o.onError)||void 0===t||t.call(o,e)}}))},ze=F.default.div`
|
|
477
477
|
position: fixed;
|
|
478
478
|
left: 50%;
|
|
479
479
|
width: 343px;
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
transform: translate(-50%, -50%);
|
|
484
484
|
transition: all 0.5s ease-in-out;
|
|
485
485
|
|
|
486
|
-
${
|
|
486
|
+
${g.MediaQueries.tdUp} {
|
|
487
487
|
width: 750px;
|
|
488
488
|
}
|
|
489
489
|
|
|
@@ -503,7 +503,7 @@
|
|
|
503
503
|
}
|
|
504
504
|
|
|
505
505
|
.popup-content {
|
|
506
|
-
${
|
|
506
|
+
${g.MediaQueries.mbDown} {
|
|
507
507
|
display: block;
|
|
508
508
|
}
|
|
509
509
|
display: flex;
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
text-align: center;
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
|
-
`,
|
|
551
|
+
`,Be=F.default.div`
|
|
552
552
|
position: fixed;
|
|
553
553
|
z-index: 110;
|
|
554
554
|
top: 0;
|
|
@@ -561,7 +561,7 @@
|
|
|
561
561
|
&[data-open='false'] {
|
|
562
562
|
display: none;
|
|
563
563
|
}
|
|
564
|
-
`,
|
|
564
|
+
`,je=F.default.div`
|
|
565
565
|
.image-container {
|
|
566
566
|
.badge-avatar {
|
|
567
567
|
position: absolute;
|
|
@@ -586,7 +586,7 @@
|
|
|
586
586
|
width: 24px;
|
|
587
587
|
height: 24px;
|
|
588
588
|
}
|
|
589
|
-
`,
|
|
589
|
+
`,Fe=F.default.div`
|
|
590
590
|
position: relative;
|
|
591
591
|
z-index: 9;
|
|
592
592
|
.specialty {
|
|
@@ -615,20 +615,20 @@
|
|
|
615
615
|
text-overflow: ellipsis;
|
|
616
616
|
overflow: hidden;
|
|
617
617
|
}
|
|
618
|
-
`;
|
|
618
|
+
`;F.default.span`
|
|
619
619
|
display: flex;
|
|
620
620
|
flex-direction: column;
|
|
621
621
|
justify-content: center;
|
|
622
622
|
margin: 0 0.4em;
|
|
623
623
|
color: ${e=>e.theme.colors.neutral300};
|
|
624
|
-
`,
|
|
624
|
+
`,F.default.div`
|
|
625
625
|
display: inline-block;
|
|
626
626
|
width: 3px;
|
|
627
627
|
height: 3px;
|
|
628
628
|
margin: 0;
|
|
629
629
|
background-color: ${e=>e.theme.colors.gray400};
|
|
630
630
|
border-radius: 50%;
|
|
631
|
-
`,
|
|
631
|
+
`,F.default.div`
|
|
632
632
|
display: flex;
|
|
633
633
|
margin-top: 8px;
|
|
634
634
|
|
|
@@ -636,12 +636,12 @@
|
|
|
636
636
|
width: 24px;
|
|
637
637
|
height: 24px;
|
|
638
638
|
}
|
|
639
|
-
`;const
|
|
639
|
+
`;const Oe=F.default.ul`
|
|
640
640
|
padding-left: 18px;
|
|
641
641
|
li {
|
|
642
642
|
list-style-type: disc;
|
|
643
643
|
}
|
|
644
|
-
`;var De="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",
|
|
644
|
+
`;var De="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 Ue=({isOpen:e=!0,onClose:a,enableAnimation:l=!0,doctorId:n,locale:r,isMobile:d,overwriteProfileProps:c,avatarFallback:u=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{var p,g,f;const{t:v}=o.useTranslations(),[x,w]=t.useState(null),[y,C]=t.useState(!1);t.useEffect((()=>{if(e&&n&&String(null==x?void 0:x.id)!==String(n)){C(!0);try{w(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:n,website_url:h.domainLocales[r]}),"get").then((e=>{w(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),c))}))}catch(e){console.error(e)}C(!1)}}),[e,n,null==x?void 0:x.id]);const k=(null==x?void 0:x.experiences)||[],A=((null==x?void 0:x.specialties)||[]).map((e=>(null==e?void 0:e.name)||e)).join(" • "),N=k.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return z.default.createElement(z.default.Fragment,null,z.default.createElement(ze,{"data-open":e,"data-animation":l,onClick:e=>e.stopPropagation()},y||!x?z.default.createElement(Q,null):z.default.createElement("div",{className:"popup-content"},z.default.createElement("div",{className:"close-button",onClick:a},z.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),z.default.createElement("div",{className:"main-info"},z.default.createElement("div",{className:"border-banner"}),z.default.createElement("div",{className:"avatar-title"},z.default.createElement(je,null,z.default.createElement("div",{className:"image-container"},z.default.createElement("div",{style:{position:"relative"}},z.default.createElement(Re,{src:null==x?void 0:x.avatar,fallbackSrc:u,className:"profile-image",alt:"avatar"}),z.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge"})))),z.default.createElement(Fe,null,z.default.createElement(b.Text,{size:"s3",type:"semiBold",className:"full-name"},null==x?void 0:x.name),z.default.createElement("div",{className:"specialty"},A&&z.default.createElement(z.default.Fragment,null,z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.gray800},A," • ")),z.default.createElement("a",{href:h.getCareHospitalUrl({id:null===(p=null==x?void 0:x.organization)||void 0===p?void 0:p.id,name:null===(g=null==x?void 0:x.organization)||void 0===g?void 0:g.name,slug:null===(f=null==x?void 0:x.organization)||void 0===f?void 0:f.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},z.default.createElement(b.Text,{size:"p4",className:"organisation",color:i.theme.colors.gray800,style:{textDecoration:"underline"}},null==x?void 0:x.organization.name))))),!d&&z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement("a",{href:h.getCareDoctorUrl({name:x.name,id:x.id,locale:r})},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},v("careBooking.bookAnAppointment"))))),N&&z.default.createElement(Fe,null,z.default.createElement("div",{className:"experience"},z.default.createElement(b.Text,{type:"bold",size:"s3",color:i.theme.colors.gray800,style:{paddingBottom:16}},v("expert.content.description").toUpperCase()),z.default.createElement(Oe,null,N.map(((e,t)=>z.default.createElement("li",{key:t},z.default.createElement(b.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)))))),d?z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement("a",{href:h.getCareDoctorUrl({name:x.name,id:x.id,locale:r})},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},v("careBooking.bookAnAppointment")))):z.default.createElement("a",{href:h.getCareDoctorUrl({name:x.name,id:x.id,locale:r})},z.default.createElement(b.Text,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":m,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(r)+h.getCareDoctorUrl({name:x.name,id:x.id,locale:r})},v("home.seeExpert"))))))),z.default.createElement(Be,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))},_e=F.default.div`
|
|
645
645
|
position: fixed;
|
|
646
646
|
left: 50%;
|
|
647
647
|
width: 343px;
|
|
@@ -651,7 +651,7 @@
|
|
|
651
651
|
transform: translate(-50%, -50%);
|
|
652
652
|
transition: all 0.5s ease-in-out;
|
|
653
653
|
|
|
654
|
-
${
|
|
654
|
+
${g.MediaQueries.tdUp} {
|
|
655
655
|
width: 750px;
|
|
656
656
|
}
|
|
657
657
|
|
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
}
|
|
672
672
|
|
|
673
673
|
.popup-content {
|
|
674
|
-
${
|
|
674
|
+
${g.MediaQueries.mbDown} {
|
|
675
675
|
display: block;
|
|
676
676
|
}
|
|
677
677
|
display: flex;
|
|
@@ -713,7 +713,7 @@
|
|
|
713
713
|
text-align: center;
|
|
714
714
|
}
|
|
715
715
|
}
|
|
716
|
-
`,
|
|
716
|
+
`,He=F.default.div`
|
|
717
717
|
position: fixed;
|
|
718
718
|
z-index: 110;
|
|
719
719
|
top: 0;
|
|
@@ -726,7 +726,7 @@
|
|
|
726
726
|
&[data-open='false'] {
|
|
727
727
|
display: none;
|
|
728
728
|
}
|
|
729
|
-
`,
|
|
729
|
+
`,We=F.default.div`
|
|
730
730
|
.image-container {
|
|
731
731
|
.badge-avatar {
|
|
732
732
|
position: absolute;
|
|
@@ -751,7 +751,7 @@
|
|
|
751
751
|
width: 24px;
|
|
752
752
|
height: 24px;
|
|
753
753
|
}
|
|
754
|
-
`,
|
|
754
|
+
`,qe=F.default.div`
|
|
755
755
|
position: relative;
|
|
756
756
|
z-index: 9;
|
|
757
757
|
.specialty {
|
|
@@ -780,20 +780,20 @@
|
|
|
780
780
|
text-overflow: ellipsis;
|
|
781
781
|
overflow: hidden;
|
|
782
782
|
}
|
|
783
|
-
`;
|
|
783
|
+
`;F.default.span`
|
|
784
784
|
display: flex;
|
|
785
785
|
flex-direction: column;
|
|
786
786
|
justify-content: center;
|
|
787
787
|
margin: 0 0.4em;
|
|
788
788
|
color: ${e=>e.theme.colors.neutral300};
|
|
789
|
-
`,
|
|
789
|
+
`,F.default.div`
|
|
790
790
|
display: inline-block;
|
|
791
791
|
width: 3px;
|
|
792
792
|
height: 3px;
|
|
793
793
|
margin: 0;
|
|
794
794
|
background-color: ${e=>e.theme.colors.gray400};
|
|
795
795
|
border-radius: 50%;
|
|
796
|
-
`;const
|
|
796
|
+
`;const Ze=F.default.div`
|
|
797
797
|
display: flex;
|
|
798
798
|
margin-top: 8px;
|
|
799
799
|
|
|
@@ -801,7 +801,7 @@
|
|
|
801
801
|
width: 24px;
|
|
802
802
|
height: 24px;
|
|
803
803
|
}
|
|
804
|
-
`;const
|
|
804
|
+
`;const Ge={author:"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='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",edtior:"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='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%2345A4FF'/%3e%3cpath d='M23.9998 11.9995C23.9998 11.4024 23.9561 10.8154 23.8719 10.2417L18.7952 5.16504L5.04102 18.9585L9.89867 23.8162C10.5809 23.9366 11.283 23.9995 11.9998 23.9995C18.6272 23.9995 23.9998 18.6269 23.9998 11.9995Z' fill='%232D87F3'/%3e%3cpath d='M9.01377 17.824L5.04102 18.9591L6.17609 14.9863L8.54445 15.4556L9.01377 17.824Z' fill='white'/%3e%3cpath d='M8.54399 15.4561L5.04102 18.9591L9.01321 17.824L8.54399 15.4561Z' fill='%23F7F9FC'/%3e%3cpath d='M6.46714 18.5518L5.4485 17.5332L5.04102 18.9593L6.46714 18.5518Z' fill='%23E4E8EC'/%3e%3cpath d='M5.95747 18.043L5.04102 18.9595L6.46659 18.5521L5.95747 18.043Z' fill='%23D2D6DC'/%3e%3cpath d='M15.8281 5.33105L18.6654 8.16829L9.01365 17.82L6.17641 14.9828L15.8281 5.33105Z' fill='%23FFD658'/%3e%3cpath d='M7.59375 16.4043L17.2455 6.75259L18.6638 8.17094L9.0121 17.8226L7.59375 16.4043Z' fill='%23FFC326'/%3e%3cpath d='M18.3123 8.52499L15.4746 5.68737L16.5983 4.56359C17.0386 4.12334 17.7524 4.12334 18.1927 4.56359L19.436 5.8069C19.8763 6.24715 19.8763 6.96096 19.436 7.40121L18.3123 8.52499Z' fill='%23FF5331'/%3e%3cpath d='M18.8155 5.18555L16.8945 7.10648L18.3131 8.52497L19.4368 7.40119C19.877 6.96094 19.877 6.24713 19.4368 5.80688L18.8155 5.18555Z' fill='%23F44D2C'/%3e%3c/svg%3e",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},Qe=({trackingCategory:e="Together",locale:a,isOpen:l=!0,onClose:n,enableAnimation:r=!0,expertId:d,overwriteProfileProps:c,avatarFallback:u=s.CommonGAssets.getAssetPath("avatar.jpg")})=>{const{t:m}=o.useTranslations(),[p,g]=t.useState(null),[f,v]=t.useState(!1);return t.useEffect((()=>{if(l&&d&&String(null==p?void 0:p.user_id)!==String(d)){v(!0);try{g(null),h.callApi(h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_EXPERT_BY_ID,{id:d}),"get").then((e=>{g(Object.assign(Object.assign({},null==e?void 0:e.data),c))}))}catch(e){console.error(e)}v(!1)}}),[l,d,null==p?void 0:p.user_id]),z.default.createElement(z.default.Fragment,null,z.default.createElement(_e,{"data-open":l,"data-animation":r,onClick:e=>e.stopPropagation()},f||!p?z.default.createElement(Q,null):z.default.createElement("div",{className:"popup-content"},z.default.createElement("div",{className:"close-button",onClick:n},z.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),z.default.createElement("div",{className:"main-info"},z.default.createElement("div",{className:"border-banner"}),z.default.createElement("div",{className:"avatar-title"},z.default.createElement(We,null,z.default.createElement("div",{className:"image-container"},z.default.createElement("div",{style:{position:"relative"}},z.default.createElement(Re,{src:null==p?void 0:p.avatar,className:"profile-image",alt:"avatar",fallbackSrc:u}),z.default.createElement("img",{className:"badge-avatar",src:Ge[null==p?void 0:p.role],alt:"badge"})))),z.default.createElement(qe,null,z.default.createElement(b.Text,{size:"s3",className:"full-name",type:"semiBold"},null==p?void 0:p.display_name),z.default.createElement("div",null,z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.gray800},null==p?void 0:p.specialty," • "),z.default.createElement("a",{href:null==p?void 0:p.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},z.default.createElement(b.Text,{size:"p4",className:"organisation",color:i.theme.colors.gray800,style:{textDecoration:"underline"}},null==p?void 0:p.organisation)))))),z.default.createElement(qe,null,z.default.createElement("div",{className:"experience"},z.default.createElement(b.Text,{type:"bold",size:"p4",color:i.theme.colors.gray800,style:{paddingBottom:16}},m("expert.content.description").toUpperCase()),z.default.createElement("div",{className:"list-items"},!!(null==p?void 0:p.experiences)&&p.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,t)=>z.default.createElement(Ze,{key:t},z.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"}),z.default.createElement("div",{className:"text-contain"},z.default.createElement(k.Heading,{tag:"h6",color:i.theme.colors.gray800},null==e?void 0:e.title),z.default.createElement(b.Text,{size:"p2",color:i.theme.colors.gray500},null==e?void 0:e.organization)))))),z.default.createElement("a",{href:null==p?void 0:p.profile_url,style:{display:"inline-block",paddingTop:24}},z.default.createElement(b.Text,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":h.getCurrentBaseUrl(a)+(null==p?void 0:p.profile_url)},m("home.seeExpert"))))))),z.default.createElement(He,{"data-open":l,onClick:e=>{e.stopPropagation(),n()}}))},Xe=F.default.div`
|
|
805
805
|
position: fixed;
|
|
806
806
|
left: 50%;
|
|
807
807
|
width: 343px;
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
transform: translate(-50%, -50%);
|
|
812
812
|
transition: all 0.5s ease-in-out;
|
|
813
813
|
|
|
814
|
-
${
|
|
814
|
+
${g.MediaQueries.tdUp} {
|
|
815
815
|
width: 750px;
|
|
816
816
|
}
|
|
817
817
|
|
|
@@ -831,7 +831,7 @@
|
|
|
831
831
|
}
|
|
832
832
|
|
|
833
833
|
.popup-content {
|
|
834
|
-
${
|
|
834
|
+
${g.MediaQueries.mbDown} {
|
|
835
835
|
display: block;
|
|
836
836
|
}
|
|
837
837
|
display: flex;
|
|
@@ -876,7 +876,7 @@
|
|
|
876
876
|
text-align: center;
|
|
877
877
|
}
|
|
878
878
|
}
|
|
879
|
-
|
|
879
|
+
`,Ke=F.default.div`
|
|
880
880
|
position: fixed;
|
|
881
881
|
z-index: 110;
|
|
882
882
|
top: 0;
|
|
@@ -889,7 +889,7 @@
|
|
|
889
889
|
&[data-open='false'] {
|
|
890
890
|
display: none;
|
|
891
891
|
}
|
|
892
|
-
|
|
892
|
+
`,$e=F.default.div`
|
|
893
893
|
.image-container {
|
|
894
894
|
.badge-avatar {
|
|
895
895
|
position: absolute;
|
|
@@ -914,7 +914,7 @@
|
|
|
914
914
|
width: 24px;
|
|
915
915
|
height: 24px;
|
|
916
916
|
}
|
|
917
|
-
`,
|
|
917
|
+
`,Ye=F.default.div`
|
|
918
918
|
position: relative;
|
|
919
919
|
z-index: 9;
|
|
920
920
|
.specialty {
|
|
@@ -938,20 +938,20 @@
|
|
|
938
938
|
p {
|
|
939
939
|
max-width: 100%;
|
|
940
940
|
}
|
|
941
|
-
`;
|
|
941
|
+
`;F.default.span`
|
|
942
942
|
display: flex;
|
|
943
943
|
flex-direction: column;
|
|
944
944
|
justify-content: center;
|
|
945
945
|
margin: 0 0.4em;
|
|
946
946
|
color: ${e=>e.theme.colors.neutral300};
|
|
947
|
-
`,
|
|
947
|
+
`,F.default.div`
|
|
948
948
|
display: inline-block;
|
|
949
949
|
width: 3px;
|
|
950
950
|
height: 3px;
|
|
951
951
|
margin: 0;
|
|
952
952
|
background-color: ${e=>e.theme.colors.gray400};
|
|
953
953
|
border-radius: 50%;
|
|
954
|
-
`,
|
|
954
|
+
`,F.default.div`
|
|
955
955
|
display: flex;
|
|
956
956
|
margin-top: 8px;
|
|
957
957
|
|
|
@@ -959,142 +959,7 @@
|
|
|
959
959
|
width: 24px;
|
|
960
960
|
height: 24px;
|
|
961
961
|
}
|
|
962
|
-
`;const et=({isOpen:e=!0,onClose:a,enableAnimation:n=!0,hospitalId:r,locale:d,isMobile:m,overwriteProfileProps:p,avatarFallback:g=c.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:f="Together"})=>{const{t:h}=i.useTranslations(),[v,b]=t.useState(null),[x,w]=t.useState(!1);t.useEffect((()=>{if(e&&r&&String(null==v?void 0:v.id)!==String(r)){w(!0);try{b(null),u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:r,website_url:u.domainLocales[d]}),"get").then((e=>{b(Object.assign(Object.assign({},null==e?void 0:e._data.branch),p))}))}catch(e){console.error(e)}w(!1)}}),[e,r,null==v?void 0:v.id]);const y=(null==v?void 0:v.specialties)||[],C=t.useMemo((()=>y.map((e=>e.name))),[y]);return B.default.createElement(B.default.Fragment,null,B.default.createElement(Ke,{"data-open":e,"data-animation":n,onClick:e=>e.stopPropagation()},x||!v?B.default.createElement(Q,null):B.default.createElement("div",{className:"popup-content"},B.default.createElement("div",{className:"close-button",onClick:a},B.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),B.default.createElement("div",{className:"main-info"},B.default.createElement("div",{className:"border-banner"}),B.default.createElement("div",{className:"avatar-title"},B.default.createElement(Ye,null,B.default.createElement("div",{className:"image-container"},B.default.createElement("div",{style:{position:"relative"}},B.default.createElement(Be,{src:null==v?void 0:v.logo,className:"profile-image",alt:"avatar",fallbackSrc:g}),B.default.createElement("img",{className:"badge-avatar",src:Ue,alt:"badge"})))),B.default.createElement(Je,null,B.default.createElement(o.Text,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),B.default.createElement("div",{className:"specialty"},y&&B.default.createElement(o.Text,{size:"p4",color:s.theme.colors.gray800},C.join(" • "),"•"),B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d}),className:"organisation",target:"_blank",rel:"noreferrer"},B.default.createElement(o.Text,{size:"p4",className:"organisation",color:s.theme.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.name))))),!m&&B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),B.default.createElement(Je,null,B.default.createElement("div",{className:"experience"},B.default.createElement(o.Text,{type:"bold",size:"s3",color:s.theme.colors.gray800,style:{paddingBottom:16}},h("hospital.content.description").toUpperCase()),B.default.createElement(o.Text,{size:"p2",color:s.theme.colors.gray500},v.about),m?B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement("div",{className:"btn-wrapper"},B.default.createElement(l.Button,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):B.default.createElement("a",{href:u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},B.default.createElement(o.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":f,"data-event-action":"See Full Hospital Profile","data-event-label":u.getCurrentBaseUrl(d)+u.getCareHospitalUrl({id:v.id,name:v.name,slug:v.slug,locale:d})},h("home.seeHospital"))))))),B.default.createElement($e,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))};var tt="_2UKyiK1",at="E5ga-tI",lt="_8Y2nWXX",ot="d0T7kSP";const nt=({open:e,onClose:t,children:a,profileModalProps:l})=>{const{t:o}=i.useTranslations();return B.default.createElement(S.Modal,Object.assign({className:tt,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},l),B.default.createElement("div",{className:at},B.default.createElement("div",{className:lt},o("profilePanel.modal.heading")),B.default.createElement("div",{className:ot,onClick:t},B.default.createElement(_,null))),a)};O.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=i.useTranslations(),{handleMakeAppointment:o,doctorId:n,hospitalId:r,currentUrl:s}=t.useContext(it);return B.default.createElement(l.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==o||o(n,r),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:B.default.createElement(d.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},B.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:o,name:n,username:r,url:p,avatar:g,role:f,title:h,userType:v="user",expertId:b,isMarryBaby:x,doctorId:w,hospitalId:E,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:z,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:V,badgeIconSize:D,hideBackground:U,children:_,styles:H}=e,{data:{locale:W,router:q,env:{isMarryBaby:Z,togetherBasePath:G}}}=t.useContext(u.TogetherComponentGlobalContext),{t:Q}=i.useTranslations(),{classes:X}=Re(void 0,{name:"CardAuthor",styles:H}),K="boolean"==typeof x?x:Z,$=K?"marryBaby":"helloSites",Y=T?Q("cardPost.anonymous"):n||r||"",J=T?c.CommonGAssets.getAssetPath("avatar.jpg"):g,ee=T?void 0:f,[te,ae]=t.useState(!1),{asPath:le}=q||{},oe=`https://${y.domainLocales[W]}${le}`,ne=()=>{if(T||"chatbot"===v)return!1;S?re(!0):p&&(window.location.href=p)};t.useEffect((()=>{C.toggleNoScroll(te)}),[te]);const[ie,re]=t.useState(!1),se="expert"===(null==e?void 0:e.role),[de,ce]=t.useState(null);return t.useEffect((()=>{ie&&!de&&Promise.resolve().then((function(){return jl})).then((e=>{ce((()=>e.ProfileDetail))}))}),[ie]),B.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:w,hospitalId:E,currentUrl:oe}},B.default.createElement(nt,{open:ie,onClose:()=>re(!1),profileModalProps:I},de&&B.default.createElement(de,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:J,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{re(!1),null==O||O()}},M))),"expert"===ee&&b?B.default.createElement(Xe,{isOpen:te,onClose:()=>ae(!1),expertId:b}):null,"expert"===ee&&w?B.default.createElement(_e,{isOpen:te,onClose:()=>ae(!1),doctorId:w,locale:W}):null,"expert"===ee&&E?B.default.createElement(et,{isOpen:te,onClose:()=>ae(!1),hospitalId:E,locale:W}):null,B.default.createElement("div",{className:`hhg-card-author ${X.root} ${l} ${se?"expert-author":""}`,"data-background":!U&&se,"data-is-marrybaby":K},B.default.createElement(Ie,{onAvatarClick:ne,avatarProps:Object.assign(Object.assign({avatar:T?c.CommonGAssets.getAssetPath(K?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):J,username:Y},z),{style:{cursor:T||!p&&!S?"default":"pointer"}}),avatarIcon:V||se&&B.default.createElement(we,{size:D||15})},_?B.default.createElement("div",{onClick:ne},_):!j&&B.default.createElement(Ie.Row,null,B.default.createElement(Ie.ColLeft,null,B.default.createElement(a.Flex,{align:"center",onClick:ne},B.default.createElement(Ie.MainText,{onClick:ne},Y,"chatbot"===v?B.default.createElement(B.default.Fragment,null," ",B.default.createElement(d.ShieldCheck,{color:s.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):ee&&B.default.createElement(m.AuthorBadge,{className:X.authorBadge,siteType:$,role:ee,title:h,style:{verticalAlign:"bottom"}}))),P||B.default.createElement(Ie.SubTextRow,null,(null==o?void 0:o.name)&&B.default.createElement(Ie.SubText,null,B.default.createElement("a",Object.assign({href:(null==o?void 0:o.slug)&&o.isActive&&!o.isHidden?`${G}/${null==o?void 0:o.slug}`:void 0,className:"author-community-name"},N),`${null==o?void 0:o.name}`)),F&&B.default.createElement(B.default.Fragment,null,B.default.createElement(Ie.SubDivider,null),B.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&B.default.createElement(Ie.ColRight,null,B.default.createElement(rt,{siteType:$})))),R&&R))};st.BookingBtn=rt,st.MainText=Ie.MainText,st.SubText=Ie.SubText,st.SubTextRow=Ie.SubTextRow,st.SubDivider=Ie.SubDivider;const dt=e=>({message:e("notification.failure"),type:"danger"}),ct=V.default.div`
|
|
963
|
-
position: relative;
|
|
964
|
-
display: flex;
|
|
965
|
-
height: 100%;
|
|
966
|
-
flex-direction: column;
|
|
967
|
-
padding: 16px 24px;
|
|
968
|
-
|
|
969
|
-
.input-group-container {
|
|
970
|
-
flex: 1;
|
|
971
|
-
padding-right: 2px;
|
|
972
|
-
padding-left: 2px;
|
|
973
|
-
margin-bottom: 0.5rem;
|
|
974
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
975
|
-
overflow-y: auto;
|
|
976
|
-
scrollbar-width: none; /* Firefox */
|
|
977
|
-
&::-webkit-scrollbar {
|
|
978
|
-
display: none;
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
.input-group {
|
|
983
|
-
:not(:last-child) {
|
|
984
|
-
margin-bottom: 0.6rem;
|
|
985
|
-
}
|
|
986
|
-
|
|
987
|
-
input:focus,
|
|
988
|
-
textarea:focus,
|
|
989
|
-
[contenteditable='true'] {
|
|
990
|
-
outline: none;
|
|
991
|
-
}
|
|
992
|
-
|
|
993
|
-
label {
|
|
994
|
-
margin-bottom: 5px;
|
|
995
|
-
color: ${e=>e.theme.colors.gray600};
|
|
996
|
-
/* font-family: 'Open Sans', sans-serif; */
|
|
997
|
-
font-size: 13px;
|
|
998
|
-
font-weight: bold;
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
|
-
.input-group-label {
|
|
1002
|
-
margin-bottom: 5px;
|
|
1003
|
-
color: ${e=>e.theme.colors.gray600};
|
|
1004
|
-
/* font-family: 'Open Sans', sans-serif; */
|
|
1005
|
-
font-size: 13px;
|
|
1006
|
-
font-weight: bold;
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
.input-notification {
|
|
1010
|
-
display: flex;
|
|
1011
|
-
|
|
1012
|
-
& > img {
|
|
1013
|
-
width: 16px;
|
|
1014
|
-
height: 16px;
|
|
1015
|
-
margin-top: 1.5px;
|
|
1016
|
-
margin-right: 8px;
|
|
1017
|
-
}
|
|
1018
|
-
}
|
|
1019
|
-
|
|
1020
|
-
.tag-list {
|
|
1021
|
-
}
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
.warning {
|
|
1025
|
-
margin-top: 16px;
|
|
1026
|
-
}
|
|
1027
|
-
|
|
1028
|
-
.submit-btn {
|
|
1029
|
-
width: 100%;
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
.switch-label {
|
|
1033
|
-
display: flex;
|
|
1034
|
-
align-items: center;
|
|
1035
|
-
}
|
|
1036
|
-
|
|
1037
|
-
.swich-input-group {
|
|
1038
|
-
padding: 12px 16px;
|
|
1039
|
-
border-radius: 8px;
|
|
1040
|
-
background: ${s.theme.colors.neutral50};
|
|
1041
|
-
|
|
1042
|
-
&.askdoctor-switch {
|
|
1043
|
-
background: ${s.theme.colors.primary50};
|
|
1044
|
-
&.mb-color {
|
|
1045
|
-
background: ${s.theme.mbColors.tonePink};
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
.mantine-Switch-labelWrapper {
|
|
1050
|
-
flex-grow: 1;
|
|
1051
|
-
}
|
|
1052
|
-
.mantine-Checkbox-body {
|
|
1053
|
-
display: flex;
|
|
1054
|
-
width: 100%;
|
|
1055
|
-
align-items: center;
|
|
1056
|
-
justify-content: space-between;
|
|
1057
|
-
}
|
|
1058
|
-
.mantine-Switch-track {
|
|
1059
|
-
margin-bottom: 0;
|
|
1060
|
-
}
|
|
1061
|
-
.label-txt {
|
|
1062
|
-
font-weight: normal;
|
|
1063
|
-
font-size: 14px;
|
|
1064
|
-
color: ${s.theme.colors.gray800};
|
|
1065
|
-
margin-left: 10px;
|
|
1066
|
-
}
|
|
1067
|
-
}
|
|
1068
|
-
`,ut=V.default.div`
|
|
1069
|
-
display: flex;
|
|
1070
|
-
width: 100%;
|
|
1071
|
-
align-items: center;
|
|
1072
|
-
justify-content: space-between;
|
|
1073
|
-
padding: 12px 16px;
|
|
1074
|
-
border-radius: 8px;
|
|
1075
|
-
background: ${s.theme.colors.primary50};
|
|
1076
|
-
|
|
1077
|
-
&[data-is-marry-baby='true'] {
|
|
1078
|
-
background: ${s.theme.mbColors.tonePink};
|
|
1079
|
-
}
|
|
1080
|
-
.switch-label {
|
|
1081
|
-
display: flex;
|
|
1082
|
-
align-items: center;
|
|
1083
|
-
gap: 12px;
|
|
1084
|
-
}
|
|
1085
|
-
margin-bottom: 12px;
|
|
1086
|
-
`,mt=V.default.div`
|
|
1087
|
-
margin-bottom: 12px;
|
|
1088
|
-
color: ${s.theme.colors.red700};
|
|
1089
|
-
svg {
|
|
1090
|
-
margin-right: 5px;
|
|
1091
|
-
}
|
|
1092
|
-
svg,
|
|
1093
|
-
span {
|
|
1094
|
-
display: inline-block;
|
|
1095
|
-
vertical-align: middle;
|
|
1096
|
-
}
|
|
1097
|
-
`,pt=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return B.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),B.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:l}))};pt.defaultProps={size:24,color:s.theme.colors.gray600};var gt="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ft=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,ht=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,vt=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,bt=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,xt=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,wt=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,yt=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Ct=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,Et=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,kt=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,At=({url:e,text:t,method:a})=>{const l=t.indexOf(t.trimStart()),o=t.trimEnd().length,n=t.substring(0,l),i=t.substring(l,o),r=t.substring(o);return"edit"===a?`${n}<mocka data-href="${e}" data-url="true">${i}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${n}<a href="${e}" target="_blank">${i}</a>${r}`:t},Nt=(e,t)=>e.replace(vt,((e,a,l)=>At({text:l||a,url:a,method:t}))).replace(Et,((e,a,l)=>At({text:l||a,url:a,method:t}))),Tt=(e,t=[])=>e.replace(wt,((e,a,l)=>{const o=t.find((e=>String(e.id)===a));if(!o){if(!l)return"";let e="";return l.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${o.name}">${o.name}</mention>`})),St=e=>{const t=[];return e.replace(/(\&)+/g,"&").replace(ht,((e,a,l)=>('="'!==a&&'data-url="true">'!==a&&t.push(l),e))),t},Pt=(e,t)=>{const a=[];return e.replace(bt,((e,t)=>(a.push(t),e))).replace(wt,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Lt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Mt=e=>e.replace(kt,"$1"),It=(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(ht,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(ft,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return o?`<a href="${o}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(bt,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(Mt(e)),t),Rt=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Bt=e=>e.match(Ct)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",zt=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return Mt(e).replace(new RegExp(`\\b(${a.map((e=>Lt(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},jt=(t,a,l)=>"string"==typeof t?Promise.resolve(t):e.__awaiter(void 0,void 0,void 0,(function*(){var e;const o=new FormData;if(t.type.startsWith("image/gif"))o.append("image",t);else{const e=yield Promise.resolve().then((function(){return I(require("browser-image-compression"))})),a=yield e.default(t,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});o.append("image",a)}const n=l?u.callApiWithAdminAuth:u.callApiWithAuth,i=yield n(u.getApiPath(l?u.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:u.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:a}),"POST",{data:o});return(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.image)||""})),Ft=(e,a)=>{const[l,o]=t.useState(e||[]);return{onSelectImages:t=>{const n=t.target.files;if(n)if(a&&e){a((e||l).concat(Array.from(n)))}else o((t=>{const l=e||t;return a&&a(l.concat(Array.from(n))),l.concat(Array.from(n))}))},onRemoveImage:t=>{if(a&&e){const l=e;l.splice(t,1),a(l.slice())}else o((l=>{const o=e||l;return o.splice(t,1),a&&a(o.slice()),o.slice()}))},onRemoveAllImages:()=>{a?a([]):o([])},imageSrcs:t.useMemo((()=>(e||l).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,l]),imageFiles:e||l}},Ot=V.default.div`
|
|
962
|
+
`;const Je=({isOpen:e=!0,onClose:a,enableAnimation:l=!0,hospitalId:n,locale:r,isMobile:d,overwriteProfileProps:c,avatarFallback:u=s.CommonGAssets.getAssetPath("avatar.jpg"),trackingCategory:m="Together"})=>{const{t:p}=o.useTranslations(),[g,f]=t.useState(null),[v,x]=t.useState(!1);t.useEffect((()=>{if(e&&n&&String(null==g?void 0:g.id)!==String(n)){x(!0);try{f(null),h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:n,website_url:h.domainLocales[r]}),"get").then((e=>{f(Object.assign(Object.assign({},null==e?void 0:e._data.branch),c))}))}catch(e){console.error(e)}x(!1)}}),[e,n,null==g?void 0:g.id]);const w=(null==g?void 0:g.specialties)||[],y=t.useMemo((()=>w.map((e=>e.name))),[w]);return z.default.createElement(z.default.Fragment,null,z.default.createElement(Xe,{"data-open":e,"data-animation":l,onClick:e=>e.stopPropagation()},v||!g?z.default.createElement(Q,null):z.default.createElement("div",{className:"popup-content"},z.default.createElement("div",{className:"close-button",onClick:a},z.default.createElement("img",{src:De,style:{width:20,height:20},alt:"close-icon"})),z.default.createElement("div",{className:"main-info"},z.default.createElement("div",{className:"border-banner"}),z.default.createElement("div",{className:"avatar-title"},z.default.createElement($e,null,z.default.createElement("div",{className:"image-container"},z.default.createElement("div",{style:{position:"relative"}},z.default.createElement(Re,{src:null==g?void 0:g.logo,className:"profile-image",alt:"avatar",fallbackSrc:u}),z.default.createElement("img",{className:"badge-avatar",src:Ve,alt:"badge"})))),z.default.createElement(Ye,null,z.default.createElement(b.Text,{size:"s3",type:"semiBold",className:"full-name"},null==g?void 0:g.name),z.default.createElement("div",{className:"specialty"},w&&z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.gray800},y.join(" • "),"•"),z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},z.default.createElement(b.Text,{size:"p4",className:"organisation",color:i.theme.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.name))))),!d&&z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment"))))),z.default.createElement(Ye,null,z.default.createElement("div",{className:"experience"},z.default.createElement(b.Text,{type:"bold",size:"s3",color:i.theme.colors.gray800,style:{paddingBottom:16}},p("hospital.content.description").toUpperCase()),z.default.createElement(b.Text,{size:"p2",color:i.theme.colors.gray500},g.about),d?z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement("div",{className:"btn-wrapper"},z.default.createElement(E.Button,{color:"primary",size:"md",className:"btn-booking"},p("careBooking.bookAnAppointment")))):z.default.createElement("a",{href:h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},z.default.createElement(b.Text,{size:"s4",color:"#2D87F3",as:"span","data-event-category":m,"data-event-action":"See Full Hospital Profile","data-event-label":h.getCurrentBaseUrl(r)+h.getCareHospitalUrl({id:g.id,name:g.name,slug:g.slug,locale:r})},p("home.seeHospital"))))))),z.default.createElement(Ke,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))};var et="_2UKyiK1",tt="E5ga-tI",at="_8Y2nWXX",lt="d0T7kSP";const ot=({open:e,onClose:t,children:a,profileModalProps:l})=>{const{t:n}=o.useTranslations();return z.default.createElement(S.Modal,Object.assign({className:et,opened:e,onClose:t,overlayOpacity:.2,overflow:"inside",styles:{inner:{padding:0,justifyContent:"flex-end",borderRadius:0},modal:{height:"100%",borderRadius:0},body:{padding:"24px",maxHeight:"100%"}},title:"Profile"},l),z.default.createElement("div",{className:tt},z.default.createElement("div",{className:at},n("profilePanel.modal.heading")),z.default.createElement("div",{className:lt,onClick:t},z.default.createElement(_,null))),a)};var nt=a.createStyles((()=>({root:{},authorBadge:{background:"yellow"}})));j.default.extend(U.default);const it=t.createContext({}),rt=({siteType:e})=>{const{t:a}=o.useTranslations(),{handleMakeAppointment:l,doctorId:n,hospitalId:i,currentUrl:s}=t.useContext(it);return z.default.createElement(E.Button,{theme:e,color:"primary",size:"xs",onClick:e=>{null==l||l(n,i),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:s,icon:z.default.createElement(r.ArrowRight,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},z.default.createElement("span",null,a("careBooking.bookAnAppointment")))},st=e=>{const{className:l="",community:n,name:d,username:c,url:u,avatar:m,role:v,title:b,userType:x="user",expertId:w,isMarryBaby:y,doctorId:C,hospitalId:E,hasQuickBooking:k,handleMakeAppointment:A,communityTrackingAttr:N,isAnonymous:T,showDetailPopup:S,subLine:P,authActionWrapper:L,profileProps:M,profileModalProps:I,extendEle:R,avatarProps:B,hideInfo:j,timeText:F,onCloseFromPost:O,avatarIcon:D,badgeIconSize:V,hideBackground:U,children:_,styles:H,dataEventCategory:W,dataEventAction:q,dataEventLabel:Z}=e,{data:{locale:G,router:Q,env:{isMarryBaby:X,togetherBasePath:K}}}=t.useContext(h.TogetherComponentGlobalContext),{t:$}=o.useTranslations(),{classes:Y}=nt(void 0,{name:"CardAuthor",styles:H}),J="boolean"==typeof y?y:X,ee=J?"marryBaby":"helloSites",te=T?$("cardPost.anonymous"):d||c||"",ae=T?s.CommonGAssets.getAssetPath("avatar.jpg"):m,le=T?void 0:v,[oe,ne]=t.useState(!1),{asPath:ie}=Q||{},re=`https://${p.domainLocales[G]}${ie}`,se=()=>{if(T||"chatbot"===x)return!1;S?ce(!0):u&&(window.location.href=u)};t.useEffect((()=>{g.toggleNoScroll(oe)}),[oe]);const[de,ce]=t.useState(!1),ue="expert"===(null==e?void 0:e.role),[me,pe]=t.useState(null);return t.useEffect((()=>{de&&!me&&Promise.resolve().then((function(){return jl})).then((e=>{pe((()=>e.ProfileDetail))}))}),[de]),z.default.createElement(it.Provider,{value:{handleMakeAppointment:A,doctorId:C,hospitalId:E,currentUrl:re}},z.default.createElement(ot,{open:de,onClose:()=>ce(!1),profileModalProps:I},me&&z.default.createElement(me,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:ae,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:L,onCloseFromPost:()=>{ce(!1),null==O||O()}},M))),"expert"===le&&w?z.default.createElement(Qe,{isOpen:oe,onClose:()=>ne(!1),expertId:w}):null,"expert"===le&&C?z.default.createElement(Ue,{isOpen:oe,onClose:()=>ne(!1),doctorId:C,locale:G}):null,"expert"===le&&E?z.default.createElement(Je,{isOpen:oe,onClose:()=>ne(!1),hospitalId:E,locale:G}):null,z.default.createElement("div",{className:`hhg-card-author ${Y.root} ${l} ${ue?"expert-author":""}`,"data-background":!U&&ue,"data-is-marrybaby":J},z.default.createElement(Ie,{dataEventCategory:W,dataEventAction:q,dataEventLabel:Z,onAvatarClick:se,avatarProps:Object.assign(Object.assign({avatar:T?s.CommonGAssets.getAssetPath(J?"anomyous-avatar-1.svg":"anomyous-avatar.svg"):ae,username:te},B),{style:{cursor:T||!u&&!S?"default":"pointer"}}),avatarIcon:D||ue&&z.default.createElement(we,{size:V||15})},_?z.default.createElement("div",{onClick:se},_):!j&&z.default.createElement(Ie.Row,null,z.default.createElement(Ie.ColLeft,null,z.default.createElement(a.Flex,{align:"center",onClick:se},z.default.createElement(Ie.MainText,{onClick:se},te,"chatbot"===x?z.default.createElement(z.default.Fragment,null," ",z.default.createElement(r.ShieldCheck,{color:i.theme.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):le&&z.default.createElement(f.AuthorBadge,{className:Y.authorBadge,siteType:ee,role:le,title:b,style:{verticalAlign:"bottom"}}))),P||z.default.createElement(Ie.SubTextRow,null,(null==n?void 0:n.name)&&z.default.createElement(Ie.SubText,null,z.default.createElement("a",Object.assign({href:(null==n?void 0:n.slug)&&n.isActive&&!n.isHidden?`${K}/${null==n?void 0:n.slug}`:void 0,className:"author-community-name"},N),`${null==n?void 0:n.name}`)),F&&z.default.createElement(z.default.Fragment,null,z.default.createElement(Ie.SubDivider,null),z.default.createElement(Ie.SubText,{className:"time-text"},F)))),k&&z.default.createElement(Ie.ColRight,null,z.default.createElement(rt,{siteType:ee})))),R&&R))};st.BookingBtn=rt,st.MainText=Ie.MainText,st.SubText=Ie.SubText,st.SubTextRow=Ie.SubTextRow,st.SubDivider=Ie.SubDivider;const dt=e=>({message:e("notification.failure"),type:"danger"}),ct=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99967 1.33331C4.31967 1.33331 1.33301 4.31998 1.33301 7.99998C1.33301 11.68 4.31967 14.6666 7.99967 14.6666C11.6797 14.6666 14.6663 11.68 14.6663 7.99998C14.6663 4.31998 11.6797 1.33331 7.99967 1.33331ZM7.99967 8.66665C7.63301 8.66665 7.33301 8.36665 7.33301 7.99998V5.33331C7.33301 4.96665 7.63301 4.66665 7.99967 4.66665C8.36634 4.66665 8.66634 4.96665 8.66634 5.33331V7.99998C8.66634 8.36665 8.36634 8.66665 7.99967 8.66665ZM7.33301 9.99998V11.3333H8.66634V9.99998H7.33301Z",fill:l}))};ct.defaultProps={size:24,color:i.theme.colors.gray600};var ut="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%23FE921D'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const mt=/<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,gt=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,ht=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ft=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,vt=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,bt=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,xt=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,wt=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,yt=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,Ct=({url:e,text:t,method:a})=>{const l=t.indexOf(t.trimStart()),o=t.trimEnd().length,n=t.substring(0,l),i=t.substring(l,o),r=t.substring(o);return"edit"===a?`${n}<mocka data-href="${e}" data-url="true">${i}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${n}<a href="${e}" target="_blank">${i}</a>${r}`:t},Et=(e,t)=>e.replace(gt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))).replace(wt,((e,a,l)=>Ct({text:l||a,url:a,method:t}))),kt=(e,t=[])=>e.replace(vt,((e,a,l)=>{const o=t.find((e=>String(e.id)===a));if(!o){if(!l)return"";let e="";return l.replace(/\+name="([^<"]+)"/i,((t,a)=>(e=a,t))),`<mention data-id="${a}" data-name="${e}">${e}</mention>`}return`<mention data-id="${a}" data-name="${o.name}">${o.name}</mention>`})),At=e=>{const t=[];return e.replace(/(\&)+/g,"&").replace(pt,((e,a,l)=>('="'!==a&&'data-url="true">'!==a&&t.push(l),e))),t},Nt=(e,t)=>{const a=[];return e.replace(ht,((e,t)=>(a.push(t),e))).replace(vt,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},Tt=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),St=e=>e.replace(yt,"$1"),Pt=(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(mt,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return o?`<a href="${o}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(ht,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(St(e)),t),Lt=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],Mt=e=>e.match(xt)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",It=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return St(e).replace(new RegExp(`\\b(${a.map((e=>Tt(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},Rt=(t,a,l)=>"string"==typeof t?Promise.resolve(t):e.__awaiter(void 0,void 0,void 0,(function*(){var e;const o=new FormData;if(t.type.startsWith("image/gif"))o.append("image",t);else{const e=yield Promise.resolve().then((function(){return I(require("browser-image-compression"))})),a=yield e.default(t,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});o.append("image",a)}const n=l?h.callApiWithAdminAuth:h.callApiWithAuth,i=yield n(h.getApiPath(l?h.ADMIN_PATHS.COMMENT.IMAGE_UPLOAD:h.PATHS.COMMENT.IMAGE_UPLOAD,{_locale:a}),"POST",{data:o});return(null===(e=null==i?void 0:i.data)||void 0===e?void 0:e.image)||""})),zt=(e,a)=>{const[l,o]=t.useState(e||[]);return{onSelectImages:t=>{const n=t.target.files;if(n)if(a&&e){a((e||l).concat(Array.from(n)))}else o((t=>{const l=e||t;return a&&a(l.concat(Array.from(n))),l.concat(Array.from(n))}))},onRemoveImage:t=>{if(a&&e){const l=e;l.splice(t,1),a(l.slice())}else o((l=>{const o=e||l;return o.splice(t,1),a&&a(o.slice()),o.slice()}))},onRemoveAllImages:()=>{a?a([]):o([])},imageSrcs:t.useMemo((()=>(e||l).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,l]),imageFiles:e||l}},Bt=F.default.div`
|
|
1098
963
|
input:focus,
|
|
1099
964
|
textarea:focus,
|
|
1100
965
|
[contenteditable='true'] {
|
|
@@ -1213,7 +1078,7 @@
|
|
|
1213
1078
|
margin-right: 8px;
|
|
1214
1079
|
}
|
|
1215
1080
|
}
|
|
1216
|
-
`,
|
|
1081
|
+
`,jt=F.default.div`
|
|
1217
1082
|
height: 100%;
|
|
1218
1083
|
position: relative;
|
|
1219
1084
|
width: 100%;
|
|
@@ -1412,7 +1277,7 @@
|
|
|
1412
1277
|
}
|
|
1413
1278
|
}
|
|
1414
1279
|
}
|
|
1415
|
-
`;let Dt=null;function Ut(e){var t,a;let l=-1;if(void 0!==window.getSelection){const o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){const o=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(o){const t=o.cloneRange();t.selectNodeContents(e),t.setEnd(o.endContainer,o.endOffset),l=_t(t.cloneContents().childNodes,l);const n=null===(a=o.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),i=o.endContainer.nodeValue||o.endContainer.outerHTML;n&&(null==i?void 0:i.length)&&(l=l-o.endOffset+(n.outerHTML.length-(null==n?void 0:n.outerHTML.lastIndexOf(i))))}}}return l}function _t(e,t){return e.forEach(((a,l)=>{const o=l+1===e.length;if(a.nodeType===Node.ELEMENT_NODE){const e=a.outerHTML;if(!o)return void(t+=e.length);t+=e.indexOf(">")+1,t=_t(a.childNodes,t)}else a.nodeType===Node.TEXT_NODE&&(t+=(a.nodeValue||"").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").length)})),t}e.__awaiter(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield Promise.resolve().then((function(){return I(require("react-quill"))}));Dt=e.default;const t=e.Quill||Dt.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 l extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return l.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,l;t&&(null===(l=null===(a=null==t?void 0:t["data-text"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===l?void 0:l.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"]))}}l.blotName="mocka1",l.tagName="mocka",t.register(l);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.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,l;t&&t["data-id"]&&(null===(l=null===(a=null==t?void 0:t["data-name"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===l?void 0:l.replace(/(\u200c|‌)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))}}o.blotName="mention",o.tagName="mention",t.register(o)}));const Ht=(e,t)=>{var a;const{formatUrl:l,bannedWords:o=[]}=t||{},n=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(xt,((e,t,a,l)=>{if(l!==a){const e=a.split(" "),o=e.findIndex(((t,a)=>{const o=e.slice(0,a+1).join(" ");return!l.startsWith(o)}));if(0===o)return`@${l}`;{const a=(o<0?e:e.slice(0,o)).join(" "),n=l.slice(a.length).trim();return console.log(o,a,n),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${n} `}}return e}));if(!l)return{value:zt(n,o)};let i=(e=>e.replace(kt,((e,t)=>{const a=document.createElement("div");a.innerHTML=e;const l=a.firstChild;return(null==l?void 0:l.innerText)!==(null==l?void 0:l.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(ft,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return!o||o===a||a.match(yt)?a:o?`<a href="${o}">${a}</a>`:`<a href="${a}">${a}</a>`})).replace(ht,((e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){const e=a.toLowerCase(),t=`${e.startsWith("http")?"":" https://"}${e}`;return At({text:t,url:t,method:"edit"})}return e})).replace(Et,((e,t,a)=>At({text:a||t,url:t,method:"edit"})))})(n));const r=(e=>{var t;return[...St(e),...(null===(t=e.match(ft))||void 0===t?void 0:t.map((e=>{var t,a;const l=null===(t=e.match(/data-href="([^"]*)"/im))||void 0===t?void 0:t[1],o=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return l||o})))||[]].filter((e=>!!e))})(n);if(r){const e=[];let t="";return r.forEach((t=>{if(t)try{const a=new URL(t);Rt.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(i=i.replace(new RegExp(`data-url="true">(${e.map(Lt).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(Lt).join("|")})" data-url="true">`,"gi"),'data-href="$1" data-error="true" data-url="true">')),t=null===(a=r.filter((t=>-1===e.indexOf(t))))||void 0===a?void 0:a[0],{invalidUrls:e,previewUrl:t,value:zt(i,o)}}return{value:zt(i,o)}},Wt=({html:a,onChange:l,className:n,style:i,onImagePickerClick:r,bannedWords:s=[],onInvalidUrlsChange:d,onPreviewUrlChange:c,setEditorRef:m,isReplying:p})=>{var g,f,h,v;const b=t.useRef([]);b.current=s;const[x,w]=t.useState([]),[y,C]=t.useState(null),{data:{locale:E}}=t.useContext(u.TogetherComponentGlobalContext),k=(null==s?void 0:s.join(","))||"";t.useEffect((()=>{var e,t;const a=null===(t=null===(e=z.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;S(a)}),[k]);const N=e=>{y&&y.url===e||(C({url:e,isFetching:!0}),u.callApi(u.getApiPath(u.PATHS.FETCH_PREVIEW,{_locale:E}),"POST",{data:{link:e}}).then((t=>{var a,l,o,n;C({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.description,image:(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.image)||(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.logo),url:e})})).catch((()=>{C(null)})))},T=t.useRef(N);T.current=N;const S=t.useCallback(j.default((e=>{if(e){const t=Ht(e,{bannedWords:b.current,formatUrl:!0}),{invalidUrls:a,previewUrl:o,value:n}=t;a&&w(a),o?T.current(o):C(null),n!==e&&(null==l||l(n))}}),500),[]);t.useEffect((()=>{d&&d(x)}),[x]),t.useEffect((()=>{c&&((null==y?void 0:y.url)?c({title:y.title||"",url:y.url||"",image:y.image||"",description:y.description||""}):c(null))}),[y]);const L=t.useRef(r);L.current=r;const M=P.useUniqueId(),I=t.useRef({toolbar:{handlers:{image:()=>{var e;return null===(e=L.current)||void 0===e?void 0:e.call(L)},link:()=>!1},container:"#toolbar-"+M},preserveWhiteSpace:!0}),R=t.useRef(-1),z=t.useRef(null);m&&(null===(f=null===(g=z.current)||void 0===g?void 0:g.getEditor())||void 0===f?void 0:f.root)&&m(null===(v=null===(h=z.current)||void 0===h?void 0:h.getEditor())||void 0===v?void 0:v.root);const F=()=>{var e,t,a,l,o,n,i,r;if(null===(t=null===(e=z.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Ut(null===(l=null===(a=z.current)||void 0===a?void 0:a.getEditor())||void 0===l?void 0:l.root),t=null===(n=null===(o=z.current)||void 0===o?void 0:o.getEditor())||void 0===n?void 0:n.root.innerHTML;if(e>=0&&e<t.length){if(Pt(t,!0).length<30-(p?1:0)){const e=function(e){var t,a;let l=null;if(void 0!==window.getSelection){const o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){const o=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(o){const t=o.cloneRange();t.selectNodeContents(e),t.setEnd(o.endContainer,o.endOffset);const n=(t.endContainer.nodeValue||"").substring(0,o.endOffset),i=n.lastIndexOf("@");if(i+1<n.length&&(0===i||" @"===n.slice(i-1,i+1))){const e=null===(a=n.slice(i+1))||void 0===a?void 0:a.trim();if(e){t.setStart(o.endContainer,i);const a=t.cloneRange();a.setStart(a.endContainer,i),l={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return l}(null===(r=null===(i=z.current)||void 0===i?void 0:i.getEditor())||void 0===r?void 0:r.root);e?(_(e.name,e.rect),q.current=e.replaceRange):(q.current=null,_("",null))}else q.current=null,_("",null);R.current=e}}else V([])},[O,V]=t.useState([]),[D,U]=t.useState({top:0,left:0}),_=t.useCallback(j.default(((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,o,n,i;if(!t||!DOMRect)return V([]);const r=yield((null===(e=A.getCookie(u.BEARER_TOKEN_COOKIE))||void 0===e?void 0:e.length)||0)>0?u.callApiWithAuth(u.getApiPath(u.PATHS.SEARCH_USER,{_locale:E,name:t}),"get"):u.callApiWithAdminAuth(u.getApiPath(u.ADMIN_PATHS.SEARCH_USER,{_locale:E,name:t}),"get");Q(0),V(null===(n=null===(o=null==r?void 0:r.data)||void 0===o?void 0:o.users)||void 0===n?void 0:n.filter((e=>!(null==l?void 0:l.includes(String(e.id))))));const s=a,d=null===(i=W.current)||void 0===i?void 0:i.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,U(a)}}))),500),[]),H=(e,t)=>{var a,l,o;if(q.current){q.current.deleteContents();const n=document.createElement("mention");n.setAttribute("data-id",e),n.setAttribute("data-name",t),n.innerText=t;const i=document.createTextNode(" ");q.current.insertNode(i),q.current.insertNode(n);(null===(l=null===(a=z.current)||void 0===a?void 0:a.getEditor())||void 0===l?void 0:l.root).focus();const r=null===(o=window.getSelection())||void 0===o?void 0:o.getRangeAt(0);null==r||r.setStart(q.current.endContainer,q.current.endOffset),null==r||r.setEnd(q.current.endContainer,q.current.endOffset)}V([])},W=t.useRef(null),q=t.useRef(null),Z=t.useRef(null),[G,Q]=t.useState(0);return t.useEffect((()=>{if(Z.current){const e=Z.current,t=e.children.item(G);if(t){const a=e.getBoundingClientRect(),l=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+l.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+l.height)}}}),[G]),t.useEffect((()=>{const e=function(e){var t;(null===(t=W.current)||void 0===t?void 0:t.contains(e.target))||V([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),B.default.createElement(Vt,{ref:W,className:n,style:i,onKeyDownCapture:e=>{if(null==O?void 0:O.length){let t=!1;if("ArrowDown"===e.key)t=!0,Q((e=>e+1>=O.length?0:e+1));else if("Escape"===e.key)t=!0,Q(0),V([]);else if("ArrowUp"===e.key)t=!0,Q((e=>e-1<0?O.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=O[G];e&&(t=!0,H(e.id,e.name))}if(t)return e.preventDefault(),!1}}},B.default.createElement(qt,{id:M,onAddLink:(e,t)=>{var a,o;const n=R.current+1,i=null===(o=null===(a=z.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML,r=((null==i?void 0:i.substring(0,n))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==i?void 0:i.substring(n))||"");null==l||l(r),S(r)}}),Dt&&B.default.createElement(Dt,{ref:z,theme:"snow",value:a,onChange:e=>{null==l||l(e),S(e),F()},onChangeSelection:()=>{F()},modules:I.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==O?void 0:O.length)&&B.default.createElement("div",{ref:Z,className:"mention-search-container",style:D},O.map(((e,t)=>B.default.createElement("div",{className:"mention-search-item "+(G===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),H(e.id,e.name)},onMouseEnter:()=>{Q(t)}},B.default.createElement(u.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),B.default.createElement("div",null,B.default.createElement(o.Text,{size:"p2"},e.name),B.default.createElement(o.Text,{size:"p4",color:"#595959"},"@",e.username)))))))},qt=({onAddLink:e,id:t})=>B.default.createElement("div",{id:"toolbar-"+t,onClick:e=>{e.preventDefault(),e.stopPropagation()}},B.default.createElement("span",{className:"ql-formats"},B.default.createElement("button",{className:"ql-bold",type:"button"}),B.default.createElement("button",{className:"ql-italic",type:"button"}),B.default.createElement("button",{className:"ql-underline",type:"button"})),B.default.createElement("span",{className:"ql-formats"},B.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),B.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),B.default.createElement("span",{className:"ql-formats"},B.default.createElement("button",{className:"ql-image",type:"button"}),e&&B.default.createElement(he,{className:"link-tool-wrapper",toggleButtonContent:B.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"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(({setShow:t})=>B.default.createElement(Gt,{onAddUrl:e,setShow:t}))))),Zt=["notification.limitUrlDomain","notification.urlWrongFormat"],Gt=({onAddUrl:e,setShow:a})=>{const{data:{env:{isMarryBaby:n}}}=t.useContext(u.TogetherComponentGlobalContext),{t:r}=i.useTranslations(),[s,d]=t.useState(""),[c,m]=t.useState(""),[p,f]=t.useState(-1),h=s.trim()&&c.trim()&&p<0;return B.default.createElement("div",{className:"link-tool-popover"},B.default.createElement(g.Input,{name:"url",value:s,size:"md",label:"URL",placeholder:r("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{d(e),(e=>{const t=Bt(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?Rt.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(f(-1),!0):(f(0),!1):(f(1),!1)}catch(e){return f(1),!1}})(e)}}),p>=0&&B.default.createElement(o.Text,{size:"c2",className:"error-text"},r(Zt[p])),B.default.createElement(g.Input,{name:"text",value:c,size:"md",label:r("createPost.urlText"),placeholder:r("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>m(e)}),B.default.createElement("div",{"data-is-marrybaby":n,className:"link-input-button-wrapper"},B.default.createElement(l.Button,{theme:n?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{h&&(e(c.trim(),Bt(s.trim())),a&&a(!1))},isDisabled:!h},r("insert"))))};var Qt="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Xt=({className:e,style:a,bannedWords:l=[],value:n,onChange:r,onPreviewUrlChange:d,onInvalidUrlsChange:c,onImageFilesChange:m,imageFiles:p,isReplying:g})=>{const{t:f}=i.useTranslations(),[h,v]=t.useState(null),b=t.useRef(null),{onSelectImages:x,onRemoveImage:w,imageSrcs:y}=Ft(p,m);return t.useEffect((()=>{d&&((null==h?void 0:h.url)?d({title:h.title||"",url:h.url||"",image:h.image||"",description:h.description||""}):d(null))}),[h]),B.default.createElement(Ot,{className:e,style:a},B.default.createElement(o.Text,{size:"p4",className:"description-label"},f("createPost.popup.description")),B.default.createElement("div",{className:"textarea-control"},B.default.createElement("div",{className:"textarea-wrapper"},B.default.createElement(Wt,{html:n||"",onChange:r,bannedWords:l,onImagePickerClick:()=>{var e;return null===(e=b.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:v,onInvalidUrlsChange:c,isReplying:g}))),B.default.createElement(o.Text,{size:"p4",className:"count-string"},f("character"),": ",z.default(n||"").length),(!y||0===y.length)&&h&&B.default.createElement("div",{className:"link-preview-wrapper"},h.isFetching?B.default.createElement(Q,null):B.default.createElement(B.default.Fragment,null,B.default.createElement(K,{title:h.title,url:h.url||"#",image:h.image,noRefetch:!0}),B.default.createElement("img",{src:Qt,className:"icon-close",onClick:()=>v(null)}))),B.default.createElement("input",{ref:b,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:x}),y.length>u.MAX_IMAGE_UPLOADS?B.default.createElement("div",{className:"input-notification"},B.default.createElement("img",{src:gt}),B.default.createElement(o.Text,{size:"p4",color:s.theme.colors.alertWarning},f("createPost.popup.warningImage"))):null,y.length>0&&B.default.createElement("div",{className:"image-gallery"},y.map(((e,t)=>B.default.createElement("div",{key:t,className:"image-item"},B.default.createElement("img",{src:e}),B.default.createElement("img",{className:"close-btn",src:Qt,onClick:()=>w(t)}))))))},Kt=V.default.div`
|
|
1280
|
+
`;let Ft=null;function Ot(e){var t,a;let l=-1;if(void 0!==window.getSelection){const o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){const o=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(o){const t=o.cloneRange();t.selectNodeContents(e),t.setEnd(o.endContainer,o.endOffset),l=Dt(t.cloneContents().childNodes,l);const n=null===(a=o.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),i=o.endContainer.nodeValue||o.endContainer.outerHTML;n&&(null==i?void 0:i.length)&&(l=l-o.endOffset+(n.outerHTML.length-(null==n?void 0:n.outerHTML.lastIndexOf(i))))}}}return l}function Dt(e,t){return e.forEach(((a,l)=>{const o=l+1===e.length;if(a.nodeType===Node.ELEMENT_NODE){const e=a.outerHTML;if(!o)return void(t+=e.length);t+=e.indexOf(">")+1,t=Dt(a.childNodes,t)}else a.nodeType===Node.TEXT_NODE&&(t+=(a.nodeValue||"").replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""").replace(/'/g,"'").length)})),t}e.__awaiter(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield Promise.resolve().then((function(){return I(require("react-quill"))}));Ft=e.default;const t=e.Quill||Ft.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 l extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return l.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,l;t&&(null===(l=null===(a=null==t?void 0:t["data-text"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===l?void 0:l.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"]))}}l.blotName="mocka1",l.tagName="mocka",t.register(l);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.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,l;t&&t["data-id"]&&(null===(l=null===(a=null==t?void 0:t["data-name"])||void 0===a?void 0:a.replace(/(\ )+/g," "))||void 0===l?void 0:l.replace(/(\u200c|‌)+/g,""))&&(t["data-id"]&&e.setAttribute("data-id",t["data-id"]),t["data-name"]&&e.setAttribute("data-name",t["data-name"]))}}o.blotName="mention",o.tagName="mention",t.register(o)}));const Vt=(e,t)=>{var a;const{formatUrl:l,bannedWords:o=[]}=t||{},n=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(ft,((e,t,a,l)=>{if(l!==a){const e=a.split(" "),o=e.findIndex(((t,a)=>{const o=e.slice(0,a+1).join(" ");return!l.startsWith(o)}));if(0===o)return`@${l}`;{const a=(o<0?e:e.slice(0,o)).join(" "),n=l.slice(a.length).trim();return console.log(o,a,n),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${n} `}}return e}));if(!l)return{value:It(n,o)};let i=(e=>e.replace(yt,((e,t)=>{const a=document.createElement("div");a.innerHTML=e;const l=a.firstChild;return(null==l?void 0:l.innerText)!==(null==l?void 0:l.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(mt,((e,t,a)=>{var l;const o=null===(l=t.match(/data-href="([^"]*)"/im))||void 0===l?void 0:l[1];return!o||o===a||a.match(bt)?a:o?`<a href="${o}">${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 Ct({text:t,url:t,method:"edit"})}return e})).replace(wt,((e,t,a)=>Ct({text:a||t,url:t,method:"edit"})))})(n));const r=(e=>{var t;return[...At(e),...(null===(t=e.match(mt))||void 0===t?void 0:t.map((e=>{var t,a;const l=null===(t=e.match(/data-href="([^"]*)"/im))||void 0===t?void 0:t[1],o=null===(a=e.match(/>(.*?)<\/mocka>/im))||void 0===a?void 0:a[1];return l||o})))||[]].filter((e=>!!e))})(n);if(r){const e=[];let t="";return r.forEach((t=>{if(t)try{const a=new URL(t);Lt.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(i=i.replace(new RegExp(`data-url="true">(${e.map(Tt).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(Tt).join("|")})" data-url="true">`,"gi"),'data-href="$1" data-error="true" data-url="true">')),t=null===(a=r.filter((t=>-1===e.indexOf(t))))||void 0===a?void 0:a[0],{invalidUrls:e,previewUrl:t,value:It(i,o)}}return{value:It(i,o)}},Ut=({html:a,onChange:l,className:o,style:n,onImagePickerClick:i,bannedWords:r=[],onInvalidUrlsChange:s,onPreviewUrlChange:d,setEditorRef:c,isReplying:u})=>{var m,p,g,f;const v=t.useRef([]);v.current=r;const[x,w]=t.useState([]),[y,C]=t.useState(null),{data:{locale:E}}=t.useContext(h.TogetherComponentGlobalContext),k=(null==r?void 0:r.join(","))||"";t.useEffect((()=>{var e,t;const a=null===(t=null===(e=B.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;S(a)}),[k]);const N=e=>{y&&y.url===e||(C({url:e,isFetching:!0}),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:E}),"POST",{data:{link:e}}).then((t=>{var a,l,o,n;C({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.description,image:(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.image)||(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.logo),url:e})})).catch((()=>{C(null)})))},T=t.useRef(N);T.current=N;const S=t.useCallback(O.default((e=>{if(e){const t=Vt(e,{bannedWords:v.current,formatUrl:!0}),{invalidUrls:a,previewUrl:o,value:n}=t;a&&w(a),o?T.current(o):C(null),n!==e&&(null==l||l(n))}}),500),[]);t.useEffect((()=>{s&&s(x)}),[x]),t.useEffect((()=>{d&&((null==y?void 0:y.url)?d({title:y.title||"",url:y.url||"",image:y.image||"",description:y.description||""}):d(null))}),[y]);const L=t.useRef(i);L.current=i;const M=P.useUniqueId(),I=t.useRef({toolbar:{handlers:{image:()=>{var e;return null===(e=L.current)||void 0===e?void 0:e.call(L)},link:()=>!1},container:"#toolbar-"+M},preserveWhiteSpace:!0}),R=t.useRef(-1),B=t.useRef(null);c&&(null===(p=null===(m=B.current)||void 0===m?void 0:m.getEditor())||void 0===p?void 0:p.root)&&c(null===(f=null===(g=B.current)||void 0===g?void 0:g.getEditor())||void 0===f?void 0:f.root);const j=()=>{var e,t,a,l,o,n,i,r;if(null===(t=null===(e=B.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Ot(null===(l=null===(a=B.current)||void 0===a?void 0:a.getEditor())||void 0===l?void 0:l.root),t=null===(n=null===(o=B.current)||void 0===o?void 0:o.getEditor())||void 0===n?void 0:n.root.innerHTML;if(e>=0&&e<t.length){if(Nt(t,!0).length<30-(u?1:0)){const e=function(e){var t,a;let l=null;if(void 0!==window.getSelection){const o=window.getSelection();if((null==o?void 0:o.rangeCount)&&(null==o?void 0:o.rangeCount)>0){const o=null===(t=window.getSelection())||void 0===t?void 0:t.getRangeAt(0);if(o){const t=o.cloneRange();t.selectNodeContents(e),t.setEnd(o.endContainer,o.endOffset);const n=(t.endContainer.nodeValue||"").substring(0,o.endOffset),i=n.lastIndexOf("@");if(i+1<n.length&&(0===i||" @"===n.slice(i-1,i+1))){const e=null===(a=n.slice(i+1))||void 0===a?void 0:a.trim();if(e){t.setStart(o.endContainer,i);const a=t.cloneRange();a.setStart(a.endContainer,i),l={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return l}(null===(r=null===(i=B.current)||void 0===i?void 0:i.getEditor())||void 0===r?void 0:r.root);e?(_(e.name,e.rect),q.current=e.replaceRange):(q.current=null,_("",null))}else q.current=null,_("",null);R.current=e}}else D([])},[F,D]=t.useState([]),[V,U]=t.useState({top:0,left:0}),_=t.useCallback(O.default(((t,a,l)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,o,n,i;if(!t||!DOMRect)return D([]);const r=yield((null===(e=A.getCookie(h.BEARER_TOKEN_COOKIE))||void 0===e?void 0:e.length)||0)>0?h.callApiWithAuth(h.getApiPath(h.PATHS.SEARCH_USER,{_locale:E,name:t}),"get"):h.callApiWithAdminAuth(h.getApiPath(h.ADMIN_PATHS.SEARCH_USER,{_locale:E,name:t}),"get");Q(0),D(null===(n=null===(o=null==r?void 0:r.data)||void 0===o?void 0:o.users)||void 0===n?void 0:n.filter((e=>!(null==l?void 0:l.includes(String(e.id))))));const s=a,d=null===(i=W.current)||void 0===i?void 0:i.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,U(a)}}))),500),[]),H=(e,t)=>{var a,l,o;if(q.current){q.current.deleteContents();const n=document.createElement("mention");n.setAttribute("data-id",e),n.setAttribute("data-name",t),n.innerText=t;const i=document.createTextNode(" ");q.current.insertNode(i),q.current.insertNode(n);(null===(l=null===(a=B.current)||void 0===a?void 0:a.getEditor())||void 0===l?void 0:l.root).focus();const r=null===(o=window.getSelection())||void 0===o?void 0:o.getRangeAt(0);null==r||r.setStart(q.current.endContainer,q.current.endOffset),null==r||r.setEnd(q.current.endContainer,q.current.endOffset)}D([])},W=t.useRef(null),q=t.useRef(null),Z=t.useRef(null),[G,Q]=t.useState(0);return t.useEffect((()=>{if(Z.current){const e=Z.current,t=e.children.item(G);if(t){const a=e.getBoundingClientRect(),l=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+l.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+l.height)}}}),[G]),t.useEffect((()=>{const e=function(e){var t;(null===(t=W.current)||void 0===t?void 0:t.contains(e.target))||D([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),z.default.createElement(jt,{ref:W,className:o,style:n,onKeyDownCapture:e=>{if(null==F?void 0:F.length){let t=!1;if("ArrowDown"===e.key)t=!0,Q((e=>e+1>=F.length?0:e+1));else if("Escape"===e.key)t=!0,Q(0),D([]);else if("ArrowUp"===e.key)t=!0,Q((e=>e-1<0?F.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=F[G];e&&(t=!0,H(e.id,e.name))}if(t)return e.preventDefault(),!1}}},z.default.createElement(_t,{id:M,onAddLink:(e,t)=>{var a,o;const n=R.current+1,i=null===(o=null===(a=B.current)||void 0===a?void 0:a.getEditor())||void 0===o?void 0:o.root.innerHTML,r=((null==i?void 0:i.substring(0,n))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==i?void 0:i.substring(n))||"");null==l||l(r),S(r)}}),Ft&&z.default.createElement(Ft,{ref:B,theme:"snow",value:a,onChange:e=>{null==l||l(e),S(e),j()},onChangeSelection:()=>{j()},modules:I.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==F?void 0:F.length)&&z.default.createElement("div",{ref:Z,className:"mention-search-container",style:V},F.map(((e,t)=>z.default.createElement("div",{className:"mention-search-item "+(G===t?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),H(e.id,e.name)},onMouseEnter:()=>{Q(t)}},z.default.createElement(h.UserAvatar,{className:"search-avatar",username:e.name,avatar:e.avatar}),z.default.createElement("div",null,z.default.createElement(b.Text,{size:"p2"},e.name),z.default.createElement(b.Text,{size:"p4",color:"#595959"},"@",e.username)))))))},_t=({onAddLink:e,id:t})=>z.default.createElement("div",{id:"toolbar-"+t,onClick:e=>{e.preventDefault(),e.stopPropagation()}},z.default.createElement("span",{className:"ql-formats"},z.default.createElement("button",{className:"ql-bold",type:"button"}),z.default.createElement("button",{className:"ql-italic",type:"button"}),z.default.createElement("button",{className:"ql-underline",type:"button"})),z.default.createElement("span",{className:"ql-formats"},z.default.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),z.default.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),z.default.createElement("span",{className:"ql-formats"},z.default.createElement("button",{className:"ql-image",type:"button"}),e&&z.default.createElement(fe,{className:"link-tool-wrapper",toggleButtonContent:z.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"}),buttonProps:{size:"md",color:"transparent"},align:"end"},(({setShow:t})=>z.default.createElement(Wt,{onAddUrl:e,setShow:t}))))),Ht=["notification.limitUrlDomain","notification.urlWrongFormat"],Wt=({onAddUrl:e,setShow:a})=>{const{data:{env:{isMarryBaby:l}}}=t.useContext(h.TogetherComponentGlobalContext),{t:n}=o.useTranslations(),[i,r]=t.useState(""),[s,d]=t.useState(""),[c,u]=t.useState(-1),m=i.trim()&&s.trim()&&c<0;return z.default.createElement("div",{className:"link-tool-popover"},z.default.createElement(x.Input,{name:"url",value:i,size:"md",label:"URL",placeholder:n("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{r(e),(e=>{const t=Mt(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?Lt.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(u(-1),!0):(u(0),!1):(u(1),!1)}catch(e){return u(1),!1}})(e)}}),c>=0&&z.default.createElement(b.Text,{size:"c2",className:"error-text"},n(Ht[c])),z.default.createElement(x.Input,{name:"text",value:s,size:"md",label:n("createPost.urlText"),placeholder:n("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>d(e)}),z.default.createElement("div",{"data-is-marrybaby":l,className:"link-input-button-wrapper"},z.default.createElement(E.Button,{theme:l?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{m&&(e(s.trim(),Mt(i.trim())),a&&a(!1))},isDisabled:!m},n("insert"))))};var qt="data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 22.9844C17.5228 22.9844 22 18.5072 22 12.9844C22 7.46153 17.5228 2.98438 12 2.98438C6.47715 2.98438 2 7.46153 2 12.9844C2 18.5072 6.47715 22.9844 12 22.9844Z' fill='%23262626'/%3e%3cpath d='M14.8281 10.1562L9.17127 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.17188 10.1562L14.8287 15.8131' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Zt=({className:e,style:a,bannedWords:l=[],value:n,onChange:r,onPreviewUrlChange:s,onInvalidUrlsChange:d,onImageFilesChange:c,imageFiles:u,isReplying:m})=>{const{t:p}=o.useTranslations(),[g,f]=t.useState(null),v=t.useRef(null),{onSelectImages:x,onRemoveImage:w,imageSrcs:y}=zt(u,c);return t.useEffect((()=>{s&&((null==g?void 0:g.url)?s({title:g.title||"",url:g.url||"",image:g.image||"",description:g.description||""}):s(null))}),[g]),z.default.createElement(Bt,{className:e,style:a},z.default.createElement(b.Text,{size:"p4",className:"description-label"},p("createPost.popup.description")),z.default.createElement("div",{className:"textarea-control"},z.default.createElement("div",{className:"textarea-wrapper"},z.default.createElement(Ut,{html:n||"",onChange:r,bannedWords:l,onImagePickerClick:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:f,onInvalidUrlsChange:d,isReplying:m}))),z.default.createElement(b.Text,{size:"p4",className:"count-string"},p("character"),": ",B.default(n||"").length),(!y||0===y.length)&&g&&z.default.createElement("div",{className:"link-preview-wrapper"},g.isFetching?z.default.createElement(Q,null):z.default.createElement(z.default.Fragment,null,z.default.createElement(K,{title:g.title,url:g.url||"#",image:g.image,noRefetch:!0}),z.default.createElement("img",{src:qt,className:"icon-close",onClick:()=>f(null)}))),z.default.createElement("input",{ref:v,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:x}),y.length>h.MAX_IMAGE_UPLOADS?z.default.createElement("div",{className:"input-notification"},z.default.createElement("img",{src:ut}),z.default.createElement(b.Text,{size:"p4",color:i.theme.colors.alertWarning},p("createPost.popup.warningImage"))):null,y.length>0&&z.default.createElement("div",{className:"image-gallery"},y.map(((e,t)=>z.default.createElement("div",{key:t,className:"image-item"},z.default.createElement("img",{src:e}),z.default.createElement("img",{className:"close-btn",src:qt,onClick:()=>w(t)}))))))},Gt=F.default.div`
|
|
1416
1281
|
input:focus,
|
|
1417
1282
|
textarea:focus,
|
|
1418
1283
|
[contenteditable='true'] {
|
|
@@ -1470,7 +1335,7 @@
|
|
|
1470
1335
|
font-size: 11px;
|
|
1471
1336
|
text-align: right;
|
|
1472
1337
|
}
|
|
1473
|
-
|
|
1338
|
+
`,Qt=(e,t)=>{if(!t)return e;const{limit:a,bannedWords:l=[]}=t,o="number"==typeof a&&a>=0?e.substring(0,a):e;return It(o,l)},Xt=({className:e,style:a,bannedWords:l=[],value:n,onChange:i})=>{var r;const{t:s}=o.useTranslations(),[d,c]=t.useState(""),u=t.useRef(null);t.useEffect((()=>{if(u.current){const e=e=>{var t;e.preventDefault();const a=null===(t=e.clipboardData)||void 0===t?void 0:t.getData("text/plain");document.execCommand("insertHTML",!1,a)},t=u.current;return t.addEventListener("paste",e,{passive:!0}),()=>t.removeEventListener("paste",e)}}),[u]);const m=(null==l?void 0:l.join(","))||"";t.useEffect((()=>{var e;if(m){const t=null===(e=u.current)||void 0===e?void 0:e.innerText;if(t){const e=It(t,l);e!==t&&(i&&i(e),c(e))}}}),[m]);const p=t.useCallback(O.default((()=>{if(u.current){const e=Qt(u.current.innerText,{limit:120,bannedWords:l});i&&i(e),c(e)}}),300),[]);return t.useEffect((()=>{setTimeout((()=>{var e;null===(e=u.current)||void 0===e||e.focus()}),500)}),[]),z.default.createElement(Gt,{className:e,style:a},z.default.createElement(x.Input,{name:"title",value:n||d,size:"md",label:s("createPost.title"),CustomInput:z.default.createElement(D.default,{innerRef:u,html:n||d,onChange:()=>{if(u.current&&u.current.innerText!==(n||d)){const e=Qt(u.current.innerText,{bannedWords:l});i&&i(e),c(e),p()}},className:"title-input"})}),z.default.createElement(b.Text,{size:"p4",className:"count-string"},s("createPost.popup.wordCount",{count:(null===(r=u.current)||void 0===r?void 0:r.innerText.length)||0,max:120})))},Kt=F.default.div`
|
|
1474
1339
|
display: flex;
|
|
1475
1340
|
width: 100%;
|
|
1476
1341
|
flex-wrap: wrap;
|
|
@@ -1519,7 +1384,142 @@
|
|
|
1519
1384
|
}
|
|
1520
1385
|
}
|
|
1521
1386
|
}
|
|
1522
|
-
|
|
1387
|
+
`,$t=({className:a,style:l,topics:o,communityId:n,onChange:i,isLoading:r,disabled:s,forceTopics:d,selectedTopics:c,noFetch:u,dataEventCategory:m,dataEventAction:p,dataEventLabel:g})=>{const{data:{locale:f,env:{isMarryBaby:b}}}=t.useContext(h.TogetherComponentGlobalContext),[x,w]=t.useState(o?[...o]:[]),[y,C]=t.useState(c?[...c]:[]),[E,k]=t.useState(!1),A=t.useRef(o);A.current=o,t.useEffect((()=>{var t;!n||u||(null===(t=A.current)||void 0===t?void 0:t.length)||(w([]),k(!0),e.__awaiter(void 0,void 0,void 0,(function*(){var e;try{const t=yield h.callApi(h.getApiPath(h.PATHS.TOPIC.LIST,{communityId:n,_locale:f}),"GET"),a=null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.topics;Array.isArray(a)&&w((()=>(null==a?void 0:a.map(v.formatTopic).sort(((e,t)=>(e.order||0)-(t.order||0))))||[]))}catch(e){console.log(e),k(!1)}k(!1)})))}),[n,u]);const N=null==o?void 0:o.map((e=>e.id)).join("-"),T=null==x?void 0:x.map((e=>e.id)).join("-"),S=null==d?void 0:d.map((e=>e.id)).join("-");t.useEffect((()=>{o&&void 0!==N&&N!==T&&w(o)}),[o,N,T]);const P=t.useMemo((()=>x.filter((e=>!(null==d?void 0:d.some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)))))),[T,S]);return z.default.createElement(Kt,{"data-is-marrybaby":b,className:a,style:l},d.map((e=>z.default.createElement(Yt,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:!0,selected:!0,dataEventAction:p,dataEventCategory:m,dataEventLabel:g}))),P.map((e=>z.default.createElement(Yt,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:s,selected:(c||y).some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)),onClick:()=>{const t=c||y,a=t.findIndex((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId));-1!==a?t.splice(a,1):t.push(e),i&&c?i(t.slice()):(i&&i(t.slice()),C(t.slice()))},dataEventAction:p,dataEventCategory:m,dataEventLabel:g}))),(r||E)&&z.default.createElement(Q,{className:"topic-spinner"}))},Yt=t=>{var{topic:a,disabled:l,selected:o,onClick:n}=t,i=e.__rest(t,["topic","disabled","selected","onClick"]);return z.default.createElement("div",Object.assign({className:"tag-item"+(o?" --active":""),"data-disabled":l,onClick:l?void 0:n},i),a.name)},Jt=F.default.div`
|
|
1388
|
+
position: relative;
|
|
1389
|
+
display: flex;
|
|
1390
|
+
height: 100%;
|
|
1391
|
+
flex-direction: column;
|
|
1392
|
+
padding: 16px 24px;
|
|
1393
|
+
|
|
1394
|
+
.input-group-container {
|
|
1395
|
+
flex: 1;
|
|
1396
|
+
padding-right: 2px;
|
|
1397
|
+
padding-left: 2px;
|
|
1398
|
+
margin-bottom: 0.5rem;
|
|
1399
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
1400
|
+
overflow-y: auto;
|
|
1401
|
+
scrollbar-width: none; /* Firefox */
|
|
1402
|
+
&::-webkit-scrollbar {
|
|
1403
|
+
display: none;
|
|
1404
|
+
}
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.input-group {
|
|
1408
|
+
:not(:last-child) {
|
|
1409
|
+
margin-bottom: 0.6rem;
|
|
1410
|
+
}
|
|
1411
|
+
|
|
1412
|
+
input:focus,
|
|
1413
|
+
textarea:focus,
|
|
1414
|
+
[contenteditable='true'] {
|
|
1415
|
+
outline: none;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
label {
|
|
1419
|
+
margin-bottom: 5px;
|
|
1420
|
+
color: ${e=>e.theme.colors.gray600};
|
|
1421
|
+
/* font-family: 'Open Sans', sans-serif; */
|
|
1422
|
+
font-size: 13px;
|
|
1423
|
+
font-weight: bold;
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
.input-group-label {
|
|
1427
|
+
margin-bottom: 5px;
|
|
1428
|
+
color: ${e=>e.theme.colors.gray600};
|
|
1429
|
+
/* font-family: 'Open Sans', sans-serif; */
|
|
1430
|
+
font-size: 13px;
|
|
1431
|
+
font-weight: bold;
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
.input-notification {
|
|
1435
|
+
display: flex;
|
|
1436
|
+
|
|
1437
|
+
& > img {
|
|
1438
|
+
width: 16px;
|
|
1439
|
+
height: 16px;
|
|
1440
|
+
margin-top: 1.5px;
|
|
1441
|
+
margin-right: 8px;
|
|
1442
|
+
}
|
|
1443
|
+
}
|
|
1444
|
+
|
|
1445
|
+
.tag-list {
|
|
1446
|
+
}
|
|
1447
|
+
}
|
|
1448
|
+
|
|
1449
|
+
.warning {
|
|
1450
|
+
margin-top: 16px;
|
|
1451
|
+
}
|
|
1452
|
+
|
|
1453
|
+
.submit-btn {
|
|
1454
|
+
width: 100%;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
.switch-label {
|
|
1458
|
+
display: flex;
|
|
1459
|
+
align-items: center;
|
|
1460
|
+
}
|
|
1461
|
+
|
|
1462
|
+
.swich-input-group {
|
|
1463
|
+
padding: 12px 16px;
|
|
1464
|
+
border-radius: 8px;
|
|
1465
|
+
background: ${i.theme.colors.neutral50};
|
|
1466
|
+
|
|
1467
|
+
&.askdoctor-switch {
|
|
1468
|
+
background: ${i.theme.colors.primary50};
|
|
1469
|
+
&.mb-color {
|
|
1470
|
+
background: ${i.theme.mbColors.tonePink};
|
|
1471
|
+
}
|
|
1472
|
+
|
|
1473
|
+
|
|
1474
|
+
.mantine-Switch-labelWrapper {
|
|
1475
|
+
flex-grow: 1;
|
|
1476
|
+
}
|
|
1477
|
+
.mantine-Checkbox-body {
|
|
1478
|
+
display: flex;
|
|
1479
|
+
width: 100%;
|
|
1480
|
+
align-items: center;
|
|
1481
|
+
justify-content: space-between;
|
|
1482
|
+
}
|
|
1483
|
+
.mantine-Switch-track {
|
|
1484
|
+
margin-bottom: 0;
|
|
1485
|
+
}
|
|
1486
|
+
.label-txt {
|
|
1487
|
+
font-weight: normal;
|
|
1488
|
+
font-size: 14px;
|
|
1489
|
+
color: ${i.theme.colors.gray800};
|
|
1490
|
+
margin-left: 10px;
|
|
1491
|
+
}
|
|
1492
|
+
}
|
|
1493
|
+
`,ea=F.default.div`
|
|
1494
|
+
display: flex;
|
|
1495
|
+
width: 100%;
|
|
1496
|
+
align-items: center;
|
|
1497
|
+
justify-content: space-between;
|
|
1498
|
+
padding: 12px 16px;
|
|
1499
|
+
border-radius: 8px;
|
|
1500
|
+
background: ${i.theme.colors.primary50};
|
|
1501
|
+
|
|
1502
|
+
&[data-is-marry-baby='true'] {
|
|
1503
|
+
background: ${i.theme.mbColors.tonePink};
|
|
1504
|
+
}
|
|
1505
|
+
.switch-label {
|
|
1506
|
+
display: flex;
|
|
1507
|
+
align-items: center;
|
|
1508
|
+
gap: 12px;
|
|
1509
|
+
}
|
|
1510
|
+
margin-bottom: 12px;
|
|
1511
|
+
`,ta=F.default.div`
|
|
1512
|
+
margin-bottom: 12px;
|
|
1513
|
+
color: ${i.theme.colors.red700};
|
|
1514
|
+
svg {
|
|
1515
|
+
margin-right: 5px;
|
|
1516
|
+
}
|
|
1517
|
+
svg,
|
|
1518
|
+
span {
|
|
1519
|
+
display: inline-block;
|
|
1520
|
+
vertical-align: middle;
|
|
1521
|
+
}
|
|
1522
|
+
`,aa=F.default.div`
|
|
1523
1523
|
[data-type='confirm'] {
|
|
1524
1524
|
width: min(360px, 100%);
|
|
1525
1525
|
height: auto;
|
|
@@ -1604,7 +1604,7 @@
|
|
|
1604
1604
|
overflow: hidden;
|
|
1605
1605
|
border-radius: 1rem;
|
|
1606
1606
|
&[data-open='true'] {
|
|
1607
|
-
${
|
|
1607
|
+
${g.MediaQueries.mbDown} {
|
|
1608
1608
|
top: 100%;
|
|
1609
1609
|
transform: translate(-50%, -100%);
|
|
1610
1610
|
max-width: unset;
|
|
@@ -1616,12 +1616,12 @@
|
|
|
1616
1616
|
}
|
|
1617
1617
|
.popup-content {
|
|
1618
1618
|
.close-button {
|
|
1619
|
-
${
|
|
1619
|
+
${g.MediaQueries.mbDown} {
|
|
1620
1620
|
display: none;
|
|
1621
1621
|
}
|
|
1622
1622
|
}
|
|
1623
1623
|
.confirm-dialog {
|
|
1624
|
-
${
|
|
1624
|
+
${g.MediaQueries.mbDown} {
|
|
1625
1625
|
background: unset;
|
|
1626
1626
|
position: relative;
|
|
1627
1627
|
overflow-x: hidden;
|
|
@@ -1641,7 +1641,7 @@
|
|
|
1641
1641
|
}
|
|
1642
1642
|
.confirm-content {
|
|
1643
1643
|
padding: 0 40px 40px;
|
|
1644
|
-
${
|
|
1644
|
+
${g.MediaQueries.mbDown} {
|
|
1645
1645
|
padding-left: 1.5rem;
|
|
1646
1646
|
padding-right: 1.5rem;
|
|
1647
1647
|
}
|
|
@@ -1660,7 +1660,7 @@
|
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
1662
|
.thumbnail-container {
|
|
1663
|
-
${
|
|
1663
|
+
${g.MediaQueries.mbDown} {
|
|
1664
1664
|
display: none;
|
|
1665
1665
|
}
|
|
1666
1666
|
&.is-icon {
|
|
@@ -1682,14 +1682,14 @@
|
|
|
1682
1682
|
height: 24px;
|
|
1683
1683
|
}
|
|
1684
1684
|
}
|
|
1685
|
-
${
|
|
1685
|
+
${g.MediaQueries.mbDown} {
|
|
1686
1686
|
display: flex;
|
|
1687
1687
|
}
|
|
1688
1688
|
}
|
|
1689
1689
|
}
|
|
1690
1690
|
}
|
|
1691
1691
|
}
|
|
1692
|
-
`,la=
|
|
1692
|
+
`,la=F.default.div`
|
|
1693
1693
|
[data-type='confirm'] {
|
|
1694
1694
|
max-width: 468px;
|
|
1695
1695
|
height: 486px;
|
|
@@ -1736,7 +1736,7 @@
|
|
|
1736
1736
|
}
|
|
1737
1737
|
}
|
|
1738
1738
|
|
|
1739
|
-
${e=>e.isExpand&&
|
|
1739
|
+
${e=>e.isExpand&&m.css`
|
|
1740
1740
|
& > div[data-open] {
|
|
1741
1741
|
width: 100%;
|
|
1742
1742
|
height: 100%;
|
|
@@ -1745,16 +1745,16 @@
|
|
|
1745
1745
|
}
|
|
1746
1746
|
`}
|
|
1747
1747
|
|
|
1748
|
-
${e=>e.hasFullscreen&&
|
|
1748
|
+
${e=>e.hasFullscreen&&m.css`
|
|
1749
1749
|
& > div[data-open] {
|
|
1750
1750
|
transition: all 0.5s ease-in-out, width 0s, height 0s;
|
|
1751
1751
|
}
|
|
1752
1752
|
`}
|
|
1753
|
-
`,oa=
|
|
1753
|
+
`,oa=F.default.div`
|
|
1754
1754
|
cursor: pointer;
|
|
1755
1755
|
display: flex;
|
|
1756
1756
|
align-items: center;
|
|
1757
|
-
`;var na="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 ia=({className:e,style:a,closeIcon:l,heading:o="",children:n,isOpen:i=!1,hasFullscreen:
|
|
1757
|
+
`;var na="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 ia=({className:e,style:a,closeIcon:l,heading:o="",children:n,isOpen:i=!1,hasFullscreen:s=!1,onClose:d=(()=>null)})=>{const[c,u]=t.useState(!1);return z.default.createElement(la,{className:e,style:a,isExpand:c,hasFullscreen:s},z.default.createElement(v.Popup,{type:"confirm",onClose:d,isOpen:i,closeIcon:l||z.default.createElement("img",{src:na}),enableAnimation:!s},z.default.createElement("div",{className:"header"},z.default.createElement(k.Heading,{tag:"h5"},o),s&&z.default.createElement(oa,{onClick:()=>u(!c)},z.default.createElement(r.FullScreen,{size:14,isExpand:c}))),z.default.createElement("div",{className:"content"},"function"==typeof n?n(c):n)))},ra=({className:e,isMarryBaby:a,style:l,title:o,description:n,acceptText:i,cancelText:r,onAccept:s,onCancel:d,thumbnail:c,isThumbnailIcon:u,onClose:m,acceptBtnTracking:p,acceptBtnProps:f,cancelBtnProps:v})=>{const{data:{env:{isMarryBaby:x}}}=t.useContext(h.TogetherComponentGlobalContext),w="boolean"==typeof a?a:x,[y,C]=t.useState(!1);return t.useEffect((()=>(g.toggleNoScroll(!0),setTimeout((()=>C(!0)),0),()=>g.toggleNoScroll(!1))),[]),"undefined"==typeof window?null:V.createPortal(z.default.createElement(aa,{"data-is-marrybaby":w,className:e,style:l,"data-open":y},z.default.createElement(ia,{className:"popup-frame",isOpen:y,onClose:m},z.default.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},z.default.createElement("div",{className:"confirm-content"},c&&z.default.createElement("div",{className:"thumbnail-container "+(u?"is-icon":"")},z.default.createElement("img",{className:"thumbnail",src:c})),z.default.createElement(k.Heading,{className:"title",tag:"h2"},o),z.default.createElement(b.Text,{className:"desc",size:"lg"},n),z.default.createElement("div",{className:"btn-group"},z.default.createElement(E.Button,Object.assign({theme:w?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==s||s(),null==m||m()}},f,p),i),z.default.createElement(E.Button,Object.assign({theme:w?"marryBaby":"helloSites",size:"md",onClick:()=>{null==d||d(),null==m||m()}},v),r)))),w&&c&&z.default.createElement("div",{className:"thumbnail-container is-mobile "+(u?"is-icon":"")},z.default.createElement("img",{className:"thumbnail",src:c})))),g.getPopupWrapperDom())},sa=F.default.div`
|
|
1758
1758
|
padding: 1rem;
|
|
1759
1759
|
border-top: 1px solid #f2f2f2;
|
|
1760
1760
|
&[data-is-reply='true'] {
|
|
@@ -1869,12 +1869,12 @@
|
|
|
1869
1869
|
.as-input {
|
|
1870
1870
|
font-size: 16px;
|
|
1871
1871
|
font-weight: ${e=>e.theme.sizes.fwRegular};
|
|
1872
|
-
${
|
|
1872
|
+
${g.MediaQueries.mbDown} {
|
|
1873
1873
|
font-size: 22px;
|
|
1874
1874
|
line-height: 1.2;
|
|
1875
1875
|
}
|
|
1876
1876
|
|
|
1877
|
-
${
|
|
1877
|
+
${g.MediaQueries.mbUp} {
|
|
1878
1878
|
font-size: 26px;
|
|
1879
1879
|
line-height: 1.2;
|
|
1880
1880
|
}
|
|
@@ -1884,12 +1884,12 @@
|
|
|
1884
1884
|
.as-input {
|
|
1885
1885
|
font-weight: ${e=>e.theme.sizes.fwRegular};
|
|
1886
1886
|
line-height: 22px;
|
|
1887
|
-
${
|
|
1887
|
+
${g.MediaQueries.mbDown} {
|
|
1888
1888
|
font-size: 14px;
|
|
1889
1889
|
line-height: 1.2;
|
|
1890
1890
|
}
|
|
1891
1891
|
|
|
1892
|
-
${
|
|
1892
|
+
${g.MediaQueries.mbUp} {
|
|
1893
1893
|
font-size: 16px;
|
|
1894
1894
|
line-height: 1.2;
|
|
1895
1895
|
}
|
|
@@ -1899,12 +1899,12 @@
|
|
|
1899
1899
|
.as-input {
|
|
1900
1900
|
font-weight: ${e=>e.theme.sizes.fwRegular};
|
|
1901
1901
|
line-height: 20px;
|
|
1902
|
-
${
|
|
1902
|
+
${g.MediaQueries.mbDown} {
|
|
1903
1903
|
font-size: 13px;
|
|
1904
1904
|
line-height: 1.5;
|
|
1905
1905
|
}
|
|
1906
1906
|
|
|
1907
|
-
${
|
|
1907
|
+
${g.MediaQueries.mbUp} {
|
|
1908
1908
|
font-size: 13px;
|
|
1909
1909
|
line-height: 1.5;
|
|
1910
1910
|
}
|
|
@@ -1974,11 +1974,11 @@
|
|
|
1974
1974
|
}
|
|
1975
1975
|
}
|
|
1976
1976
|
}
|
|
1977
|
-
`,da=t.createContext({});const ca=({isReply:a,className:
|
|
1977
|
+
`,da=t.createContext({});const ca=({isReply:a,className:l,onClose:n,replyToName:i,style:r,replyingId:s,replyingUser:d,onPostSuccess:c,post:u,isMarryBaby:m})=>{const{action:{pushNotifications:p,sanitizeFunction:g},data:{userInfo:f,locale:w,env:{isMarryBaby:y}}}=t.useContext(h.TogetherComponentGlobalContext),C="boolean"==typeof m?m:y,{t:k}=o.useTranslations(),{onSelectImages:A,onRemoveImage:N,imageSrcs:T,onRemoveAllImages:S,imageFiles:P}=zt(),[L,M]=t.useState(""),{trigger:I}=t.useContext(da),[R,B]=t.useState(!1),j=t.useRef(null),F=t.useRef(null),O=t.useRef(null),[D,V]=t.useState([]),[U,_]=t.useState([]),[H,W]=t.useState(null);return t.useEffect((()=>{var e;null===(e=O.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{var e;null===(e=F.current)||void 0===e||e.focus()}),400)}),[I]),z.default.createElement(sa,{"data-is-reply":a,className:l,style:r},a&&z.default.createElement("div",{className:"reply-to-container"},z.default.createElement(b.Text,{size:"p4"},z.default.createElement("span",{dangerouslySetInnerHTML:{__html:k("inputComment.replyTo",{name:`<span style="color: #2D87F3; cursor: pointer">@${i||""}</span>`})}})),z.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8.00016' cy='8.50004' r='6.66667' fill='white' stroke='%23404040'/%3e%3cpath d='M10 6.5L6 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6 6.5L10 10.5' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-close-comment",onClick:()=>n&&n()})),z.default.createElement("div",{className:"input-container",ref:O},z.default.createElement(h.UserAvatar,{className:"avatar-wrapper "+(a?"avatar-wrapper-reply":""),avatar:(null==f?void 0:f.id)?f.avatar:h.DEFAULT_AVATAR_IMG,username:(null==f?void 0:f.name)||(null==f?void 0:f.username)}),z.default.createElement("input",{ref:j,onChange:A,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),z.default.createElement(x.Input,{value:L,name:"input",size:"md",className:"input-wrapper",displayIcon:z.default.createElement("img",{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='M10.7543 4.85352H4.49227C4.01776 4.85352 3.56268 5.04201 3.22715 5.37754C2.89162 5.71307 2.70313 6.16815 2.70312 6.64266V19.1667C2.70313 19.6412 2.89162 20.0963 3.22715 20.4318C3.56268 20.7673 4.01776 20.9558 4.49227 20.9558H17.0163C17.4908 20.9558 17.9459 20.7673 18.2814 20.4318C18.6169 20.0963 18.8054 19.6412 18.8054 19.1667V12.9047' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M17.4633 3.51187C17.8192 3.15599 18.3019 2.95605 18.8052 2.95605C19.3085 2.95605 19.7912 3.15599 20.147 3.51187C20.5029 3.86775 20.7029 4.35044 20.7029 4.85373C20.7029 5.35702 20.5029 5.83971 20.147 6.19559L11.6486 14.694L8.07031 15.5886L8.96489 12.0103L17.4633 3.51187Z' stroke='%232D87F3' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"}),CustomInput:z.default.createElement("div",{className:"as-input"},z.default.createElement(Ut,{className:"textarea",html:L,onChange:M,onImagePickerClick:()=>{var e;return null===(e=j.current)||void 0===e?void 0:e.click()},bannedWords:U,onPreviewUrlChange:W,onInvalidUrlsChange:V,setEditorRef:e=>F.current=e,isReplying:a}))}),z.default.createElement(E.Button,{theme:C?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t,l,o,i,r,m,f,b,x;if((null==u?void 0:u.id)&&!R){B(!0);try{const y=e=>{M(""),S(),n&&n();const t=v.formatComment(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),c&&c(t)},C=yield(({postId:t,message:a,photos:l,link:o,locale:n,sanitizeFunction:i,replyingUserId:r,replyingUserName:s,replyingId:d})=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=new FormData;let c=Pt(a.replace(/(\ )+/g," "),i);const u=Nt(c);return l&&l.length>0&&(yield Promise.all(null==l?void 0:l.map((e=>Rt(e,n))))).filter(Boolean).slice(0,h.MAX_IMAGE_UPLOADS).forEach((t=>{e.append("images[]",t)})),o&&e.append("link",o),null==u||u.forEach((t=>{e.append("mention_ids[]",t)})),e.append("post_id",t),d&&e.append("parent_id",d),r&&(u.unshift(r),c=`[mention+id="${r}"+name="${(s||"").replace('"',"'")}"]${c}`,e.append("parent_user_id",String(r))),e.append("content",c),e.append("content",c),e})))(Object.assign({message:L,photos:P,postId:String(u.id),link:null==H?void 0:H.url,sanitizeFunction:g,locale:w},a&&s?{replyingUserId:String((null==d?void 0:d.id)||(null===(t=null==u?void 0:u.author)||void 0===t?void 0:t.id)||""),replyingId:s,replyingUserName:(null==d?void 0:d.name)||(null==d?void 0:d.username)||""}:{})),E=yield a&&s?((t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){return h.callApiWithAuth(h.getApiPath(h.PATHS.COMMENT.REPLY,{_locale:a}),"POST",{data:t})})))(C,w):((t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){return h.callApiWithAuth(h.getApiPath(h.PATHS.COMMENT.CREATE,{_locale:a}),"POST",{data:t})})))(C,w),A=null==E?void 0:E.data;(null==A?void 0:A.id)&&!(null===(o=null===(l=null==E?void 0:E.messages)||void 0===l?void 0:l.moderation)||void 0===o?void 0:o.type)?y(E):"banned"===(null===(r=null===(i=null==E?void 0:E.messages)||void 0===i?void 0:i.moderation)||void 0===r?void 0:r.type)?(p({title:k("notification.comment.blocked.title"),message:k("notification.comment.blocked.message"),type:"danger"}),E.messages.moderation.words&&_(E.messages.moderation.words)):"suspect"===(null===(f=null===(m=null==E?void 0:E.messages)||void 0===m?void 0:m.moderation)||void 0===f?void 0:f.type)?(p({title:k("notification.comment.suspect.title"),message:k("notification.comment.suspect.message"),type:"warning"}),M(""),S(),n&&n()):(null===(b=null==E?void 0:E.messages)||void 0===b?void 0:b.find((e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(p({message:k("notification.suspend.message"),type:"warning"}),M(""),S(),n&&n()):p({title:"",message:(null===(x=null==E?void 0:E.messages)||void 0===x?void 0:x[0])||k("notification.comment.somethingWrong"),type:"danger"})}catch(e){p({title:"",message:k("notification.comment.somethingWrong"),type:"danger"})}B(!1)}})),isLoading:R,isDisabled:!!(null==D?void 0:D.length)||R||!L||(null==L?void 0:L.length)<2||!L.trim()},z.default.createElement("img",{src:"data:image/svg+xml,%3csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 9.73438L3.75 13.4844L7.5 17.2344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M16.25 4.73438L16.25 10.3026C16.25 11.1464 15.9208 11.9557 15.3347 12.5524C14.7487 13.1491 13.9538 13.4844 13.125 13.4844L3.75 13.4844' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",className:"icon-enter"}))),(null==D?void 0:D.length)?z.default.createElement("div",{className:"error-text"},k("notification.limitUrlDomain")):null,(!T||0===T.length)&&H&&z.default.createElement("div",{className:"link-preview-wrapper"},H.isFetching?z.default.createElement(Q,null):z.default.createElement(z.default.Fragment,null,z.default.createElement(K,{title:H.title,url:H.url||"#",image:H.image,noRefetch:!0}),z.default.createElement("img",{src:qt,className:"icon-close",onClick:()=>W(null)}))),T&&T.length>0&&z.default.createElement("div",{className:"preview-images-container"},T.map(((e,t)=>z.default.createElement("div",{key:t,className:"image-src-wrapper"},z.default.createElement("img",{className:"preview-image",src:e}),z.default.createElement("img",{src:qt,className:"icon-close-circle",onClick:()=>N(t)}))))))},ua=F.default.a`
|
|
1978
1978
|
* {
|
|
1979
1979
|
pointer-events: none;
|
|
1980
1980
|
}
|
|
1981
|
-
`,ma=
|
|
1981
|
+
`,ma=F.default.div`
|
|
1982
1982
|
padding: 1rem;
|
|
1983
1983
|
.share__social {
|
|
1984
1984
|
display: flex;
|
|
@@ -2066,7 +2066,7 @@
|
|
|
2066
2066
|
}
|
|
2067
2067
|
|
|
2068
2068
|
&[data-is-marrybaby='true'] {
|
|
2069
|
-
${
|
|
2069
|
+
${g.MediaQueries.mbDown} {
|
|
2070
2070
|
padding: 0.5rem;
|
|
2071
2071
|
}
|
|
2072
2072
|
.share__social {
|
|
@@ -2077,7 +2077,7 @@
|
|
|
2077
2077
|
align-items: center;
|
|
2078
2078
|
justify-content: center;
|
|
2079
2079
|
text-align: center;
|
|
2080
|
-
${
|
|
2080
|
+
${g.MediaQueries.mbDown} {
|
|
2081
2081
|
margin: 0;
|
|
2082
2082
|
}
|
|
2083
2083
|
& > img {
|
|
@@ -2114,7 +2114,7 @@
|
|
|
2114
2114
|
}
|
|
2115
2115
|
}
|
|
2116
2116
|
}
|
|
2117
|
-
`;const pa=({className:e,trackingCategory:a="Together",style:l,shareUrl:n,title:r})=>{const{action:{pushNotifications:d},data:{env:{isMarryBaby:c}}}=t.useContext(u.TogetherComponentGlobalContext),{t:m}=i.useTranslations(),p=t.useRef(null),[g,f]=t.useState(!1),h=()=>{if(!(null==p?void 0:p.current))return;const e=document.createElement("textarea");e.value=p.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),p.current.focus(),f(!0),d({title:"",message:m("share.linkCopied"),type:"success"})};t.useEffect((()=>{h(),navigator.share&&navigator.share({title:r||"Read This Post",url:n}).then((()=>{d({title:"",message:m("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const v=((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 width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.6673 19.584C36.6673 28.559 29.209 35.834 20.0007 35.834C18.6248 35.834 17.2923 35.6723 16.014 35.364C15.6265 35.2707 15.2215 35.3065 14.8648 35.4848L11.2173 37.309C10.2757 37.7798 9.16732 37.0948 9.16732 36.0415V32.6873C9.16732 32.2082 8.95315 31.7615 8.59982 31.4382C5.35482 28.4715 3.33398 24.259 3.33398 19.584C3.33398 10.609 10.7923 3.33398 20.0007 3.33398C29.209 3.33398 36.6673 10.609 36.6673 19.584Z' fill='url(%23paint0_radial)'/%3e%3cpath opacity='0.05' d='M29.16 14.4102C28.8033 14.4102 28.4575 14.5285 28.16 14.7527L23.415 18.2652C23.3041 18.3485 23.1816 18.3902 23.0525 18.3902C22.9275 18.3902 22.81 18.351 22.7108 18.2768L19.4008 15.7852C18.7275 15.2843 17.9341 15.0202 17.1033 15.0202C15.79 15.0202 14.5825 15.6793 13.8733 16.7835L12.8641 18.3593L9.43081 23.9385C9.10414 24.4502 9.07914 25.0818 9.37164 25.6168C9.66998 26.1618 10.2333 26.5002 10.8416 26.5002C11.1983 26.5002 11.5441 26.3818 11.8416 26.1577L16.5866 22.6452C16.6975 22.5618 16.82 22.5202 16.9491 22.5202C17.0741 22.5202 17.1916 22.5593 17.2908 22.6335L20.6008 25.1252C21.275 25.6268 22.0675 25.8902 22.8983 25.8902C24.2116 25.8902 25.4191 25.231 26.1283 24.1268L27.1375 22.551L30.5708 16.9718C30.8975 16.4602 30.9225 15.8285 30.63 15.2935C30.3316 14.7485 29.7683 14.4102 29.16 14.4102Z' fill='black'/%3e%3cpath opacity='0.07' d='M29.161 14.8262C28.8952 14.8262 28.636 14.9153 28.4118 15.0845L23.6643 18.5995C23.4843 18.7353 23.2743 18.8062 23.0543 18.8062C22.8385 18.8062 22.6343 18.7378 22.4627 18.6095L19.1518 16.117C18.5527 15.6712 17.8452 15.4362 17.1043 15.4362C15.9335 15.4362 14.8577 16.0237 14.2252 17.0087L13.2168 18.5845L9.78766 24.1578C9.54016 24.5453 9.52099 25.0187 9.73933 25.417C9.96099 25.822 10.3952 26.0837 10.8435 26.0837C11.1093 26.0837 11.3685 25.9945 11.5927 25.8253L16.3402 22.3103C16.5202 22.1745 16.7302 22.1037 16.9502 22.1037C17.166 22.1037 17.3702 22.172 17.5418 22.3003L20.8527 24.7928C21.4518 25.2387 22.1593 25.4737 22.9002 25.4737C24.071 25.4737 25.1468 24.8862 25.7793 23.9012L26.7877 22.3253L30.2168 16.752C30.4643 16.3645 30.4835 15.8912 30.2652 15.4928C30.0435 15.0878 29.6102 14.8262 29.161 14.8262Z' fill='black'/%3e%3cpath d='M28.6625 15.4168L23.9125 18.9334C23.4042 19.3168 22.7125 19.3168 22.2125 18.9418L18.9008 16.4493C17.5008 15.4076 15.5175 15.7659 14.5758 17.2326L13.5675 18.8076L10.1425 24.3743C9.64248 25.1576 10.6008 26.0493 11.3425 25.4909L16.0925 21.9743C16.6008 21.5909 17.2925 21.5909 17.7925 21.9659L21.1041 24.4584C22.5041 25.5001 24.4875 25.1418 25.4291 23.6751L26.4375 22.1001L29.8625 16.5334C30.3625 15.7501 29.4042 14.8584 28.6625 15.4168Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.23982 35.8157) scale(39.6767)'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='0.079' stop-color='%232982FF'/%3e%3cstop offset='0.23' stop-color='%234E69FF'/%3e%3cstop offset='0.351' stop-color='%236559FF'/%3e%3cstop offset='0.428' stop-color='%236D53FF'/%3e%3cstop offset='0.754' stop-color='%23DF47AA'/%3e%3cstop offset='0.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 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='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%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}`}])(n||"",c);return B.default.createElement(ma,{"data-is-marrybaby":c,className:e,style:l},B.default.createElement("div",{className:"share__social"},v.map(((e,t)=>B.default.createElement(ua,{key:t,"data-event-category":a,"data-event-action":`Social Share - ${e.name}`,"data-event-label":n,href:e.href,target:"_blank",rel:"noreferrer"},B.default.createElement("img",{src:e.icon}),B.default.createElement(o.Text,{className:"__label",size:"label2",type:"regular"},e.name))))),B.default.createElement("div",{className:"share__copy-link"},B.default.createElement(o.Text,{className:"__label",color:s.theme.colors.gray500,size:"p4",type:"regular"},m("orCopyLink")),B.default.createElement("div",{className:"__input-group"},B.default.createElement("input",{ref:p,type:"text",value:n,readOnly:!0,onFocus:e=>e.target.select()}),B.default.createElement("button",{className:"__copy",onClick:()=>h()},c?B.default.createElement("img",{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"}):m(g?"copied":"copy")))))},ga=({trackingCategory:e,className:l,style:n,url:r,avatar:s,text:d,onClose:c})=>{const{data:{env:{isMarryBaby:m}}}=t.useContext(u.TogetherComponentGlobalContext),{t:p}=i.useTranslations(),[g,f]=t.useState(!1);return t.useEffect((()=>(C.toggleNoScroll(!0),setTimeout((()=>f(!0)),0),()=>C.toggleNoScroll(!1))),[]),B.default.createElement(a.Portal,null,B.default.createElement(fa,{"data-is-marrybaby":m,className:l,style:n},B.default.createElement(ia,{className:"share-popup",isOpen:g,onClose:c,heading:p("bottomBar.share")},m?B.default.createElement(o.Text,{className:"share-mb-text",size:"sm"},p("article.shareOn")):B.default.createElement("div",{className:"custom-share__header"},s&&B.default.createElement("div",{className:"custom-share__header-image"},B.default.createElement("img",{src:s})),B.default.createElement("div",{className:"custom-share__header-info"},B.default.createElement(k.Heading,{tag:"h4"},d),B.default.createElement(o.Text,{className:"desc",size:"md"},r))),g&&B.default.createElement(pa,{trackingCategory:e,shareUrl:r||("undefined"!=typeof window?window.location.href:""),title:d}))))},fa=V.default.div`
|
|
2117
|
+
`;const pa=({className:e,trackingCategory:a="Together",style:l,shareUrl:n,title:r})=>{const{action:{pushNotifications:s},data:{env:{isMarryBaby:d}}}=t.useContext(h.TogetherComponentGlobalContext),{t:c}=o.useTranslations(),u=t.useRef(null),[m,p]=t.useState(!1),g=()=>{if(!(null==u?void 0:u.current))return;const e=document.createElement("textarea");e.value=u.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),u.current.focus(),p(!0),s({title:"",message:c("share.linkCopied"),type:"success"})};t.useEffect((()=>{g(),navigator.share&&navigator.share({title:r||"Read This Post",url:n}).then((()=>{s({title:"",message:c("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const f=((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 width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M36.6673 19.584C36.6673 28.559 29.209 35.834 20.0007 35.834C18.6248 35.834 17.2923 35.6723 16.014 35.364C15.6265 35.2707 15.2215 35.3065 14.8648 35.4848L11.2173 37.309C10.2757 37.7798 9.16732 37.0948 9.16732 36.0415V32.6873C9.16732 32.2082 8.95315 31.7615 8.59982 31.4382C5.35482 28.4715 3.33398 24.259 3.33398 19.584C3.33398 10.609 10.7923 3.33398 20.0007 3.33398C29.209 3.33398 36.6673 10.609 36.6673 19.584Z' fill='url(%23paint0_radial)'/%3e%3cpath opacity='0.05' d='M29.16 14.4102C28.8033 14.4102 28.4575 14.5285 28.16 14.7527L23.415 18.2652C23.3041 18.3485 23.1816 18.3902 23.0525 18.3902C22.9275 18.3902 22.81 18.351 22.7108 18.2768L19.4008 15.7852C18.7275 15.2843 17.9341 15.0202 17.1033 15.0202C15.79 15.0202 14.5825 15.6793 13.8733 16.7835L12.8641 18.3593L9.43081 23.9385C9.10414 24.4502 9.07914 25.0818 9.37164 25.6168C9.66998 26.1618 10.2333 26.5002 10.8416 26.5002C11.1983 26.5002 11.5441 26.3818 11.8416 26.1577L16.5866 22.6452C16.6975 22.5618 16.82 22.5202 16.9491 22.5202C17.0741 22.5202 17.1916 22.5593 17.2908 22.6335L20.6008 25.1252C21.275 25.6268 22.0675 25.8902 22.8983 25.8902C24.2116 25.8902 25.4191 25.231 26.1283 24.1268L27.1375 22.551L30.5708 16.9718C30.8975 16.4602 30.9225 15.8285 30.63 15.2935C30.3316 14.7485 29.7683 14.4102 29.16 14.4102Z' fill='black'/%3e%3cpath opacity='0.07' d='M29.161 14.8262C28.8952 14.8262 28.636 14.9153 28.4118 15.0845L23.6643 18.5995C23.4843 18.7353 23.2743 18.8062 23.0543 18.8062C22.8385 18.8062 22.6343 18.7378 22.4627 18.6095L19.1518 16.117C18.5527 15.6712 17.8452 15.4362 17.1043 15.4362C15.9335 15.4362 14.8577 16.0237 14.2252 17.0087L13.2168 18.5845L9.78766 24.1578C9.54016 24.5453 9.52099 25.0187 9.73933 25.417C9.96099 25.822 10.3952 26.0837 10.8435 26.0837C11.1093 26.0837 11.3685 25.9945 11.5927 25.8253L16.3402 22.3103C16.5202 22.1745 16.7302 22.1037 16.9502 22.1037C17.166 22.1037 17.3702 22.172 17.5418 22.3003L20.8527 24.7928C21.4518 25.2387 22.1593 25.4737 22.9002 25.4737C24.071 25.4737 25.1468 24.8862 25.7793 23.9012L26.7877 22.3253L30.2168 16.752C30.4643 16.3645 30.4835 15.8912 30.2652 15.4928C30.0435 15.0878 29.6102 14.8262 29.161 14.8262Z' fill='black'/%3e%3cpath d='M28.6625 15.4168L23.9125 18.9334C23.4042 19.3168 22.7125 19.3168 22.2125 18.9418L18.9008 16.4493C17.5008 15.4076 15.5175 15.7659 14.5758 17.2326L13.5675 18.8076L10.1425 24.3743C9.64248 25.1576 10.6008 26.0493 11.3425 25.4909L16.0925 21.9743C16.6008 21.5909 17.2925 21.5909 17.7925 21.9659L21.1041 24.4584C22.5041 25.5001 24.4875 25.1418 25.4291 23.6751L26.4375 22.1001L29.8625 16.5334C30.3625 15.7501 29.4042 14.8584 28.6625 15.4168Z' fill='white'/%3e%3cdefs%3e%3cradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(9.23982 35.8157) scale(39.6767)'%3e%3cstop stop-color='%231292FF'/%3e%3cstop offset='0.079' stop-color='%232982FF'/%3e%3cstop offset='0.23' stop-color='%234E69FF'/%3e%3cstop offset='0.351' stop-color='%236559FF'/%3e%3cstop offset='0.428' stop-color='%236D53FF'/%3e%3cstop offset='0.754' stop-color='%23DF47AA'/%3e%3cstop offset='0.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,iVBORw0KGgoAAAANSUhEUgAAAKoAAACqCAMAAAAKqCSwAAAC/VBMVEUAAAD////3+fwAcrIAgMcAcrH//v7+//8AcbEAf8b9/v37/P0BcbAAfsT9/f36/P38/f4Af8UDcrEBfMD//v/5+/0CcbDz+foAcrAAfcb2+/wFcrABfcP9/f73/P0BfMIAfsMHca/y+Pvr9fgEcq/5+/wBc7Hg8PUFc7H6/f74+/sAc7T1+vvv+PoIc7ACcrAQda/2+vzM4+0Kc68Lcq37/v3m8vfi7/UAd7oAdbYHca39///v9/loqs0QdrAWd68Ae74Ber0Adrj6/fu01OQEf8UifrMKdLEMdK/x+Prt9vjp8/fe7fMFfsMAeLsPc64CcK3I4Ot7s9EBe8AcerD4/f3f7/Xc7PMTe7UUd7AAebwXebEHcq7x+vzt9/rY6/TR5u+51+apzOCDttJ/tNFdn8UTg8MMgcM1irs6i7kmgLQJbqnz+vzB3eqJutQeh8JLlL5Ckb0zhrbh8fbW6fHU5/DF3+ujzOKpzuGmzOGeyN2cxtxlpMdhosdYncPr9vnj8fbL4ey83Oq82eeRv9eFuNR6sc5yrcxVmsIthrgsg7UOcqvl8fa11uan0OWsz+KWwtmOvdZ8stBwqspOl8EJfsFFkr8yir0/jrsZfLUffLIaerEDbqzl9PjP5e/N5O6s0+d7vOGiyt+kyd2YxdtUo892rs1pp8kYhcTn9PjZ6vGy0uOHuNJlqMxpqss8lsogicRRlr84jbxCjroFdLImfrH0+/zA2+iv0eKYw9pkrNRvrM0IgcZBkb8ogrYgf7YMdrIcd60Vdaz8///S6fK52OmQw9+Au9qTwdmMu9VtqMkqgbMTd7Ehe6/p9fmx1OV0tdh7ttdrr9Ufj85rqswkjMhJlcAeg71Hkbs3h7bC4O652+6w1eiMwd6FvtxCmcxGm8o8j74Gc7IugK/M5fB9udo+ntR2sNBaptBJnc5ipswvj8VRnMQNf8Akg7fI4u622uuay+icyuKWx+AtkMkrjsZMmcQuiLvF4e9dqdFOos83lMg+k8QJeLhdrts6wY43AAAAAXRSTlMAQObYZgAAFgVJREFUeNrVnQdYE2cYx4s2d+Eu5EKEJCQkCAQKGCAQRgUqrexVpGWUspcKBQRERGSoyHYgIKVSR9W6W/feq+5Z6+i0tXvv3T79vruEBBO48GhJ+D8+iuHGL+/3fu/3fuvuEW2hOG5pOcqAsrS05GhR6eK0HGUUsuSgNKCjjEiW6AgBhcIHIBWPMkLphDU6kw7IaiS1SQfriCEFGjmkoyxHgJ+qhA9c9zNe+fTNR3UqZPIXq5bzcZP/USgq5txfyOrGq//nrzw6oA5tO/C2K8FGTP5v3R/idRb/OwNympoe+vmTjwtxMWoyDEJxXe6qn0lNQ6ZsfSNjDxvYdHjUjxXVqv2fDlz4Id/cXbScg5oMnzhaZqW3KSz8kMmvfn+ZGC5SbbuKASmH1k+hAOk8V29AOqzSKHC8f/m/OTDphj/mueKIyTAL7e8B9MUPST//fnhJtV0AlD+9UU0NUPraZhVrlP8PA5GaT371nWGwKY234hqo/w5U/FO+eDedY2IY4RrOakkbUw99MHM5iFKGkVgDldZVD/38RmKCAUi1nFUDdQDSt65l6O+nhkQNmXzgYw8MNTGY9EU1NZ3y6rxCwxlVf1RTs5iti1yDDEhKj6p21PcTXYYU+w2Far7hwO+yoeWnBkE1NX10ygeL6nDUcEbVH/XQW2cSnQ0LSo9KsU75/HeJ/0hANQ356sc0AzX9+qNSpBuuZhCGrFL6oy794vs09ohADdl2ZjrH8KS0qKagRf3zHT5mYnjRW9XqrfeTJP4mhhe9Vad88T0fR00ML1rUkLc+SfLGRgTqoQ9WpZkYhWhRJ18vJ0yMQnSoIb/8mGYM1Z8eFeT+bzsYQUzVAzVk2pnlRlH9aVGtQrau2vN/GRX1P3nypD/6cFBNrZYeODXUPBVBUX042R5RFWvas1dGEshDQDU1D5n2ft2AlcoC7S+VgSwsLPT4Qh7lxTtDl+3evsaH81Ac4NDWRXY6ighB2Gw2hmEcZyCJRCiUADkT3hwMSixG6I2Kz+i8FObk9FFsyWb+g6NS9V+IIlqkWBDfNzOuaG/9wndXrVo0c/Xq1TMXLVq18PS8ogrPGdFRfJyWFRFm3fZjjh7NEB2ZX4c+DFSQU+sIVQjbrqKxu2XZiba2FzTVdiL+yI6S9fMrAhCEFjW4VApRpb25Pg8D1ernNxbgOlAlcTXx4W4idwGTBcSEgv+w3N2dnMLC4/P28tkILeph0WiAypN/9jBQTa23rnLVcVOsbsslqSO8kaMjgzEaiiGA/6fEO3LOF6dFXXjYHZ7HCm+a88CopuZmS/98W1eo4mw6L+eOBpC6xexdV07Qo5aKyIO9Dvpy0AdEhcPpB06d1IW6oDGQyxAMiHo0J5rQw6oiBol6wxd7QFQ4l7btapK/bkcrkU/isZh9cEwNUoZtfrYdRw9flTLhqX43fMUY+oCoViG/vKfT5RHcfnN1fsGylECo5ORkuTxWwWWSnAyGY+/6FSq3oSIBohTZOsCGA7YAmz8kIwDL7/XHMKp9U5+BkrIYgq/G/PVjuk5UNsFP2ru5cnXVbFJrzxY/8/VLLApVEN6zJhLTaCtw3IEICgpiYwg8E2d7+6MoQN2nRkU0L43jOJGQgIM2RozojWq29INVhTqLBj3JIYQefL6dnR35V0DUqYZvKasKpPG5iS7Km1iIcVnkxjnTpy+P5LsAVJTtwOcLAasJVrh4h5ShhYpyPALA8eAE+wAhPgTUKX+eFuokRUFWhMKiUpYrxy6rK5xCdY/N+055E5QjiUgMbiy5d+/e7aZ90QGWzkRA+eY1RT4uGIkquh8VI/g+RQ3b79y7V3a7esm8xEgPHEP1Q538x9tCPdIeC1T4cbXckSJVdG8upIof4JS3lxxXOO3aBdqFEzvnZ0ZlFt850Xa8psgO5fArASo8Q4WKYmx+UnbeJS83p492OTkp2k7kd9QvELIRelRTU7MN11c60KMiCJ7REepEkrJSy9oXECiZJ+BRwdW7vXhM0i0EPEVo7TO1y9y4AlH8+RkcMb9yqns/VIyIqu9sDRcp4wqLJ1UE9pyb4cFG6FBNIerVGS56oAZF7S9zY5CovNDGGeS3Q9gOc6p2xkoF1OfwH94kv0kslkDAtL2TLcT52VOlZFxVoqJE1OLtgVImeTz17QTufpc6PSErPeq0T0Aop7UpJ31f1wQueX3HlLwiPkbFiDn7e+Q8VcBlMKhARv7EKzgbSdjNmipSoWIIiBT2lSXJIpJUdQrATV22Pk7ojdI6wNhpZ3xxWlRcFleTzCWZGOGllemYMvJm96S6w8LUFuvoFl8VKpPl9wRExflZ22O1DmcwRMuaVsgwOqua20x7byM9qsumjlAudWVRa/tGSyroy/Y2h6vvCKTZ8L7UkeTAp1AZAtsnpmMoJsusPiFSFYH6eOD8F3KSCHRwVHMzm23v1dFmSIRPe4stdQ9uaEeGAxshP03s6HVSgnHDUo4eTQkTuTP6UD8rp1BJFoCKsBcUFyjdnet07OhvLS+FcUlcJtO2JztdPCiq+dixY6a9UUeTdyLsyOweFWng+hUuZBxExXbZ+VLqzkzb+O25+9fmNIf6sVRGfungDIfCWVO5JLftE49xMOf6EoXSjF4FeWc3VzZ0xdsyqC92cX0moQdqOg0qpzBru5xLFhovubbejgrZCNu3MVDKIstXUbbF08c1wD5zf8kEnjK3fe7GCqHdzBfVqITPkgIReRXuhO615el2ET6eW0BUIY93mjpLiAzqAGZjbbbRoaISz/W9oJqDa3K9SivtCYwK5kFxteECstJLW4uTCAyIsJ/V4yZgUKhPeMo0Udkuc19LYZFOGtaz+jJoeDG2ZHpxgZRF+kBsbjqODIpqDapV3aBTlQgnKbeAanOYirL5vsrIZoEQwYcpT+UmV3u6YJRTg2OdlFZ9zRNa1Z2hRPW2C74ZBlGZvNAtvlSrg8k8q+VUwXjVZDqILQarVtZjpr13GR8EFSUWzM5PZTFhyJGC2C/EVA2t86wWLgnlNnWtPYZQ3yticWlYH6qHJipuX5XvRiaviu6FEjGqbFjWtkyiKl5XvcfgVrUZM+39OQQyCCp/c0m4ABYqk5ecVyHBUBVqQlUBj4Q69nWWsC+qza2+yGL0oa7+TY26YH6LE1n75es3cVBU2des7waowCmcDm+WYchgqKBanRlk/QfKkVXUpHAZUNzY7Vl2kFTpAAlrQ3kMBgVF9IW16M9SVKhz+6GyfYu/dWJA1MDcy6o8G+XMrVVQ9erDxTJk8Ahgs+HqpgHTFRSTlK+Lpyq/wKsn2xXTrG1rj5KoTBCWCHWPLBfWHYj6ZRxAfVHU56vROd/ucoSu3VvsClFJYStqjlGoOyppUK1tNlzPBKgDkfqc253qTraNqa1nfQjNPodkfyhTGUEz+1BxXzXqXCF/phoVV6F+lJKT3ofqr4HKp0OdfCBOZ2ZFNfJrdoYJmLDaipatK3cRW2igJlRd4KmgJKpPHTJvPDdajapRrYJ8i1ucSKvKm6arUBEi7mtblQPwxYOjWoNFdTJEdzqF8etrL3IhKYuXUlPUfzQFTaicKiJ99VjXQhlC3RrjL/z1GFMdrDTiKu4zv4Xy1fDaOAKxIP3dO+JK6STStUWlwTKMBnXK3XcLdaOKPTLXhYqYZN4/4eZi+/6pApKwsNSNhBK1zF8QhCEQn+27pEXUh+rSrwkIWJNvS/qGW1lVJI6QqC7RDd/yKLs3x7nQNAHWS8HKGlQnKrBDqzK9kILYD5IUBFULlF1tGJV7TMir4LNBBxXF9uxtngA+UqHyNVH5wV1hZFzlJVfHyTAU1n/XKzfBNeBnXjeiiUFRza2sY756IwrVVfxsGM4Zyvao6ZR9gKtrREQa1B7+HqELbum7Ts6lfg3yTb4L6FtHrGxaxlWjCtNmaaAKV75O1TimqKARHM/mWLrOy0tWXiL+XBo2aA5gZWUVs+1Moi5UzCUuT85QZXS/ruvI2bJk/tm1a9fOrqqqqjy9wicicn+rG1XYTil5CxN9oqbPq44HOb4yB3h9pZCvkVl5E1FLCtyVOe+y9fWPRW3MWH07VpkGKrqDJSY0qGY2k6+fwnRl09GNx6Wq7JNnq1AovNRqa7tUvTdqbp4Xi+Jy97pUcnBd824v0M+iUGEIg/lqXwTgcBKyupWNLkvqtbv5mc9K4hU8noAB04LejmhnWtQxS1/93RnVDqkR2T2KvuTzfjF5qfHVRXPaW51UmbTILTxcAUFVp5CpdeVUaR8qxvHNCXVSJrgsW0VsrELEgAKJubxrYQRG02EBVn32g3cLxYgWalRxKIhTA4nBsi045+u5PoXHVH4ZarhYPRb30jObHDz27dBAxYRz8+RchvJ8IGVazWKGTW1fwDahRR1r8/NPPrg2at38C6IBUWGZBzZFRwZ3ybk6+1ZM1tEGXweP4MMaqAhuF1wSy9W6ksCttSHJEqHpsULUmGnXkrSbVky2rzScxxgYVRSasyAoas3OCVylcwrInNrR0ZGE4x05a+8iifs6lexrK25MxzBEDLq4O8Md77sS1y20AwLQW9Xa+pvPv9MxFMSZk3vJj8di8chJAIGquqiKmydvzorAwL1LAkE2S6GC4xTxu3tTwaAsL7w0OAHjJDbGS1ks4CzFUXDYC7WMyt4eaKuuAo6OAp68bMl0MrejtypsBPi6pi0yc3e2FIS+1AtGVy9enCCXT9BUYM/sBQ4IgkfWny+76MYlpzScwkNLllxpyE9WuIH7z/E3Qe2y8uLd3CaU5c6whKgmYofIvevyU8KceCx4hkDkdrE1b99GB/3GrMaaxUx7P13HSD2WYD938+r985dsAcrJ7Ximn3KyE70xBBWDEZZ9nfmBL7z88gttu5uXeLo61wV33r5dU+UL0jDUOaC+aWd+7f4kZ1SVVwT5ZHXcLGh74WWgtvie82s2eYgR/YaCQYMF5lgJBNGOVxxCFhEAFBkQGWl/vwIcqI4rQthFFy0+25BzrmphZpSMgzpHRHvO3WTvwiYb54jouIoZUaPEqLq95s9ZmTXzbENDw/yqKxVJkS6YvnMB5mbWMVtXFWK68wA2EAYE/9HMAOAvkL4MzDlhj2uAndCZQ9oHo4RQo+7Uz0i/jI3jTBS6prvyJc7e8Jf6o46NuXVm+WD9Kzi0T7NpDk66+vurTQc06GAt+AYcbwxFqeP0Rx37zatvSx50QUi/GQiAMNi3g7+lZjb0R6VgrWJ++cnV8Iss9UC1srKefD1zBKwIgokgDK1pxrF4ZdCZa4gas+1qxkmjYKVBNbe2WXr3XVe2iRFoYFQoUzhyse2TDIkxmJUO1czM+pu7q1yNYQEbDSoMrjEbrhp+pb1+qGOX/rXIzghWMNOgAoFc8Js/PhYa3gXoUUGGBXLB5bjBzTo4KmSFVWvp3VUBBt0WRI9KRQFYsw6sTDCoWelRocgo8Mt7jxEGNis9KhVewQ5WVwwz/l1s0KxgE6MQjPcaTPSo6oZg25kkifFblYSN+eqnyzjbcLD0qOqqBTbdpY8AVDLNBnMDHgZstOhRNXczXf+Oz6bWJ9PLoKhwP0u5TIwaPaop+ANmBxJd2AbYfEOPqr318q8fl7tgiD52NSwqZN06sy5IrzhgUFQYBsyn3L1iRxg9KiCFYxifz4swhLeiQ0AFJrUCvcKYaddXEMgw2xUESEzvhhXODlnb2NiMGfPUVz9tHO5uoQWKEHqimpsBWY8h9dRzX66UDHOrhYot5+iJCoYvzcxsAOeTTz7/9D+/ZgmH1wEsxJLEYr1QyW6rtbUNAH3yqacfB6gew4qKBEV4nj+uX74KUW2ASZ96/unHJ44/VuNpOay+itsH1wZK6VFhP9Ac1Khnn30SgALScWA2Dx82VATD+Rn7u5NFLD1QzYGfmltDUgAKSD/qDuYPW2BFxQ52FU0XUsGErX6o0KhPQdLx48ftOvpMhrP/sKAiCMIRJs6+3esG50n1GQcYC6IpIH3+8Ynjxjk6XmzO4mPDhIqPSv+uaXcYNU9Mj2plBkmffBoWPkBV5K+JHJ6drSjC5m9qL01WzZLTj1mZw8gP/BSCjnZ0awWbqYaHlIjYVFmzW8FjMmhRKVa45hZG04mg7B0FtgU5SQ7DUadQf2ef4POtXpPgMga9UM3BKsYxMEoBm4KF+qmtOeVC8UCkFkAPnpdAIbhs4+nO/BQ3uDxSb1RrgApsCrxU4Ki4kFvu8r+XPiomPC4Xdd6T26pW3+uPCtrS8XBFnVfZuSTZIMEfg/PDyINGfDbBTwRbSmLd3MHajKGhAqM+Pn4cgylK3tmeKMEGmhXGnCX8yMjICBmBodqbmelFnoF6CwOii9bmXYiVwsUbQ0G1ArsDgKdOHD+aOSk+L7iOYCM6p9vFHO89Pp772ouXrNkbnebt7T106yJwtzHhumJNZ/4JP6naoHqjWimNypXn58wN0NWnQjFcFjC9Yva62tKWZYEpR3Zs72wveixANsSIhuIuYIV9VWfJkWQ3LuQcOqrNGFinnAK3Z/vKcH+txRY4IUybs7e4+U6o3E/KY8ItuJNil5XVLqlYniYkcA6G0jadKFyuICmsWzm7Ov+S3I8Hl+MNHdUUptPPPv/4+N7OzEIcgdEOtVCGPU4QG5e5bjxVef7OidiwXR9x1Xdw3HVMfvzO+VmnlgcIwdJFbwT4stIfqXAG/gaMVKEHOexx3ZhxpXHn8dhj4CpqzKGjggAw0enrdy7zPYQSSwmUgxDsC3T1iZ5RsTin+cKJWBHcF9RfYOGRNDzwQlfj6nme5Y/Z28k8LAmw6f2kPwrlf5IDisPBg29X57tpZdGs3ObW47G2PBZTi3PIVp2467eDs/dlgX3qcZ4rPefGFdVfmdWeW1Ma2uZny+XqvCxpYq4ote14WdeNhtmLs+JmRPukp0kkCWA7pWRPOviicfWLq4o7m+8cb/OTirgMqAdFfRL6amz8kRd3fFjaffPmze7DH+5oCQ2MBfvDmTR2GM0UuIvCJiTHH5l6uKu2Zv3BpnWNHY3rmg6ur6nt6p56pFceDncMqRGHjvqmuqNKoQpYTCZv0qRJPJ47jyeV8nhMagM7/fUZ5C53d3gyWD01yc8v1c+P/Al8Qi5qBH/00y01n/bjN+EqZgrVUf29VXut9bUFPJLa6qexcBQInj8k/a3zSaGv9EMFzSqFOk4DVetGtLgPqs81UHH1Q43VAxUgrkJUx9EG12kNVLHWrnuYARgNquZz2FH1f35Q9aqtYd8fNKyjDa5rarp+D4vOeJNihWEVWnUcdDaD6lb/h0VzNMyqhQqCiiF1uv9z+FHNB5srR9VgD9AIUK/d/7x4S01WCpU060TgqwZF/VvrcfHoKE1WasYaoILUGrAa0FmvaXKhOl5t8MOboGcNMysqBDANZddbp3W93QK978UW5uRQpUGj1a1rWi+MoMTRfg3HW3C8ArAOv7veuvX3tdP3AYlH4stNjJzV8hFNoUb8ehtLo3+3VR/pSH5plJG+iks80l9wZnSwJOggsBxjiQUUKC2toV9xiOvi/A/lszrbhFX1MAAAAABJRU5ErkJggg==",name:"Zalo",href:`https://sp.zalo.me/share?href=${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='%231FA1F3'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2304 13.2349L16.2709 13.8692L15.5965 13.7916C13.1417 13.4938 10.9972 12.484 9.17636 10.788L8.28615 9.94646L8.05688 10.5679C7.57128 11.9532 7.88154 13.4161 8.8931 14.4001C9.43262 14.9438 9.3112 15.0215 8.38057 14.6978C8.05688 14.5943 7.77362 14.5166 7.74662 14.5554C7.6522 14.646 7.97596 15.8241 8.23222 16.2902C8.58291 16.9376 9.29771 17.5719 10.08 17.9474L10.7409 18.2452L9.95865 18.2581C9.20329 18.2581 9.17636 18.271 9.25728 18.5429C9.52704 19.3844 10.5925 20.2777 11.7795 20.6661L12.6157 20.938L11.8873 21.3523C10.8084 21.9478 9.54054 22.2844 8.27265 22.3103C7.6657 22.3232 7.16667 22.375 7.16667 22.4139C7.16667 22.5433 8.81217 23.2684 9.76981 23.5531C12.6427 24.3947 16.0551 24.0322 18.6177 22.5951C20.4385 21.5724 22.2594 19.5398 23.1091 17.5719C23.5677 16.5232 24.0263 14.6072 24.0263 13.688C24.0263 13.0925 24.0667 13.0148 24.8221 12.3027C25.2671 11.8885 25.6853 11.4353 25.7662 11.3059C25.9011 11.0598 25.8876 11.0598 25.1997 11.28C24.0532 11.6683 23.8914 11.6166 24.4579 11.034C24.876 10.6197 25.375 9.86879 25.375 9.64873C25.375 9.60987 25.1727 9.67458 24.9434 9.79112C24.7007 9.92061 24.1612 10.1148 23.7565 10.2313L23.0282 10.4514L22.3673 10.0241C22.0031 9.79112 21.4906 9.53219 21.2208 9.45452C20.533 9.27327 19.4809 9.29918 18.8605 9.50628C17.1745 10.0889 16.109 11.5907 16.2304 13.2349Z' fill='white'/%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}`}])(n||"",d);return z.default.createElement(ma,{"data-is-marrybaby":d,className:e,style:l},z.default.createElement("div",{className:"share__social"},f.map(((e,t)=>z.default.createElement(ua,{key:t,"data-event-category":a,"data-event-action":`Social Share - ${e.name}`,"data-event-label":n,href:e.href,target:"_blank",rel:"noreferrer"},z.default.createElement("img",{src:e.icon}),z.default.createElement(b.Text,{className:"__label",size:"label2",type:"regular"},e.name))))),z.default.createElement("div",{className:"share__copy-link"},z.default.createElement(b.Text,{className:"__label",color:i.theme.colors.gray500,size:"p4",type:"regular"},c("orCopyLink")),z.default.createElement("div",{className:"__input-group"},z.default.createElement("input",{ref:u,type:"text",value:n,readOnly:!0,onFocus:e=>e.target.select()}),z.default.createElement("button",{className:"__copy",onClick:()=>g()},d?z.default.createElement("img",{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"}):c(m?"copied":"copy")))))},ga=({trackingCategory:e,className:l,style:n,url:i,avatar:r,text:s,onClose:d})=>{const{data:{env:{isMarryBaby:c}}}=t.useContext(h.TogetherComponentGlobalContext),{t:u}=o.useTranslations(),[m,p]=t.useState(!1);return t.useEffect((()=>(g.toggleNoScroll(!0),setTimeout((()=>p(!0)),0),()=>g.toggleNoScroll(!1))),[]),z.default.createElement(a.Portal,null,z.default.createElement(ha,{"data-is-marrybaby":c,className:l,style:n},z.default.createElement(ia,{className:"share-popup",isOpen:m,onClose:d,heading:u("bottomBar.share")},c?z.default.createElement(b.Text,{className:"share-mb-text",size:"sm"},u("article.shareOn")):z.default.createElement("div",{className:"custom-share__header"},r&&z.default.createElement("div",{className:"custom-share__header-image"},z.default.createElement("img",{src:r})),z.default.createElement("div",{className:"custom-share__header-info"},z.default.createElement(k.Heading,{tag:"h4"},s),z.default.createElement(b.Text,{className:"desc",size:"md"},i))),m&&z.default.createElement(pa,{trackingCategory:e,shareUrl:i||("undefined"!=typeof window?window.location.href:""),title:s}))))},ha=F.default.div`
|
|
2118
2118
|
.share-popup {
|
|
2119
2119
|
> div:first-child {
|
|
2120
2120
|
height: unset;
|
|
@@ -2173,7 +2173,7 @@
|
|
|
2173
2173
|
overflow: hidden;
|
|
2174
2174
|
border-radius: 1rem;
|
|
2175
2175
|
&[data-open='true'] {
|
|
2176
|
-
${
|
|
2176
|
+
${g.MediaQueries.mbDown} {
|
|
2177
2177
|
max-width: unset;
|
|
2178
2178
|
width: 100%;
|
|
2179
2179
|
top: 100%;
|
|
@@ -2201,7 +2201,7 @@
|
|
|
2201
2201
|
}
|
|
2202
2202
|
}
|
|
2203
2203
|
}
|
|
2204
|
-
`,
|
|
2204
|
+
`,fa=F.default.div`
|
|
2205
2205
|
padding: 0 8px;
|
|
2206
2206
|
margin-top: 18px;
|
|
2207
2207
|
|
|
@@ -2232,7 +2232,7 @@
|
|
|
2232
2232
|
&[data-is-marrybaby='true'] {
|
|
2233
2233
|
padding: 0 1rem 1rem;
|
|
2234
2234
|
}
|
|
2235
|
-
`;var va="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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ba=({className:a,style:
|
|
2235
|
+
`;var va="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 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 5V8' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11H8.00708' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ba=({className:a,style:l,reason:n,reasonText:r,onClose:s,postId:d})=>{const{data:{locale:c,env:{isMarryBaby:u}},action:{pushNotifications:m}}=t.useContext(h.TogetherComponentGlobalContext),{t:p}=o.useTranslations(),[g,f]=t.useState(!1);return z.default.createElement(fa,{"data-is-marrybaby":u,className:a,style:l},z.default.createElement("ul",{className:"report-list"},z.default.createElement("li",{className:"report-item"},z.default.createElement("img",{src:va}),z.default.createElement(b.Text,{className:"__label",color:i.theme.colors.gray800,size:"p4"},r))),z.default.createElement(E.Button,{theme:u?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:g,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(d&&!g){f(!0);try{const e=yield(({id:e,reason:t,locale:a})=>{const l=new FormData;return l.append("reason",t),h.callApiWithAuth(h.getApiPath(h.PATHS.POST.REPORT,{_locale:a,id:e}),"POST",{data:l})})({id:d,reason:n,locale:c});1===(null==e?void 0:e.status)&&(m({message:"Post reported",type:"success"}),s&&s())}catch(e){}f(!1)}}))},p("submit")))},xa=F.default.div`
|
|
2236
2236
|
padding: 0.5rem 1rem 1rem;
|
|
2237
2237
|
line-height: 1.5;
|
|
2238
2238
|
word-break: break-word;
|
|
@@ -2289,26 +2289,26 @@
|
|
|
2289
2289
|
}
|
|
2290
2290
|
}
|
|
2291
2291
|
}
|
|
2292
|
-
`;var wa=a.createStyles((e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}}}})));const ya=l=>{var{trackingCategory:
|
|
2292
|
+
`;var wa=a.createStyles((e=>({root:{mention:{color:e.fn.primaryColor()},a:{"&,&:visited,&:focus":{color:e.fn.primaryColor()}}}})));const ya=l=>{var{trackingCategory:n,url:i,className:r,style:s,replyingTo:d,mentionedUser:c,description:u,disableShortenContent:m,mentions:p=[],maxChars:g=1e3,hideShowAllBtn:f,styles:v}=l,b=e.__rest(l,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn","styles"]);const{classes:x,theme:w}=wa(void 0,{name:"PostContent",styles:v}),[y,C]=t.useState(!1),{t:E}=o.useTranslations(),{authActionWrapper:k}=q(),[A,N]=t.useState(!1),T=kt(Et(u||"","display"),p),{action:{sanitizeFunction:S}}=t.useContext(h.TogetherComponentGlobalContext),P=t.useMemo((()=>{const e=S(T||"");if(m||y)return{showContent:e,hasSeeMore:!1};const t=e.slice(0,g),a=g-27*((t.match(/<\/div>/g)||[]).length-1),l=(t||"").slice(0,a<40?40:a),o=S(l.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),n=o.length<e.length-10;return{showContent:n?o:e,hasSeeMore:n}}),[m,y,T]),L=(null==c?void 0:c.name)||d,M="expert"===(null==c?void 0:c.role)&&!!(null==c?void 0:c.partnerId);return z.default.createElement(z.default.Fragment,null,M&&z.default.createElement(Qe,{isOpen:A,onClose:()=>N(!1),expertId:String(null==c?void 0:c.partnerId)}),z.default.createElement(xa,Object.assign({className:`${x.root} ${r} no-replace-click`,style:s,mentionColor:w.fn.primaryColor()},b),L&&z.default.createElement(a.Anchor,{onClick:()=>M&&N(!0),className:"post-content-replying"},"@",L),(null==u?void 0:u.startsWith("[mention+id="))&&z.default.createElement("span",{className:"post-content-replying tag-only",style:{color:w.fn.primaryColor()}},"@"),z.default.createElement("span",{dangerouslySetInnerHTML:{__html:P.showContent},className:"post-content "+(P.hasSeeMore?"has-see-more":"")}),P.hasSeeMore&&!y&&z.default.createElement("span",null,"... ",!f&&z.default.createElement(a.Anchor,Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),k((()=>C(!0)))},className:"see-more-text"},n?{"data-event-category":n,"data-event-action":"See More Post Click","data-event-label":i}:{}),E("post.seeMore")))))},Ca=F.default.div`
|
|
2293
2293
|
padding: 14px 16px 14px 17px;
|
|
2294
2294
|
background: ${e=>e.bgColor};
|
|
2295
2295
|
border-left: 3px solid ${e=>e.highlight};
|
|
2296
2296
|
|
|
2297
|
-
${
|
|
2297
|
+
${g.MediaQueries.mbUp} {
|
|
2298
2298
|
padding: 12px 12px 12px 17px;
|
|
2299
2299
|
}
|
|
2300
|
-
`,Ea=
|
|
2300
|
+
`,Ea=F.default.div`
|
|
2301
2301
|
display: flex;
|
|
2302
|
-
`,ka=
|
|
2302
|
+
`,ka=F.default.div`
|
|
2303
2303
|
font-size: 12px;
|
|
2304
2304
|
line-height: 18px;
|
|
2305
2305
|
|
|
2306
2306
|
&[data-has-icon='true'] {
|
|
2307
2307
|
margin-left: 10px;
|
|
2308
2308
|
}
|
|
2309
|
-
`,Aa=
|
|
2309
|
+
`,Aa=F.default.div`
|
|
2310
2310
|
flex-shrink: 0;
|
|
2311
|
-
`,Na=
|
|
2311
|
+
`,Na=F.default.div`
|
|
2312
2312
|
display: grid;
|
|
2313
2313
|
grid-gap: 3px;
|
|
2314
2314
|
grid-template-columns: 1fr 1fr;
|
|
@@ -2421,7 +2421,7 @@
|
|
|
2421
2421
|
}
|
|
2422
2422
|
}
|
|
2423
2423
|
}
|
|
2424
|
-
`,Ta=
|
|
2424
|
+
`,Ta=F.default.div`
|
|
2425
2425
|
position: fixed;
|
|
2426
2426
|
z-index: 999;
|
|
2427
2427
|
top: 0;
|
|
@@ -2464,9 +2464,9 @@
|
|
|
2464
2464
|
object-fit: cover;
|
|
2465
2465
|
}
|
|
2466
2466
|
}
|
|
2467
|
-
`,Sa=
|
|
2467
|
+
`,Sa=F.default((t=>{var{icon:a,bgColor:l=i.theme.colors.yellow50,highlightColor:o=i.theme.colors.yellow800,message:n}=t,r=e.__rest(t,["icon","bgColor","highlightColor","message"]);return z.default.createElement(Ca,Object.assign({bgColor:l,highlight:o},r),z.default.createElement(Ea,null,a&&z.default.createElement(Aa,null,a),z.default.createElement(ka,{"data-has-icon":Boolean(a)},n)))}))`
|
|
2468
2468
|
margin-bottom: 16px;
|
|
2469
|
-
`;const Pa=({className:e,style:l,authorName:n,images:
|
|
2469
|
+
`;const Pa=({className:e,style:l,authorName:n,images:i,onClose:r,onOpenSingleView:s})=>{const{t:d}=o.useTranslations(),[c,u]=t.useState(!1);return t.useEffect((()=>{setTimeout((()=>{u(!0)}),0)}),[]),z.default.createElement(a.Portal,null,z.default.createElement(Ta,{className:e,style:l,"data-open":c},z.default.createElement("div",{className:"top-bar"},z.default.createElement("img",{className:"icon-arrow-left",src:"data:image/svg+xml,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0508 18.0607L4.00078 12.0367L10.0508 6.01172' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4.00195 12.0352L19.002 12.0352' stroke='%23262626' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",onClick:r,alt:"go back"}),z.default.createElement(b.Text,{size:"p2",type:"bold",style:{textAlign:"center"}},d("previewPhotos.title",{name:n}))),z.default.createElement("div",{className:"container"},i.map(((e,t)=>z.default.createElement("img",{className:"img-preview",key:t,src:e,onClick:()=>null==s?void 0:s(t),alt:"post img"}))))),",")},La=F.default.div`
|
|
2470
2470
|
position: fixed;
|
|
2471
2471
|
z-index: 999;
|
|
2472
2472
|
top: 0;
|
|
@@ -2483,7 +2483,7 @@
|
|
|
2483
2483
|
opacity: 1;
|
|
2484
2484
|
pointer-events: auto;
|
|
2485
2485
|
}
|
|
2486
|
-
`,Ma=
|
|
2486
|
+
`,Ma=F.default.div`
|
|
2487
2487
|
padding: 1rem;
|
|
2488
2488
|
background: white;
|
|
2489
2489
|
.icon-close {
|
|
@@ -2491,7 +2491,7 @@
|
|
|
2491
2491
|
height: 26px;
|
|
2492
2492
|
cursor: pointer;
|
|
2493
2493
|
}
|
|
2494
|
-
`,Ia=
|
|
2494
|
+
`,Ia=F.default.div`
|
|
2495
2495
|
position: relative;
|
|
2496
2496
|
flex: 1;
|
|
2497
2497
|
overflow: hidden;
|
|
@@ -2501,7 +2501,7 @@
|
|
|
2501
2501
|
object-fit: contain;
|
|
2502
2502
|
object-position: center;
|
|
2503
2503
|
}
|
|
2504
|
-
`,Ra=
|
|
2504
|
+
`,Ra=F.default.div`
|
|
2505
2505
|
--inner-padding: max(16px, 20%);
|
|
2506
2506
|
height: 100%;
|
|
2507
2507
|
position: absolute;
|
|
@@ -2521,7 +2521,7 @@
|
|
|
2521
2521
|
&[data-disabled='true'] {
|
|
2522
2522
|
cursor: not-allowed;
|
|
2523
2523
|
}
|
|
2524
|
-
`,
|
|
2524
|
+
`,za=F.default.div`
|
|
2525
2525
|
border-radius: 50%;
|
|
2526
2526
|
background: rgba(0, 0, 0, 0.3);
|
|
2527
2527
|
display: flex;
|
|
@@ -2535,14 +2535,14 @@
|
|
|
2535
2535
|
opacity: 0.5;
|
|
2536
2536
|
}
|
|
2537
2537
|
}
|
|
2538
|
-
${
|
|
2538
|
+
${g.MediaQueries.tdUp} {
|
|
2539
2539
|
padding: 8px;
|
|
2540
2540
|
> img {
|
|
2541
2541
|
width: 30px;
|
|
2542
2542
|
height: 30px;
|
|
2543
2543
|
}
|
|
2544
2544
|
}
|
|
2545
|
-
`;var
|
|
2545
|
+
`;var Ba="data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6 12.8125L10 8.8125L6 4.8125' stroke='white' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const ja=({initialViewIndex:e,images:l,onClose:o})=>{const[n,i]=t.useState(e),[r,s]=t.useState(!1);t.useEffect((()=>{setTimeout((()=>{s(!0)}),0)}),[]);const d=null==l?void 0:l[n],c=0===n,u=!(null==l?void 0:l.length)||n===(null==l?void 0:l.length)-1;return z.default.createElement(a.Portal,null,z.default.createElement(La,{"data-open":r&&!!d},z.default.createElement(Ma,null,z.default.createElement("img",{src:na,className:"icon-close",onClick:o,alt:"close"})),d&&n>=0&&z.default.createElement(z.default.Fragment,null,z.default.createElement(Ia,null,z.default.createElement("img",{className:"img-preview",src:d,alt:"post img open"}),z.default.createElement(Ra,{"data-disabled":c,onClick:()=>!c&&i(n-1)},z.default.createElement(za,null,z.default.createElement("img",{src:Ba,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":c}))),z.default.createElement(Ra,{"data-right":!0,"data-disabled":u,onClick:()=>!u&&i(n+1)},z.default.createElement(za,null,z.default.createElement("img",{src:Ba,alt:"right arrow","data-disabled":u})))))))},Fa=F.default.div`
|
|
2546
2546
|
position: absolute;
|
|
2547
2547
|
top: 0;
|
|
2548
2548
|
right: 0;
|
|
@@ -2554,7 +2554,7 @@
|
|
|
2554
2554
|
align-items: center;
|
|
2555
2555
|
justify-content: center;
|
|
2556
2556
|
cursor: pointer;
|
|
2557
|
-
`,Oa="hhgcomp-sensitivemask-inner",
|
|
2557
|
+
`,Oa="hhgcomp-sensitivemask-inner",Da=r.getDefaultClassWrapper(Fa,Oa),Va=F.default.div``,Ua=F.default.div`
|
|
2558
2558
|
position: absolute;
|
|
2559
2559
|
bottom: 0;
|
|
2560
2560
|
left: 0;
|
|
@@ -2598,7 +2598,7 @@
|
|
|
2598
2598
|
justify-content: flex-start;
|
|
2599
2599
|
}
|
|
2600
2600
|
}
|
|
2601
|
-
`,_a=({image:e,showIcon:a=!0})=>{const[l,o]=t.useState(!0);return
|
|
2601
|
+
`,_a=({image:e,showIcon:a=!0})=>{const[l,o]=t.useState(!0);return z.default.createElement(Ua,{"data-is-blurred":l,onClick:e=>l&&e.stopPropagation()},z.default.createElement("img",{loading:"lazy",className:"img-preview",src:e}),z.default.createElement(Da,{onClick:e=>{e.stopPropagation(),o(!l)}},a&&z.default.createElement(Va,null,l?z.default.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.71 2.5399C1.32 2.1499 1.32 1.5199 1.71 1.1299C2.1 0.739902 2.74 0.739902 3.13 1.1299L19.44 17.4599C19.83 17.8499 19.83 18.4799 19.44 18.8699C19.05 19.2599 18.42 19.2599 18.03 18.8699L15.31 16.1499C13.97 16.6699 12.52 16.9699 11 16.9699C6 16.9699 1.73 13.8599 0 9.4699C0.77 7.4999 2.06 5.7999 3.68 4.5099L1.71 2.5399ZM16 9.4699C16 6.7099 13.76 4.4699 11 4.4699C10.49 4.4699 10 4.5699 9.53 4.7099L7.36 2.5399C8.51 2.1699 9.73 1.9699 11 1.9699C16 1.9699 20.27 5.0799 22 9.4599C21.31 11.2199 20.21 12.7599 18.82 13.9899L15.76 10.9299C15.9 10.4699 16 9.9799 16 9.4699ZM11 14.4699C8.24 14.4699 6 12.2299 6 9.4699C6 8.6999 6.18 7.9699 6.49 7.3299L8.06 8.8999C8.03 9.0799 8 9.2699 8 9.4699C8 11.1299 9.34 12.4699 11 12.4699C11.2 12.4699 11.38 12.4399 11.57 12.3999L13.14 13.9699C12.49 14.2899 11.77 14.4699 11 14.4699ZM13.97 9.1399C13.82 7.7399 12.72 6.6499 11.33 6.4999L13.97 9.1399Z",fill:"white"})):z.default.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{d:"M11.9999 0C5.14188 0 1.88558 5.87864 1.09558 7.55664C0.963582 7.83664 0.963582 8.16141 1.09558 8.44141C1.88558 10.1204 5.14188 16 11.9999 16C18.8339 16 22.0924 10.1629 22.8964 8.46094C23.0344 8.16794 23.0344 7.83206 22.8964 7.53906C22.0924 5.83706 18.8339 0 11.9999 0ZM11.9999 3C14.7609 3 16.9999 5.239 16.9999 8C16.9999 10.761 14.7609 13 11.9999 13C9.23888 13 6.99988 10.761 6.99988 8C6.99988 5.239 9.23888 3 11.9999 3ZM11.9999 5C11.2042 5 10.4412 5.31607 9.87856 5.87868C9.31595 6.44129 8.99988 7.20435 8.99988 8C8.99988 8.79565 9.31595 9.55871 9.87856 10.1213C10.4412 10.6839 11.2042 11 11.9999 11C12.7955 11 13.5586 10.6839 14.1212 10.1213C14.6838 9.55871 14.9999 8.79565 14.9999 8C14.9999 7.20435 14.6838 6.44129 14.1212 5.87868C13.5586 5.31607 12.7955 5 11.9999 5Z",fill:"#2D87F3"})))))},Ha=({className:e,images:a=[],style:l,authorName:n,isSensitive:i=!1})=>{const{data:{env:{isMarryBaby:r}}}=t.useContext(h.TogetherComponentGlobalContext),{t:s}=o.useTranslations(),d="+ "+((a.length||0)-4),[c,u]=t.useState(!1),[m,p]=t.useState(-1),f=a.length>5,v=t.useRef(!1);return t.useEffect((()=>()=>{v.current&&g.toggleNoScroll(!1)}),[]),t.useEffect((()=>{c||m>=0?(g.toggleNoScroll(!0),v.current=!0):(g.toggleNoScroll(!1),v.current=!1)}),[c,m]),z.default.createElement(z.default.Fragment,null,i&&z.default.createElement(Sa,{message:s("sensitiveMask.contentWarningDescription"),icon:z.default.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},z.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.00002 0.666748C4.40002 0.666748 0.666687 4.40008 0.666687 9.00008C0.666687 13.6001 4.40002 17.3334 9.00002 17.3334C13.6 17.3334 17.3334 13.6001 17.3334 9.00008C17.3334 4.40008 13.6 0.666748 9.00002 0.666748ZM9.00002 9.83341C8.54169 9.83341 8.16669 9.45841 8.16669 9.00008V5.66675C8.16669 5.20842 8.54169 4.83342 9.00002 4.83342C9.45835 4.83342 9.83335 5.20842 9.83335 5.66675V9.00008C9.83335 9.45841 9.45835 9.83341 9.00002 9.83341ZM8.16669 11.5001V13.1667H9.83335V11.5001H8.16669Z",fill:"#FE921D"}))}),z.default.createElement(Na,{className:e,style:l,"data-image-count":f?5:a.length||0,"data-is-marrybaby":r,"data-cursor-pointer":!i},null==a?void 0:a.slice(0,5).map(((e,t)=>{const a=4===t&&f;return z.default.createElement("div",{className:"img-wrapper",key:t,onClick:()=>{t>=4&&f?u(!0):p(t)}},i&&z.default.createElement(_a,{image:e,showIcon:!a}),!r&&z.default.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e}),z.default.createElement("img",{loading:"lazy",className:"img-preview",src:e}),a&&z.default.createElement("div",{className:"img-more-overlay"},z.default.createElement(k.Heading,{tag:"h1",as:"h2",color:"white"},d)))}))),c&&z.default.createElement(Pa,{authorName:n||"",images:a,onClose:()=>u(!1),onOpenSingleView:p}),m>=0&&z.default.createElement(ja,{images:a,initialViewIndex:m,onClose:()=>p(-1)}))},Wa=F.default.div`
|
|
2602
2602
|
.link-info-container {
|
|
2603
2603
|
padding: 0.5rem 1rem;
|
|
2604
2604
|
background: ${e=>e.color||"#f4faff"};
|
|
@@ -2634,7 +2634,7 @@
|
|
|
2634
2634
|
overflow: hidden;
|
|
2635
2635
|
border-radius: 1rem;
|
|
2636
2636
|
}
|
|
2637
|
-
`,qa=({url:l,image:o,className:n,style:i,autoPlay:r=!0})=>{const{data:{locale:s}}=t.useContext(u.TogetherComponentGlobalContext),[d,c]=t.useState(null);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(!o){if(!l)return c(null);c((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),u.callApi(u.getApiPath(u.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:l},headers:{"Content-Type":"application/json"}}).then((e=>{var t,a;c({url:l,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((()=>{c(null)}))}}))}),[l,o]);const m=o||(null==d?void 0:d.image),p=(null==d?void 0:d.url)||l,g=t.useMemo((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(p)),[p]),f=t.useMemo((()=>p.includes("facebook.com")||p.includes("fb.watch")),[p]),h=t.useRef(0),v=t.useRef(0),[b,x]=t.useState(!1);t.useEffect((()=>{const e=()=>{var e;const t=null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!h.current||Math.abs((h.current-t.width)/(null==t?void 0:t.width))>.2)&&(h.current=Math.floor(t.width),a=!0),t&&(!v.current||Math.abs((v.current-t.height)/(null==t?void 0:t.height))>.2)&&(v.current=Math.floor(t.height),a=!0),a&&x((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const w=t.useRef(null),y=t.useRef(!1),C=a.useMantineTheme();return B.default.createElement(Wa,{className:`${n} no-replace-click`,style:i,ref:w,color:C.colors[C.primaryColor][0]},o||!g&&!f?B.default.createElement("a",{href:p,target:"_blank",rel:"noreferrer"},B.default.createElement("div",{className:"link-image-wrapper "+((null==d?void 0:d.isFetching)?"fetching":"")},(null==d?void 0:d.isFetching)?B.default.createElement(Q,{className:"loading-spinner"}):B.default.createElement("img",{className:"link-image",src:m||u.DEFAULT_IMG,onError:e=>{y.current||(y.current=!0,e.currentTarget.src=u.DEFAULT_IMG)}}))):B.default.createElement("div",{className:"link-image-wrapper"},g?B.default.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${g}?&autoplay=${r?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):f?B.default.createElement("iframe",{key:String(b),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(p)}&autoplay=${r?1:0}&show_text=false&t=0&width=${h.current}&height=${v.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:v.current,width:h.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var Za="PD6nRZX";const Ga=({className:e,size:t="md"})=>{const{t:a}=i.useTranslations();return B.default.createElement("div",{className:`${Za} ${e}`},B.default.createElement(l.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))};var Qa="l5fL1xL",Xa="L-aGKo7";const Ka=({children:e,className:t=""})=>B.default.createElement("div",{className:`${Qa} ${t}`},e),$a=({children:e,className:t=""})=>B.default.createElement("div",{className:`${Xa} ${t}`},e);var Ya="eaR8ATZ",Ja="xM-7K0a",el="DZmf3s7";const tl=({src:e,defaultSrc:t=c.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:l=80,radius:o=8,alt:n,className:i=""})=>B.default.createElement("div",{className:i},B.default.createElement("div",{className:el,style:{width:`${l}px`,height:l*a+"px",borderRadius:`${o}px`}},B.default.createElement(Be,{src:e,fallbackSrc:t,alt:n}))),al=({category:e,title:t,src:a,children:l,className:o=""})=>B.default.createElement("div",{className:`${Ya} ${o}`},B.default.createElement(tl,{src:a}),B.default.createElement("div",{className:Ja},l||B.default.createElement("div",null,e&&B.default.createElement(Ka,null,e),t&&B.default.createElement($a,null,t))));al.CategoryText=Ka,al.Title=$a;const ll=({featureImage:e,postTitle:t,author:a,categories:l,isReview:o,className:n=""})=>{var i;const r=o?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return B.default.createElement(al,{src:e,className:n},B.default.createElement(B.default.Fragment,null,B.default.createElement(al.CategoryText,null,null===(i=null==l?void 0:l[0])||void 0===i?void 0:i.name),B.default.createElement(al.Title,null,t),B.default.createElement(Ie,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:B.default.createElement(B.default.Fragment,null,r,B.default.createElement(Ie.SubDivider,null),"Dec 12, 2022")})))};var ol={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 nl=t.createContext({}),il=({className:e=""})=>{var l,o,n,r,u;const{t:m}=i.useTranslations(),{info:p,isMarryBaby:g}=t.useContext(nl),f=null==p?void 0:p.data,h=[{type:"linkedin",icon:c.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==p?void 0:p.contact)||void 0===l?void 0:l.linkedin},{type:"instagram",icon:c.CommonGAssets.getAssetPath("instagram.svg"),url:null===(o=null==p?void 0:p.contact)||void 0===o?void 0:o.instagram},{type:"facebook",icon:c.CommonGAssets.getAssetPath("facebook.svg"),url:null===(n=null==p?void 0:p.contact)||void 0===n?void 0:n.facebook},{type:"youtube",icon:c.CommonGAssets.getAssetPath("youtube.svg"),url:null===(r=null==p?void 0:p.contact)||void 0===r?void 0:r.youtube},{type:"tiktok",icon:c.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(u=null==p?void 0:p.contact)||void 0===u?void 0:u.tiktok}],v=[...((null==p?void 0:p.experiences)||[]).length>0?[{key:"experience",heading:m("profilePanel.experience"),iconSrc:c.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),panel:B.default.createElement("div",{className:ol.accBodyGroup},null==p?void 0:p.experiences.map(((e,t)=>B.default.createElement("div",{className:ol.accBodyGroupItem,key:String(t)},B.default.createElement("div",{className:ol.accBodyGroupTitle},e.title),B.default.createElement("div",{className:ol.accBodyGroupDesc},B.default.createElement("p",null,e.organization),B.default.createElement("p",null,e.duration))))))}]:[],...((null==p?void 0:p.educations)||[]).length>0?[{key:"education",heading:m("profilePanel.education"),iconSrc:c.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),panel:B.default.createElement("div",{className:ol.accBodyGroup},null==p?void 0:p.educations.map(((e,t)=>B.default.createElement("div",{className:ol.accBodyGroupItem,key:String(t)},B.default.createElement("div",{className:ol.accBodyGroupTitle},e.schoolName),B.default.createElement("div",{className:ol.accBodyGroupDesc},B.default.createElement("p",null,e.study),B.default.createElement("p",null,e.completedYear))))))}]:[],...((null==p?void 0:p.awards)||[]).length>0?[{key:"awards",heading:m("profilePanel.awards"),iconSrc:c.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),panel:B.default.createElement("div",{className:ol.accBodyGroup},null==p?void 0:p.awards.map(((e,t)=>B.default.createElement("div",{className:ol.accBodyGroupTitle,key:t},e.title))))}]:[]],b=(null==p?void 0:p.relatedPosts)||[],x=h.filter((e=>e.url));return B.default.createElement("div",{className:`${ol.container} ${e}`,"data-is-marrybaby":g},v.length>0&&B.default.createElement(a.Accordion,{defaultValue:v[0].key,chevron:g?B.default.createElement("div",{className:ol.mbChevronWrapper},B.default.createElement(d.Plus,{size:12,color:s.theme.mbColors.midGray})):B.default.createElement(d.Plus,{color:s.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"}}}},v.map((e=>B.default.createElement(a.Accordion.Item,{key:e.key,value:e.key},B.default.createElement(a.Accordion.Control,null,B.default.createElement("div",{className:ol.header},B.default.createElement("div",{className:ol.headingIcon},B.default.createElement("img",{src:e.iconSrc})),B.default.createElement("div",{className:ol.heading},e.heading))),B.default.createElement(a.Accordion.Panel,null,e.panel))))),b.length>0&&B.default.createElement("div",{className:ol.group},B.default.createElement("div",{className:ol.subTitle},B.default.createElement("img",{className:ol.subIcon,src:c.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg")}),m("profilePanel.publishedArticles")),B.default.createElement("div",{className:`${ol.relatedList}`},null==p?void 0:p.relatedPosts.map((e=>B.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:ol.articleCardLink},B.default.createElement(ll,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}))))))),x.length>0&&B.default.createElement("div",{className:ol.group},B.default.createElement("div",{className:ol.subTitle},B.default.createElement("img",{className:ol.subIcon,src:c.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg")}),m("profilePanel.socialLinks")),B.default.createElement("div",{className:ol.groupBody},B.default.createElement(a.Flex,null,h.map(((e,t)=>e.url&&B.default.createElement("div",{className:ol.socialItem,key:t},B.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},B.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))))))))};var rl={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const sl=({post:e,className:a=""})=>{var l,o,n,r,s,d,c,m;const{t:p}=i.useTranslations(),{data:{userInfo:g,env:{togetherBasePath:f}}}=t.useContext(u.TogetherComponentGlobalContext),{authActionWrapper:h,authorProps:v}=t.useContext(nl),x=`${window.location.origin}${f}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return B.default.createElement("div",{className:`${rl.container} ${a}`},B.default.createElement("div",{className:rl.header},B.default.createElement("div",{className:rl.question},p("profilePanel.question")," ",B.default.createElement(b.Anchor,{className:rl.questionTitle,href:"#",onClick:()=>{(null==g?void 0:g.id)||null==h||h((()=>window.location.href=x))}},"#",null==e?void 0:e.title)),B.default.createElement("div",{className:rl.community},null===(o=null==e?void 0:e.community)||void 0===o?void 0:o.name," - ",null==e?void 0:e.createdTime)),B.default.createElement("div",{className:rl.questionCard},B.default.createElement(st,Object.assign({className:"card-author"},v,{role:"user",avatarIcon:B.default.createElement(we,null),subLine:B.default.createElement(st.SubTextRow,null,B.default.createElement(st.SubText,null,null===(s=null===(r=null===(n=null==e?void 0:e.expertAnswer)||void 0===n?void 0:n.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),B.default.createElement(ya,{className:"post-content-wrapper",description:(null===(m=null===(c=null===(d=null==e?void 0:e.expertAnswer)||void 0===d?void 0:d.answer)||void 0===c?void 0:c[0])||void 0===m?void 0:m.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),B.default.createElement(E.Button,{size:"md",onClick:()=>{(null==g?void 0:g.id)?window.location.href=x:null==h||h((()=>window.location.href=x))}},p("profilePanel.anserwing.viewFull")))};var dl="MrdoES3",cl="_8fd7YMs",ul="DomiQfw",ml="-b2qnfL";const pl=({message:e,buttonTxt:a,imgSrc:o,onBtnClick:n})=>{const{siteType:i,isMarryBaby:r}=t.useContext(nl);return B.default.createElement("div",{className:cl},B.default.createElement("div",{className:ul},B.default.createElement("img",{src:o||c.CommonGAssets.getAssetPath(r?"comments-mb.svg":"comments.svg")})),e&&B.default.createElement("div",{className:ml},e),a&&B.default.createElement(l.Button,{size:"md",theme:i,color:"secondary",onClick:n},a))},gl=({id:a})=>{const{t:l}=i.useTranslations(),{data:{locale:o}}=t.useContext(u.TogetherComponentGlobalContext),{authorProps:n}=t.useContext(nl),[r,s]=t.useState(null),[d,c]=t.useState(!1);return t.useEffect((()=>{a&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const t=yield u.callApi(u.getApiPath(u.PATHS.USER.LIST_ANSWERS,{_locale:o,id:a}),"GET"),l=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.replies)||[]).map(p.formatPost);s(l),c(!1)}))}),[]),B.default.createElement("div",{className:dl},d?B.default.createElement(Ga,null):null!==r&&(r.length>0?r.map((e=>B.default.createElement(sl,{className:"post-card",key:e.id,post:e}))):B.default.createElement(pl,{message:l("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)})})))},fl=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return B.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),B.default.createElement("path",{d:"M9.99983 9.14326L6.94303 12.2001C6.61183 12.5313 6.07423 12.5313 5.74303 12.2001C5.41183 11.8689 5.41183 11.3313 5.74303 11.0001L9.43423 7.30886C9.74703 6.99606 10.2534 6.99606 10.5654 7.30886L14.2566 11.0001C14.5878 11.3313 14.5878 11.8689 14.2566 12.2001C13.9254 12.5313 13.3878 12.5313 13.0566 12.2001L9.99983 9.14326Z",fill:l}))};fl.defaultProps={size:24,color:s.theme.colors.gray600};var hl="toEutn7",vl="drdisHs";const bl=a=>{var l,o,n,i,{post:r}=a,s=e.__rest(a,["post"]);const{data:{env:{togetherBasePath:d}}}=t.useContext(u.TogetherComponentGlobalContext);return B.default.createElement(B.default.Fragment,null,B.default.createElement("div",Object.assign({},s,{className:`${hl} ${(null==s?void 0:s.className)||""}`}),B.default.createElement(st,{className:"card-author",avatar:null===(l=null==r?void 0:r.author)||void 0===l?void 0:l.avatar,name:(null===(o=null==r?void 0:r.author)||void 0===o?void 0:o.name)||(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==r?void 0:r.isAnonymous),subLine:B.default.createElement(st.SubTextRow,null,B.default.createElement(st.SubText,null,null==r?void 0:r.createdTime))}),B.default.createElement(b.Anchor,{href:`${window.location.origin}${d}/${null===(i=null==r?void 0:r.community)||void 0===i?void 0:i.slug}/${null==r?void 0:r.slug}`,className:vl,rel:"noreferrer"},null==r?void 0:r.title)))};var xl={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const wl=()=>{var l,o;const{t:n}=i.useTranslations(),{data:{locale:r,userInfo:d}}=t.useContext(u.TogetherComponentGlobalContext),{onSkipQuestion:m,countValues:g,setCountValues:f}=t.useContext(nl),[h,v]=t.useState(),[b,x]=t.useState([]),[w,y]=t.useState(!1),C=null==d?void 0:d.id;t.useEffect((()=>{C&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;y(!0);const t=yield u.callApiWithAuth(u.getApiPath(u.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:r}),"GET"),a=[],l=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=>{l[e.id]=e.question.map(p.formatPost),delete e.question,a.push(p.formatCommunity(e))})),x(a),v(l),y(!1)}))}),[]);const E=({id:e,communityId:t})=>{if(e&&t&&h){const a=Object.assign(Object.assign({},h),{[t]:[...((null==h?void 0:h[t])||[]).filter((t=>t.id!==e))]});let l=0;Object.keys(a).map((e=>l+=a[e].length||0)),v(a),f(Object.assign(Object.assign({},g),{total_question:l})),null==m||m(l)}};return B.default.createElement("div",{className:xl.container},w?B.default.createElement(Ga,null):(null==g?void 0:g.total_question)>0?b.length>0&&B.default.createElement(a.Accordion,{className:xl.accordion,defaultValue:String((null===(o=b[null===(l=Object.keys(b))||void 0===l?void 0:l[0]])||void 0===o?void 0:o.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},item:{marginBottom:"16px"}}),chevron:B.default.createElement("div",{className:xl.chevron},B.default.createElement(fl,{color:s.theme.colors.gray600,size:20}))},b.map((e=>{const t=h&&(null==h?void 0:h[e.id])||[];return t.length>0&&B.default.createElement(a.Accordion.Item,{key:e.id,value:String(e.id)},B.default.createElement(a.Accordion.Control,null,B.default.createElement("div",{className:xl.header},B.default.createElement("div",{className:xl.headingIcon},B.default.createElement("img",{src:e.thumbnail})),B.default.createElement("div",{className:xl.heading},e.name))),B.default.createElement(a.Accordion.Panel,null,B.default.createElement("div",{className:xl.body},t.map((e=>B.default.createElement(bl,{className:"question-card",key:e.id,post:e,onSkip:E}))))))}))):B.default.createElement(pl,{message:n("profilePanel.emptyCareMess.content"),imgSrc:c.CommonGAssets.getAssetPath("questions.svg")}))};var yl="GA-zc-O",Cl="A18McWD",El="IB049vj",kl="_8I--vEV";const Al=({post:e,className:a=""})=>{var l;const{data:{userInfo:o,env:{togetherBasePath:n}}}=t.useContext(u.TogetherComponentGlobalContext),{authActionWrapper:i,authorProps:r}=t.useContext(nl),s=`${window.location.origin}${n}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return B.default.createElement("div",{className:`${yl} ${a}`},B.default.createElement("div",{className:El},B.default.createElement("a",{className:kl,href:s,onClick:e=>{(null==o?void 0:o.id)||(e.preventDefault(),null==i||i((()=>window.location.href=s)))}}),B.default.createElement(Ie,{className:"card-author",avatarProps:{avatar:null==r?void 0:r.avatar,size:32}},B.default.createElement(st.MainText,{className:Cl},null==e?void 0:e.title),B.default.createElement(st.SubTextRow,null,B.default.createElement(st.SubText,null,null==e?void 0:e.createdTime))),B.default.createElement(ya,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post"})))};var Nl="TSMHoEM";const Tl=()=>{const{t:a}=i.useTranslations(),{data:{locale:l}}=t.useContext(u.TogetherComponentGlobalContext),{authorId:o,authorProps:n,isAuthorLogin:r,onCloseFromPost:s}=t.useContext(nl),[d,c]=t.useState(null),[m,g]=t.useState(!1);return t.useEffect((()=>{o&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;g(!0);const t=yield u.callApi(u.getApiPath(u.PATHS.USER.LIST_POST,{_locale:l,id:o,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(p.formatPost);c(a),g(!1)}))}),[o]),B.default.createElement("div",{className:Nl},m?B.default.createElement(Ga,null):null!==d&&(d.length>0?d.map((e=>B.default.createElement(Al,{className:"post-card",key:e.id,post:e}))):B.default.createElement(pl,{message:a("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""}),buttonTxt:r&&a("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var Sl="_4Vekw96",Pl="DIJdGcB",Ll="aQSt4-Q";const Ml=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},Il=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var Rl,Bl;exports.TabName=void 0,(Rl=exports.TabName||(exports.TabName={}))[Rl.About=0]="About",Rl[Rl.Care=1]="Care",Rl[Rl.Answer=2]="Answer",Rl[Rl.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(Bl||(Bl={}));const zl=a=>{var l,o,{authorProps:n,selectedTab:r,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:g,hideAnswerTab:f,showSkipQuestionTag:h,rolesToShowQuestionsTab:v=["expert"]}=a,b=e.__rest(a,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab"]);const{data:{locale:x,userInfo:w,env:{isMarryBaby:y}}}=t.useContext(u.TogetherComponentGlobalContext),{t:C}=i.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]=t.useState(),[S,P]=t.useState(!1),[L,M]=t.useState(),I=(null==w?void 0:w._togetherUserId)===(null==n?void 0:n.userId),R=[...-1!==v.indexOf(E)?[{key:exports.TabName.About,name:C("profilePanel.tabs.highlight"),component:B.default.createElement(il,{id:A,info:L})}]:[{key:exports.TabName.Posts,name:C("profilePanel.tabs.posts"),component:B.default.createElement(Tl,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...g||-1===v.indexOf(k)||(null==w?void 0:w._togetherUserId)!==(null==n?void 0:n.userId)?[]:[{key:exports.TabName.Care,name:`${C("profilePanel.tabs.care")}`,component:B.default.createElement(wl,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question"}],...f||-1===v.indexOf(E)?[]:[{key:exports.TabName.Answer,name:`${C("profilePanel.tabs.expertAnswer")}`,component:B.default.createElement(gl,{id:A}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply"}]],[z,j]=t.useState(null),[F,V]=t.useState(null),D={initialTab:F,tabContent:z,onChange:e=>V(e),styles:e=>({label:{fontSize:e.fontSizes.sm,fontWeight:600}})},U=null==R?void 0:R.filter((e=>null==e?void 0:e.hasCountResult));t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,l,o,n,i,s,d;P(!0);const c=yield Promise.all([u.callApi(u.getApiPath(u.PATHS.USER.DETAIL,{_locale:x,id:A}),"GET"),...U.map((e=>u.callApi(u.getApiPath(u.PATHS.USER.COUNT_TABS,{_locale:x,id:A,[e.keyOfCountApi]:1}),"GET")))]),[m]=c,g={data:null==m?void 0:m.data,experiences:((null===(t=null===(e=null==m?void 0:m.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(Ml),relatedPosts:((null===(a=null==m?void 0:m.data)||void 0===a?void 0:a.related_post)||[]).map((e=>p.formatArticle(e.post))),educations:((null===(o=null===(l=null==m?void 0:m.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(Il),awards:(null===(i=null===(n=null==m?void 0:m.data)||void 0===n?void 0:n.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(d=null===(s=null==m?void 0:m.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==m?void 0:m.status)&&M(g);const f=(null==g?void 0:g.relatedPosts)||[],h=Object.keys(g.contact).map((e=>{var t;return""!==(null===(t=null==g?void 0:g.contact)||void 0===t?void 0:t[e])})),v=[...(null==g?void 0:g.experiences)||[],...(null==g?void 0:g.educations)||[],...(null==g?void 0:g.awards)||[]],b=f.length>0||h.length>0||v.length>0,w={},y=U.map(((e,t)=>{var a,l,o;const n=(null===(o=null===(l=null===(a=c[t+1])||void 0===a?void 0:a.data)||void 0===l?void 0:l.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return n>0?(w[e.keyOfResult]=n,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),C=R.map((e=>{const t=Object.assign(Object.assign({},e),{name:e.name+(e.keyOfResult?` (${(null==w?void 0:w[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==y.indexOf(t.key)?t:void 0:t.key===exports.TabName.About?b&&t:t})).filter(Boolean);j(C),V((()=>{if(!r)return 0;const e=null==C?void 0:C.findIndex((e=>e.key===r));return-1!==e?e:0})()),T(w),P(!1)}))}),[]);const _=null==L?void 0:L.data;return B.default.createElement(nl.Provider,{value:{isMarryBaby:y,siteType:y?"marryBaby":"helloSites",authorId:String((null==n?void 0:n.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:L,authorProps:n,onCloseFromPost:c,countValues:N,setCountValues:T,isAuthorLogin:I,showSkipQuestionTag:h}},B.default.createElement("div",Object.assign({},b,{className:`${Sl} ${(null==b?void 0:b.className)||""}`,"data-is-marrybaby":y}),S?B.default.createElement(Ga,null):B.default.createElement(B.default.Fragment,null,B.default.createElement(st,Object.assign({},n,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==n?void 0:n.role)?(null==_?void 0:_.specialty)&&(null==_?void 0:_.organisation)&&B.default.createElement(st.SubTextRow,null,(null==_?void 0:_.specialty)&&B.default.createElement(B.default.Fragment,null,B.default.createElement(st.SubText,null,null==_?void 0:_.specialty),B.default.createElement(st.SubDivider,null)),B.default.createElement(st.SubText,null,null==_?void 0:_.organisation)):(null==_?void 0:_.created_at)&&B.default.createElement(st.SubTextRow,null,B.default.createElement(st.SubText,null,C("profilePanel.joined")," ",O.default(null==_?void 0:_.created_at).toNow(!0)))})),"expert"===E&&B.default.createElement("div",{className:Pl,dangerouslySetInnerHTML:{__html:null===(l=null==L?void 0:L.data)||void 0===l?void 0:l.description}}),null!==z&&null!==F&&(z.length>0?B.default.createElement("div",{className:Ll},B.default.createElement(m.Tabs,Object.assign({},D)),null===(o=null==z?void 0:z[F])||void 0===o?void 0:o.component):B.default.createElement(pl,{message:C("profilePanel.emptyPostMess.content",{name:(null==n?void 0:n.name)||(null==n?void 0:n.username)||""})})))))};var jl=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return Bl},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:zl}),Fl="KsWg8i6",Ol="_9tS0EUN",Vl="kyyRKlb",Dl="-Uqqka-";var Ul="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='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",_l="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Hl="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='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wl="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",ql="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='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zl="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='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Gl=({authorEmail:a,onDeletePost:l,shareUrl:o,post:n,className:r="",popoverClassName:s="",onBookmark:d,onRemoveBookmark:m,onEditPost:p})=>{const{data:{locale:g,userInfo:f,togetherUserId:h,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(u.TogetherComponentGlobalContext),{t:x}=i.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==f?void 0:f.email)&&a===String(null==f?void 0:f.email);return B.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&B.default.createElement(ga,{url:o,text:null==n?void 0:n.title,onClose:()=>A(!1)}),C&&B.default.createElement(ra,{thumbnail:c.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:x("popup.deletePost.title"),description:x("popup.deletePost.description"),acceptText:x("popup.deletePost.accept"),cancelText:x("popup.deletePost.cancel"),onAccept:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==n?void 0:n.id)&&!w){y(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield u.callApiWithAuth(u.getApiPath(u.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:n.id,locale:g});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),B.default.createElement(ve,{className:s,toggleButtonContent:B.default.createElement("img",{src:v?Ul:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:"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='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:x("actionPopover.edit"),onClick:p},{icon:Zl,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==n?void 0:n.bookmarked)?_l:Hl,label:(null==n?void 0:n.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==f?void 0:f.id)&&(null==n?void 0:n.id))if(null==n?void 0:n.bookmarked){const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.DELETE,{_locale:g}),"DELETE",{data:{post_id:String(n.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Hl}),m&&m()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Hl})}else{const e=yield u.callApiWithAuth(u.getApiPath(u.PATHS.BOOKMARK.CREATE,{_locale:g}),"POST",{data:{user_id:h||f.id,post_id:n.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:_l}),d&&d()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Hl})}}))))}},{icon:va,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(u.REPORT_REASON_MAP).map((e=>({label:u.REPORT_REASON_MAP[e].label,reason:u.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}))).map((e=>({label:x(e.label),subTree:{title:x("morePopover.reportSubmit.title"),description:x("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>B.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==n?void 0:n.id,onClose:()=>t&&t(!1)})}})))}}]}}))},Ql=V.default.div`
|
|
2637
|
+
`,qa=({url:l,image:o,className:n,style:i,autoPlay:r=!0})=>{const{data:{locale:s}}=t.useContext(h.TogetherComponentGlobalContext),[d,c]=t.useState(null);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(!o){if(!l)return c(null);c((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),h.callApi(h.getApiPath(h.PATHS.FETCH_PREVIEW,{_locale:s}),"POST",{data:{link:l},headers:{"Content-Type":"application/json"}}).then((e=>{var t,a;c({url:l,image:(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.image)||(null===(a=null==e?void 0:e.data)||void 0===a?void 0:a.logo)})})).catch((()=>{c(null)}))}}))}),[l,o]);const u=o||(null==d?void 0:d.image),m=(null==d?void 0:d.url)||l,p=t.useMemo((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(m)),[m]),g=t.useMemo((()=>m.includes("facebook.com")||m.includes("fb.watch")),[m]),f=t.useRef(0),v=t.useRef(0),[b,x]=t.useState(!1);t.useEffect((()=>{const e=()=>{var e;const t=null===(e=w.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!f.current||Math.abs((f.current-t.width)/(null==t?void 0:t.width))>.2)&&(f.current=Math.floor(t.width),a=!0),t&&(!v.current||Math.abs((v.current-t.height)/(null==t?void 0:t.height))>.2)&&(v.current=Math.floor(t.height),a=!0),a&&x((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const w=t.useRef(null),y=t.useRef(!1),C=a.useMantineTheme();return z.default.createElement(Wa,{className:`${n} no-replace-click`,style:i,ref:w,color:C.colors[C.primaryColor][0]},o||!p&&!g?z.default.createElement("a",{href:m,target:"_blank",rel:"noreferrer"},z.default.createElement("div",{className:"link-image-wrapper "+((null==d?void 0:d.isFetching)?"fetching":"")},(null==d?void 0:d.isFetching)?z.default.createElement(Q,{className:"loading-spinner"}):z.default.createElement("img",{className:"link-image",src:u||h.DEFAULT_IMG,onError:e=>{y.current||(y.current=!0,e.currentTarget.src=h.DEFAULT_IMG)}}))):z.default.createElement("div",{className:"link-image-wrapper"},p?z.default.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${p}?&autoplay=${r?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):g?z.default.createElement("iframe",{key:String(b),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(m)}&autoplay=${r?1:0}&show_text=false&t=0&width=${f.current}&height=${v.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:v.current,width:f.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var Za="PD6nRZX";const Ga=({className:e,size:t="md"})=>{const{t:a}=o.useTranslations();return z.default.createElement("div",{className:`${Za} ${e}`},z.default.createElement(E.Button,{size:t,color:"transparent",isLoading:!0},a("loading")))},Qa=t.createContext({});var Xa="l5fL1xL",Ka="L-aGKo7";const $a=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Xa} ${t}`},e),Ya=({children:e,className:t=""})=>z.default.createElement("div",{className:`${Ka} ${t}`},e);var Ja="eaR8ATZ",el="xM-7K0a",tl="DZmf3s7";const al=({src:e,defaultSrc:t=s.CommonGAssets.getAssetPath("logo/logomark.png"),ratio:a=1,size:l=80,radius:o=8,alt:n,className:i=""})=>z.default.createElement("div",{className:i},z.default.createElement("div",{className:tl,style:{width:`${l}px`,height:l*a+"px",borderRadius:`${o}px`}},z.default.createElement(Re,{src:e,fallbackSrc:t,alt:n}))),ll=({category:e,title:t,src:a,children:l,className:o=""})=>z.default.createElement("div",{className:`${Ja} ${o}`},z.default.createElement(al,{src:a}),z.default.createElement("div",{className:el},l||z.default.createElement("div",null,e&&z.default.createElement($a,null,e),t&&z.default.createElement(Ya,null,t))));ll.CategoryText=$a,ll.Title=Ya;const ol=({featureImage:e,postTitle:t,author:a,categories:l,isReview:o,className:n=""})=>{var i;const r=o?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return z.default.createElement(ll,{src:e,className:n},z.default.createElement(z.default.Fragment,null,z.default.createElement(ll.CategoryText,null,null===(i=null==l?void 0:l[0])||void 0===i?void 0:i.name),z.default.createElement(ll.Title,null,t),z.default.createElement(Ie,{avatarProps:Object.assign(Object.assign({},a),{size:32}),subTitle:z.default.createElement(z.default.Fragment,null,r,z.default.createElement(Ie.SubDivider,null),"Dec 12, 2022")})))};var nl={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 il=({className:e=""})=>{var l,n,d,c,u;const{t:m}=o.useTranslations(),{info:p,isMarryBaby:g,currentPageUrl:h}=t.useContext(Qa),f=null==p?void 0:p.data,v=[{type:"linkedin",icon:s.CommonGAssets.getAssetPath("linkedin.svg"),url:null===(l=null==p?void 0:p.contact)||void 0===l?void 0:l.linkedin,eventAction:"Doctor Profile - Linkedin"},{type:"instagram",icon:s.CommonGAssets.getAssetPath("instagram.svg"),url:null===(n=null==p?void 0:p.contact)||void 0===n?void 0:n.instagram,eventAction:"Doctor Profile - Instagram"},{type:"facebook",icon:s.CommonGAssets.getAssetPath("facebook.svg"),url:null===(d=null==p?void 0:p.contact)||void 0===d?void 0:d.facebook,eventAction:"Doctor Profile - Facebook"},{type:"youtube",icon:s.CommonGAssets.getAssetPath("youtube.svg"),url:null===(c=null==p?void 0:p.contact)||void 0===c?void 0:c.youtube,eventAction:"Doctor Profile - Youtube"},{type:"tiktok",icon:s.CommonGAssets.getAssetPath("tiktok.svg"),url:null===(u=null==p?void 0:p.contact)||void 0===u?void 0:u.tiktok,eventAction:"Doctor Profile - TikTok"}],b=[...((null==p?void 0:p.experiences)||[]).length>0?[{key:"experience",heading:m("profilePanel.experience"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-doc-mb.svg":"award-doc.svg"),eventAction:"Doctor Experience Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.experiences.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.title),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.organization),z.default.createElement("p",null,e.duration))))))}]:[],...((null==p?void 0:p.educations)||[]).length>0?[{key:"education",heading:m("profilePanel.education"),iconSrc:s.CommonGAssets.getAssetPath(g?"book-mb.svg":"book.svg"),eventAction:"Doctor Degree Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.educations.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupItem,key:String(t)},z.default.createElement("div",{className:nl.accBodyGroupTitle},e.schoolName),z.default.createElement("div",{className:nl.accBodyGroupDesc},z.default.createElement("p",null,e.study),z.default.createElement("p",null,e.completedYear))))))}]:[],...((null==p?void 0:p.awards)||[]).length>0?[{key:"awards",heading:m("profilePanel.awards"),iconSrc:s.CommonGAssets.getAssetPath(g?"award-mb.svg":"award.svg"),eventAction:"Doctor Award Click",panel:z.default.createElement("div",{className:nl.accBodyGroup},null==p?void 0:p.awards.map(((e,t)=>z.default.createElement("div",{className:nl.accBodyGroupTitle,key:t},e.title))))}]:[]],x=(null==p?void 0:p.relatedPosts)||[],w=v.filter((e=>e.url));return z.default.createElement("div",{className:`${nl.container} ${e}`,"data-is-marrybaby":g},b.length>0&&z.default.createElement(a.Accordion,{defaultValue:b[0].key,chevron:g?z.default.createElement("div",{className:nl.mbChevronWrapper},z.default.createElement(r.Plus,{size:12,color:i.theme.mbColors.midGray})):z.default.createElement(r.Plus,{color:i.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=>z.default.createElement(a.Accordion.Item,{key:e.key,value:e.key},z.default.createElement(a.Accordion.Control,{"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},z.default.createElement("div",{className:nl.header},z.default.createElement("div",{className:nl.headingIcon},z.default.createElement("img",{src:e.iconSrc})),z.default.createElement("div",{className:nl.heading},e.heading))),z.default.createElement(a.Accordion.Panel,null,e.panel))))),x.length>0&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"mb-logo.svg":"logo/circle-solid.svg")}),m("profilePanel.publishedArticles")),z.default.createElement("div",{className:`${nl.relatedList}`},null==p?void 0:p.relatedPosts.map((e=>z.default.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:nl.articleCardLink},z.default.createElement(ol,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&&z.default.createElement("div",{className:nl.group},z.default.createElement("div",{className:nl.subTitle},z.default.createElement("img",{className:nl.subIcon,src:s.CommonGAssets.getAssetPath(g?"social-mb.svg":"social.svg")}),m("profilePanel.socialLinks")),z.default.createElement("div",{className:nl.groupBody},z.default.createElement(a.Flex,null,v.map(((e,t)=>e.url&&z.default.createElement("div",{className:nl.socialItem,key:t,"data-event-category":"Together","data-event-action":e.eventAction,"data-event-label":h},z.default.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},z.default.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))))))))};var rl={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const sl=({post:e,className:a=""})=>{var l,n,i,r,s,u,m,p;const{t:g}=o.useTranslations(),{data:{userInfo:f,env:{togetherBasePath:v}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:b,authorProps:x,currentPageUrl:w}=t.useContext(Qa),y=`${window.location.origin}${v}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${rl.container} ${a}`},z.default.createElement("div",{className:rl.header},z.default.createElement("div",{className:rl.question},g("profilePanel.question")," ",z.default.createElement(d.Anchor,{className:rl.questionTitle,href:"#",onClick:()=>{(null==f?void 0:f.id)||null==b||b((()=>window.location.href=y))}},"#",null==e?void 0:e.title)),z.default.createElement("div",{className:rl.community},null===(n=null==e?void 0:e.community)||void 0===n?void 0:n.name," - ",null==e?void 0:e.createdTime)),z.default.createElement("div",{className:rl.questionCard},z.default.createElement(st,Object.assign({className:"card-author"},x,{role:"user",avatarIcon:z.default.createElement(we,null),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null===(s=null===(r=null===(i=null==e?void 0:e.expertAnswer)||void 0===i?void 0:i.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),z.default.createElement(ya,{className:"post-content-wrapper",description:(null===(p=null===(m=null===(u=null==e?void 0:e.expertAnswer)||void 0===u?void 0:u.answer)||void 0===m?void 0:m[0])||void 0===p?void 0:p.content)||"",mentions:null==e?void 0:e.mentions,"data-testid":"Content of the Post"})),z.default.createElement(c.Button,{variant:"secondary","data-event-category":"Together","data-event-action":"Doctor Reply Click","data-event-label":w,size:"md",onClick:()=>{(null==f?void 0:f.id)?window.location.href=y:null==b||b((()=>window.location.href=y))}},g("profilePanel.anserwing.viewFull")))};var dl="MrdoES3",cl="_8fd7YMs",ul="DomiQfw",ml="-b2qnfL";const pl=({message:e,buttonTxt:a,imgSrc:l,onBtnClick:o})=>{const{siteType:n,isMarryBaby:i}=t.useContext(Qa);return z.default.createElement("div",{className:cl},z.default.createElement("div",{className:ul},z.default.createElement("img",{src:l||s.CommonGAssets.getAssetPath(i?"comments-mb.svg":"comments.svg")})),e&&z.default.createElement("div",{className:ml},e),a&&z.default.createElement(E.Button,{size:"md",theme:n,color:"secondary",onClick:o},a))},gl=({id:a})=>{const{t:l}=o.useTranslations(),{data:{locale:n}}=t.useContext(h.TogetherComponentGlobalContext),{authorProps:i}=t.useContext(Qa),[r,s]=t.useState(null),[d,c]=t.useState(!1);return t.useEffect((()=>{a&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;c(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_ANSWERS,{_locale:n,id:a}),"GET"),l=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.replies)||[]).map(v.formatPost);s(l),c(!1)}))}),[]),z.default.createElement("div",{className:dl},d?z.default.createElement(Ga,null):null!==r&&(r.length>0?r.map((e=>z.default.createElement(sl,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:l("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)})})))},hl=t=>{var{size:a,color:l}=t,o=e.__rest(t,["size","color"]);return z.default.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),z.default.createElement("path",{d:"M9.99983 9.14326L6.94303 12.2001C6.61183 12.5313 6.07423 12.5313 5.74303 12.2001C5.41183 11.8689 5.41183 11.3313 5.74303 11.0001L9.43423 7.30886C9.74703 6.99606 10.2534 6.99606 10.5654 7.30886L14.2566 11.0001C14.5878 11.3313 14.5878 11.8689 14.2566 12.2001C13.9254 12.5313 13.3878 12.5313 13.0566 12.2001L9.99983 9.14326Z",fill:l}))};hl.defaultProps={size:24,color:i.theme.colors.gray600};var fl="toEutn7",vl="drdisHs";const bl=a=>{var l,o,n,i,{post:r}=a,s=e.__rest(a,["post"]);const{data:{env:{togetherBasePath:c}}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement(z.default.Fragment,null,z.default.createElement("div",Object.assign({},s,{className:`${fl} ${(null==s?void 0:s.className)||""}`}),z.default.createElement(st,{className:"card-author",avatar:null===(l=null==r?void 0:r.author)||void 0===l?void 0:l.avatar,name:(null===(o=null==r?void 0:r.author)||void 0===o?void 0:o.name)||(null===(n=null==r?void 0:r.author)||void 0===n?void 0:n.username),isAnonymous:Boolean(null==r?void 0:r.isAnonymous),subLine:z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==r?void 0:r.createdTime))}),z.default.createElement(d.Anchor,{href:`${window.location.origin}${c}/${null===(i=null==r?void 0:r.community)||void 0===i?void 0:i.slug}/${null==r?void 0:r.slug}`,className:vl,rel:"noreferrer"},null==r?void 0:r.title)))};var xl={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m",container:"h-pSmhX"};const wl=()=>{var l,n;const{t:r}=o.useTranslations(),{data:{locale:d,userInfo:c}}=t.useContext(h.TogetherComponentGlobalContext),{onSkipQuestion:u,countValues:m,setCountValues:p}=t.useContext(Qa),[g,f]=t.useState(),[b,x]=t.useState([]),[w,y]=t.useState(!1),C=null==c?void 0:c.id;t.useEffect((()=>{C&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;y(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.LIST_QUESTION_NEED_REPLY,{_locale:d}),"GET"),a=[],l=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=>{l[e.id]=e.question.map(v.formatPost),delete e.question,a.push(v.formatCommunity(e))})),x(a),f(l),y(!1)}))}),[]);const E=({id:e,communityId:t})=>{if(e&&t&&g){const a=Object.assign(Object.assign({},g),{[t]:[...((null==g?void 0:g[t])||[]).filter((t=>t.id!==e))]});let l=0;Object.keys(a).map((e=>l+=a[e].length||0)),f(a),p(Object.assign(Object.assign({},m),{total_question:l})),null==u||u(l)}};return z.default.createElement("div",{className:xl.container},w?z.default.createElement(Ga,null):(null==m?void 0:m.total_question)>0?b.length>0&&z.default.createElement(a.Accordion,{className:xl.accordion,defaultValue:String((null===(n=b[null===(l=Object.keys(b))||void 0===l?void 0:l[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},item:{marginBottom:"16px"}}),chevron:z.default.createElement("div",{className:xl.chevron},z.default.createElement(hl,{color:i.theme.colors.gray600,size:20}))},b.map((e=>{const t=g&&(null==g?void 0:g[e.id])||[];return t.length>0&&z.default.createElement(a.Accordion.Item,{key:e.id,value:String(e.id)},z.default.createElement(a.Accordion.Control,null,z.default.createElement("div",{className:xl.header},z.default.createElement("div",{className:xl.headingIcon},z.default.createElement("img",{src:e.thumbnail})),z.default.createElement("div",{className:xl.heading},e.name))),z.default.createElement(a.Accordion.Panel,null,z.default.createElement("div",{className:xl.body},t.map((e=>z.default.createElement(bl,{className:"question-card",key:e.id,post:e,onSkip:E}))))))}))):z.default.createElement(pl,{message:r("profilePanel.emptyCareMess.content"),imgSrc:s.CommonGAssets.getAssetPath("questions.svg")}))};var yl="GA-zc-O",Cl="A18McWD",El="IB049vj",kl="_8I--vEV";const Al=({post:e,className:a=""})=>{var l;const{data:{userInfo:o,env:{togetherBasePath:n}}}=t.useContext(h.TogetherComponentGlobalContext),{authActionWrapper:i,authorProps:r}=t.useContext(Qa),s=`${window.location.origin}${n}/${null===(l=null==e?void 0:e.community)||void 0===l?void 0:l.slug}/${null==e?void 0:e.slug}`;return z.default.createElement("div",{className:`${yl} ${a}`},z.default.createElement("div",{className:El},z.default.createElement("a",{"data-event-category":"Together","data-event-action":"Click Post","data-event-label":s,className:kl,href:s,onClick:e=>{(null==o?void 0:o.id)||(e.preventDefault(),null==i||i((()=>window.location.href=s)))}}),z.default.createElement(Ie,{className:"card-author",avatarProps:{avatar:null==r?void 0:r.avatar,size:32}},z.default.createElement(st.MainText,{className:Cl},null==e?void 0:e.title),z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==e?void 0:e.createdTime))),z.default.createElement(ya,{className:"post-content-wrapper",description:null==e?void 0:e.description,mentions:null==e?void 0:e.mentions,maxChars:200,"data-testid":"Content of the Post"})))};var Nl="TSMHoEM";const Tl=()=>{const{t:a}=o.useTranslations(),{data:{locale:l}}=t.useContext(h.TogetherComponentGlobalContext),{authorId:n,authorProps:i,isAuthorLogin:r,onCloseFromPost:s}=t.useContext(Qa),[d,c]=t.useState(null),[u,m]=t.useState(!1);return t.useEffect((()=>{n&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;m(!0);const t=yield h.callApi(h.getApiPath(h.PATHS.USER.LIST_POST,{_locale:l,id:n,isAnonymous:0}),"GET"),a=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(v.formatPost);c(a),m(!1)}))}),[n]),z.default.createElement("div",{className:Nl},u?z.default.createElement(Ga,null):null!==d&&(d.length>0?d.map((e=>z.default.createElement(Al,{className:"post-card",key:e.id,post:e}))):z.default.createElement(pl,{message:a("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""}),buttonTxt:r&&a("profilePanel.createPost"),onBtnClick:()=>{null==s||s()}})))};var Sl="_4Vekw96",Pl="DIJdGcB",Ll="aQSt4-Q";const Ml=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},Il=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var Rl,zl;exports.TabName=void 0,(Rl=exports.TabName||(exports.TabName={}))[Rl.About=0]="About",Rl[Rl.Care=1]="Care",Rl[Rl.Answer=2]="Answer",Rl[Rl.Posts=3]="Posts",function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(zl||(zl={}));const Bl=a=>{var l,n,{authorProps:i,selectedTab:r,authActionWrapper:s,onSkipQuestion:d,onCloseFromPost:c,hideQuestionTab:u,hideAnswerTab:m,showSkipQuestionTag:p,rolesToShowQuestionsTab:g=["expert"],currentPageUrl:b}=a,x=e.__rest(a,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab","currentPageUrl"]);const{data:{locale:w,userInfo:y,env:{isMarryBaby:C}}}=t.useContext(h.TogetherComponentGlobalContext),{t:E}=o.useTranslations(),k=null==i?void 0:i.role,A=null==y?void 0:y.role,N=String(null==i?void 0:i.userId),[T,S]=t.useState(),[P,L]=t.useState(!1),[M,I]=t.useState(),R=(null==y?void 0:y._togetherUserId)===(null==i?void 0:i.userId),B=[...-1!==g.indexOf(k)?[{key:exports.TabName.About,name:E("profilePanel.tabs.highlight"),component:z.default.createElement(il,{id:N,info:M}),dataEventCategory:"Together",dataEventAction:"Doctor Profile Click",dataEventLabel:b}]:[{key:exports.TabName.Posts,name:E("profilePanel.tabs.posts"),component:z.default.createElement(Tl,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...u||-1===g.indexOf(A)||(null==y?void 0:y._togetherUserId)!==(null==i?void 0:i.userId)?[]:[{key:exports.TabName.Care,name:`${E("profilePanel.tabs.care")}`,component:z.default.createElement(wl,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question",dataEventCategory:"Together",dataEventAction:"Doctor Questions Click",dataEventLabel:b}],...m||-1===g.indexOf(k)?[]:[{key:exports.TabName.Answer,name:`${E("profilePanel.tabs.expertAnswer")}`,component:z.default.createElement(gl,{id:N}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply",dataEventCategory:"Together",dataEventAction:"Doctor Reply Tab Click",dataEventLabel:b}]],[F,O]=t.useState(null),[D,V]=t.useState(null),U={initialTab:D,tabContent:F,onChange:e=>V(e),styles:e=>({label:{fontSize:e.fontSizes.sm,fontWeight:600}})},_=null==B?void 0:B.filter((e=>null==e?void 0:e.hasCountResult));t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){var e,t,a,l,o,n,i,s,d;L(!0);const c=yield Promise.all([h.callApi(h.getApiPath(h.PATHS.USER.DETAIL,{_locale:w,id:N}),"GET"),..._.map((e=>h.callApi(h.getApiPath(h.PATHS.USER.COUNT_TABS,{_locale:w,id:N,[e.keyOfCountApi]:1}),"GET")))]),[u]=c,m={data:null==u?void 0:u.data,experiences:((null===(t=null===(e=null==u?void 0:u.data)||void 0===e?void 0:e.fields)||void 0===t?void 0:t.experiences)||[]).map(Ml),relatedPosts:((null===(a=null==u?void 0:u.data)||void 0===a?void 0:a.related_post)||[]).map((e=>v.formatArticle(e.post))),educations:((null===(o=null===(l=null==u?void 0:u.data)||void 0===l?void 0:l.fields)||void 0===o?void 0:o.educations)||[]).map(Il),awards:(null===(i=null===(n=null==u?void 0:u.data)||void 0===n?void 0:n.fields)||void 0===i?void 0:i.awards_accreditations)||[],contact:(null===(d=null===(s=null==u?void 0:u.data)||void 0===s?void 0:s.fields)||void 0===d?void 0:d.contact)||{}};1===(null==u?void 0:u.status)&&I(m);const p=(null==m?void 0:m.relatedPosts)||[],g=Object.keys(m.contact).map((e=>{var t;return""!==(null===(t=null==m?void 0:m.contact)||void 0===t?void 0:t[e])})),f=[...(null==m?void 0:m.experiences)||[],...(null==m?void 0:m.educations)||[],...(null==m?void 0:m.awards)||[]],b=p.length>0||g.length>0||f.length>0,x={},y=_.map(((e,t)=>{var a,l,o;const n=(null===(o=null===(l=null===(a=c[t+1])||void 0===a?void 0:a.data)||void 0===l?void 0:l.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return n>0?(x[e.keyOfResult]=n,e):-1!==[exports.TabName.Care,exports.TabName.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),C=B.map((e=>{const t=Object.assign(Object.assign({},e),{name:e.name+(e.keyOfResult?` (${(null==x?void 0:x[e.keyOfResult])||"0"})`:"")});return t.hasCountResult?-1!==y.indexOf(t.key)?t:void 0:t.key===exports.TabName.About?b&&t:t})).filter(Boolean);O(C),V((()=>{if(!r)return 0;const e=null==C?void 0:C.findIndex((e=>e.key===r));return-1!==e?e:0})()),S(x),L(!1)}))}),[]);const H=null==M?void 0:M.data;return z.default.createElement(Qa.Provider,{value:{isMarryBaby:C,siteType:C?"marryBaby":"helloSites",authorId:String((null==i?void 0:i.userId)||""),authActionWrapper:s,onSkipQuestion:d,info:M,authorProps:i,onCloseFromPost:c,countValues:T,setCountValues:S,isAuthorLogin:R,showSkipQuestionTag:p,currentPageUrl:b}},z.default.createElement("div",Object.assign({},x,{className:`${Sl} ${(null==x?void 0:x.className)||""}`,"data-is-marrybaby":C}),P?z.default.createElement(Ga,null):z.default.createElement(z.default.Fragment,null,z.default.createElement(st,Object.assign({},i,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==i?void 0:i.role)?(null==H?void 0:H.specialty)&&(null==H?void 0:H.organisation)&&z.default.createElement(st.SubTextRow,null,(null==H?void 0:H.specialty)&&z.default.createElement(z.default.Fragment,null,z.default.createElement(st.SubText,null,null==H?void 0:H.specialty),z.default.createElement(st.SubDivider,null)),z.default.createElement(st.SubText,null,null==H?void 0:H.organisation)):(null==H?void 0:H.created_at)&&z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,E("profilePanel.joined")," ",j.default(null==H?void 0:H.created_at).toNow(!0)))})),"expert"===k&&z.default.createElement("div",{className:Pl,dangerouslySetInnerHTML:{__html:null===(l=null==M?void 0:M.data)||void 0===l?void 0:l.description}}),null!==F&&null!==D&&(F.length>0?z.default.createElement("div",{className:Ll},z.default.createElement(f.Tabs,Object.assign({},U)),null===(n=null==F?void 0:F[D])||void 0===n?void 0:n.component):z.default.createElement(pl,{message:E("profilePanel.emptyPostMess.content",{name:(null==i?void 0:i.name)||(null==i?void 0:i.username)||""})})))))};var jl=Object.freeze({__proto__:null,get TabName(){return exports.TabName},get UserType(){return zl},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:Bl}),Fl="KsWg8i6",Ol="_9tS0EUN",Dl="kyyRKlb",Vl="-Uqqka-";var Ul="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='M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10Z' fill='%233E3F58'/%3e %3cpath d='M19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10Z' fill='%233E3F58'/%3e %3cpath d='M12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z' fill='%233E3F58'/%3e %3c/svg%3e",_l="data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23595959' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Hl="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='M12 13.3334L8 10.3704L4 13.3334V3.85187C4 3.53754 4.12041 3.23608 4.33474 3.01382C4.54906 2.79155 4.83975 2.66669 5.14286 2.66669H10.8571C11.1602 2.66669 11.4509 2.79155 11.6653 3.01382C11.8796 3.23608 12 3.53754 12 3.85187V13.3334Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Wl="data:image/svg+xml,%3csvg width='3' height='13' viewBox='0 0 3 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1.58326' cy='6.41663' r='1.25' transform='rotate(89.9997 1.58326 6.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='1.41663' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 1.41663)' fill='%23595959'/%3e%3cellipse cx='1.58326' cy='11.4166' rx='1.25' ry='1.25' transform='rotate(89.9997 1.58326 11.4166)' fill='%23595959'/%3e%3c/svg%3e",ql="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='M12 5.33337C13.1046 5.33337 14 4.43794 14 3.33337C14 2.2288 13.1046 1.33337 12 1.33337C10.8954 1.33337 10 2.2288 10 3.33337C10 4.43794 10.8954 5.33337 12 5.33337Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M4 10C5.10457 10 6 9.10457 6 8C6 6.89543 5.10457 6 4 6C2.89543 6 2 6.89543 2 8C2 9.10457 2.89543 10 4 10Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M12 14.6666C13.1046 14.6666 14 13.7712 14 12.6666C14 11.5621 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 11.5621 10 12.6666C10 13.7712 10.8954 14.6666 12 14.6666Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.72668 9.00665L10.28 11.66' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.2734 4.33997L5.72668 6.9933' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",Zl="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='M2 4H3.33333H14' stroke='%23737373' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33334 3.99992V2.66659C5.33334 2.31296 5.47382 1.97382 5.72387 1.72378C5.97392 1.47373 6.31305 1.33325 6.66668 1.33325H9.33334C9.68697 1.33325 10.0261 1.47373 10.2762 1.72378C10.5262 1.97382 10.6667 2.31296 10.6667 2.66659V3.99992M12.6667 3.99992V13.3333C12.6667 13.6869 12.5262 14.026 12.2762 14.2761C12.0261 14.5261 11.687 14.6666 11.3333 14.6666H4.66668C4.31305 14.6666 3.97392 14.5261 3.72387 14.2761C3.47382 14.026 3.33334 13.6869 3.33334 13.3333V3.99992H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66666 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33334 7.33325V11.3333' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e";const Gl=({authorEmail:a,onDeletePost:l,shareUrl:n,post:i,className:r="",popoverClassName:d="",onBookmark:c,onRemoveBookmark:u,onEditPost:m})=>{const{data:{locale:p,userInfo:g,togetherUserId:f,env:{isMarryBaby:v}},action:{pushNotifications:b}}=t.useContext(h.TogetherComponentGlobalContext),{t:x}=o.useTranslations(),[w,y]=t.useState(!1),[C,E]=t.useState(!1),[k,A]=t.useState(!1),{authActionWrapper:N}=q(),T=a&&(null==g?void 0:g.email)&&a===String(null==g?void 0:g.email);return z.default.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},k&&z.default.createElement(ga,{url:n,text:null==i?void 0:i.title,onClose:()=>A(!1)}),C&&z.default.createElement(ra,{thumbnail:s.CommonGAssets.getAssetPath("trash-bin.svg"),isThumbnailIcon:!0,title:x("popup.deletePost.title"),description:x("popup.deletePost.description"),acceptText:x("popup.deletePost.accept"),cancelText:x("popup.deletePost.cancel"),onAccept:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==i?void 0:i.id)&&!w){y(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield h.callApiWithAuth(h.getApiPath(h.PATHS.POST.DELETE,{id:t,_locale:a}),"DELETE")})))({id:i.id,locale:p});1===(null==t?void 0:t.status)&&(null==l||l())}catch(e){}y(!1)}})),onClose:()=>E(!1)}),z.default.createElement(ve,{className:d,toggleButtonContent:z.default.createElement("img",{src:v?Ul:Wl}),position:"bottom",align:"end",buttonProps:{isLoading:w},data:T?{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:"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='M7.16952 3.2356H2.99484C2.6785 3.2356 2.37512 3.36126 2.15143 3.58495C1.92774 3.80863 1.80208 4.11202 1.80208 4.42836V12.7777C1.80208 13.094 1.92774 13.3974 2.15143 13.6211C2.37512 13.8448 2.6785 13.9705 2.99484 13.9705H11.3442C11.6605 13.9705 11.9639 13.8448 12.1876 13.6211C12.4113 13.3974 12.537 13.094 12.537 12.7777V8.60303' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11.6425 2.341C11.8798 2.10375 12.2016 1.97046 12.5371 1.97046C12.8726 1.97046 13.1944 2.10375 13.4317 2.341C13.6689 2.57826 13.8022 2.90005 13.8022 3.23558C13.8022 3.57111 13.6689 3.89289 13.4317 4.13015L7.76607 9.79578L5.38054 10.3922L5.97692 8.00663L11.6425 2.341Z' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e",label:x("actionPopover.edit"),onClick:m},{icon:Zl,label:x("actionPopover.delete"),onClick:()=>{N((()=>E(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:ql,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==i?void 0:i.bookmarked)?_l:Hl,label:(null==i?void 0:i.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{N((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if((null==g?void 0:g.id)&&(null==i?void 0:i.id))if(null==i?void 0:i.bookmarked){const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.DELETE,{_locale:p}),"DELETE",{data:{post_id:String(i.id)}});1===(null==e?void 0:e.status)?(b({title:"",message:"Removed saved post",type:"success",displayIcon:Hl}),u&&u()):b({title:"",message:"Remove failed",type:"danger",displayIcon:Hl})}else{const e=yield h.callApiWithAuth(h.getApiPath(h.PATHS.BOOKMARK.CREATE,{_locale:p}),"POST",{data:{user_id:f||g.id,post_id:i.id}});1===(null==e?void 0:e.status)?(b({title:"",message:"Post saved",type:"success",displayIcon:_l}),c&&c()):b({title:"",message:"Post saved failed",type:"danger",displayIcon:Hl})}}))))}},{icon:va,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(h.REPORT_REASON_MAP).map((e=>({label:h.REPORT_REASON_MAP[e].label,reason:h.REPORT_REASON_MAP[e].reportReasonText,reasonValue:e}))).map((e=>({label:x(e.label),subTree:{title:x("morePopover.reportSubmit.title"),description:x("morePopover.reportSubmit.description"),isShowheader:!0,type:"jsx",jsxRenderer:t=>z.default.createElement(ba,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==i?void 0:i.id,onClose:()=>t&&t(!1)})}})))}}]}}))},Ql=F.default.div`
|
|
2638
2638
|
position: relative;
|
|
2639
2639
|
margin-bottom: 24px;
|
|
2640
2640
|
background: white;
|
|
@@ -2644,7 +2644,7 @@
|
|
|
2644
2644
|
text-decoration: none;
|
|
2645
2645
|
}
|
|
2646
2646
|
|
|
2647
|
-
${
|
|
2647
|
+
${g.MediaQueries.mbDown} {
|
|
2648
2648
|
margin-bottom: 8px;
|
|
2649
2649
|
}
|
|
2650
2650
|
&.flat-top {
|
|
@@ -2667,7 +2667,7 @@
|
|
|
2667
2667
|
width: 40px;
|
|
2668
2668
|
height: 40px;
|
|
2669
2669
|
font-size: 20px;
|
|
2670
|
-
${
|
|
2670
|
+
${g.MediaQueries.mbDown} {
|
|
2671
2671
|
width: 32px;
|
|
2672
2672
|
height: 32px;
|
|
2673
2673
|
font-size: 16px;
|
|
@@ -2723,7 +2723,7 @@
|
|
|
2723
2723
|
}
|
|
2724
2724
|
&[data-most-engaging='true'] {
|
|
2725
2725
|
border: none;
|
|
2726
|
-
${
|
|
2726
|
+
${g.MediaQueries.mbDown} {
|
|
2727
2727
|
margin: 1rem;
|
|
2728
2728
|
border: 1px solid #e4e8ec;
|
|
2729
2729
|
}
|
|
@@ -2771,7 +2771,7 @@
|
|
|
2771
2771
|
.popover-menu__btn {
|
|
2772
2772
|
width: 24px;
|
|
2773
2773
|
height: 24px;
|
|
2774
|
-
${
|
|
2774
|
+
${g.MediaQueries.mbDown} {
|
|
2775
2775
|
width: 18px;
|
|
2776
2776
|
height: 18px;
|
|
2777
2777
|
}
|
|
@@ -2783,7 +2783,7 @@
|
|
|
2783
2783
|
right: 1rem;
|
|
2784
2784
|
}
|
|
2785
2785
|
width: 350px;
|
|
2786
|
-
${
|
|
2786
|
+
${g.MediaQueries.mbDown} {
|
|
2787
2787
|
max-width: calc(320px - 2rem);
|
|
2788
2788
|
}
|
|
2789
2789
|
}
|
|
@@ -2805,17 +2805,17 @@
|
|
|
2805
2805
|
transform: translateX(-50%);
|
|
2806
2806
|
}
|
|
2807
2807
|
}
|
|
2808
|
-
${
|
|
2808
|
+
${g.MediaQueries.mbDown} {
|
|
2809
2809
|
margin-bottom: 12px;
|
|
2810
2810
|
}
|
|
2811
2811
|
}
|
|
2812
|
-
`;const Xl=({onDeleteComment:a,commentId:l,className:
|
|
2812
|
+
`;const Xl=({onDeleteComment:a,commentId:l,className:n="",popoverClassName:i=""})=>{const{data:{env:{isMarryBaby:r},locale:s},action:{pushNotifications:d}}=t.useContext(h.TogetherComponentGlobalContext),{t:c}=o.useTranslations(),[u,m]=t.useState(!1),{authActionWrapper:p}=q();return z.default.createElement("div",{className:n,onClick:e=>{e.preventDefault(),e.stopPropagation()}},u&&z.default.createElement(ra,{thumbnail:"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0)'%3e%3cpath d='M2 4.00781H3.33333H14' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M5.33337 4.00846V2.67513C5.33337 2.32151 5.47385 1.98237 5.7239 1.73232C5.97395 1.48227 6.31309 1.3418 6.66671 1.3418H9.33337C9.687 1.3418 10.0261 1.48227 10.2762 1.73232C10.5262 1.98237 10.6667 2.32151 10.6667 2.67513V4.00846M12.6667 4.00846V13.3418C12.6667 13.6954 12.5262 14.0346 12.2762 14.2846C12.0261 14.5347 11.687 14.6751 11.3334 14.6751H4.66671C4.31309 14.6751 3.97395 14.5347 3.7239 14.2846C3.47385 14.0346 3.33337 13.6954 3.33337 13.3418V4.00846H12.6667Z' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M6.66663 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M9.33337 7.3418V11.3418' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0'%3e%3crect width='16' height='16' fill='white' transform='translate(0 0.0078125)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",isThumbnailIcon:!0,title:c("popup.deleteComment.title"),description:c("popup.deleteComment.description"),acceptText:c("popup.deletePost.accept"),cancelText:c("popup.deletePost.cancel"),onAccept:()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;if(!l)return;const t=yield(({id:e,locale:t})=>h.callApiWithAuth(h.getApiPath(h.PATHS.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"))({id:l,locale:s});1===(null==t?void 0:t.status)?(a&&a(),d({title:"",message:c("notification.success"),type:"success"})):d({title:"",message:(null===(e=null==t?void 0:t.messages)||void 0===e?void 0:e[0])||c("notification.failure"),type:"danger"})})),onClose:()=>m(!1)}),z.default.createElement(ve,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Zl,label:c("actionPopover.delete"),onClick:()=>{p((()=>{m(!0)}))}}]},className:i,toggleButtonContent:z.default.createElement("img",{src:r?Ul:Wl}),buttonProps:{}}))},Kl=F.default.div`
|
|
2813
2813
|
.add-link {
|
|
2814
|
-
color: ${
|
|
2814
|
+
color: ${i.theme.colors.primaryBase};
|
|
2815
2815
|
}
|
|
2816
|
-
`,$l=
|
|
2816
|
+
`,$l=F.default.div`
|
|
2817
2817
|
margin: 16px 0;
|
|
2818
|
-
background: ${
|
|
2818
|
+
background: ${i.theme.colors.yellow50};
|
|
2819
2819
|
padding: 5px 10px;
|
|
2820
2820
|
border-radius: 2px;
|
|
2821
2821
|
|
|
@@ -2824,38 +2824,38 @@
|
|
|
2824
2824
|
vertical-align: middle;
|
|
2825
2825
|
margin-right: 6px;
|
|
2826
2826
|
}
|
|
2827
|
-
`,Yl=
|
|
2827
|
+
`,Yl=F.default.div`
|
|
2828
2828
|
display: flex;
|
|
2829
2829
|
align-items: center;
|
|
2830
2830
|
gap: 8px;
|
|
2831
|
-
`,Jl=
|
|
2831
|
+
`,Jl=F.default.div`
|
|
2832
2832
|
padding: 8px 16px;
|
|
2833
|
-
`,eo=
|
|
2833
|
+
`,eo=F.default.div`
|
|
2834
2834
|
margin-bottom: 12px;
|
|
2835
2835
|
width: 100%;
|
|
2836
|
-
`,to=
|
|
2836
|
+
`,to=F.default.div``,ao=F.default.div`
|
|
2837
2837
|
margin-bottom: 16px;
|
|
2838
|
-
`,lo=
|
|
2838
|
+
`,lo=F.default.div`
|
|
2839
2839
|
display: flex;
|
|
2840
2840
|
flex-wrap: wrap;
|
|
2841
2841
|
row-gap: 16px;
|
|
2842
|
-
${
|
|
2842
|
+
${g.MediaQueries.tdUp} {
|
|
2843
2843
|
align-items: center;
|
|
2844
2844
|
column-gap: 24px;
|
|
2845
2845
|
}
|
|
2846
|
-
`,oo=
|
|
2846
|
+
`,oo=F.default.a`
|
|
2847
2847
|
display: flex;
|
|
2848
2848
|
align-items: center;
|
|
2849
2849
|
gap: 16px;
|
|
2850
|
-
${
|
|
2850
|
+
${g.MediaQueries.mbDown} {
|
|
2851
2851
|
width: 100%;
|
|
2852
2852
|
justify-content: space-between;
|
|
2853
2853
|
}
|
|
2854
|
-
`,no=
|
|
2854
|
+
`,no=F.default.div`
|
|
2855
2855
|
display: flex;
|
|
2856
2856
|
align-items: center;
|
|
2857
2857
|
gap: 16px;
|
|
2858
|
-
`,io=
|
|
2858
|
+
`,io=F.default.div`
|
|
2859
2859
|
border-radius: ${e=>e.theme.borderRadius};
|
|
2860
2860
|
overflow: hidden;
|
|
2861
2861
|
width: 48px;
|
|
@@ -2865,18 +2865,18 @@
|
|
|
2865
2865
|
width: 100%;
|
|
2866
2866
|
height: 100%;
|
|
2867
2867
|
}
|
|
2868
|
-
`,ro=({categories:e})=>{const{t:a}=
|
|
2868
|
+
`,ro=({categories:e})=>{const{t:a}=o.useTranslations(),{data:{locale:l,env:{isMarryBaby:n}}}=t.useContext(h.TogetherComponentGlobalContext),r=L.getCurrentBaseUrl(l,n);return z.default.createElement(to,null,z.default.createElement(ao,null,z.default.createElement(k.Heading,{tag:"h6",as:"h5"},a("cardReply.recommentCategories.heading"))),z.default.createElement(lo,null,e.map((e=>z.default.createElement(oo,{href:r+e.permalink,key:String(e.termId),target:"_blank"},z.default.createElement(no,null,z.default.createElement(io,null,z.default.createElement("img",{src:e.featureImage||s.CommonGAssets.getAssetPath(n?"mb-logo.svg":"/logo/logomark.png"),alt:e.displayName})),z.default.createElement(b.Text,{size:"s3",type:"bold"},e.displayName)),z.default.createElement(C.Icon.ArrowRight,{size:20,color:i.theme.colors.gray400}))))))},so=F.default.a`
|
|
2869
2869
|
padding: 12px 0;
|
|
2870
2870
|
display: flex;
|
|
2871
2871
|
flex-direction: column;
|
|
2872
2872
|
gap: 8px;
|
|
2873
|
-
border-top: 1px solid ${
|
|
2873
|
+
border-top: 1px solid ${i.theme.colors.neutral100};
|
|
2874
2874
|
text-decoration: none;
|
|
2875
2875
|
|
|
2876
2876
|
&:first-child {
|
|
2877
2877
|
border-top: 0;
|
|
2878
2878
|
}
|
|
2879
|
-
`,co=
|
|
2879
|
+
`,co=F.default.div``,uo=({postTitle:e,articleReviewed:t,modifiedTime:a,href:l})=>{const{t:n}=o.useTranslations(),r=(()=>{const{expert:e,editor:a,is_author:l}=t;if(e){const t={name:e.display_name,role:"expert",avatar:e.avatar};return l?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 z.default.createElement(so,{href:l,title:e,target:"_blank"},z.default.createElement(b.Text,{size:"s3",as:"h5",type:"bold"},e),z.default.createElement(co,null,z.default.createElement(st,{avatar:null==r?void 0:r.avatar,avatarProps:{size:32},name:null==r?void 0:r.name,role:null==r?void 0:r.role,hideBackground:!0},z.default.createElement(st.SubTextRow,null,z.default.createElement(st.SubText,null,null==r?void 0:r.title," ",z.default.createElement("span",{style:{color:i.theme.colors.gray800}},null==r?void 0:r.name)),z.default.createElement(st.SubDivider,null),z.default.createElement(st.SubText,null,a)))))};var mo="F4mmgSy",po="A7QrQ7A";const go=l=>{var{listUrl:n,categorySlug:r,editMode:d,onListChange:c}=l,u=e.__rest(l,["listUrl","categorySlug","editMode","onListChange"]);const{t:m}=o.useTranslations(),[p,g]=t.useState(n||[]),[f,w]=t.useState([]),[y,A]=t.useState([]),[N,T]=t.useState(!1);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){T(!0);const e=p.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);w(a.map(((t,a)=>{var l,o;return(null===(l=null==t?void 0:t.data)||void 0===l?void 0:l.post)&&Object.assign(Object.assign({},v.formatArticle(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.post)),{href:e[a].href})})).filter(Boolean)),T(!1)}))}),[]),t.useEffect((()=>{0===(null==f?void 0:f.length)&&r&&e.__awaiter(void 0,void 0,void 0,(function*(){var e;const t=yield h.callApi(h.getDiscoverApiPath(h.DISCOVER_PATHS.GET_CATEGORY_OR_ARTICLE_DETAIL,{fullSlug:r},!0),"GET");(null==t?void 0:t.data)&&A([v.formatCategory(null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.category)])}))}),[f]);return t.useEffect((()=>{null==c||c(p)}),[p]),z.default.createElement("div",Object.assign({},u),!d&&z.default.createElement($l,null,z.default.createElement("img",{className:"icon",src:s.CommonGAssets.getAssetPath("warning.svg"),alt:"warning",style:{marginBottom:"3px",width:"18px"}}),z.default.createElement(b.Text,{size:"s3",as:"span",dangerouslySetInnerHTML:{__html:m("cardReply.disclaimer")}})),N?z.default.createElement(Q,null):f.length>0||d?z.default.createElement(Kl,null,z.default.createElement(a.Accordion,{defaultValue:"accordion",styles:{control:{padding:"16px",border:`1px solid ${i.theme.colors.neutral100}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${i.theme.colors.neutral100}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:z.default.createElement("div",{className:po},z.default.createElement(hl,{color:i.theme.colors.gray600,size:20}))},z.default.createElement(a.Accordion.Item,{value:"accordion"},z.default.createElement(a.Accordion.Control,null,z.default.createElement("div",{className:mo},z.default.createElement(k.Heading,{as:"h4",tag:"h6"},m("cardReply.source")))),z.default.createElement(a.Accordion.Panel,null,z.default.createElement(Jl,null,(f||[]).map(((e,t)=>z.default.createElement(Yl,{key:String(t)},"object"==typeof e?z.default.createElement(uo,Object.assign({},e)):z.default.createElement(eo,null,z.default.createElement(x.Input,{style:{width:"100%"},name:"source-list",value:e||"",size:"sm",onChange:e=>{g((a=>{const l=[...a];return l[t]=e,l})),w((a=>{const l=[...a];return l[t]=e,l}))}})),d&&z.default.createElement(E.Button,{size:"md",color:"transparent",icon:z.default.createElement(C.Icon.Trash,null),onClick:()=>(e=>{g((t=>{const a=[...t];return a.splice(e,1),a})),w((t=>{const a=[...t];return a.splice(e,1),a}))})(t)})))),d&&z.default.createElement(E.Button,{className:"add-link",color:"transparent",size:"md",icon:z.default.createElement(C.Icon.Plus,{color:i.theme.colors.primaryBase,size:18}),onClick:()=>{g((e=>[...e,""])),w((e=>[...e,""]))}},"Add source")))))):z.default.createElement(ro,{categories:y}))},ho=F.default.div`
|
|
2880
2880
|
position: relative;
|
|
2881
2881
|
margin-bottom: 0;
|
|
2882
2882
|
background: white;
|
|
@@ -2894,7 +2894,7 @@
|
|
|
2894
2894
|
width: 40px;
|
|
2895
2895
|
height: 40px;
|
|
2896
2896
|
font-size: 20px;
|
|
2897
|
-
${
|
|
2897
|
+
${g.MediaQueries.mbDown} {
|
|
2898
2898
|
width: 32px;
|
|
2899
2899
|
height: 32px;
|
|
2900
2900
|
font-size: 16px;
|
|
@@ -2999,12 +2999,12 @@
|
|
|
2999
2999
|
}
|
|
3000
3000
|
|
|
3001
3001
|
margin-left: 56px;
|
|
3002
|
-
${
|
|
3002
|
+
${g.MediaQueries.mbDown} {
|
|
3003
3003
|
margin-left: 40px;
|
|
3004
3004
|
}
|
|
3005
3005
|
> .post-author {
|
|
3006
3006
|
margin-left: -56px;
|
|
3007
|
-
${
|
|
3007
|
+
${g.MediaQueries.mbDown} {
|
|
3008
3008
|
margin-left: -40px;
|
|
3009
3009
|
}
|
|
3010
3010
|
.author-info {
|
|
@@ -3022,7 +3022,7 @@
|
|
|
3022
3022
|
width: 40px;
|
|
3023
3023
|
height: 40px;
|
|
3024
3024
|
font-size: 20px;
|
|
3025
|
-
${
|
|
3025
|
+
${g.MediaQueries.mbDown} {
|
|
3026
3026
|
width: 24px;
|
|
3027
3027
|
height: 24px;
|
|
3028
3028
|
font-size: 12px;
|
|
@@ -3035,7 +3035,7 @@
|
|
|
3035
3035
|
width: 40px;
|
|
3036
3036
|
height: 40px;
|
|
3037
3037
|
font-size: 20px;
|
|
3038
|
-
${
|
|
3038
|
+
${g.MediaQueries.mbDown} {
|
|
3039
3039
|
width: 24px;
|
|
3040
3040
|
height: 24px;
|
|
3041
3041
|
font-size: 12px;
|
|
@@ -3063,16 +3063,16 @@
|
|
|
3063
3063
|
.post-content-wrapper {
|
|
3064
3064
|
padding-top: 0;
|
|
3065
3065
|
padding-bottom: 0;
|
|
3066
|
-
${
|
|
3066
|
+
${g.MediaQueries.mbDown} {
|
|
3067
3067
|
padding-left: 0.5rem;
|
|
3068
3068
|
}
|
|
3069
3069
|
}
|
|
3070
3070
|
|
|
3071
|
-
${
|
|
3071
|
+
${g.MediaQueries.mbDown} {
|
|
3072
3072
|
margin-bottom: 12px;
|
|
3073
3073
|
}
|
|
3074
3074
|
}
|
|
3075
|
-
`,
|
|
3075
|
+
`,fo=F.default(go)`
|
|
3076
3076
|
margin-top: 12px;
|
|
3077
3077
|
padding: 0.5rem 1rem 1rem;
|
|
3078
|
-
`;var vo="-dzIuHr";const bo=({userId:e,avatar:a,name:o,role:n,title:r,className:d})=>{const{t:c}=i.useTranslations(),[u,m]=t.useState(!1);return B.default.createElement(B.default.Fragment,null,B.default.createElement(l.Button,{className:`${vo} ${d}`,color:"success",size:"xs",onClick:()=>m(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},B.default.createElement("span",{className:"text"},B.default.createElement(v.Icon.Endorse,{isSolid:!0,size:18,color:s.theme.colors.green800,className:"icon"}),c("cardReply.verifyBy",{name:`${o||""}`}))),B.default.createElement(nt,{open:u,onClose:()=>m(!1),profileModalProps:{zIndex:1e3}},B.default.createElement(zl,{authorProps:{userId:e,avatar:a,name:o,role:n,title:r},hideQuestionTab:!0})))};const xo=({className:a,style:o,comment:n,type:r="comment",level:s=0,replyingId:d,onPostCommentSuccess:c,post:p,onDeleteComment:g,refetchComment:f,hasQuickBookingEnable:h,handleMakeAppointment:v,cardAuthorProps:b,maxChars:x=600,disableShortenContent:w})=>{var C,E,k,A,N,T,S,P,L,M,I,R;const{data:{locale:z,userInfo:j,env:{isMarryBaby:F}}}=t.useContext(u.TogetherComponentGlobalContext),{t:O}=i.useTranslations(),[V,D]=t.useState(n||null),{id:U,countLikes:_,content:H,replies:Z=[],images:G=[],author:Q,liked:X,link:$,mentionedUser:Y,mentions:J}=V,{text:ee,replyingTo:te}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:a}}catch(e){}return{text:""}})(H),{authActionWrapper:le}=q({_joinCommunityIds:[null===(C=null==p?void 0:p.community)||void 0===C?void 0:C.id],_joinTopicIds:null===(E=null==p?void 0:p.topics)||void 0===E?void 0:E.map((e=>e.id))}),[oe,ne]=t.useState(4),ie=!!(null==j?void 0:j.id)&&(null==Z?void 0:Z.some((e=>e.author.id===j.id))),re=e=>{D((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return f&&f(a),a}return t}))},[de,ce]=t.useState(!1),ue=t.useMemo((()=>"comment"===r&&Z&&0!=Z.length?Z.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),l=new Date(t.createdAt).getTime();return a>l?-1:a<l?1:0})):Z),[r,Z]),me=(null==Z?void 0:Z.length)||0,pe=String(null==Q?void 0:Q.email)&&(null==j?void 0:j.email)&&String(null==Q?void 0:Q.email)===String(null==j?void 0:j.email),ge=(null==Q?void 0:Q.name)||(null==Q?void 0:Q.username)||"",fe=(null==Q?void 0:Q.username)||(null==Q?void 0:Q.name)||"",he=null==Q?void 0:Q.avatar,ve=(null==p?void 0:p.isAnonymous)||null==Q?void 0:Q.role,be=[...(null==p?void 0:p.isAnonymous)?[{id:(null===(k=null==p?void 0:p.author)||void 0===k?void 0:k.id)||0,name:O("cardPost.anonymous")}]:[],...J||[]],[xe,we]=t.useState(null),[ye,Ce]=t.useState(null);t.useEffect((()=>{if(null==Q?void 0:Q.hospitalId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:y.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&we(null==a?void 0:a._data.branch)}));t(Q.hospitalId)}if(null==Q?void 0:Q.doctorId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:y.domainLocales[z]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&Ce(null==a?void 0:a._data.doctor)}));t(Q.doctorId)}}),[Q.hospitalId,Q.doctorId]);const Ee=(null==ye?void 0:ye.valid_outpatient)||(null==ye?void 0:ye.valid_telemedicine),ke=((null==xe?void 0:xe.total_available_service)||(null==xe?void 0:xe.total_available_doctor))>0,Ae=h&&(Ee||ke),Ne="chatbot"===(null===(A=null==V?void 0:V.author)||void 0===A?void 0:A.type);return B.default.createElement(W,{defaultParams:{_joinCommunityIds:[null===(N=null==p?void 0:p.community)||void 0===N?void 0:N.id],_joinTopicIds:null===(T=null==p?void 0:p.topics)||void 0===T?void 0:T.map((e=>e.id))}},B.default.createElement(fo,{className:a,style:o,"data-is-reply":!!s,"data-is-marrybaby":F,"data-has-booking":Ae},"reply"===r&&B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement("div",{style:{padding:"16px 16px 0"}},B.default.createElement(st,Object.assign({avatar:he,name:ge,username:fe,timeText:null==p?void 0:p.createdTime,community:null==p?void 0:p.community,className:"post-author "+(pe?"with-popover":""),type:r,userId:null==Q?void 0:Q.id,role:ve,expertId:null==Q?void 0:Q.partnerId,title:null==Q?void 0:Q.title,doctorId:null==Q?void 0:Q.doctorId,hospitalId:null==Q?void 0:Q.hospitalId,hasQuickBooking:Ae,handleMakeAppointment:v,isAnonymous:!!(null==p?void 0:p.isAnonymous),hideBackground:Ne,userType:null==Q?void 0:Q.type},b)),Boolean(null==V?void 0:V.isVerify)&&!Boolean(null==V?void 0:V.isOppose)&&B.default.createElement(bo,{title:null===(S=null==V?void 0:V.userVerify)||void 0===S?void 0:S.title,name:null===(P=null==V?void 0:V.userVerify)||void 0===P?void 0:P.name,userId:null===(L=null==V?void 0:V.userVerify)||void 0===L?void 0:L.id,role:null===(M=null==V?void 0:V.userVerify)||void 0===M?void 0:M.role,avatar:null===(I=null==V?void 0:V.userVerify)||void 0===I?void 0:I.avatar,className:"verify-tag"})),B.default.createElement(ya,{className:"post-content-wrapper",replyingTo:te,mentionedUser:Y,description:ee,mentions:be,maxChars:x,disableShortenContent:w}),B.default.createElement("span",null),B.default.createElement("span",null),G&&G.length>0?B.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},B.default.createElement(Ha,{images:G,authorName:null==Q?void 0:Q.username})):null,G&&0!==G.length||!$?null:B.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},B.default.createElement(K,{url:$})),"most-engaging"!==r?B.default.createElement(B.default.Fragment,null,Ne&&B.default.createElement(ho,{listUrl:null==V?void 0:V.source,categorySlug:null==V?void 0:V.categorySlug}),B.default.createElement(se,{type:ae.reply,loveCount:_,replyCount:me,className:"post-reaction",liked:X,isReplied:ie,hideCommentIcon:"reply"===r||Ne,hasShare:!1,onCommentClick:()=>le((()=>ce((e=>!e)))),onCommentCountClick:()=>le((()=>{ce(!0)})),onLikeClick:()=>le((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(U){const t=yield(({commentId:t,setLike:a=!1,locale:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return u.callApiWithAuth(u.getApiPath(a?u.PATHS.COMMENT.LIKE:u.PATHS.COMMENT.UNLIKE,{_locale:l,id:t}),"GET")})))({commentId:U,setLike:!X,locale:z});1===t.status&&D((e=>Object.assign(Object.assign({},e),{liked:!X,countLikes:e.countLikes+(X?-1:1)})))}}))))}),de&&B.default.createElement(ca,{replyingId:d||V.id,replyToName:ge,isReply:!0,onClose:()=>ce(!1),onPostSuccess:e=>{"reply"===r?c&&c(e):re(e)},post:p,replyingUser:Q}),"comment"===r&&Z&&Z.length>0?B.default.createElement("div",{className:"comment-reply-wrapper"},null===(R=null==ue?void 0:ue.slice(0,oe))||void 0===R?void 0:R.map((e=>B.default.createElement(xo,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:s+1,replyingId:U,onPostCommentSuccess:re,post:p,onDeleteComment:()=>{D((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:v,hasQuickBookingEnable:h}))),me>oe&&B.default.createElement(B.default.Fragment,null,B.default.createElement(m.Divider,{className:"top-divider",type:"solid"}),B.default.createElement(l.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>ne((e=>e+4))},O("comment.seeMoreReplies",{count:me-oe}),B.default.createElement("img",{className:"chevron-right",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='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,pe&&B.default.createElement(Xl,{onDeleteComment:g,className:"popover",commentId:V.id})))},wo=(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,l,o;const n=yield u.callApiWithOptionalAuth(u.getApiPath(u.PATHS.COMMENT.LIST,{postId:t,_locale:a,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(o=null===(l=null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.comments)||void 0===l?void 0:l.map(p.formatComment))||void 0===o?void 0:o[0]}));var yo=Object.freeze({__proto__:null});exports.CardAuthor=st,exports.CardLink=K,exports.CardPost=({className:a,style:o,hideViewMoreComment:n,showMostEngaging:r,onCommentClick:s,onCommentCountClick:d,onMostEngagingCommentClick:c,onPostCommentSuccess:m,disableCardLink:p,disableShortenContent:g,onDeletePost:f,onEditPost:h,post:v,mostEngagingComment:b,onDeleteComment:x,showInputComment:w,InlineCommentsComponent:y,hasQuickBookingEnable:C,handleMakeAppointment:E,cardAuthorProps:A})=>{const[N,T]=t.useState(v),[S,P]=t.useState(!1),[L,M]=t.useState(b),{community:I,topics:R,author:j,slug:F,isPin:O,liked:V,photos:D,mentions:U,title:_,description:H,previewUrl:Z,likesCount:G,commentsCount:Q,id:X,commented:$}=N,{data:{locale:Y,env:{isMarryBaby:J,togetherBasePath:ee}},action:{pushNotifications:te}}=t.useContext(u.TogetherComponentGlobalContext),{t:le}=i.useTranslations(),[oe,ne]=t.useState(w),ie=`${ee}/${(null==I?void 0:I.slug)||"_"}/${F||""}`,re=`${u.getCurrentBaseUrl(Y)}${ie}`,{authActionWrapper:de}=q((null==I?void 0:I.slug)?{_joinCommunityIds:[I.id],_joinTopicIds:null==R?void 0:R.map((e=>e.id))}:void 0),[ue,me]=t.useState(!1);t.useEffect((()=>{ne(w)}),[w]);const ge=(null==j?void 0:j.name)||(null==j?void 0:j.username)||"",fe=(null==j?void 0:j.username)||(null==j?void 0:j.name)||"",he=null==j?void 0:j.avatar,ve=(null==N?void 0:N.isAnonymous)||null==j?void 0:j.role,[be,xe]=t.useState(null),[we,ye]=t.useState(null);t.useEffect((()=>{if(null==j?void 0:j.hospitalId){(t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:u.domainLocales[Y]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&xe(null==a?void 0:a._data.branch)})))(j.hospitalId)}if(null==j?void 0:j.doctorId){(t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield u.callApi(u.getCarePath(u.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:u.domainLocales[Y]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&ye(null==a?void 0:a._data.doctor)})))(j.doctorId)}}),[j.hospitalId,j.doctorId]);const Ce=(null==we?void 0:we.valid_outpatient)||(null==we?void 0:we.valid_telemedicine),Ee=((null==be?void 0:be.total_available_service)||(null==be?void 0:be.total_available_doctor))>0,ke=C&&(Ce||Ee);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(X&&Q&&r&&!(null==b?void 0:b.id)){const e=yield wo(X,Y);M(e)}}))}),[X,Y,Q,r,null==b?void 0:b.id]),t.useEffect((()=>{M(b)}),[null==b?void 0:b.id]);const Ae=t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(Q>1&&(null==L?void 0:L.id)&&(null==L?void 0:L.id)===(null==t?void 0:t.id)){const e=yield wo(X,Y);M(e)}T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1}))),x&&x(t)}));return B.default.createElement(W,{defaultParams:(null==I?void 0:I.slug)?{_joinCommunityIds:[I.id],_joinTopicIds:null==R?void 0:R.map((e=>e.id))}:void 0},S&&B.default.createElement(ga,{url:re,avatar:u.DEFAULT_IMG,text:_,onClose:()=>P(!1)}),B.default.createElement(Ql,{className:a,style:o,"data-is-marrybaby":J},O?B.default.createElement(pe,{className:"post-pin"}):null,B.default.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},B.default.createElement(st,Object.assign({avatar:he,name:ge,username:fe,url:p?void 0:ie,community:I,timeText:null==N?void 0:N.createdTime,className:"post-author",role:ve,userId:null==j?void 0:j.id,expertId:null==j?void 0:j.partnerId,doctorId:null==j?void 0:j.doctorId,hospitalId:null==j?void 0:j.hospitalId,title:null==j?void 0:j.title,hasQuickBooking:ke,handleMakeAppointment:E,"data-testid":"name",isAnonymous:!!(null==N?void 0:N.isAnonymous),extendEle:B.default.createElement(Gl,{authorEmail:String(null==j?void 0:j.email),onDeletePost:f,shareUrl:re,post:N,className:"popover",onEditPost:h})},A))),B.default.createElement("a",{href:p?void 0:ie,className:"post-content-link-wrapper"},_&&B.default.createElement(k.Heading,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},z.default(_)),B.default.createElement(ya,{className:"post-content-wrapper",description:H,disableShortenContent:g,mentions:U,"data-testid":"Content of the Post"})),B.default.createElement("span",null),B.default.createElement("span",null),B.default.createElement("div",{key:"tag-topic"},R&&R.length>0?B.default.createElement(ce,{topics:R,className:"post-topics"}):null),B.default.createElement("div",{key:"social-preview"},(null==N?void 0:N.introUrl)?B.default.createElement("div",{className:"social-preview-wrapper "+((null==D?void 0:D.length)?"has-image":"")},B.default.createElement(qa,{url:N.introUrl,image:N.bannerImage})):null),B.default.createElement("div",{key:"image-preview"},(null==D?void 0:D.length)?B.default.createElement("div",{className:"image-preview-wrapper"},B.default.createElement(Ha,{images:D,authorName:null==j?void 0:j.name})):null),B.default.createElement("div",{key:"link-preview"},(null==N?void 0:N.introUrl)||(null==D?void 0:D.length)||!(null==Z?void 0:Z.url)?null:B.default.createElement("div",{className:"link-preview-wrapper"},B.default.createElement(K,{title:Z.title,url:Z.url,image:Z.image}))),B.default.createElement(se,{isMarryBaby:J,type:ae.post,loveCount:G,replyCount:Q,className:"post-reaction "+((null==D?void 0:D.length)||(null==Z?void 0:Z.url)?"hide-top-border":""),liked:ue?!V:V,isReplied:$,onCommentClick:()=>de((()=>{s?s():ne((e=>!e))})),onCommentCountClick:()=>{de((()=>{J?ne(!0):d?d():!p&&(window.location.href=ie)}))},onShareClick:()=>{P(!0)},onLikeClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(X&&!ue){me(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield u.callApiWithAuth(u.getApiPath(u.PATHS.POST.LIKE,{id:t,_locale:a}),"GET")})))({id:X,locale:Y});1!==(null==t?void 0:t.status)?te(dt(le)):T((e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})))}catch(e){te(dt(le))}me(!1)}})),showingMostEngaging:!(!r||!(null==L?void 0:L.id))}),oe&&B.default.createElement(ca,{isMainCmt:!w,onClose:()=>ne(!1),onPostSuccess:e=>{0!==Q||(null==L?void 0:L.id)||M(e),T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0}))),m&&m(e)},post:N}),r&&(null==L?void 0:L.id)?B.default.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{c?(e.stopPropagation(),c()):window.location.href=ie}},B.default.createElement(xo,{hasQuickBookingEnable:C,handleMakeAppointment:E,comment:L,post:N,onDeleteComment:()=>{Ae&&Ae(L)},className:"most-engaging-comment",type:"most-engaging",key:L.id,cardAuthorProps:A}),Q>1&&!n&&B.default.createElement(l.Button,{className:"see-more-comments",color:"ghost",size:"md"},le("comment.seeMoreComments",{count:Q-1}))):null,y))},exports.CardPostPopoverMore=Gl,exports.CardReactions=se,exports.CardReply=xo,exports.CardReplyPopover=Xl,exports.Close=_,exports.CreateNewPostContent=({className:r,style:g,onPostCreatedEdited:f,onClose:h,communities:v=[],forceSelectCommunity:b,forceSelectTopics:x,articleId:w,optionalTopic:y,editPostData:E,defaultCommunity:k,defaultTopics:A,noFetchTopic:N,hideTopicList:T,selectAskDoctor:S,showAskDoctorOptions:P})=>{const L=!!(null==E?void 0:E.id),{data:{locale:M,env:{isMarryBaby:I}},action:{pushNotifications:R,sanitizeFunction:j}}=t.useContext(u.TogetherComponentGlobalContext),{t:F}=i.useTranslations(),[O,V]=t.useState(!1),[D,U]=t.useState(S),[_,H]=t.useState(!1),[W,q]=t.useState(!1),[Z,G]=t.useState(""),[Q,X]=t.useState(""),[K,$]=t.useState(b?{label:b.name,value:`${b.id||""}-${b.mappedCategoryId||""}`}:{label:F("community.choose"),value:""}),[Y,J]=t.useState([...x]||[]),[ee,te]=t.useState([]),[ae,le]=t.useState([]),oe=b||v.find((e=>`${e.id||""}-${e.mappedCategoryId||""}`===K.value)),ne=b?[b]:v.filter((e=>e.isActive)).sort(((e,t)=>e.name>t.name?1:e.name<t.name?-1:0)),[ie,re]=t.useState(null),[se,de]=t.useState([]),ce=Z&&z.default(Q)&&(y||!y&&Y.length>0)&&oe&&(!ee||ee.length<=u.MAX_IMAGE_UPLOADS)&&!(null==se?void 0:se.length)&&!W;t.useEffect((()=>{if(E){const e=E;G(e.title||""),X(Tt(Nt(e.description||"","edit"),e.mentions)),$({label:e.community.name,value:`${e.community.id||""}-${e.community.mappedCategoryId||""}`}),J(e.topics||[]),te(e.photos||[]),V(!!e.isAnonymous||!1),U(!!e.isAskDoctor||!1)}else k&&$({label:k.name,value:`${k.id||""}-${k.mappedCategoryId||""}`}),A&&J(A)}),[]);const ue=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t,a,l,o,n,i,r,s,d;if(P&&void 0===D)return H(!0),!1;const c=yield(({title:t,description:a,communityId:l,imageFiles:o,previewUrl:n,topicIds:i,locale:r,sanitizeFunction:s,categoryCommunityId:d,categoryTopicIds:c,introUrl:m,bannerUrl:p,scheduleTime:g,isAnonymous:f,isAskDoctor:h})=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=new FormData,v=Mt(a),b=Mt(t),x=Pt(v);if(e.append("title",b),e.append("description",It(v,s)),d?e.append("category_community",String(d)):l&&e.append("community_id",String(l)),e.append("is_anonymous",f?"1":"0"),e.append("is_question",h?"1":"0"),(null==n?void 0:n.title)&&e.append("preview_title",n.title),(null==n?void 0:n.description)&&e.append("preview_description",n.description),(null==n?void 0:n.url)&&e.append("preview_link",C.safeEncodeURI(n.url)),(null==n?void 0:n.image)&&e.append("preview_image",C.safeEncodeURI(n.image)),null==i||i.forEach((t=>{e.append("topics[]",String(t||""))})),null==c||c.forEach((t=>{e.append("category_topics[]",String(t||""))})),null==o?void 0:o.length){const t=yield Promise.all(o.map(((e,t)=>new Promise((a=>{setTimeout((()=>{a(jt(e,r))}),2e3*t)})))));null==t||t.filter(Boolean).slice(0,u.MAX_IMAGE_UPLOADS).forEach(((t,a)=>{e.append(`images[${a}]`,t)}))}else e.append("images","");return null==x||x.forEach((t=>{e.append("mention_ids[]",t)})),e.append("intro_url",m||""),e.append("banner",p||""),g&&(e.append("post_type","scheduled"),e.append("schedule_datetime",g)),e})))({title:Z,description:Q,communityId:String((null==oe?void 0:oe.id)||""),imageFiles:ee,previewUrl:ie,topicIds:null==Y?void 0:Y.map((e=>String(e.id||""))).filter(Boolean),locale:M,sanitizeFunction:j,categoryCommunityId:String((null==oe?void 0:oe.mappedCategoryId)||""),categoryTopicIds:null==Y?void 0:Y.map((e=>String(e.mappedCategoryId||""))).filter(Boolean),isAnonymous:O?1:0,isAskDoctor:D?1:0});let m;w&&c.append("article_id",w),L?(null==E?void 0:E.id)&&(m=yield(({id:t,locale:a,formData:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield u.callApiWithAuth(u.getApiPath(u.PATHS.POST.UPDATE,{id:t,_locale:a}),"POST",{data:l})})))({id:E.id,formData:c,locale:M})):m=yield(({locale:t,formData:a,isArticleComment:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield u.callApiWithAuth(u.getApiPath(l?u.PATHS.POST.CREATE_ARTICLE_COMMENT:u.PATHS.POST.CREATE,{_locale:t}),"POST",{data:a})})))({formData:c,locale:M,isArticleComment:!(null==oe?void 0:oe.id)&&!!(null==oe?void 0:oe.mappedCategoryId)});const g=null==m?void 0:m.data;(null==g?void 0:g.id)&&!(null===(a=null===(t=null==m?void 0:m.messages)||void 0===t?void 0:t.moderation)||void 0===a?void 0:a.type)?(R({message:F("createPost.popup.success"),type:"success"}),(e=>{f&&f(p.formatPost(e),L),h&&h()})(g)):"banned"===(null===(o=null===(l=null==m?void 0:m.messages)||void 0===l?void 0:l.moderation)||void 0===o?void 0:o.type)?(R({title:F("notification.post.blocked.title"),message:F("notification.post.blocked.message"),type:"danger"}),m.messages.moderation.words&&le(m.messages.moderation.words)):"suspect"===(null===(i=null===(n=null==m?void 0:m.messages)||void 0===n?void 0:n.moderation)||void 0===i?void 0:i.type)?(R({title:F("notification.post.suspect.title"),message:F("notification.post.suspect.message"),type:"warning"}),h&&h()):(null===(s=null===(r=null==m?void 0:m.messages)||void 0===r?void 0:r.find)||void 0===s?void 0:s.call(r,(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(R({message:F("notification.suspend.message"),type:"danger"}),h&&h()):R({message:(null===(d=null==m?void 0:m.messages)||void 0===d?void 0:d[0])||F("notification.failure"),type:"danger"})}));return B.default.createElement(ct,{className:r,style:g},B.default.createElement("div",{className:"input-group-container"},B.default.createElement(Yt,{className:"input-group",bannedWords:ae,value:Z,onChange:G}),B.default.createElement(Xt,{className:"input-group",bannedWords:ae,value:Q,onChange:X,onPreviewUrlChange:re,onInvalidUrlsChange:de,onImageFilesChange:te,imageFiles:ee}),P&&B.default.createElement(ut,{"data-is-marry-baby":I},B.default.createElement("div",{className:"switch-label"},B.default.createElement(d.Ask,{isMarryBaby:I,size:I?32:24,color:s.theme.colors.primaryBase,className:"label-icon"}),B.default.createElement("span",{className:"label-txt"},F("createPost.askDoctor"))),B.default.createElement(m.BtnChoice,{value:D,choices:[{label:F("createPost.askDoctorChoice.yes"),value:!0},{label:F("createPost.askDoctorChoice.no"),value:!1}],onChange:e=>{"boolean"==typeof e&&(H(!1),U(e))}})),_&&B.default.createElement(mt,null,B.default.createElement(pt,{color:s.theme.colors.red700,size:14}),B.default.createElement(o.Text,{size:"p3",as:"span",color:s.theme.colors.red700},F("createPost.message.askDoctorRequire"))),B.default.createElement("div",{className:"input-group"},B.default.createElement(o.Text,{size:"p4",className:"input-group-label"},F("admin.community")),B.default.createElement(n.Dropdown,{options:(null==ne?void 0:ne.map((e=>({label:e.name,value:`${e.id||""}-${e.mappedCategoryId||""}`}))))||[],id:"community-picker",placeholder:F("community.choose"),value:K,onChange:e=>{$({label:e.label,value:String(e.value)}),J([])},disabled:!!b}),B.default.createElement(o.Text,{size:"sm",className:"warning",color:s.theme.colors.gray400},"* ",F("commentPopup.warning.newPost"))),!T&&B.default.createElement("div",{className:"input-group"},B.default.createElement(o.Text,{size:"p4",className:"input-group-label"},F("tab.topic")),B.default.createElement("div",{className:"input-notification"},B.default.createElement("img",{src:oe?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":gt}),B.default.createElement(o.Text,{size:"base",color:s.theme.colors.gray500},F(oe?"createPost.popup.primary":"createPost.popup.warning"))),oe&&B.default.createElement(ea,{className:"tag-list",communityId:oe.id,forceTopics:x,onChange:J,selectedTopics:Y,noFetch:N}))),B.default.createElement("div",{className:"form-action"},B.default.createElement("div",{className:"input-group"},B.default.createElement(a.Checkbox,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:O,color:I?"pink":void 0,label:B.default.createElement("div",{className:"switch-label"},B.default.createElement("img",{className:"label-icon",src:c.CommonGAssets.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar",style:{marginRight:"10px",width:"24px"}}),B.default.createElement("span",{className:"label-txt"},F("createPost.postAnonymous"))),value:"Post Anonymous",onChange:e=>V(e.currentTarget.checked),styles:{body:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},label:{display:"flex",alignItems:"center"}}})),B.default.createElement("div",{className:"input-group"},B.default.createElement(l.Button,{theme:I?"marryBaby":"helloSites",className:"submit-btn pointer-event-child-none",size:"lg","data-event-category":"Ask Doctor","data-event-action":"Submit Question","data-event-label":window.location.href,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(ce&&!W){q(!0);try{yield ue()}catch(e){console.error(e),R(dt(F))}q(!1)}})),isDisabled:!ce,isLoading:W},F("createPost.popup.submit")))))},exports.CreatePostDescription=Xt,exports.CreatePostTitle=Yt,exports.ImagePreviewPopup=Pa,exports.InputCommentBar=ca,exports.LabelPin=pe,exports.LabelSortPin=me,exports.LabelSorting=({onChange:e,className:a,style:l,leftLabel:n,rightLabel:i,color:r,value:s,choices:d})=>{const{data:{env:{isMarryBaby:c}}}=t.useContext(u.TogetherComponentGlobalContext);return B.default.createElement(me,{label:n,rightLabel:B.default.createElement(ve,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:d.map((t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===s,className:"bold-item"})))},toggleButtonContent:B.default.createElement("div",{style:{display:"flex"}},B.default.createElement(o.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},i),B.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"}}))}),color:"gray",className:a,style:l})},exports.Loading=Q,exports.PopoverMenu=he,exports.PopupDanger=ra,exports.PopupDoctor=_e,exports.PopupExpert=Xe,exports.PopupFrame=ia,exports.PopupHospital=et,exports.PostContent=ya,exports.PostImagePreview=Ha,exports.PostSingleImageViewPopup=ja,exports.ProfileDetail=zl,exports.ProfileDetailModal=nt,exports.ShareBox=pa,exports.SharePopup=ga,exports.SkipQuestionOfExpertBtn=l=>{var{post:o,onSkip:n,btnText:r}=l,s=e.__rest(l,["post","onSkip","btnText"]);const{t:d}=i.useTranslations(),{data:{locale:c},action:{pushNotifications:m}}=t.useContext(u.TogetherComponentGlobalContext),[p,g]=t.useState(!1),[f,h]=t.useState(!1),b=a.useMantineTheme(),x=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;h(!0);const t=yield u.callApiWithAuth(u.getApiPath(u.PATHS.USER.SKIP_QUESTION,{_locale:c,id:null==o?void 0:o.id}),"PUT");1===(null==t?void 0:t.status)?(null==n||n({id:(null==o?void 0:o.id)||"",communityId:(null===(e=null==o?void 0:o.community)||void 0===e?void 0:e.id)||""}),g(!1),m({title:"",message:"Skip success",type:"success"})):m({title:"",message:null==t?void 0:t.messages,type:"danger"}),h(!1)}))),[]);return B.default.createElement(a.Popover,{width:327,withArrow:!0,shadow:"md",opened:p},B.default.createElement(a.Popover.Target,null,B.default.createElement("div",Object.assign({className:`${Fl} ${(null==s?void 0:s.className)||""}`,onClick:()=>g(!0)},s),r||d("profilePanel.questionNotClear"))),B.default.createElement(a.Popover.Dropdown,null,B.default.createElement("div",null,B.default.createElement("div",{className:Ol},d("profilePanel.skipQuestion.heading")),B.default.createElement("div",{className:Vl},d("profilePanel.skipQuestion.content")),B.default.createElement("div",{className:Dl},B.default.createElement(E.Button,{size:"md",variant:"secondary",leftIcon:B.default.createElement(v.Close,{color:b.fn.primaryColor(),size:24}),onClick:()=>g(!1),styles:()=>({leftIcon:{marginRight:0}})}),B.default.createElement(E.Button,{variant:"primary",size:"md",leftIcon:B.default.createElement(v.Check,{color:"white",size:24}),onClick:x,loading:f,styles:()=>({leftIcon:{marginRight:0}})})))))},exports.SocialLinkPreview=qa,exports.SourceList=go,exports.SubmitReportForm=ba,exports.TagTopic=ce,exports.TogetherAuthConfigContext=H,exports.TogetherAuthConfigContextProvider=W,exports.TopicSelectList=ea,exports.VerifiedTag=bo,exports.types=yo,exports.useTogetherAuthRequiredAction=q;
|
|
3078
|
+
`;var vo="-dzIuHr";const bo=({userId:e,avatar:a,name:l,role:n,title:r,className:s})=>{const{t:d}=o.useTranslations(),[c,u]=t.useState(!1);return z.default.createElement(z.default.Fragment,null,z.default.createElement(E.Button,{className:`${vo} ${s}`,color:"success",size:"xs",onClick:()=>u(!0),style:{padding:"5px 8px",marginBottom:"12px",borderRadius:"4px"}},z.default.createElement("span",{className:"text"},z.default.createElement(C.Icon.Endorse,{isSolid:!0,size:18,color:i.theme.colors.green800,className:"icon"}),d("cardReply.verifyBy",{name:`${l||""}`}))),z.default.createElement(ot,{open:c,onClose:()=>u(!1),profileModalProps:{zIndex:1e3}},z.default.createElement(Bl,{authorProps:{userId:e,avatar:a,name:l,role:n,title:r},hideQuestionTab:!0})))};const xo=({className:a,style:l,comment:n,type:i="comment",level:r=0,replyingId:s,onPostCommentSuccess:d,post:c,onDeleteComment:u,refetchComment:m,hasQuickBookingEnable:g,handleMakeAppointment:v,cardAuthorProps:b,maxChars:x=600,disableShortenContent:w})=>{var y,C,k,A,N,T,S,P,L,M,I,R;const{data:{locale:B,userInfo:j,env:{isMarryBaby:F}}}=t.useContext(h.TogetherComponentGlobalContext),{t:O}=o.useTranslations(),[D,V]=t.useState(n||null),{id:U,countLikes:_,content:H,replies:Z=[],images:G=[],author:Q,liked:X,link:$,mentionedUser:Y,mentions:J}=D,{text:ee,replyingTo:te}=(e=>{try{const t=e.match(/\[@([^\]]+)\]/),a=t?t[0].replace("[@","").replace("]",""):"";return{text:e.replace(/\[@([^\]]+)\]/,"").trim(),replyingTo:a}}catch(e){}return{text:""}})(H),{authActionWrapper:le}=q({_joinCommunityIds:[null===(y=null==c?void 0:c.community)||void 0===y?void 0:y.id],_joinTopicIds:null===(C=null==c?void 0:c.topics)||void 0===C?void 0:C.map((e=>e.id))}),[oe,ne]=t.useState(4),ie=!!(null==j?void 0:j.id)&&(null==Z?void 0:Z.some((e=>e.author.id===j.id))),re=e=>{V((t=>{if(!t.replies.find((t=>t.id===e.id))){t.replies.unshift(e);const a=Object.assign(Object.assign({},t),{replies:t.replies.slice(),countReplies:t.countReplies+1});return m&&m(a),a}return t}))},[de,ce]=t.useState(!1),ue=t.useMemo((()=>"comment"===i&&Z&&0!=Z.length?Z.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),l=new Date(t.createdAt).getTime();return a>l?-1:a<l?1:0})):Z),[i,Z]),me=(null==Z?void 0:Z.length)||0,pe=String(null==Q?void 0:Q.email)&&(null==j?void 0:j.email)&&String(null==Q?void 0:Q.email)===String(null==j?void 0:j.email),ge=(null==Q?void 0:Q.name)||(null==Q?void 0:Q.username)||"",he=(null==Q?void 0:Q.username)||(null==Q?void 0:Q.name)||"",fe=null==Q?void 0:Q.avatar,ve=(null==c?void 0:c.isAnonymous)||null==Q?void 0:Q.role,be=[...(null==c?void 0:c.isAnonymous)?[{id:(null===(k=null==c?void 0:c.author)||void 0===k?void 0:k.id)||0,name:O("cardPost.anonymous")}]:[],...J||[]],[xe,we]=t.useState(null),[ye,Ce]=t.useState(null);t.useEffect((()=>{if(null==Q?void 0:Q.hospitalId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:p.domainLocales[B]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&we(null==a?void 0:a._data.branch)}));t(Q.hospitalId)}if(null==Q?void 0:Q.doctorId){const t=t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield h.callApi(h.getCarePath(h.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:p.domainLocales[B]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&Ce(null==a?void 0:a._data.doctor)}));t(Q.doctorId)}}),[Q.hospitalId,Q.doctorId]);const Ee=(null==ye?void 0:ye.valid_outpatient)||(null==ye?void 0:ye.valid_telemedicine),ke=((null==xe?void 0:xe.total_available_service)||(null==xe?void 0:xe.total_available_doctor))>0,Ae=g&&(Ee||ke),Ne="chatbot"===(null===(A=null==D?void 0:D.author)||void 0===A?void 0:A.type);return z.default.createElement(W,{defaultParams:{_joinCommunityIds:[null===(N=null==c?void 0:c.community)||void 0===N?void 0:N.id],_joinTopicIds:null===(T=null==c?void 0:c.topics)||void 0===T?void 0:T.map((e=>e.id))}},z.default.createElement(ho,{className:a,style:l,"data-is-reply":!!r,"data-is-marrybaby":F,"data-has-booking":Ae},"reply"===i&&z.default.createElement(f.Divider,{className:"top-divider",type:"solid"}),z.default.createElement("div",{style:{padding:"16px 16px 0"}},z.default.createElement(st,Object.assign({avatar:fe,name:ge,username:he,timeText:null==c?void 0:c.createdTime,community:null==c?void 0:c.community,className:"post-author "+(pe?"with-popover":""),type:i,userId:null==Q?void 0:Q.id,role:ve,expertId:null==Q?void 0:Q.partnerId,title:null==Q?void 0:Q.title,doctorId:null==Q?void 0:Q.doctorId,hospitalId:null==Q?void 0:Q.hospitalId,hasQuickBooking:Ae,handleMakeAppointment:v,isAnonymous:!!(null==c?void 0:c.isAnonymous),hideBackground:Ne,userType:null==Q?void 0:Q.type},b)),Boolean(null==D?void 0:D.isVerify)&&!Boolean(null==D?void 0:D.isOppose)&&z.default.createElement(bo,{title:null===(S=null==D?void 0:D.userVerify)||void 0===S?void 0:S.title,name:null===(P=null==D?void 0:D.userVerify)||void 0===P?void 0:P.name,userId:null===(L=null==D?void 0:D.userVerify)||void 0===L?void 0:L.id,role:null===(M=null==D?void 0:D.userVerify)||void 0===M?void 0:M.role,avatar:null===(I=null==D?void 0:D.userVerify)||void 0===I?void 0:I.avatar,className:"verify-tag"})),z.default.createElement(ya,{className:"post-content-wrapper",replyingTo:te,mentionedUser:Y,description:ee,mentions:be,maxChars:x,disableShortenContent:w}),z.default.createElement("span",null),z.default.createElement("span",null),G&&G.length>0?z.default.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},z.default.createElement(Ha,{images:G,authorName:null==Q?void 0:Q.username})):null,G&&0!==G.length||!$?null:z.default.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},z.default.createElement(K,{url:$})),"most-engaging"!==i?z.default.createElement(z.default.Fragment,null,Ne&&z.default.createElement(fo,{listUrl:null==D?void 0:D.source,categorySlug:null==D?void 0:D.categorySlug}),z.default.createElement(se,{type:ae.reply,loveCount:_,replyCount:me,className:"post-reaction",liked:X,isReplied:ie,hideCommentIcon:"reply"===i||Ne,hasShare:!1,onCommentClick:()=>le((()=>ce((e=>!e)))),onCommentCountClick:()=>le((()=>{ce(!0)})),onLikeClick:()=>le((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(U){const t=yield(({commentId:t,setLike:a=!1,locale:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return h.callApiWithAuth(h.getApiPath(a?h.PATHS.COMMENT.LIKE:h.PATHS.COMMENT.UNLIKE,{_locale:l,id:t}),"GET")})))({commentId:U,setLike:!X,locale:B});1===t.status&&V((e=>Object.assign(Object.assign({},e),{liked:!X,countLikes:e.countLikes+(X?-1:1)})))}}))))}),de&&z.default.createElement(ca,{replyingId:s||D.id,replyToName:ge,isReply:!0,onClose:()=>ce(!1),onPostSuccess:e=>{"reply"===i?d&&d(e):re(e)},post:c,replyingUser:Q}),"comment"===i&&Z&&Z.length>0?z.default.createElement("div",{className:"comment-reply-wrapper"},null===(R=null==ue?void 0:ue.slice(0,oe))||void 0===R?void 0:R.map((e=>z.default.createElement(xo,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:r+1,replyingId:U,onPostCommentSuccess:re,post:c,onDeleteComment:()=>{V((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:v,hasQuickBookingEnable:g}))),me>oe&&z.default.createElement(z.default.Fragment,null,z.default.createElement(f.Divider,{className:"top-divider",type:"solid"}),z.default.createElement(E.Button,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>ne((e=>e+4))},O("comment.seeMoreReplies",{count:me-oe}),z.default.createElement("img",{className:"chevron-right",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='%232D87F3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"})))):null):null,pe&&z.default.createElement(Xl,{onDeleteComment:u,className:"popover",commentId:D.id})))},wo=(t,a)=>e.__awaiter(void 0,void 0,void 0,(function*(){var e,l,o;const n=yield h.callApiWithOptionalAuth(h.getApiPath(h.PATHS.COMMENT.LIST,{postId:t,_locale:a,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(o=null===(l=null===(e=null==n?void 0:n.data)||void 0===e?void 0:e.comments)||void 0===l?void 0:l.map(v.formatComment))||void 0===o?void 0:o[0]}));var yo=Object.freeze({__proto__:null});exports.CardAuthor=st,exports.CardLink=K,exports.CardPost=({className:a,style:l,hideViewMoreComment:n,showMostEngaging:i,onCommentClick:r,onCommentCountClick:s,onMostEngagingCommentClick:d,onPostCommentSuccess:c,disableCardLink:u,disableShortenContent:m,onDeletePost:p,onEditPost:g,post:f,mostEngagingComment:v,onDeleteComment:b,showInputComment:x,InlineCommentsComponent:w,hasQuickBookingEnable:y,handleMakeAppointment:C,cardAuthorProps:A})=>{const[N,T]=t.useState(f),[S,P]=t.useState(!1),[L,M]=t.useState(v),{community:I,topics:R,author:j,slug:F,isPin:O,liked:D,photos:V,mentions:U,title:_,description:H,previewUrl:Z,likesCount:G,commentsCount:Q,id:X,commented:$}=N,{data:{locale:Y,env:{isMarryBaby:J,togetherBasePath:ee}},action:{pushNotifications:te}}=t.useContext(h.TogetherComponentGlobalContext),{t:le}=o.useTranslations(),[oe,ne]=t.useState(x),ie=`${ee}/${(null==I?void 0:I.slug)||"_"}/${F||""}`,re=`${h.getCurrentBaseUrl(Y)}${ie}`,{authActionWrapper:de}=q((null==I?void 0:I.slug)?{_joinCommunityIds:[I.id],_joinTopicIds:null==R?void 0:R.map((e=>e.id))}:void 0),[ue,me]=t.useState(!1);t.useEffect((()=>{ne(x)}),[x]);const ge=(null==j?void 0:j.name)||(null==j?void 0:j.username)||"",he=(null==j?void 0:j.username)||(null==j?void 0:j.name)||"",fe=null==j?void 0:j.avatar,ve=(null==N?void 0:N.isAnonymous)||null==j?void 0:j.role,[be,xe]=t.useState(null),[we,ye]=t.useState(null);t.useEffect((()=>{if(null==j?void 0:j.hospitalId){(t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield h.callApi(h.getCarePath(h.CARE_PATHS.GET_HOSPITAL_INFO,{hospital_branch_id:t,website_url:h.domainLocales[Y]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.branch)&&xe(null==a?void 0:a._data.branch)})))(j.hospitalId)}if(null==j?void 0:j.doctorId){(t=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;const a=yield h.callApi(h.getCarePath(h.CARE_PATHS.GET_DOCTOR_INFO,{doctorId:t,website_url:h.domainLocales[Y]}),"get");(null===(e=null==a?void 0:a._data)||void 0===e?void 0:e.doctor)&&ye(null==a?void 0:a._data.doctor)})))(j.doctorId)}}),[j.hospitalId,j.doctorId]);const Ce=(null==we?void 0:we.valid_outpatient)||(null==we?void 0:we.valid_telemedicine),Ee=((null==be?void 0:be.total_available_service)||(null==be?void 0:be.total_available_doctor))>0,ke=y&&(Ce||Ee);t.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(X&&Q&&i&&!(null==v?void 0:v.id)){const e=yield wo(X,Y);M(e)}}))}),[X,Y,Q,i,null==v?void 0:v.id]),t.useEffect((()=>{M(v)}),[null==v?void 0:v.id]);const Ae=t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(Q>1&&(null==L?void 0:L.id)&&(null==L?void 0:L.id)===(null==t?void 0:t.id)){const e=yield wo(X,Y);M(e)}T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1}))),b&&b(t)}));return z.default.createElement(W,{defaultParams:(null==I?void 0:I.slug)?{_joinCommunityIds:[I.id],_joinTopicIds:null==R?void 0:R.map((e=>e.id))}:void 0},S&&z.default.createElement(ga,{url:re,avatar:h.DEFAULT_IMG,text:_,onClose:()=>P(!1)}),z.default.createElement(Ql,{className:a,style:l,"data-is-marrybaby":J},O?z.default.createElement(pe,{className:"post-pin"}):null,z.default.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},z.default.createElement(st,Object.assign({avatar:fe,name:ge,username:he,url:u?void 0:ie,community:I,timeText:null==N?void 0:N.createdTime,className:"post-author",role:ve,userId:null==j?void 0:j.id,expertId:null==j?void 0:j.partnerId,doctorId:null==j?void 0:j.doctorId,hospitalId:null==j?void 0:j.hospitalId,title:null==j?void 0:j.title,hasQuickBooking:ke,handleMakeAppointment:C,"data-testid":"name",isAnonymous:!!(null==N?void 0:N.isAnonymous),extendEle:z.default.createElement(Gl,{authorEmail:String(null==j?void 0:j.email),onDeletePost:p,shareUrl:re,post:N,className:"popover",onEditPost:g})},A))),z.default.createElement("a",{href:u?void 0:ie,className:"post-content-link-wrapper"},_&&z.default.createElement(k.Heading,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},B.default(_)),z.default.createElement(ya,{className:"post-content-wrapper",description:H,disableShortenContent:m,mentions:U,"data-testid":"Content of the Post"})),z.default.createElement("span",null),z.default.createElement("span",null),z.default.createElement("div",{key:"tag-topic"},R&&R.length>0?z.default.createElement(ce,{topics:R,className:"post-topics"}):null),z.default.createElement("div",{key:"social-preview"},(null==N?void 0:N.introUrl)?z.default.createElement("div",{className:"social-preview-wrapper "+((null==V?void 0:V.length)?"has-image":"")},z.default.createElement(qa,{url:N.introUrl,image:N.bannerImage})):null),z.default.createElement("div",{key:"image-preview"},(null==V?void 0:V.length)?z.default.createElement("div",{className:"image-preview-wrapper"},z.default.createElement(Ha,{images:V,authorName:null==j?void 0:j.name})):null),z.default.createElement("div",{key:"link-preview"},(null==N?void 0:N.introUrl)||(null==V?void 0:V.length)||!(null==Z?void 0:Z.url)?null:z.default.createElement("div",{className:"link-preview-wrapper"},z.default.createElement(K,{title:Z.title,url:Z.url,image:Z.image}))),z.default.createElement(se,{isMarryBaby:J,type:ae.post,loveCount:G,replyCount:Q,className:"post-reaction "+((null==V?void 0:V.length)||(null==Z?void 0:Z.url)?"hide-top-border":""),liked:ue?!D:D,isReplied:$,onCommentClick:()=>de((()=>{r?r():ne((e=>!e))})),onCommentCountClick:()=>{de((()=>{J?ne(!0):s?s():!u&&(window.location.href=ie)}))},onShareClick:()=>{P(!0)},onLikeClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(X&&!ue){me(!0);try{const t=yield(({id:t,locale:a})=>e.__awaiter(void 0,void 0,void 0,(function*(){if(t)return yield h.callApiWithAuth(h.getApiPath(h.PATHS.POST.LIKE,{id:t,_locale:a}),"GET")})))({id:X,locale:Y});1!==(null==t?void 0:t.status)?te(dt(le)):T((e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})))}catch(e){te(dt(le))}me(!1)}})),showingMostEngaging:!(!i||!(null==L?void 0:L.id))}),oe&&z.default.createElement(ca,{isMainCmt:!x,onClose:()=>ne(!1),onPostSuccess:e=>{0!==Q||(null==L?void 0:L.id)||M(e),T((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0}))),c&&c(e)},post:N}),i&&(null==L?void 0:L.id)?z.default.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{d?(e.stopPropagation(),d()):window.location.href=ie}},z.default.createElement(xo,{hasQuickBookingEnable:y,handleMakeAppointment:C,comment:L,post:N,onDeleteComment:()=>{Ae&&Ae(L)},className:"most-engaging-comment",type:"most-engaging",key:L.id,cardAuthorProps:A}),Q>1&&!n&&z.default.createElement(E.Button,{className:"see-more-comments",color:"ghost",size:"md"},le("comment.seeMoreComments",{count:Q-1}))):null,w))},exports.CardPostPopoverMore=Gl,exports.CardReactions=se,exports.CardReply=xo,exports.CardReplyPopover=Xl,exports.Close=_,exports.CreateNewPostContent=({className:n,style:u,onPostCreatedEdited:m,onClose:p,communities:b=[],forceSelectCommunity:x,forceSelectTopics:w,articleId:y,optionalTopic:C,editPostData:E,defaultCommunity:k,defaultTopics:A,noFetchTopic:N,hideTopicList:T,selectAskDoctor:S,showAskDoctorOptions:P,currentPageUrl:L})=>{const M=!!(null==E?void 0:E.id),{data:{locale:I,env:{isMarryBaby:R}},action:{pushNotifications:j,sanitizeFunction:F}}=t.useContext(h.TogetherComponentGlobalContext),{t:O}=o.useTranslations(),[D,V]=t.useState(!1),[U,_]=t.useState(S),[H,W]=t.useState(!1),[q,Z]=t.useState(!1),[G,Q]=t.useState(""),[X,K]=t.useState(""),[$,Y]=t.useState(x?{label:x.name,value:`${x.id||""}-${x.mappedCategoryId||""}`}:{label:O("community.choose"),value:""}),[J,ee]=t.useState([...w]||[]),[te,ae]=t.useState([]),[le,oe]=t.useState([]),ne=x||b.find((e=>`${e.id||""}-${e.mappedCategoryId||""}`===$.value)),ie=x?[x]:b.filter((e=>e.isActive)).sort(((e,t)=>e.name>t.name?1:e.name<t.name?-1:0)),[re,se]=t.useState(null),[de,ce]=t.useState([]),ue=G&&B.default(X)&&(C||!C&&J.length>0)&&ne&&(!te||te.length<=h.MAX_IMAGE_UPLOADS)&&!(null==de?void 0:de.length)&&!q;t.useEffect((()=>{if(E){const e=E;Q(e.title||""),K(kt(Et(e.description||"","edit"),e.mentions)),Y({label:e.community.name,value:`${e.community.id||""}-${e.community.mappedCategoryId||""}`}),ee(e.topics||[]),ae(e.photos||[]),V(!!e.isAnonymous||!1),_(!!e.isAskDoctor||!1)}else k&&Y({label:k.name,value:`${k.id||""}-${k.mappedCategoryId||""}`}),A&&ee(A)}),[]);const me=()=>e.__awaiter(void 0,void 0,void 0,(function*(){var t,a,l,o,n,i,r,s,d;if(P&&void 0===U)return W(!0),!1;const c=yield(({title:t,description:a,communityId:l,imageFiles:o,previewUrl:n,topicIds:i,locale:r,sanitizeFunction:s,categoryCommunityId:d,categoryTopicIds:c,introUrl:u,bannerUrl:m,scheduleTime:p,isAnonymous:f,isAskDoctor:v})=>e.__awaiter(void 0,void 0,void 0,(function*(){const e=new FormData,b=St(a),x=St(t),w=Nt(b);if(e.append("title",x),e.append("description",Pt(b,s)),d?e.append("category_community",String(d)):l&&e.append("community_id",String(l)),e.append("is_anonymous",f?"1":"0"),e.append("is_question",v?"1":"0"),(null==n?void 0:n.title)&&e.append("preview_title",n.title),(null==n?void 0:n.description)&&e.append("preview_description",n.description),(null==n?void 0:n.url)&&e.append("preview_link",g.safeEncodeURI(n.url)),(null==n?void 0:n.image)&&e.append("preview_image",g.safeEncodeURI(n.image)),null==i||i.forEach((t=>{e.append("topics[]",String(t||""))})),null==c||c.forEach((t=>{e.append("category_topics[]",String(t||""))})),null==o?void 0:o.length){const t=yield Promise.all(o.map(((e,t)=>new Promise((a=>{setTimeout((()=>{a(Rt(e,r))}),2e3*t)})))));null==t||t.filter(Boolean).slice(0,h.MAX_IMAGE_UPLOADS).forEach(((t,a)=>{e.append(`images[${a}]`,t)}))}else e.append("images","");return null==w||w.forEach((t=>{e.append("mention_ids[]",t)})),e.append("intro_url",u||""),e.append("banner",m||""),p&&(e.append("post_type","scheduled"),e.append("schedule_datetime",p)),e})))({title:G,description:X,communityId:String((null==ne?void 0:ne.id)||""),imageFiles:te,previewUrl:re,topicIds:null==J?void 0:J.map((e=>String(e.id||""))).filter(Boolean),locale:I,sanitizeFunction:F,categoryCommunityId:String((null==ne?void 0:ne.mappedCategoryId)||""),categoryTopicIds:null==J?void 0:J.map((e=>String(e.mappedCategoryId||""))).filter(Boolean),isAnonymous:D?1:0,isAskDoctor:U?1:0});let u;y&&c.append("article_id",y),M?(null==E?void 0:E.id)&&(u=yield(({id:t,locale:a,formData:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield h.callApiWithAuth(h.getApiPath(h.PATHS.POST.UPDATE,{id:t,_locale:a}),"POST",{data:l})})))({id:E.id,formData:c,locale:I})):u=yield(({locale:t,formData:a,isArticleComment:l})=>e.__awaiter(void 0,void 0,void 0,(function*(){return yield h.callApiWithAuth(h.getApiPath(l?h.PATHS.POST.CREATE_ARTICLE_COMMENT:h.PATHS.POST.CREATE,{_locale:t}),"POST",{data:a})})))({formData:c,locale:I,isArticleComment:!(null==ne?void 0:ne.id)&&!!(null==ne?void 0:ne.mappedCategoryId)});const f=null==u?void 0:u.data;(null==f?void 0:f.id)&&!(null===(a=null===(t=null==u?void 0:u.messages)||void 0===t?void 0:t.moderation)||void 0===a?void 0:a.type)?(j({message:O("createPost.popup.success"),type:"success"}),(e=>{m&&m(v.formatPost(e),M),p&&p()})(f)):"banned"===(null===(o=null===(l=null==u?void 0:u.messages)||void 0===l?void 0:l.moderation)||void 0===o?void 0:o.type)?(j({title:O("notification.post.blocked.title"),message:O("notification.post.blocked.message"),type:"danger"}),u.messages.moderation.words&&oe(u.messages.moderation.words)):"suspect"===(null===(i=null===(n=null==u?void 0:u.messages)||void 0===n?void 0:n.moderation)||void 0===i?void 0:i.type)?(j({title:O("notification.post.suspect.title"),message:O("notification.post.suspect.message"),type:"warning"}),p&&p()):(null===(s=null===(r=null==u?void 0:u.messages)||void 0===r?void 0:r.find)||void 0===s?void 0:s.call(r,(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(j({message:O("notification.suspend.message"),type:"danger"}),p&&p()):j({message:(null===(d=null==u?void 0:u.messages)||void 0===d?void 0:d[0])||O("notification.failure"),type:"danger"})}));return z.default.createElement(Jt,{className:n,style:u},z.default.createElement("div",{className:"input-group-container"},z.default.createElement(Xt,{className:"input-group",bannedWords:le,value:G,onChange:Q}),z.default.createElement(Zt,{className:"input-group",bannedWords:le,value:X,onChange:K,onPreviewUrlChange:se,onInvalidUrlsChange:ce,onImageFilesChange:ae,imageFiles:te}),P&&z.default.createElement(ea,{"data-is-marry-baby":R},z.default.createElement("div",{className:"switch-label"},z.default.createElement(r.Ask,{isMarryBaby:R,size:R?32:24,color:i.theme.colors.primaryBase,className:"label-icon"}),z.default.createElement("span",{className:"label-txt"},O("createPost.askDoctor"))),z.default.createElement(f.BtnChoice,{value:U,choices:[{label:O("createPost.askDoctorChoice.yes"),value:!0,dataEventCategory:"Together",dataEventAction:"Write Post Click - Ask Doctor",dataEventLabel:L},{label:O("createPost.askDoctorChoice.no"),value:!1}],onChange:e=>{"boolean"==typeof e&&(W(!1),_(e))}})),H&&z.default.createElement(ta,null,z.default.createElement(ct,{color:i.theme.colors.red700,size:14}),z.default.createElement(d.Text,{size:"p3",as:"span",color:i.theme.colors.red700},O("createPost.message.askDoctorRequire"))),z.default.createElement("div",{className:"input-group"},z.default.createElement(d.Text,{size:"p4",className:"input-group-label"},O("admin.community")),z.default.createElement(l.Dropdown,{options:(null==ie?void 0:ie.map((e=>({label:e.name,value:`${e.id||""}-${e.mappedCategoryId||""}`}))))||[],id:"community-picker",placeholder:O("community.choose"),value:$,dropdownLabelTrackingAttributes:{"data-event-category":"Together","data-event-action":"Write Post Click - Choose Community/Topic","data-event-label":L},onChange:e=>{Y({label:e.label,value:String(e.value)}),ee([])},disabled:!!x}),z.default.createElement(d.Text,{size:"sm",className:"warning",color:i.theme.colors.gray400},"* ",O("commentPopup.warning.newPost"))),!T&&z.default.createElement("div",{className:"input-group"},z.default.createElement(d.Text,{size:"p4",className:"input-group-label"},O("tab.topic")),z.default.createElement("div",{className:"input-notification"},z.default.createElement("img",{src:ne?"data:image/svg+xml,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8 14.5C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5C4.68629 2.5 2 5.18629 2 8.5C2 11.8137 4.68629 14.5 8 14.5Z' fill='%232D87F3'/%3e%3cpath d='M8 5.5V8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M8 11.5H8.00708' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e":ut}),z.default.createElement(d.Text,{size:"base",color:i.theme.colors.gray500},O(ne?"createPost.popup.primary":"createPost.popup.warning"))),ne&&z.default.createElement($t,{className:"tag-list",communityId:ne.id,forceTopics:w,onChange:ee,selectedTopics:J,noFetch:N,dataEventCategory:"Together",dataEventAction:"Write Post Click - Choose Community/Topic",dataEventLabel:L}))),z.default.createElement("div",{className:"form-action"},z.default.createElement("div",{className:"input-group"},z.default.createElement(a.Checkbox,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:D,color:R?"pink":void 0,"data-event-category":"Together","data-event-action":"Write Post Click - Incognito","data-event-label":L,label:z.default.createElement("div",{className:"switch-label"},z.default.createElement("img",{className:"label-icon",src:s.CommonGAssets.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar",style:{marginRight:"10px",width:"24px"}}),z.default.createElement("span",{className:"label-txt"},O("createPost.postAnonymous"))),value:"Post Anonymous",onChange:e=>V(e.currentTarget.checked),styles:{body:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},label:{display:"flex",alignItems:"center"}}})),z.default.createElement("div",{className:"input-group"},z.default.createElement(c.Button,{className:"submit-btn pointer-event-child-none",size:"lg","data-event-category":"Ask Doctor","data-event-action":"Submit Question","data-event-label":window.location.href,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(ue&&!q){Z(!0);try{yield me()}catch(e){console.error(e),j(dt(O))}Z(!1)}})),disabled:!ue,loading:q},O("createPost.popup.submit")))))},exports.CreatePostDescription=Zt,exports.CreatePostTitle=Xt,exports.ImagePreviewPopup=Pa,exports.InputCommentBar=ca,exports.LabelPin=pe,exports.LabelSortPin=me,exports.LabelSorting=({onChange:e,className:a,style:l,leftLabel:o,rightLabel:n,color:i,value:r,choices:s})=>{const{data:{env:{isMarryBaby:d}}}=t.useContext(h.TogetherComponentGlobalContext);return z.default.createElement(me,{label:o,rightLabel:z.default.createElement(ve,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:s.map((t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===r,className:"bold-item"})))},toggleButtonContent:z.default.createElement("div",{style:{display:"flex"}},z.default.createElement(b.Text,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},n),z.default.createElement("img",{src:d?"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"}}))}),color:"gray",className:a,style:l})},exports.Loading=Q,exports.PopoverMenu=fe,exports.PopupDanger=ra,exports.PopupDoctor=Ue,exports.PopupExpert=Qe,exports.PopupFrame=ia,exports.PopupHospital=Je,exports.PostContent=ya,exports.PostImagePreview=Ha,exports.PostSingleImageViewPopup=ja,exports.ProfileDetail=Bl,exports.ProfileDetailModal=ot,exports.ShareBox=pa,exports.SharePopup=ga,exports.SkipQuestionOfExpertBtn=l=>{var{post:n,onSkip:i,btnText:r,currentPageUrl:s}=l,d=e.__rest(l,["post","onSkip","btnText","currentPageUrl"]);const{t:u}=o.useTranslations(),{data:{locale:m},action:{pushNotifications:p}}=t.useContext(h.TogetherComponentGlobalContext),[g,f]=t.useState(!1),[v,b]=t.useState(!1),x=a.useMantineTheme(),w=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){var e;b(!0);const t=yield h.callApiWithAuth(h.getApiPath(h.PATHS.USER.SKIP_QUESTION,{_locale:m,id:null==n?void 0:n.id}),"PUT");1===(null==t?void 0:t.status)?(null==i||i({id:(null==n?void 0:n.id)||"",communityId:(null===(e=null==n?void 0:n.community)||void 0===e?void 0:e.id)||""}),f(!1),p({title:"",message:"Skip success",type:"success"})):p({title:"",message:null==t?void 0:t.messages,type:"danger"}),b(!1)}))),[]);return z.default.createElement(a.Popover,{width:327,withArrow:!0,shadow:"md",opened:g},z.default.createElement(a.Popover.Target,null,z.default.createElement("div",Object.assign({className:`${Fl} ${(null==d?void 0:d.className)||""}`,onClick:()=>f(!0)},d),r||u("profilePanel.questionNotClear"))),z.default.createElement(a.Popover.Dropdown,null,z.default.createElement("div",null,z.default.createElement("div",{className:Ol},u("profilePanel.skipQuestion.heading")),z.default.createElement("div",{className:Dl},u("profilePanel.skipQuestion.content")),z.default.createElement("div",{className:Vl},z.default.createElement(c.Button,{size:"md",variant:"secondary",leftIcon:z.default.createElement(C.Close,{color:x.fn.primaryColor(),size:24}),onClick:()=>f(!1),styles:()=>({leftIcon:{marginRight:0}})}),z.default.createElement(c.Button,{variant:"primary",size:"md",leftIcon:z.default.createElement(C.Check,{color:"white",size:24}),onClick:w,loading:v,"data-event-category":"Together","data-event-action":"Unclear Question Click","data-event-label":s,styles:()=>({leftIcon:{marginRight:0}})})))))},exports.SocialLinkPreview=qa,exports.SourceList=go,exports.SubmitReportForm=ba,exports.TagTopic=ce,exports.TogetherAuthConfigContext=H,exports.TogetherAuthConfigContextProvider=W,exports.TopicSelectList=$t,exports.VerifiedTag=bo,exports.types=yo,exports.useTogetherAuthRequiredAction=q;
|