@hhgtech/hhg-components 1.23.96 → 1.24.0

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.
Files changed (359) hide show
  1. package/build/Visible-5cc9afc6.js +1 -0
  2. package/build/babyGrowth.js +283 -1
  3. package/build/cache.js +1 -1
  4. package/build/care.js +1 -1
  5. package/build/components.js +1 -1
  6. package/build/constants-c4903a50.js +1 -0
  7. package/build/constants.js +1 -1
  8. package/build/cookieHelper-9f080637.js +1 -0
  9. package/build/core-b2fe46dd.js +1 -0
  10. package/build/dataTransform-a110e001.js +1 -0
  11. package/build/dataTransform-fcf0a572.js +1 -0
  12. package/build/ecom.js +1 -1
  13. package/build/esm/Visible-7eca30b5.js +1 -0
  14. package/build/esm/babyGrowth.js +283 -1
  15. package/build/esm/cache.js +1 -1
  16. package/build/esm/care.js +1 -1
  17. package/build/esm/components.js +1 -1
  18. package/build/esm/constants-d1288784.js +1 -0
  19. package/build/esm/constants.js +1 -1
  20. package/build/esm/cookieHelper-e007aa92.js +1 -0
  21. package/build/esm/core-8afe5a4d.js +1 -0
  22. package/build/esm/dataTransform-2fba1b2c.js +1 -0
  23. package/build/esm/dataTransform-915aed8c.js +1 -0
  24. package/build/esm/ecom.js +1 -1
  25. package/build/esm/footer.js +1 -1
  26. package/build/esm/gAssets.js +1 -1
  27. package/build/esm/getDynamicHealthTool-5bc53bc9.js +1 -0
  28. package/build/esm/getSocialList-278ea87c.js +1 -0
  29. package/build/esm/hooks.js +1 -1
  30. package/build/esm/i18n.js +1 -1
  31. package/build/esm/index-05542543.js +93 -0
  32. package/build/esm/index-150d757e.js +31 -0
  33. package/build/esm/index-18a9e3fb.js +1 -0
  34. package/build/esm/index-21b4181b.js +1 -0
  35. package/build/esm/index-2c15a988.js +1 -0
  36. package/build/esm/index-364770a0.js +1 -0
  37. package/build/esm/{index-727b7826.js → index-5923c954.js} +1 -1
  38. package/build/esm/index-5a00107b.js +1 -0
  39. package/build/esm/index-653fcb30.js +1 -0
  40. package/build/esm/index-78cd9f91.js +1 -0
  41. package/build/esm/index-7b6296d5.js +1 -0
  42. package/build/esm/index-87ee0d76.js +1 -0
  43. package/build/esm/index-9d45815e.js +90 -0
  44. package/build/esm/index-a2e77867.js +177 -0
  45. package/build/esm/index-b5e35ec5.js +1 -0
  46. package/build/esm/index-b5f6d798.js +1 -0
  47. package/build/esm/index-c4acfb04.js +1 -0
  48. package/build/esm/index-c9e0a1b5.js +1 -0
  49. package/build/esm/index-cb50aeb8.js +170 -0
  50. package/build/esm/index-d02e0f58.js +1 -0
  51. package/build/esm/index-f98bb958.js +1 -0
  52. package/build/esm/index-fe31b09c.js +1 -0
  53. package/build/esm/index.js +1 -1
  54. package/build/esm/index.styled-2465841d.js +69 -0
  55. package/build/esm/index.styled-67c29a17.js +4471 -0
  56. package/build/esm/index.styled-6abf9e6a.js +45 -0
  57. package/build/esm/index.styled-6b6e612e.js +1240 -0
  58. package/build/esm/index.styled-7f0b774b.js +113 -0
  59. package/build/esm/index.styled-c65f9df8.js +1863 -0
  60. package/build/esm/{isProduction-d1f89e20.js → isProduction-fab10892.js} +1 -1
  61. package/build/esm/lead.js +1 -1
  62. package/build/esm/localizeNumberFormat-0724d25a.js +1 -0
  63. package/build/esm/mantine.js +1 -1
  64. package/build/esm/misc.js +1 -1
  65. package/build/esm/navigation.js +1 -1
  66. package/build/esm/normalizeLink-2ec03ba7.js +1 -0
  67. package/build/esm/onboarding.js +1 -1
  68. package/build/esm/pwg.js +73 -1
  69. package/build/esm/routing-e4b4ee8f.js +1 -0
  70. package/build/esm/screenSizeContext-b29efdb0.js +81 -0
  71. package/build/esm/theme-a631c5ab.js +1 -0
  72. package/build/esm/together.js +1 -1
  73. package/build/esm/{translationsContext-9dc10217.js → translationsContext-fc21efad.js} +1 -1
  74. package/build/esm/translationsProvider-84f592ea.js +1 -0
  75. package/build/esm/tslib.es6-0039c19c.js +1 -0
  76. package/build/esm/types-2bbcf540.js +1 -0
  77. package/build/esm/types-978544c0.js +3013 -0
  78. package/build/esm/types-d532ba8d.js +336 -0
  79. package/build/esm/types.js +1 -1
  80. package/build/esm/unifyEnv.js +1 -1
  81. package/build/esm/useHealthToolCache-23715185.js +1 -0
  82. package/build/esm/useIsInit-e1781437.js +1 -0
  83. package/build/esm/useOutsideClick-68a3714e.js +1 -0
  84. package/build/esm/useRafState-a50dc032.js +1 -0
  85. package/build/esm/useScrollbarSize-3d17e421.js +1 -0
  86. package/build/esm/useTranslations-7f736d5f.js +1 -0
  87. package/build/esm/useUniqueId-818c7708.js +1 -0
  88. package/build/esm/utils-7ce226e8.js +1 -0
  89. package/build/footer.js +1 -1
  90. package/build/gAssets.js +1 -1
  91. package/build/getDynamicHealthTool-e361a825.js +1 -0
  92. package/build/getSocialList-e0fa1cc8.js +1 -0
  93. package/build/hooks/index.d.ts +7 -0
  94. package/build/hooks/useInitialMount.d.ts +3 -0
  95. package/build/hooks/useOutsideClick.d.ts +7 -2
  96. package/build/hooks/usePrevious.d.ts +3 -0
  97. package/build/hooks/useRafState.d.ts +3 -0
  98. package/build/hooks/useUniqueId.d.ts +5 -0
  99. package/build/hooks.js +1 -1
  100. package/build/i18n.js +1 -1
  101. package/build/index-0207c31b.js +1 -0
  102. package/build/index-0cad5f1b.js +1 -0
  103. package/build/index-11f0284b.js +170 -0
  104. package/build/index-2b30377d.js +1 -0
  105. package/build/index-2cbdb4bf.js +1 -0
  106. package/build/index-2d563c87.js +1 -0
  107. package/build/index-635e21cc.js +1 -0
  108. package/build/index-8a6a7cc0.js +1 -0
  109. package/build/index-8f5c7ee3.js +90 -0
  110. package/build/index-9152ca1d.js +1 -0
  111. package/build/index-94d7557e.js +31 -0
  112. package/build/index-a1d07633.js +93 -0
  113. package/build/index-a83a062e.js +1 -0
  114. package/build/index-aa3c9ce0.js +1 -0
  115. package/build/index-af3b3f09.js +1 -0
  116. package/build/index-b4ea7a21.js +1 -0
  117. package/build/index-b6acdcae.js +1 -0
  118. package/build/{index-aed2cd66.js → index-c8db56b7.js} +1 -1
  119. package/build/index-d8eec019.js +1 -0
  120. package/build/index-e98fdd8c.js +1 -0
  121. package/build/index-f8b86c53.js +177 -0
  122. package/build/index-f9086275.js +1 -0
  123. package/build/index.js +1 -1
  124. package/build/index.styled-642f11f7.js +69 -0
  125. package/build/index.styled-6e461cdf.js +45 -0
  126. package/build/index.styled-6ff0df3f.js +1863 -0
  127. package/build/index.styled-805b1f85.js +1240 -0
  128. package/build/index.styled-e3aa6f73.js +113 -0
  129. package/build/index.styled-eb8f4b1e.js +4471 -0
  130. package/build/isProduction-e392487d.js +1 -0
  131. package/build/lead.js +1 -1
  132. package/build/localizeNumberFormat-eda96ba2.js +1 -0
  133. package/build/mantine.js +1 -1
  134. package/build/misc.js +1 -1
  135. package/build/navigation.js +1 -1
  136. package/build/normalizeLink-62e8417c.js +1 -0
  137. package/build/onboarding.js +1 -1
  138. package/build/pwg.js +73 -1
  139. package/build/routing-72b2705b.js +1 -0
  140. package/build/screenSizeContext-aa77f70a.js +81 -0
  141. package/build/together.js +1 -1
  142. package/build/{translationsContext-c72cd9e1.js → translationsContext-c77a479e.js} +1 -1
  143. package/build/translationsProvider-631b95ce.js +1 -0
  144. package/build/tslib.es6-c8b5aa16.js +1 -0
  145. package/build/types-02e3f27e.js +3013 -0
  146. package/build/types-5a9b3c87.js +1 -0
  147. package/build/types-8aaea47a.js +336 -0
  148. package/build/types.js +1 -1
  149. package/build/unifyEnv.js +1 -1
  150. package/build/useHealthToolCache-7f3b83ae.js +1 -0
  151. package/build/useIsInit-e8b04977.js +1 -0
  152. package/build/useOutsideClick-f11e7192.js +1 -0
  153. package/build/useRafState-012ffb1f.js +1 -0
  154. package/build/useScrollbarSize-328d9797.js +1 -0
  155. package/build/useTranslations-fa071ccf.js +1 -0
  156. package/build/useUniqueId-5a393d9b.js +1 -0
  157. package/build/utils-d98a0819.js +1 -0
  158. package/package.json +1 -1
  159. package/build/Visible-17a7a580.js +0 -1
  160. package/build/constants-d6d1e063.js +0 -1
  161. package/build/cookieHelper-28201535.js +0 -1
  162. package/build/core-359f3669.js +0 -1
  163. package/build/dataTransform-89c2bec6.js +0 -1
  164. package/build/dataTransform-fb387c67.js +0 -1
  165. package/build/esm/Visible-e38806a1.js +0 -1
  166. package/build/esm/constants-acc229cb.js +0 -1
  167. package/build/esm/cookieHelper-9853ff28.js +0 -1
  168. package/build/esm/core-8c140564.js +0 -1
  169. package/build/esm/dataTransform-1235c7f3.js +0 -1
  170. package/build/esm/dataTransform-74976312.js +0 -1
  171. package/build/esm/getDynamicHealthTool-2fc74721.js +0 -1
  172. package/build/esm/getSocialList-85be8e90.js +0 -1
  173. package/build/esm/index-0c399195.js +0 -1
  174. package/build/esm/index-2493ccf8.js +0 -1
  175. package/build/esm/index-3f5ef276.js +0 -1
  176. package/build/esm/index-42f2a9bf.js +0 -1
  177. package/build/esm/index-46feaf77.js +0 -1
  178. package/build/esm/index-47fa0437.js +0 -1
  179. package/build/esm/index-513d11f1.js +0 -1
  180. package/build/esm/index-727d6563.js +0 -1
  181. package/build/esm/index-783229bd.js +0 -1
  182. package/build/esm/index-8d02e7ca.js +0 -1
  183. package/build/esm/index-9395e6e7.js +0 -1
  184. package/build/esm/index-9b0a548c.js +0 -1
  185. package/build/esm/index-9cbbd619.js +0 -1
  186. package/build/esm/index-a05bc574.js +0 -1
  187. package/build/esm/index-ad90c54c.js +0 -1
  188. package/build/esm/index-ae9491da.js +0 -1
  189. package/build/esm/index-cc0a2037.js +0 -1
  190. package/build/esm/index-cf1f731a.js +0 -1
  191. package/build/esm/index-d704cce0.js +0 -1
  192. package/build/esm/index-e643346e.js +0 -1
  193. package/build/esm/index-ea41d909.js +0 -1
  194. package/build/esm/index.styled-354ac1b1.js +0 -1
  195. package/build/esm/index.styled-49b84b98.js +0 -1
  196. package/build/esm/index.styled-710e3780.js +0 -1
  197. package/build/esm/index.styled-945634fd.js +0 -1
  198. package/build/esm/index.styled-a08c1405.js +0 -1
  199. package/build/esm/index.styled-d4b2fbc3.js +0 -1
  200. package/build/esm/localizeNumberFormat-51e7567b.js +0 -1
  201. package/build/esm/normalizeLink-dd77331b.js +0 -1
  202. package/build/esm/routing-77a603de.js +0 -1
  203. package/build/esm/screenSizeContext-1ad3b13f.js +0 -1
  204. package/build/esm/theme-6269934e.js +0 -1
  205. package/build/esm/translationsProvider-46be20af.js +0 -1
  206. package/build/esm/tslib.es6-cdf3fe1c.js +0 -1
  207. package/build/esm/types-29954c44.js +0 -1
  208. package/build/esm/types-b95b282d.js +0 -1
  209. package/build/esm/types-fe9ae595.js +0 -1
  210. package/build/esm/useFbDataLayer-8c1f8f78.js +0 -1
  211. package/build/esm/useHealthToolCache-feeb515b.js +0 -1
  212. package/build/esm/useOutsideClick-60fdf782.js +0 -1
  213. package/build/esm/useScrollbarSize-66f40fe6.js +0 -1
  214. package/build/esm/useTranslations-65f76a8d.js +0 -1
  215. package/build/esm/utils-3c60234f.js +0 -1
  216. package/build/getDynamicHealthTool-cc9d53e4.js +0 -1
  217. package/build/getSocialList-8a26e47a.js +0 -1
  218. package/build/index-07be4231.js +0 -1
  219. package/build/index-0a913563.js +0 -1
  220. package/build/index-0c229f73.js +0 -1
  221. package/build/index-25301c21.js +0 -1
  222. package/build/index-37925a90.js +0 -1
  223. package/build/index-4823cdb2.js +0 -1
  224. package/build/index-4de1d8b7.js +0 -1
  225. package/build/index-56dbf01c.js +0 -1
  226. package/build/index-5fe36d07.js +0 -1
  227. package/build/index-6a9d5459.js +0 -1
  228. package/build/index-71240a86.js +0 -1
  229. package/build/index-858a0d8e.js +0 -1
  230. package/build/index-89d5d52a.js +0 -1
  231. package/build/index-8c3cfb8d.js +0 -1
  232. package/build/index-a4458177.js +0 -1
  233. package/build/index-b211535f.js +0 -1
  234. package/build/index-b4c4e4d2.js +0 -1
  235. package/build/index-d18d512f.js +0 -1
  236. package/build/index-df85df56.js +0 -1
  237. package/build/index-f516687b.js +0 -1
  238. package/build/index-fa42fb5a.js +0 -1
  239. package/build/index.styled-05110f11.js +0 -1
  240. package/build/index.styled-5bdace7e.js +0 -1
  241. package/build/index.styled-7e9152c8.js +0 -1
  242. package/build/index.styled-aa601a7f.js +0 -1
  243. package/build/index.styled-dad4055c.js +0 -1
  244. package/build/index.styled-e3beeca7.js +0 -1
  245. package/build/isProduction-04c3761b.js +0 -1
  246. package/build/localizeNumberFormat-dfc55e0f.js +0 -1
  247. package/build/normalizeLink-37918249.js +0 -1
  248. package/build/routing-b6c93661.js +0 -1
  249. package/build/screenSizeContext-d81dbb01.js +0 -1
  250. package/build/translationsProvider-f14439a0.js +0 -1
  251. package/build/tslib.es6-431789a4.js +0 -1
  252. package/build/types-1c807ecb.js +0 -1
  253. package/build/types-4d99bb34.js +0 -1
  254. package/build/types-d2f1b4b1.js +0 -1
  255. package/build/useFbDataLayer-2105ab05.js +0 -1
  256. package/build/useHealthToolCache-1b87ca61.js +0 -1
  257. package/build/useOutsideClick-2c0ff372.js +0 -1
  258. package/build/useScrollbarSize-05810e22.js +0 -1
  259. package/build/useTranslations-ef77629a.js +0 -1
  260. package/build/utils-ab3443d3.js +0 -1
  261. /package/build/{BMI_BOYS.percentile.monthly-9d39bbab.js → BMI_BOYS.percentile.monthly-49a7e033.js} +0 -0
  262. /package/build/{BMI_BOYS.percentile.weekly-4bc60c71.js → BMI_BOYS.percentile.weekly-c3647a26.js} +0 -0
  263. /package/build/{BMI_BOYS.percentile.yearly-50f6611a.js → BMI_BOYS.percentile.yearly-b182554a.js} +0 -0
  264. /package/build/{BMI_BOYS.zscore.monthly-c6ea3446.js → BMI_BOYS.zscore.monthly-6e49f68e.js} +0 -0
  265. /package/build/{BMI_BOYS.zscore.weekly-14220344.js → BMI_BOYS.zscore.weekly-473f821a.js} +0 -0
  266. /package/build/{BMI_BOYS.zscore.yearly-a2ffafd7.js → BMI_BOYS.zscore.yearly-91a7ef2e.js} +0 -0
  267. /package/build/{BMI_GIRLS.percentile.monthly-2da0a249.js → BMI_GIRLS.percentile.monthly-489e52dc.js} +0 -0
  268. /package/build/{BMI_GIRLS.percentile.weekly-0fd40cd3.js → BMI_GIRLS.percentile.weekly-232aa9fd.js} +0 -0
  269. /package/build/{BMI_GIRLS.percentile.yearly-a475911e.js → BMI_GIRLS.percentile.yearly-fe7db447.js} +0 -0
  270. /package/build/{BMI_GIRLS.zscore.monthly-ae0f8166.js → BMI_GIRLS.zscore.monthly-1eeee735.js} +0 -0
  271. /package/build/{BMI_GIRLS.zscore.weekly-ff6346cf.js → BMI_GIRLS.zscore.weekly-27ad267f.js} +0 -0
  272. /package/build/{BMI_GIRLS.zscore.yearly-b9230bd5.js → BMI_GIRLS.zscore.yearly-ddb674d8.js} +0 -0
  273. /package/build/{HEAD CIRCUM_BOYS.percentile.monthly-9628d9b7.js → HEAD CIRCUM_BOYS.percentile.monthly-0a67b15b.js} +0 -0
  274. /package/build/{HEAD CIRCUM_BOYS.percentile.weekly-3f1ac26c.js → HEAD CIRCUM_BOYS.percentile.weekly-7ef9f7a7.js} +0 -0
  275. /package/build/{HEAD CIRCUM_BOYS.percentile.yearly-a93e69df.js → HEAD CIRCUM_BOYS.percentile.yearly-22d0bdda.js} +0 -0
  276. /package/build/{HEAD CIRCUM_BOYS.zscore.monthly-ce34cddd.js → HEAD CIRCUM_BOYS.zscore.monthly-d07fa700.js} +0 -0
  277. /package/build/{HEAD CIRCUM_BOYS.zscore.weekly-e5d90e64.js → HEAD CIRCUM_BOYS.zscore.weekly-85731a7c.js} +0 -0
  278. /package/build/{HEAD CIRCUM_BOYS.zscore.yearly-32ccaf90.js → HEAD CIRCUM_BOYS.zscore.yearly-3dbc3d23.js} +0 -0
  279. /package/build/{HEAD CIRCUM_GIRLS.percentile.monthly-40b09622.js → HEAD CIRCUM_GIRLS.percentile.monthly-9c94c219.js} +0 -0
  280. /package/build/{HEAD CIRCUM_GIRLS.percentile.weekly-17dcd22f.js → HEAD CIRCUM_GIRLS.percentile.weekly-3d6afa9f.js} +0 -0
  281. /package/build/{HEAD CIRCUM_GIRLS.percentile.yearly-45331d5d.js → HEAD CIRCUM_GIRLS.percentile.yearly-23f85bb3.js} +0 -0
  282. /package/build/{HEAD CIRCUM_GIRLS.zscore.monthly-af92c59f.js → HEAD CIRCUM_GIRLS.zscore.monthly-9e2e4574.js} +0 -0
  283. /package/build/{HEAD CIRCUM_GIRLS.zscore.weekly-b5ac2441.js → HEAD CIRCUM_GIRLS.zscore.weekly-970f3868.js} +0 -0
  284. /package/build/{HEAD CIRCUM_GIRLS.zscore.yearly-e90e0521.js → HEAD CIRCUM_GIRLS.zscore.yearly-5f91a7be.js} +0 -0
  285. /package/build/{HEIGHT_BOYS.percentile.monthly-7f7e9b60.js → HEIGHT_BOYS.percentile.monthly-fc85d952.js} +0 -0
  286. /package/build/{HEIGHT_BOYS.percentile.weekly-4b6f9fc9.js → HEIGHT_BOYS.percentile.weekly-f90cdf3c.js} +0 -0
  287. /package/build/{HEIGHT_BOYS.percentile.yearly-c372cbe2.js → HEIGHT_BOYS.percentile.yearly-69d74ff2.js} +0 -0
  288. /package/build/{HEIGHT_BOYS.zscore.monthly-dfc88fc7.js → HEIGHT_BOYS.zscore.monthly-c4c6ec23.js} +0 -0
  289. /package/build/{HEIGHT_BOYS.zscore.weekly-2973102c.js → HEIGHT_BOYS.zscore.weekly-5e246b85.js} +0 -0
  290. /package/build/{HEIGHT_BOYS.zscore.yearly-44c16ec1.js → HEIGHT_BOYS.zscore.yearly-a9a6c560.js} +0 -0
  291. /package/build/{HEIGHT_GIRLS.percentile.monthly-a6125ad6.js → HEIGHT_GIRLS.percentile.monthly-ad9e6190.js} +0 -0
  292. /package/build/{HEIGHT_GIRLS.percentile.weekly-d707a9a2.js → HEIGHT_GIRLS.percentile.weekly-6ad975ae.js} +0 -0
  293. /package/build/{HEIGHT_GIRLS.percentile.yearly-48fe982e.js → HEIGHT_GIRLS.percentile.yearly-a5be7a5c.js} +0 -0
  294. /package/build/{HEIGHT_GIRLS.zscore.monthly-065eed4f.js → HEIGHT_GIRLS.zscore.monthly-8be73103.js} +0 -0
  295. /package/build/{HEIGHT_GIRLS.zscore.weekly-ad461e21.js → HEIGHT_GIRLS.zscore.weekly-9e844863.js} +0 -0
  296. /package/build/{HEIGHT_GIRLS.zscore.yearly-a491ba3b.js → HEIGHT_GIRLS.zscore.yearly-3794c302.js} +0 -0
  297. /package/build/{Locale-9341a76f.js → Locale-0c6090ac.js} +0 -0
  298. /package/build/{WEIGHT_BOYS.percentile.monthly-1fbb54b7.js → WEIGHT_BOYS.percentile.monthly-ec4e917a.js} +0 -0
  299. /package/build/{WEIGHT_BOYS.percentile.weekly-9f509516.js → WEIGHT_BOYS.percentile.weekly-cf18e9d9.js} +0 -0
  300. /package/build/{WEIGHT_BOYS.percentile.yearly-74784e0f.js → WEIGHT_BOYS.percentile.yearly-0d17cbec.js} +0 -0
  301. /package/build/{WEIGHT_BOYS.zscore.monthly-d3f5da8d.js → WEIGHT_BOYS.zscore.monthly-8055934c.js} +0 -0
  302. /package/build/{WEIGHT_BOYS.zscore.weekly-09ff83f8.js → WEIGHT_BOYS.zscore.weekly-42499533.js} +0 -0
  303. /package/build/{WEIGHT_BOYS.zscore.yearly-6a06848c.js → WEIGHT_BOYS.zscore.yearly-f566a157.js} +0 -0
  304. /package/build/{WEIGHT_GIRLS.percentile.monthly-b7e92e78.js → WEIGHT_GIRLS.percentile.monthly-378ceed4.js} +0 -0
  305. /package/build/{WEIGHT_GIRLS.percentile.weekly-410040ea.js → WEIGHT_GIRLS.percentile.weekly-097016f4.js} +0 -0
  306. /package/build/{WEIGHT_GIRLS.percentile.yearly-a9e421cc.js → WEIGHT_GIRLS.percentile.yearly-b8cab7d6.js} +0 -0
  307. /package/build/{WEIGHT_GIRLS.zscore.monthly-f03ebcda.js → WEIGHT_GIRLS.zscore.monthly-18e50eb6.js} +0 -0
  308. /package/build/{WEIGHT_GIRLS.zscore.weekly-089c2776.js → WEIGHT_GIRLS.zscore.weekly-07eb577d.js} +0 -0
  309. /package/build/{WEIGHT_GIRLS.zscore.yearly-a7807cd4.js → WEIGHT_GIRLS.zscore.yearly-61d9aba2.js} +0 -0
  310. /package/build/esm/{BMI_BOYS.percentile.monthly-c66bdcd7.js → BMI_BOYS.percentile.monthly-6162dbd1.js} +0 -0
  311. /package/build/esm/{BMI_BOYS.percentile.weekly-a3f5afd9.js → BMI_BOYS.percentile.weekly-ff0abf39.js} +0 -0
  312. /package/build/esm/{BMI_BOYS.percentile.yearly-0e47ad62.js → BMI_BOYS.percentile.yearly-0a5cbf88.js} +0 -0
  313. /package/build/esm/{BMI_BOYS.zscore.monthly-5d6d66ac.js → BMI_BOYS.zscore.monthly-3bb589cb.js} +0 -0
  314. /package/build/esm/{BMI_BOYS.zscore.weekly-9e370dc3.js → BMI_BOYS.zscore.weekly-f5d0d55b.js} +0 -0
  315. /package/build/esm/{BMI_BOYS.zscore.yearly-c11378c8.js → BMI_BOYS.zscore.yearly-168bb8ab.js} +0 -0
  316. /package/build/esm/{BMI_GIRLS.percentile.monthly-b94292d3.js → BMI_GIRLS.percentile.monthly-1bf2c569.js} +0 -0
  317. /package/build/esm/{BMI_GIRLS.percentile.weekly-5d45a283.js → BMI_GIRLS.percentile.weekly-fb2f3e86.js} +0 -0
  318. /package/build/esm/{BMI_GIRLS.percentile.yearly-12eb03d5.js → BMI_GIRLS.percentile.yearly-506acc36.js} +0 -0
  319. /package/build/esm/{BMI_GIRLS.zscore.monthly-096bdc7a.js → BMI_GIRLS.zscore.monthly-b64e0a5b.js} +0 -0
  320. /package/build/esm/{BMI_GIRLS.zscore.weekly-acd6cdf3.js → BMI_GIRLS.zscore.weekly-f1a9c248.js} +0 -0
  321. /package/build/esm/{BMI_GIRLS.zscore.yearly-3c48b5e6.js → BMI_GIRLS.zscore.yearly-eff14fa8.js} +0 -0
  322. /package/build/esm/{HEAD CIRCUM_BOYS.percentile.monthly-1c5cbbf8.js → HEAD CIRCUM_BOYS.percentile.monthly-4b557dea.js} +0 -0
  323. /package/build/esm/{HEAD CIRCUM_BOYS.percentile.weekly-9f9a8c4d.js → HEAD CIRCUM_BOYS.percentile.weekly-d301205d.js} +0 -0
  324. /package/build/esm/{HEAD CIRCUM_BOYS.percentile.yearly-2e80d1c4.js → HEAD CIRCUM_BOYS.percentile.yearly-cbf0239b.js} +0 -0
  325. /package/build/esm/{HEAD CIRCUM_BOYS.zscore.monthly-e6bb08b5.js → HEAD CIRCUM_BOYS.zscore.monthly-1e472bf5.js} +0 -0
  326. /package/build/esm/{HEAD CIRCUM_BOYS.zscore.weekly-a6bfadef.js → HEAD CIRCUM_BOYS.zscore.weekly-5fc4fbf2.js} +0 -0
  327. /package/build/esm/{HEAD CIRCUM_BOYS.zscore.yearly-50ecb0c1.js → HEAD CIRCUM_BOYS.zscore.yearly-7fd04beb.js} +0 -0
  328. /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.monthly-bd48bf4b.js → HEAD CIRCUM_GIRLS.percentile.monthly-0af48708.js} +0 -0
  329. /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.weekly-90b11f11.js → HEAD CIRCUM_GIRLS.percentile.weekly-d6b698bd.js} +0 -0
  330. /package/build/esm/{HEAD CIRCUM_GIRLS.percentile.yearly-1e8f37cd.js → HEAD CIRCUM_GIRLS.percentile.yearly-f7b231b7.js} +0 -0
  331. /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.monthly-4f846e2d.js → HEAD CIRCUM_GIRLS.zscore.monthly-83186826.js} +0 -0
  332. /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.weekly-bc702898.js → HEAD CIRCUM_GIRLS.zscore.weekly-c0791949.js} +0 -0
  333. /package/build/esm/{HEAD CIRCUM_GIRLS.zscore.yearly-944d19bb.js → HEAD CIRCUM_GIRLS.zscore.yearly-dfa2a71e.js} +0 -0
  334. /package/build/esm/{HEIGHT_BOYS.percentile.monthly-3ead7b71.js → HEIGHT_BOYS.percentile.monthly-b39865ac.js} +0 -0
  335. /package/build/esm/{HEIGHT_BOYS.percentile.weekly-e501f455.js → HEIGHT_BOYS.percentile.weekly-df5a99f1.js} +0 -0
  336. /package/build/esm/{HEIGHT_BOYS.percentile.yearly-c062210a.js → HEIGHT_BOYS.percentile.yearly-7e0b7ed8.js} +0 -0
  337. /package/build/esm/{HEIGHT_BOYS.zscore.monthly-2b585d31.js → HEIGHT_BOYS.zscore.monthly-559b4b5d.js} +0 -0
  338. /package/build/esm/{HEIGHT_BOYS.zscore.weekly-98c29f94.js → HEIGHT_BOYS.zscore.weekly-544455a6.js} +0 -0
  339. /package/build/esm/{HEIGHT_BOYS.zscore.yearly-56c032eb.js → HEIGHT_BOYS.zscore.yearly-81690a5c.js} +0 -0
  340. /package/build/esm/{HEIGHT_GIRLS.percentile.monthly-e74d80b1.js → HEIGHT_GIRLS.percentile.monthly-4fa737ad.js} +0 -0
  341. /package/build/esm/{HEIGHT_GIRLS.percentile.weekly-0c80a9d9.js → HEIGHT_GIRLS.percentile.weekly-2c85d07d.js} +0 -0
  342. /package/build/esm/{HEIGHT_GIRLS.percentile.yearly-f2844ed4.js → HEIGHT_GIRLS.percentile.yearly-1b366b28.js} +0 -0
  343. /package/build/esm/{HEIGHT_GIRLS.zscore.monthly-918fa9a5.js → HEIGHT_GIRLS.zscore.monthly-d26f368c.js} +0 -0
  344. /package/build/esm/{HEIGHT_GIRLS.zscore.weekly-320adea6.js → HEIGHT_GIRLS.zscore.weekly-5e356b98.js} +0 -0
  345. /package/build/esm/{HEIGHT_GIRLS.zscore.yearly-fd76e8bb.js → HEIGHT_GIRLS.zscore.yearly-82c23bb8.js} +0 -0
  346. /package/build/esm/{Locale-073a2db2.js → Locale-00425d00.js} +0 -0
  347. /package/build/esm/{WEIGHT_BOYS.percentile.monthly-b0417b50.js → WEIGHT_BOYS.percentile.monthly-b4bf9069.js} +0 -0
  348. /package/build/esm/{WEIGHT_BOYS.percentile.weekly-8ec85726.js → WEIGHT_BOYS.percentile.weekly-28cf566c.js} +0 -0
  349. /package/build/esm/{WEIGHT_BOYS.percentile.yearly-46dccfad.js → WEIGHT_BOYS.percentile.yearly-22454f28.js} +0 -0
  350. /package/build/esm/{WEIGHT_BOYS.zscore.monthly-499753ae.js → WEIGHT_BOYS.zscore.monthly-7c5c813b.js} +0 -0
  351. /package/build/esm/{WEIGHT_BOYS.zscore.weekly-ae85c589.js → WEIGHT_BOYS.zscore.weekly-58a385f6.js} +0 -0
  352. /package/build/esm/{WEIGHT_BOYS.zscore.yearly-9084cd68.js → WEIGHT_BOYS.zscore.yearly-e4806377.js} +0 -0
  353. /package/build/esm/{WEIGHT_GIRLS.percentile.monthly-c5603062.js → WEIGHT_GIRLS.percentile.monthly-26c96203.js} +0 -0
  354. /package/build/esm/{WEIGHT_GIRLS.percentile.weekly-dc9fe710.js → WEIGHT_GIRLS.percentile.weekly-a75e2e5b.js} +0 -0
  355. /package/build/esm/{WEIGHT_GIRLS.percentile.yearly-acb35d67.js → WEIGHT_GIRLS.percentile.yearly-08ff921c.js} +0 -0
  356. /package/build/esm/{WEIGHT_GIRLS.zscore.monthly-06e2f588.js → WEIGHT_GIRLS.zscore.monthly-88a3e7cd.js} +0 -0
  357. /package/build/esm/{WEIGHT_GIRLS.zscore.weekly-33d58b1e.js → WEIGHT_GIRLS.zscore.weekly-e5bfd844.js} +0 -0
  358. /package/build/esm/{WEIGHT_GIRLS.zscore.yearly-14f3c8f1.js → WEIGHT_GIRLS.zscore.yearly-547bc55e.js} +0 -0
  359. /package/build/{theme-224f5840.js → theme-9a2f5576.js} +0 -0
@@ -0,0 +1,3013 @@
1
+ import*as e from"react";import t,{createContext as a,useContext as n,useState as o,useRef as i,useEffect as l,useMemo as r,useCallback as s}from"react";import{T as c}from"./index-7b6296d5.js";import"./translationsContext-fc21efad.js";import"string-format";import{T as d,au as m,av as p,aw as u,ax as g,ay as h,az as v,aA as f,U as b,aB as w,aC as x,aD as y,aE as C,aF as E,aG as k,aH as N,aI as A,aJ as L,aK as T,aL as I,aM as P,aN as M,aO as S}from"./index.styled-c65f9df8.js";import{a as z,_ as j}from"./tslib.es6-0039c19c.js";import{Flex as F,Checkbox as B,Portal as O,Accordion as V,Popover as D}from"@mantine/core";import{B as U}from"./index-f98bb958.js";import{a as R}from"./index.styled-67c29a17.js";import{u as W}from"./useTranslations-7f736d5f.js";import H from"innertext";import{t as Z}from"./theme-a631c5ab.js";import{H as q,N as G,a9 as Q,a4 as X,C as _,_ as K,B as Y}from"./index.styled-6b6e612e.js";import{CommonGAssets as J}from"./gAssets.js";import{e as $,c as ee,P as te,g as ae,b as ne,h as oe}from"./dataTransform-915aed8c.js";import{I as ie}from"./index-fe31b09c.js";import le from"lodash/debounce";import re from"react-contenteditable";import se,{keyframes as ce,css as de}from"styled-components";import me from"dayjs";import"./index.styled-7f0b774b.js";import"./index-05542543.js";import{M as pe,t as ue,c as ge,a as he}from"./utils-7ce226e8.js";import"./index.styled-2465841d.js";import"./index-87ee0d76.js";import"date-fns";import"react-day-picker/DayPickerInput";import*as ve from"react-dom";import{I as fe,C as be,a as we}from"./index-a2e77867.js";import"lodash/throttle";import"keen-slider/react";import{A as xe,T as ye,D as Ce}from"./index-5a00107b.js";import{d as Ee}from"./index-d02e0f58.js";import"./types-2bbcf540.js";import"@mantine/hooks";import"./index-150d757e.js";import"react-hook-form";import"./isProduction-fab10892.js";import"./Locale-00425d00.js";import"./screenSizeContext-b29efdb0.js";import"date-fns/locale/en-US";import"date-fns/locale/id";import"date-fns/locale/vi";import"date-fns/locale/zh-TW";import"./index.styled-6abf9e6a.js";import"@mantine/dates";import{d as ke,g as Ne}from"./cookieHelper-e007aa92.js";import Ae from"dayjs/plugin/relativeTime";import"./index-9d45815e.js";import{M as Le}from"./index-b5e35ec5.js";import"./index-c9e0a1b5.js";import{a as Te}from"./useUniqueId-818c7708.js";const Ie=a({}),Pe=({children:e,defaultParams:a})=>t.createElement(Ie.Provider,{value:{defaultParams:a}},e),Me=e=>{const{data:{userInfo:t,env:{togetherBasePath:a}}}=n(d),{defaultParams:o}=n(Ie)||{},i=null==t?void 0:t.id,l=t&&"number"==typeof t.communities_interacted&&0===t.communities_interacted;return{authActionWrapper:(t,n)=>{const r=Object.assign(Object.assign(Object.assign({},o),e),n);if(!i||l){i||ke(m),(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=p(e,r,a),null}return t&&t()},params:Object.assign(Object.assign({},o),e)}},Se=se.div`
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ padding: 1em;
6
+ button {
7
+ position: relative;
8
+ }
9
+ `,ze=ce`
10
+ 0% {
11
+ transform: rotate(0deg);
12
+ }
13
+ 100% {
14
+ transform: rotate(360deg);
15
+ }
16
+ `;se.div`
17
+ display: flex;
18
+ width: fit-content;
19
+ width: -moz-fit-content;
20
+ flex-direction: column;
21
+ align-items: center;
22
+ justify-content: center;
23
+ padding: 1rem 2rem;
24
+ background: white;
25
+ border-radius: 6px;
26
+ box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689);
27
+ .loading-spinner {
28
+ width: 24px;
29
+ height: 24px;
30
+ margin-bottom: 0.5rem;
31
+ animation: ${ze} 1.2s linear infinite;
32
+ }
33
+ &[data-is-marrybaby='true'] {
34
+ box-shadow: none;
35
+ }
36
+ `;const je=({className:e,size:a="md"})=>{const{t:n}=W();return t.createElement(Se,{className:e},t.createElement(U,{size:a,color:"transparent",isLoading:!0},n("loading")))},Fe=se.div`
37
+ .link-info-container {
38
+ padding: 0.5rem 1rem;
39
+ background: #f4faff;
40
+ }
41
+ .link-image-wrapper {
42
+ position: relative;
43
+ overflow: hidden;
44
+ width: 100%;
45
+ padding-top: min(280px, 56.25%);
46
+ .link-image-blur {
47
+ position: absolute;
48
+ top: 50%;
49
+ left: 50%;
50
+ width: 110%;
51
+ height: 110%;
52
+ /* Add the blur effect */
53
+ -webkit-filter: blur(8px);
54
+ filter: blur(8px);
55
+ object-fit: cover;
56
+ object-position: center;
57
+ opacity: 0.8;
58
+ transform: translate(-50%, -50%);
59
+ }
60
+ .link-image {
61
+ position: absolute;
62
+ top: 0;
63
+ left: 0;
64
+ width: 100%;
65
+ height: 100%;
66
+ object-fit: contain;
67
+ object-position: center;
68
+ }
69
+ }
70
+ a {
71
+ text-decoration: none;
72
+ }
73
+ &[data-is-marrybaby='true'] {
74
+ overflow: hidden;
75
+ border-radius: 1rem;
76
+ .link-info-container {
77
+ padding-bottom: 1rem;
78
+ background: #f3f3f3;
79
+ p {
80
+ color: #2661ad;
81
+ }
82
+ .link-logo {
83
+ max-width: 2rem;
84
+ height: 13px;
85
+ margin-right: 4px;
86
+ object-fit: contain;
87
+ vertical-align: middle;
88
+ }
89
+ }
90
+ .link-image-wrapper {
91
+ padding-top: min(360px, 56.25%);
92
+ .link-image {
93
+ object-fit: cover;
94
+ }
95
+ }
96
+ }
97
+ `,Be=({title:e,url:a,image:r,logo:s,className:m,style:p,noRefetch:f})=>{const{data:{locale:b,env:{isMarryBaby:w}}}=n(d),[x,y]=o(!1),C=i(f);C.current=f;const[E,k]=o(null);l((()=>{z(void 0,void 0,void 0,(function*(){if(!C.current){if(!a)return k(null);k((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),u(g(h.FETCH_PREVIEW,{_locale:b}),"POST",{data:{link:a}}).then((e=>{var t,n,o;y(!1),k({title:null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.title,url:a,image:(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.image)||(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.logo)})})).catch((()=>{k(null)}))}}))}),[a]);const N=(null==E?void 0:E.image)||r,A=(null==E?void 0:E.title)||e,L=(null==E?void 0:E.logo)||s,T=(null==E?void 0:E.url)||a,I=T.replace("http://","").replace("https://","").split(/[/?#]/)[0],P=i(!1);return t.createElement(Fe,{"data-is-marrybaby":w,className:`${m} no-replace-click`,style:p},t.createElement("a",{href:T,target:"_blank",rel:"noreferrer"},N&&t.createElement("div",{className:"link-image-wrapper"},!w&&t.createElement("img",{className:"link-image-blur",src:N,onError:e=>{P.current||(P.current=!0,e.currentTarget.src=v)}}),t.createElement("img",{className:"link-image",src:N,onError:e=>{P.current||(P.current=!0,e.currentTarget.src=v)}})),t.createElement("div",{className:"link-info-container"},t.createElement(c,{size:"n1"},w&&L&&!x&&t.createElement("img",{className:"link-logo",src:L,onError:e=>y(!0)}),I),t.createElement(q,{tag:"h6"},A))))},Oe=a({});var Ve="vvR-m49";const De=({children:e,className:a=""})=>{const{isReplied:o,trackingCategory:i,trackingLabel:l,onLikeClick:r}=n(Oe);return t.createElement("div",{className:`${Ve} ${a}`,"data-event-category":i,"data-event-action":o?"Like Comment Click":"Like Post Click","data-event-label":l,onClick:()=>{null==r||r()}},e)},Ue=({children:e,className:a=""})=>{const{trackingCategory:o,trackingLabel:i,onShareClick:l}=n(Oe);return t.createElement("div",{className:`${Ve} ${a}`,onClick:()=>{null==l||l()},"data-event-category":o,"data-event-action":"Share Icon Click","data-event-label":i},e)},Re=({children:e,className:a=""})=>{const{isReplied:o,trackingCategory:i,trackingLabel:l,onCommentClick:r}=n(Oe);return t.createElement("div",{className:`${Ve} ${a}`,"data-event-category":i,"data-event-action":o?"Reply Comment Click":"Comment Text Click","data-event-label":l,onClick:e=>{e.preventDefault(),e.stopPropagation(),null==r||r()}},e)};var We,He="UhiT4m5",Ze="oEfeTkV",qe="OlbikxJ",Ge="_9GXHCn3",Qe="MV3lNuh";!function(e){e[e.post=1]="post",e[e.reply=2]="reply"}(We||(We={}));const Xe=e=>{var{type:a,loveCount:o=0,replyCount:i=0,replyPadding:l,liked:r,isReplied:s,onCommentClick:m,onLikeClick:p,onCommentCountClick:u,onShareClick:g,className:h,style:v,hideCommentIcon:f,showingMostEngaging:b,isMarryBaby:w,hasShare:x=!0,hasCountLike:y=!0,trackingCategory:C="Together",trackingLabel:E="",children:k}=e,N=j(e,["type","loveCount","replyCount","replyPadding","liked","isReplied","onCommentClick","onLikeClick","onCommentCountClick","onShareClick","className","style","hideCommentIcon","showingMostEngaging","isMarryBaby","hasShare","hasCountLike","trackingCategory","trackingLabel","children"]);const{data:{env:{isMarryBaby:A}}}=n(d),L=Boolean(w)?w:A,{t:T}=W();return t.createElement(Oe.Provider,{value:{liked:r,loveCount:o,trackingCategory:C,trackingLabel:E,isReplied:s,onLikeClick:p,onShareClick:g,onCommentClick:m}},k||t.createElement("div",Object.assign({className:`${He} ${h}`,"data-show-most-engaging":b,"data-type":a===We.post?"post":"reply","data-reply-padding":a===We.reply&&l,"data-is-marrybaby":L,style:v},N),t.createElement("div",{className:Ze},t.createElement("div",{className:qe},t.createElement(De,null,t.createElement(c,{className:Ge,style:{marginRight:"25px"},size:"p3"},t.createElement(G,{className:"txt-icon",isMarryBaby:L,isSolid:r,color:r?L?Z.mbColors.pink:Z.colors.red800:"#737373"}),y&&t.createElement("div",{className:Qe},o))),x&&t.createElement(Ue,null,t.createElement(c,{size:"p3",className:Ge},t.createElement(fe.Share,{isMarryBaby:L})))),!f&&t.createElement(Re,null,t.createElement(c,{size:"p3",className:Ge},s?t.createElement(fe.Reply,{className:"txt-icon"}):t.createElement(fe.Comment,{className:"txt-icon",isMarryBaby:L}),s?T("cardReactions.reply"):t.createElement("div",{className:Qe},T("post.commentCount",{count:i})))))))};Xe.LikeWrapper=De,Xe.ShareWrapper=Ue,Xe.CommentWrapper=Re;const _e=se.div`
98
+ display: flex;
99
+ width: 100%;
100
+ padding: 0.5rem 0;
101
+ cursor: grab;
102
+ overflow-x: auto;
103
+ .tag-link-item {
104
+ position: relative;
105
+ white-space: nowrap;
106
+ padding: 5px 12px;
107
+ border: 1px solid #e4e8ec;
108
+ background: white;
109
+ border-radius: 2rem;
110
+ cursor: pointer;
111
+ -webkit-user-drag: none;
112
+ user-select: none;
113
+
114
+ * {
115
+ pointer-events: none;
116
+ }
117
+ }
118
+ .tag-link-item:not(:first-child) {
119
+ margin-left: 0.5rem;
120
+ }
121
+
122
+ ::-webkit-scrollbar {
123
+ width: 0;
124
+ }
125
+ &.sliding {
126
+ cursor: grabbing;
127
+ user-select: none;
128
+ a {
129
+ pointer-events: none;
130
+ }
131
+ }
132
+ `,Ke=e=>{var{topics:a,onClick:l,className:r,style:s,trackingCategory:m="Together",locale:p}=e,u=j(e,["topics","onClick","className","style","trackingCategory","locale"]);const{sliding:g,mouseDownHandler:h,sliderRef:v}=(()=>{const[e,t]=o(!1),a=i(null),n=i(null),l=i();return{sliding:e,mouseDownHandler:function(e){if(a.current){l.current=setTimeout((()=>{t(!0)}),500),n.current={left:a.current.scrollLeft,x:e.clientX};const o=function(e){const t=n.current;if(t){const n=e.clientX-t.x;a.current&&(a.current.scrollLeft=t.left-n)}},i=function(){l.current&&(clearTimeout(l.current),l.current=void 0),t(!1),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",i)};document.addEventListener("mousemove",o,{passive:!0}),document.addEventListener("mouseup",i,{passive:!0})}},sliderRef:a,pos:n}})(),{data:{env:{togetherBasePath:b}},action:{sanitizeFunction:w}}=n(d);return t.createElement(_e,Object.assign({ref:v,onClick:l,onMouseDown:e=>h(e),className:`${r} ${g?"sliding":""}`,style:s},u),a.map(((e,a)=>t.createElement("a",{className:"tag-link-item",key:a,"data-event-category":m,"data-event-action":"Topic in Post Click","data-event-label":`${f(p)}${b}${e.url}`,href:e.isActive&&!e.isHidden?`${b}${e.url}`:void 0},t.createElement(c,{size:"p3"},t.createElement("span",{dangerouslySetInnerHTML:{__html:(null==w?void 0:w(e.name))||e.name}}))))))},Ye=se.div`
133
+ display: flex;
134
+ align-items: center;
135
+ justify-content: space-between;
136
+ padding: 16px;
137
+ cursor: pointer;
138
+ &[data-color='gray'] {
139
+ background: ${e=>e.theme.colors.neutral50};
140
+ }
141
+ &[data-color='white'] {
142
+ border-bottom: 1px solid #e4e8ec;
143
+ background: ${e=>e.theme.colors.white};
144
+ }
145
+
146
+ .popover-menu__btn {
147
+ display: flex;
148
+ min-width: 2rem;
149
+ height: 2rem;
150
+ align-items: center;
151
+ padding: 8px 0 !important;
152
+ border: none;
153
+ margin-left: 0.5rem;
154
+ background: transparent;
155
+ > span {
156
+ display: flex;
157
+ align-items: center;
158
+ }
159
+
160
+ &:hover {
161
+ background: transparent !important;
162
+ }
163
+ }
164
+
165
+ &.label-pinned {
166
+ border-radius: 6px 6px 0 0;
167
+ .label-sort-pin-icon {
168
+ width: 16px;
169
+ height: 16px;
170
+ vertical-align: middle;
171
+ }
172
+ }
173
+
174
+ &[data-is-marrybaby='true'] {
175
+ padding: 0.75rem 1rem;
176
+ border-radius: 16px 16px 0px 0px;
177
+ &[data-color='white'] {
178
+ border-bottom: none;
179
+ }
180
+ &[data-color='gray'] {
181
+ background: #f3f3f3;
182
+ }
183
+ .popover-menu__btn {
184
+ width: unset;
185
+ }
186
+
187
+ &.label-pinned {
188
+ border-bottom: none;
189
+ background: #fff9eb;
190
+ border-radius: 1rem 1rem 0 0;
191
+ .label-sort-pin-icon {
192
+ margin-right: 8px;
193
+ }
194
+ .label-sort-pin-heading {
195
+ color: #fb8c00;
196
+ }
197
+ }
198
+ &.label-sorting {
199
+ ${pe.tdUp} {
200
+ padding-bottom: 1.5rem;
201
+ margin-bottom: -0.75rem;
202
+ }
203
+ }
204
+ }
205
+ `,Je=({label:e,rightLabel:a,onClick:o,color:i,className:l,style:r})=>{const{data:{env:{isMarryBaby:s}}}=n(d);return t.createElement(Ye,{"data-is-marrybaby":s,"data-color":i,onClick:o,className:l,style:r},t.createElement(c,{className:"label-sort-pin-heading",size:s?"p4":"p3",type:"bold"},e),a)};const $e=({onClick:e,color:a,className:o,style:i})=>{const{data:{env:{isMarryBaby:l}}}=n(d),{t:r}=W();return t.createElement(Je,{label:t.createElement(t.Fragment,null,l&&t.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:!l&&t.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 ${o}`,style:i})};const et=se.div`
206
+ position: relative;
207
+ display: content;
208
+
209
+ .popover-menu__btn {
210
+ /* position: relative; */
211
+ > span {
212
+ width: 100%;
213
+ height: 100%;
214
+ > img {
215
+ width: 100%;
216
+ height: 100%;
217
+ }
218
+ }
219
+ }
220
+
221
+ .popover-menu__content {
222
+ position: absolute;
223
+ z-index: 10;
224
+ width: 320px;
225
+ padding: 8px;
226
+ border: none;
227
+ background: #fff;
228
+ border-radius: 8px;
229
+ box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.1);
230
+
231
+ &::before {
232
+ position: absolute;
233
+ width: 16px;
234
+ height: 8px;
235
+ background: #fff;
236
+ content: '';
237
+ }
238
+
239
+ &.--position {
240
+ &-top {
241
+ bottom: calc(100% + 8px);
242
+
243
+ &.--align {
244
+ &-start {
245
+ left: 0;
246
+
247
+ &::before {
248
+ top: 100%;
249
+ left: 16px;
250
+ clip-path: polygon(0 0, 50% 100%, 100% 0);
251
+ }
252
+ }
253
+
254
+ &-end {
255
+ left: 100%;
256
+ transform: translateX(calc(-100% + 1rem));
257
+
258
+ &::before {
259
+ top: 100%;
260
+ right: 16px;
261
+ clip-path: polygon(0 0, 50% 100%, 100% 0);
262
+ }
263
+ }
264
+ }
265
+ }
266
+
267
+ &-right {
268
+ left: calc(100% + 8px);
269
+
270
+ &.--align {
271
+ &-start {
272
+ top: 0;
273
+
274
+ &::before {
275
+ top: 16px;
276
+ left: 0;
277
+ width: 8px;
278
+ height: 16px;
279
+ clip-path: polygon(0 50%, 100% 0%, 100% 100%);
280
+ transform: translateX(-100%);
281
+ }
282
+ }
283
+
284
+ &-end {
285
+ top: 100%;
286
+ transform: translateX(calc(-100% + 1rem));
287
+
288
+ &::before {
289
+ bottom: 16px;
290
+ left: 0;
291
+ width: 8px;
292
+ height: 16px;
293
+ clip-path: polygon(0 50%, 100% 0%, 100% 100%);
294
+ transform: translateX(-100%);
295
+ }
296
+ }
297
+ }
298
+ }
299
+
300
+ &-bottom {
301
+ top: calc(100% + 8px);
302
+
303
+ &.--align {
304
+ &-start {
305
+ left: 0;
306
+
307
+ &::before {
308
+ bottom: 100%;
309
+ left: 16px;
310
+ clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
311
+ }
312
+ }
313
+
314
+ &-end {
315
+ left: 100%;
316
+ transform: translateX(calc(-100% + 1rem));
317
+
318
+ &::before {
319
+ right: 16px;
320
+ bottom: 100%;
321
+ clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
322
+ }
323
+ }
324
+ }
325
+ }
326
+
327
+ &-left {
328
+ left: -8px;
329
+ transform: translateX(-100%);
330
+
331
+ &.--align {
332
+ &-start {
333
+ top: 0;
334
+
335
+ &::before {
336
+ top: 16px;
337
+ left: 100%;
338
+ width: 8px;
339
+ height: 16px;
340
+ clip-path: polygon(0 0%, 100% 50%, 0% 100%);
341
+ transform: translateX(0);
342
+ }
343
+ }
344
+
345
+ &-end {
346
+ bottom: 0;
347
+
348
+ &::before {
349
+ bottom: 16px;
350
+ left: 100%;
351
+ width: 8px;
352
+ height: 16px;
353
+ clip-path: polygon(0 0%, 100% 50%, 0% 100%);
354
+ transform: translateX(0);
355
+ }
356
+ }
357
+ }
358
+ }
359
+ }
360
+ }
361
+
362
+ &[data-is-marrybaby='true'] {
363
+ .popover-menu__content {
364
+ padding: 0;
365
+ border-radius: 12px;
366
+ /* &::before {
367
+ display: none;
368
+ } */
369
+ }
370
+ }
371
+ `,tt=se.div`
372
+ display: flex;
373
+ /* max-height: 300px; */
374
+ flex-direction: column;
375
+ cursor: default;
376
+
377
+ .__header {
378
+ position: relative;
379
+ display: flex;
380
+ align-items: center;
381
+ justify-content: center;
382
+ padding: 1rem 0;
383
+ margin-bottom: 8px;
384
+
385
+ .__back-btn {
386
+ position: absolute;
387
+ top: 50%;
388
+ left: 8px;
389
+ width: 16px;
390
+ height: 16px;
391
+ cursor: pointer;
392
+ transform: translateY(-50%);
393
+ }
394
+ }
395
+
396
+ .tree-text-description {
397
+ padding-right: 8px;
398
+ padding-left: 8px;
399
+ margin-top: -8px;
400
+ margin-bottom: 8px;
401
+ font-size: 14px;
402
+ font-weight: 400;
403
+ line-height: 22px;
404
+ text-align: left;
405
+ }
406
+
407
+ .__content {
408
+ overflow: auto;
409
+ flex: 1;
410
+ }
411
+
412
+ .__list {
413
+ .__item {
414
+ position: relative;
415
+ &.bold-item {
416
+ font-weight: 700;
417
+ }
418
+ &:last-child {
419
+ .__btn {
420
+ margin-bottom: 0;
421
+ }
422
+ }
423
+
424
+ .__btn {
425
+ position: relative;
426
+ display: flex;
427
+ width: 100%;
428
+ height: 40px;
429
+ align-items: center;
430
+ padding: 0 1rem;
431
+ border: none;
432
+ margin-bottom: 8px;
433
+ color: ${e=>e.theme.colors.gray800};
434
+ cursor: pointer;
435
+ text-align: left;
436
+ transition: background 0.3s;
437
+
438
+ /* for better gtm tracking result */
439
+ * {
440
+ pointer-events: none;
441
+ }
442
+ &.--checked {
443
+ color: ${e=>e.theme.colors.gray500};
444
+ pointer-events: none;
445
+ }
446
+
447
+ &:hover {
448
+ background: ${e=>e.theme.colors.gray100};
449
+ }
450
+
451
+ .__icon {
452
+ width: 16px;
453
+ height: 16px;
454
+ margin-right: 0.4rem;
455
+ }
456
+
457
+ & > span {
458
+ position: relative;
459
+
460
+ & > img {
461
+ width: 16px;
462
+ height: 16px;
463
+ margin-right: 0.4rem;
464
+ }
465
+ }
466
+ }
467
+
468
+ .__toggle {
469
+ position: absolute;
470
+ top: 50%;
471
+ right: 16px;
472
+ width: 16px;
473
+ height: 16px;
474
+ pointer-events: none;
475
+ transform: translateY(-50%);
476
+ }
477
+ }
478
+ }
479
+ &[data-is-marrybaby='true'] {
480
+ .__header {
481
+ padding: 1rem;
482
+ }
483
+ .tree-text-description {
484
+ padding: 0 1rem;
485
+ }
486
+ .__list {
487
+ .__item {
488
+ &:first-child {
489
+ .__btn {
490
+ border-top-left-radius: 12px;
491
+ border-top-right-radius: 12px;
492
+ }
493
+ }
494
+ &:last-child {
495
+ .__btn {
496
+ border-bottom-left-radius: 12px;
497
+ border-bottom-right-radius: 12px;
498
+ }
499
+ }
500
+ .__btn {
501
+ height: unset;
502
+ padding: 1rem;
503
+ margin-bottom: 0;
504
+ &:hover {
505
+ background: ${e=>e.theme.mbColors.lightPink};
506
+ }
507
+ }
508
+ }
509
+ }
510
+ }
511
+ `,at=({className:e,style:a,toggleButtonContent:r,position:s="bottom",align:c="end",children:m,buttonProps:p})=>{const{data:{env:{isMarryBaby:u}}}=n(d),[g,h]=o(!1),v=i(null),f=i(g);return l((()=>{var e;f.current=g,g&&(null===(e=v.current)||void 0===e||e.focus())}),[g]),l((()=>{const e=e=>{var t;!(null===(t=v.current)||void 0===t?void 0:t.contains(e.target))&&f.current&&h(!1)};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),t.createElement(et,{"data-is-marrybaby":u,className:e,style:a},t.createElement(U,Object.assign({theme:u?"marryBaby":"helloSites",className:"popover-menu__btn",size:"md",color:"transparent",onClick:()=>h((e=>!e))},p),r),g?t.createElement("div",{ref:v,className:`popover-menu__content --position-${s} --align-${c}`,tabIndex:0,onClick:e=>e.stopPropagation()},"function"==typeof m?m({setShow:h}):m):null)},nt=e=>{var{data:a}=e,n=j(e,["data"]);return t.createElement(at,Object.assign({},n),(({setShow:e})=>t.createElement(ot,{data:a,setShow:e})))},ot=({data:e,setShow:a})=>{var n;const[i,l]=o(""),s=r((()=>e&&((e,t)=>{const a=t.split(".");let n=e;return a.forEach((e=>{var t,a;e&&n&&"list"===(null==n?void 0:n.type)&&(n=null===(a=null===(t=null==n?void 0:n.list)||void 0===t?void 0:t[Number(e)])||void 0===a?void 0:a.subTree)})),n})(e,i)),[e,i]);if(!e)return null;if(!s)return null;return t.createElement(tt,null,s.isShowheader?t.createElement("div",{className:"__header"},i?t.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:()=>l((e=>e.split(".").slice(0,-1).join(".")))}):null,s.title?t.createElement(q,{className:"__title",tag:"h6"},s.title):null):null,s.description?t.createElement(c,{className:"tree-text-description",color:Z.colors.gray600,size:"p3",type:"regular"},s.description):null,t.createElement("div",{className:"__content"},"jsx"===s.type?null===(n=null==s?void 0:s.jsxRenderer)||void 0===n?void 0:n.call(s,a):null,"list"===s.type?t.createElement("ul",{className:"__list"},Array.isArray(s.list)?s.list.map(((e,n)=>t.createElement("li",{key:n,style:e.style,className:`__item ${e.className}`}," ",t.createElement("div",{className:"__btn "+(e.selected?"--checked":""),onClick:()=>((e,{subTree:t,onClick:n=(()=>null)})=>{n&&n(),t?l((t=>t.split(".").concat(String(e)).join("."))):a&&a(!1)})(n,e),"data-event-category":e.dataEventCategory,"data-event-action":e.dataEventAction,"data-event-label":e.dataEventLabel},e.icon&&t.createElement("img",{className:"__icon",src:e.icon}),t.createElement("span",null,e.label)),e.subTree?t.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?t.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 it;!function(e){e.latest="latest",e.oldest="oldest",e.popular="popular"}(it||(it={}));const lt=({onChange:e,className:a,style:o,leftLabel:i,rightLabel:l,color:r,value:s,choices:m})=>{const{data:{env:{isMarryBaby:p}}}=n(d);return t.createElement(Je,{label:i,rightLabel:t.createElement(nt,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:m.map((t=>({label:t.label,onClick:()=>e&&e(String(t.value)),selected:t.value===s,className:"bold-item"})))},toggleButtonContent:t.createElement("div",{style:{display:"flex"}},t.createElement(c,{style:{display:"flex",alignItems:"center",fontWeight:"normal",marginRight:12},size:"p4"},l),t.createElement("img",{src:p?"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:o})},rt=e=>{var{size:a=15}=e,n=j(e,["size"]);return t.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),t.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"}),t.createElement("path",{d:"M8.53125 6.34375V4.15625H6.34375V6.34375H4.15625V8.53125H6.34375V10.7188H8.53125V8.53125H10.7188V6.34375H8.53125Z",fill:"#FF5331"}))};var st="dZWeHns",ct="tMiOKib",dt="uDcqD-2",mt="pDlsows",pt="m-HVXw1";const ut=({children:e,className:a=""})=>t.createElement("div",{className:`${ct} ${a}`},e),gt=({children:e,className:a=""})=>t.createElement("div",{className:`${dt} ${a}`},e);var ht="sTU4T4I",vt="tCql9Je",ft="_3j7uYhH",bt="PHABgoT";const wt=({avatarProps:e,title:a,subTitle:n,children:o,className:i="",style:l,onAvatarClick:r,avatarIcon:s})=>t.createElement("div",{className:`${ht} ${i}`,style:l},t.createElement("div",{className:ft,onClick:r},t.createElement(b,Object.assign({},e)),s&&t.createElement("div",{className:bt},s)),t.createElement("div",{className:`${vt} ${i}`},o||t.createElement(t.Fragment,null,a&&t.createElement(ut,null,a),n&&t.createElement(gt,null,n))));wt.MainText=ut,wt.SubText=gt,wt.SubDivider=({className:e=""})=>t.createElement("span",{className:`${pt} ${e}`}),wt.Row=({children:e,className:a=""})=>t.createElement("div",{className:`${st} ${a} row`},e),wt.ColLeft=({children:e,className:a=""})=>t.createElement("div",{className:`${a} col-left`},e),wt.ColRight=({children:e,className:a=""})=>t.createElement("div",{className:`${a} col-right`},e),wt.SubTextRow=({children:e,className:a=""})=>t.createElement("div",{className:`${mt} ${a}`},e);const xt=e=>{var{fallbackSrc:a=J.getAssetPath("avatar.jpg")}=e,n=j(e,["fallbackSrc"]);const o=i(null),r=n.src||a||"",s=i(!1);l((()=>{r!==a&&o.current&&(o.current.src=r)}),[]),l((()=>{s.current=!1}),[r]);return t.createElement("img",Object.assign({ref:o},n,{src:r,onError:e=>{var t;s.current||(e.currentTarget.src=a||"",s.current=!0),null===(t=n.onError)||void 0===t||t.call(n,e)}}))};var yt="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",Ct="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 Et=se.div`
512
+ position: fixed;
513
+ left: 50%;
514
+ width: 343px;
515
+ background-color: ${e=>e.theme.colors.white};
516
+ border-radius: 6px;
517
+ box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
518
+ transform: translate(-50%, -50%);
519
+ transition: all 0.5s ease-in-out;
520
+
521
+ ${pe.tdUp} {
522
+ width: 750px;
523
+ }
524
+
525
+ &[data-animation='true'] {
526
+ transition: all 0.5s ease-in-out;
527
+ }
528
+
529
+ &[data-open='true'] {
530
+ z-index: 400;
531
+ top: 50%;
532
+ opacity: 1;
533
+ visibility: visible;
534
+ }
535
+
536
+ &[data-open='false'] {
537
+ top: -50%;
538
+ }
539
+
540
+ .popup-content {
541
+ ${pe.mbDown} {
542
+ display: block;
543
+ }
544
+ display: flex;
545
+ position: relative;
546
+ z-index: 111;
547
+ height: 100%;
548
+ .button-see-more {
549
+ margin: 32px 0;
550
+ padding: 0;
551
+ > * {
552
+ display: inline-block;
553
+ }
554
+ }
555
+ .close-button {
556
+ position: absolute;
557
+ z-index: 100;
558
+ top: 10px;
559
+ right: 10px;
560
+ cursor: pointer;
561
+ width: unset;
562
+ height: unset;
563
+ img {
564
+ width: 100%;
565
+ height: 100%;
566
+ border-radius: 50%;
567
+ }
568
+ }
569
+ }
570
+
571
+ .main-info {
572
+ padding-bottom: 32px;
573
+ background-color: ${e=>e.theme.colors.blue50};
574
+ border-radius: 6px;
575
+ .btn-booking {
576
+ display: flex;
577
+ margin: 12px auto;
578
+ }
579
+ .avatar-title {
580
+ position: relative;
581
+ width: 100%;
582
+ padding-top: 46px;
583
+ text-align: center;
584
+ }
585
+ }
586
+ `,kt=se.div`
587
+ position: fixed;
588
+ z-index: 110;
589
+ top: 0;
590
+ left: 0;
591
+ width: 100%;
592
+ height: 100%;
593
+ align-items: center;
594
+ background: rgba(38, 38, 38, 0.3);
595
+
596
+ &[data-open='false'] {
597
+ display: none;
598
+ }
599
+ `,Nt=se.div`
600
+ .image-container {
601
+ .badge-avatar {
602
+ position: absolute;
603
+ right: 0;
604
+ bottom: 0;
605
+ top: 0;
606
+ }
607
+ }
608
+ display: flex;
609
+ justify-content: center;
610
+ padding-bottom: 15px;
611
+ text-align: center;
612
+ .profile-image {
613
+ width: 100px;
614
+ min-width: 100px;
615
+ height: 100px;
616
+ min-height: 100px;
617
+ border-radius: 50%;
618
+ object-fit: cover;
619
+ }
620
+ .badge-avatar {
621
+ width: 24px;
622
+ height: 24px;
623
+ }
624
+ `,At=se.div`
625
+ position: relative;
626
+ z-index: 9;
627
+ .specialty {
628
+ display: flex;
629
+ flex-wrap: wrap;
630
+ justify-content: center;
631
+ }
632
+
633
+ padding: 0px 16px;
634
+ text-align: center;
635
+ .specialty {
636
+ justify-content: center;
637
+ }
638
+
639
+ .experience {
640
+ padding: 16px 0px 32px;
641
+ text-align: left;
642
+ .btn-wrapper {
643
+ margin-top: 24px;
644
+ }
645
+ }
646
+ p {
647
+ max-width: 100%;
648
+ -webkit-line-clamp: 4;
649
+ -webkit-box-orient: vertical;
650
+ text-overflow: ellipsis;
651
+ overflow: hidden;
652
+ }
653
+ `;se.span`
654
+ display: flex;
655
+ flex-direction: column;
656
+ justify-content: center;
657
+ margin: 0 0.4em;
658
+ color: ${e=>e.theme.colors.neutral300};
659
+ `,se.div`
660
+ display: inline-block;
661
+ width: 3px;
662
+ height: 3px;
663
+ margin: 0;
664
+ background-color: ${e=>e.theme.colors.gray400};
665
+ border-radius: 50%;
666
+ `,se.div`
667
+ display: flex;
668
+ margin-top: 8px;
669
+
670
+ .bullet-point {
671
+ width: 24px;
672
+ height: 24px;
673
+ }
674
+ `;const Lt=se.ul`
675
+ padding-left: 18px;
676
+ li {
677
+ list-style-type: disc;
678
+ }
679
+ `,Tt=({isOpen:e=!0,onClose:a,enableAnimation:n=!0,doctorId:i,locale:r,isMobile:s,overwriteProfileProps:d,avatarFallback:m=J.getAssetPath("avatar.jpg"),trackingCategory:p="Together"})=>{var g,h,v;const{t:b}=W(),[k,N]=o(null),[A,L]=o(!1);l((()=>{if(e&&i&&String(null==k?void 0:k.id)!==String(i)){L(!0);try{N(null),u(w(x.GET_DOCTOR_INFO,{doctorId:i,website_url:y[r]}),"get").then((e=>{N(Object.assign(Object.assign({},null==e?void 0:e._data.doctor),d))}))}catch(e){console.error(e)}L(!1)}}),[e,i,null==k?void 0:k.id]);const T=(null==k?void 0:k.experiences)||[],I=((null==k?void 0:k.specialties)||[]).map((e=>(null==e?void 0:e.name)||e)).join(" • "),P=T.map((e=>{try{return JSON.parse(e.description)}catch(t){return e.description}})).filter((e=>e.content));return t.createElement(t.Fragment,null,t.createElement(Et,{"data-open":e,"data-animation":n,onClick:e=>e.stopPropagation()},A||!k?t.createElement(je,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:a},t.createElement("img",{src:yt,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(Nt,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(xt,{src:null==k?void 0:k.avatar,fallbackSrc:m,className:"profile-image",alt:"avatar"}),t.createElement("img",{className:"badge-avatar",src:Ct,alt:"badge"})))),t.createElement(At,null,t.createElement(c,{size:"s3",type:"semiBold",className:"full-name"},null==k?void 0:k.name),t.createElement("div",{className:"specialty"},I&&t.createElement(t.Fragment,null,t.createElement(c,{size:"p4",color:Z.colors.gray800},I," • ")),t.createElement("a",{href:C({id:null===(g=null==k?void 0:k.organization)||void 0===g?void 0:g.id,name:null===(h=null==k?void 0:k.organization)||void 0===h?void 0:h.name,slug:null===(v=null==k?void 0:k.organization)||void 0===v?void 0:v.slug,locale:r}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(c,{size:"p4",className:"organisation",color:Z.colors.gray800,style:{textDecoration:"underline"}},null==k?void 0:k.organization.name))))),!s&&t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:E({name:k.name,id:k.id,locale:r})},t.createElement(U,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment"))))),P&&t.createElement(At,null,t.createElement("div",{className:"experience"},t.createElement(c,{type:"bold",size:"s3",color:Z.colors.gray800,style:{paddingBottom:16}},b("expert.content.description").toUpperCase()),t.createElement(Lt,null,P.map(((e,a)=>t.createElement("li",{key:a},t.createElement(c,{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)))))),s?t.createElement("div",{className:"btn-wrapper"},t.createElement("a",{href:E({name:k.name,id:k.id,locale:r})},t.createElement(U,{color:"primary",size:"md",className:"btn-booking"},b("careBooking.bookAnAppointment")))):t.createElement("a",{href:E({name:k.name,id:k.id,locale:r})},t.createElement(c,{size:"s4",color:"#2D87F3",style:{paddingTop:24},"data-event-category":p,"data-event-action":"See Full Doctor Profile","data-event-label":f(r)+E({name:k.name,id:k.id,locale:r})},b("home.seeExpert"))))))),t.createElement(kt,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))};const It=se.div`
680
+ position: fixed;
681
+ left: 50%;
682
+ width: 343px;
683
+ background-color: ${e=>e.theme.colors.white};
684
+ border-radius: 6px;
685
+ box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
686
+ transform: translate(-50%, -50%);
687
+ transition: all 0.5s ease-in-out;
688
+
689
+ ${pe.tdUp} {
690
+ width: 750px;
691
+ }
692
+
693
+ &[data-animation='true'] {
694
+ transition: all 0.5s ease-in-out;
695
+ }
696
+
697
+ &[data-open='true'] {
698
+ z-index: 400;
699
+ top: 50%;
700
+ opacity: 1;
701
+ visibility: visible;
702
+ }
703
+
704
+ &[data-open='false'] {
705
+ top: -50%;
706
+ }
707
+
708
+ .popup-content {
709
+ ${pe.mbDown} {
710
+ display: block;
711
+ }
712
+ display: flex;
713
+ position: relative;
714
+ z-index: 111;
715
+ height: 100%;
716
+ .button-see-more {
717
+ margin: 32px 0;
718
+ padding: 0;
719
+ > * {
720
+ display: inline-block;
721
+ }
722
+ }
723
+ .close-button {
724
+ position: absolute;
725
+ z-index: 100;
726
+ top: 10px;
727
+ right: 10px;
728
+ cursor: pointer;
729
+ width: unset;
730
+ height: unset;
731
+ img {
732
+ width: 100%;
733
+ height: 100%;
734
+ border-radius: 50%;
735
+ }
736
+ }
737
+ }
738
+
739
+ .main-info {
740
+ padding-bottom: 32px;
741
+ background-color: ${e=>e.theme.colors.blue50};
742
+ border-radius: 6px;
743
+
744
+ .avatar-title {
745
+ position: relative;
746
+ width: 100%;
747
+ padding-top: 46px;
748
+ text-align: center;
749
+ }
750
+ }
751
+ `,Pt=se.div`
752
+ position: fixed;
753
+ z-index: 110;
754
+ top: 0;
755
+ left: 0;
756
+ width: 100%;
757
+ height: 100%;
758
+ align-items: center;
759
+ background: rgba(38, 38, 38, 0.3);
760
+
761
+ &[data-open='false'] {
762
+ display: none;
763
+ }
764
+ `,Mt=se.div`
765
+ .image-container {
766
+ .badge-avatar {
767
+ position: absolute;
768
+ right: 0;
769
+ bottom: 0;
770
+ top: 0;
771
+ }
772
+ }
773
+ display: flex;
774
+ justify-content: center;
775
+ padding-bottom: 15px;
776
+ text-align: center;
777
+ .profile-image {
778
+ width: 100px;
779
+ min-width: 100px;
780
+ height: 100px;
781
+ min-height: 100px;
782
+ border-radius: 50%;
783
+ object-fit: cover;
784
+ }
785
+ .badge-avatar {
786
+ width: 24px;
787
+ height: 24px;
788
+ }
789
+ `,St=se.div`
790
+ position: relative;
791
+ z-index: 9;
792
+ .specialty {
793
+ display: flex;
794
+ flex-wrap: wrap;
795
+ justify-content: center;
796
+ }
797
+
798
+ padding: 0px 16px;
799
+ text-align: center;
800
+ .specialty {
801
+ justify-content: center;
802
+ }
803
+
804
+ .experience {
805
+ padding: 16px 0px 32px;
806
+ text-align: left;
807
+ .btn-wrapper {
808
+ margin-top: 24px;
809
+ }
810
+ }
811
+ p {
812
+ max-width: 100%;
813
+ -webkit-line-clamp: 4;
814
+ -webkit-box-orient: vertical;
815
+ text-overflow: ellipsis;
816
+ overflow: hidden;
817
+ }
818
+ `;se.span`
819
+ display: flex;
820
+ flex-direction: column;
821
+ justify-content: center;
822
+ margin: 0 0.4em;
823
+ color: ${e=>e.theme.colors.neutral300};
824
+ `,se.div`
825
+ display: inline-block;
826
+ width: 3px;
827
+ height: 3px;
828
+ margin: 0;
829
+ background-color: ${e=>e.theme.colors.gray400};
830
+ border-radius: 50%;
831
+ `;const zt=se.div`
832
+ display: flex;
833
+ margin-top: 8px;
834
+
835
+ .bullet-point {
836
+ width: 24px;
837
+ height: 24px;
838
+ }
839
+ `,jt={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:Ct},Ft=({trackingCategory:e="Together",locale:a,isOpen:n=!0,onClose:i,enableAnimation:r=!0,expertId:s,overwriteProfileProps:d,avatarFallback:m=J.getAssetPath("avatar.jpg")})=>{const{t:p}=W(),[g,h]=o(null),[v,b]=o(!1);return l((()=>{if(n&&s&&String(null==g?void 0:g.user_id)!==String(s)){b(!0);try{h(null),u(k(N.GET_EXPERT_BY_ID,{id:s}),"get").then((e=>{h(Object.assign(Object.assign({},null==e?void 0:e.data),d))}))}catch(e){console.error(e)}b(!1)}}),[n,s,null==g?void 0:g.user_id]),t.createElement(t.Fragment,null,t.createElement(It,{"data-open":n,"data-animation":r,onClick:e=>e.stopPropagation()},v||!g?t.createElement(je,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:i},t.createElement("img",{src:yt,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(Mt,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(xt,{src:null==g?void 0:g.avatar,className:"profile-image",alt:"avatar",fallbackSrc:m}),t.createElement("img",{className:"badge-avatar",src:jt[null==g?void 0:g.role],alt:"badge"})))),t.createElement(St,null,t.createElement(c,{size:"s3",className:"full-name",type:"semiBold"},null==g?void 0:g.display_name),t.createElement("div",null,t.createElement(c,{size:"p4",color:Z.colors.gray800},null==g?void 0:g.specialty," • "),t.createElement("a",{href:null==g?void 0:g.organisation_url,className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(c,{size:"p4",className:"organisation",color:Z.colors.gray800,style:{textDecoration:"underline"}},null==g?void 0:g.organisation)))))),t.createElement(St,null,t.createElement("div",{className:"experience"},t.createElement(c,{type:"bold",size:"p4",color:Z.colors.gray800,style:{paddingBottom:16}},p("expert.content.description").toUpperCase()),t.createElement("div",{className:"list-items"},!!(null==g?void 0:g.experiences)&&g.experiences.filter((e=>!(!e||!e.title&&!e.organization))).slice(0,3).map(((e,a)=>t.createElement(zt,{key:a},t.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"}),t.createElement("div",{className:"text-contain"},t.createElement(q,{tag:"h6",color:Z.colors.gray800},null==e?void 0:e.title),t.createElement(c,{size:"p2",color:Z.colors.gray500},null==e?void 0:e.organization)))))),t.createElement("a",{href:null==g?void 0:g.profile_url,style:{display:"inline-block",paddingTop:24}},t.createElement(c,{as:"span",size:"s4",color:"#2D87F3","data-event-category":e,"data-event-action":"See Full Doctor Profile","data-event-label":f(a)+(null==g?void 0:g.profile_url)},p("home.seeExpert"))))))),t.createElement(Pt,{"data-open":n,onClick:e=>{e.stopPropagation(),i()}}))},Bt=se.div`
840
+ position: fixed;
841
+ left: 50%;
842
+ width: 343px;
843
+ background-color: ${e=>e.theme.colors.white};
844
+ border-radius: 6px;
845
+ box-shadow: 0px 0px 4px ${e=>e.theme.colors.gray200};
846
+ transform: translate(-50%, -50%);
847
+ transition: all 0.5s ease-in-out;
848
+
849
+ ${pe.tdUp} {
850
+ width: 750px;
851
+ }
852
+
853
+ &[data-animation='true'] {
854
+ transition: all 0.5s ease-in-out;
855
+ }
856
+
857
+ &[data-open='true'] {
858
+ z-index: 400;
859
+ top: 50%;
860
+ opacity: 1;
861
+ visibility: visible;
862
+ }
863
+
864
+ &[data-open='false'] {
865
+ top: -50%;
866
+ }
867
+
868
+ .popup-content {
869
+ ${pe.mbDown} {
870
+ display: block;
871
+ }
872
+ display: flex;
873
+ position: relative;
874
+ z-index: 111;
875
+ height: 100%;
876
+ .button-see-more {
877
+ margin: 32px 0;
878
+ padding: 0;
879
+ > * {
880
+ display: inline-block;
881
+ }
882
+ }
883
+ .close-button {
884
+ position: absolute;
885
+ z-index: 100;
886
+ top: 10px;
887
+ right: 10px;
888
+ cursor: pointer;
889
+ width: unset;
890
+ height: unset;
891
+ img {
892
+ width: 100%;
893
+ height: 100%;
894
+ border-radius: 50%;
895
+ }
896
+ }
897
+ }
898
+
899
+ .main-info {
900
+ padding-bottom: 32px;
901
+ background-color: ${e=>e.theme.colors.blue50};
902
+ border-radius: 6px;
903
+ .btn-booking {
904
+ display: flex;
905
+ margin: 12px auto;
906
+ }
907
+ .avatar-title {
908
+ position: relative;
909
+ width: 100%;
910
+ padding-top: 46px;
911
+ text-align: center;
912
+ }
913
+ }
914
+ `,Ot=se.div`
915
+ position: fixed;
916
+ z-index: 110;
917
+ top: 0;
918
+ left: 0;
919
+ width: 100%;
920
+ height: 100%;
921
+ align-items: center;
922
+ background: rgba(38, 38, 38, 0.3);
923
+
924
+ &[data-open='false'] {
925
+ display: none;
926
+ }
927
+ `,Vt=se.div`
928
+ .image-container {
929
+ .badge-avatar {
930
+ position: absolute;
931
+ right: 0;
932
+ bottom: 0;
933
+ top: 0;
934
+ }
935
+ }
936
+ display: flex;
937
+ justify-content: center;
938
+ padding-bottom: 15px;
939
+ text-align: center;
940
+ .profile-image {
941
+ width: 100px;
942
+ min-width: 100px;
943
+ height: 100px;
944
+ min-height: 100px;
945
+ border-radius: 50%;
946
+ object-fit: cover;
947
+ }
948
+ .badge-avatar {
949
+ width: 24px;
950
+ height: 24px;
951
+ }
952
+ `,Dt=se.div`
953
+ position: relative;
954
+ z-index: 9;
955
+ .specialty {
956
+ display: block;
957
+ min-width: 240px;
958
+ }
959
+
960
+ padding: 0px 16px;
961
+ text-align: center;
962
+ .specialty {
963
+ justify-content: center;
964
+ }
965
+
966
+ .experience {
967
+ padding: 16px 0px 32px;
968
+ text-align: left;
969
+ .btn-wrapper {
970
+ margin-top: 24px;
971
+ }
972
+ }
973
+ p {
974
+ max-width: 100%;
975
+ }
976
+ `;se.span`
977
+ display: flex;
978
+ flex-direction: column;
979
+ justify-content: center;
980
+ margin: 0 0.4em;
981
+ color: ${e=>e.theme.colors.neutral300};
982
+ `,se.div`
983
+ display: inline-block;
984
+ width: 3px;
985
+ height: 3px;
986
+ margin: 0;
987
+ background-color: ${e=>e.theme.colors.gray400};
988
+ border-radius: 50%;
989
+ `,se.div`
990
+ display: flex;
991
+ margin-top: 8px;
992
+
993
+ .bullet-point {
994
+ width: 24px;
995
+ height: 24px;
996
+ }
997
+ `;const Ut=({isOpen:e=!0,onClose:a,enableAnimation:n=!0,hospitalId:i,locale:s,isMobile:d,overwriteProfileProps:m,avatarFallback:p=J.getAssetPath("avatar.jpg"),trackingCategory:g="Together"})=>{const{t:h}=W(),[v,b]=o(null),[E,k]=o(!1);l((()=>{if(e&&i&&String(null==v?void 0:v.id)!==String(i)){k(!0);try{b(null),u(w(x.GET_HOSPITAL_INFO,{hospital_branch_id:i,website_url:y[s]}),"get").then((e=>{b(Object.assign(Object.assign({},null==e?void 0:e._data.branch),m))}))}catch(e){console.error(e)}k(!1)}}),[e,i,null==v?void 0:v.id]);const N=(null==v?void 0:v.specialties)||[],A=r((()=>N.map((e=>e.name))),[N]);return t.createElement(t.Fragment,null,t.createElement(Bt,{"data-open":e,"data-animation":n,onClick:e=>e.stopPropagation()},E||!v?t.createElement(je,null):t.createElement("div",{className:"popup-content"},t.createElement("div",{className:"close-button",onClick:a},t.createElement("img",{src:yt,style:{width:20,height:20},alt:"close-icon"})),t.createElement("div",{className:"main-info"},t.createElement("div",{className:"border-banner"}),t.createElement("div",{className:"avatar-title"},t.createElement(Vt,null,t.createElement("div",{className:"image-container"},t.createElement("div",{style:{position:"relative"}},t.createElement(xt,{src:null==v?void 0:v.logo,className:"profile-image",alt:"avatar",fallbackSrc:p}),t.createElement("img",{className:"badge-avatar",src:Ct,alt:"badge"})))),t.createElement(Dt,null,t.createElement(c,{size:"s3",type:"semiBold",className:"full-name"},null==v?void 0:v.name),t.createElement("div",{className:"specialty"},N&&t.createElement(c,{size:"p4",color:Z.colors.gray800},A.join(" • "),"•"),t.createElement("a",{href:C({id:v.id,name:v.name,slug:v.slug,locale:s}),className:"organisation",target:"_blank",rel:"noreferrer"},t.createElement(c,{size:"p4",className:"organisation",color:Z.colors.gray800,style:{textDecoration:"underline"}},null==v?void 0:v.name))))),!d&&t.createElement("a",{href:C({id:v.id,name:v.name,slug:v.slug,locale:s})},t.createElement("div",{className:"btn-wrapper"},t.createElement(U,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment"))))),t.createElement(Dt,null,t.createElement("div",{className:"experience"},t.createElement(c,{type:"bold",size:"s3",color:Z.colors.gray800,style:{paddingBottom:16}},h("hospital.content.description").toUpperCase()),t.createElement(c,{size:"p2",color:Z.colors.gray500},v.about),d?t.createElement("a",{href:C({id:v.id,name:v.name,slug:v.slug,locale:s})},t.createElement("div",{className:"btn-wrapper"},t.createElement(U,{color:"primary",size:"md",className:"btn-booking"},h("careBooking.bookAnAppointment")))):t.createElement("a",{href:C({id:v.id,name:v.name,slug:v.slug,locale:s})},t.createElement(c,{size:"s4",color:"#2D87F3",as:"span","data-event-category":g,"data-event-action":"See Full Hospital Profile","data-event-label":f(s)+C({id:v.id,name:v.name,slug:v.slug,locale:s})},h("home.seeHospital"))))))),t.createElement(Ot,{"data-open":e,onClick:e=>{e.stopPropagation(),a()}}))},Rt=t=>e.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 16 16",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},t),e.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"}));var Wt="_2UKyiK1",Ht="E5ga-tI",Zt="_8Y2nWXX",qt="d0T7kSP";const Gt=({open:e,onClose:a,children:n,profileModalProps:o})=>{const{t:i}=W();return t.createElement(Le,Object.assign({className:Wt,opened:e,onClose:a,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"},o),t.createElement("div",{className:Ht},t.createElement("div",{className:Zt},i("profilePanel.modal.heading")),t.createElement("div",{className:qt,onClick:a},t.createElement(Rt,null))),n)};var Qt="Gp63Agi",Xt="uJl3XVQ",_t="eeCHPMW";me.extend(Ae);const Kt=a({}),Yt=({siteType:e})=>{const{t:a}=W(),{handleMakeAppointment:o,doctorId:i,hospitalId:l,currentUrl:r}=n(Kt);return t.createElement(U,{theme:e,color:"primary",size:"xs",onClick:e=>{null==o||o(i,l),e.stopPropagation()},dataEventCategory:"Care",dataEventAction:"Comment - Quick Booking",dataEventLabel:r,icon:t.createElement(X,{className:"buttonIcon",size:18}),iconPosition:"right",style:{whiteSpace:"nowrap"}},t.createElement("span",null,a("careBooking.bookAnAppointment")))},Jt=e=>{const{className:a="",community:i,name:r,username:s,url:c,avatar:m,role:p,title:u,userType:g="user",expertId:h,isMarryBaby:v,doctorId:f,hospitalId:b,hasQuickBooking:w,handleMakeAppointment:x,communityTrackingAttr:y,isAnonymous:C,showDetailPopup:E,subLine:k,authActionWrapper:N,profileProps:A,profileModalProps:L,extendEle:T,avatarProps:I,hideInfo:P,timeText:M,onCloseFromPost:S,avatarIcon:z,badgeIconSize:j,hideBackground:B,children:O}=e,{data:{locale:V,router:D,env:{isMarryBaby:U,togetherBasePath:R}}}=n(d),{t:H}=W(),q="boolean"==typeof v?v:U,G=q?"marryBaby":"helloSites",X=C?H("cardPost.anonymous"):r||s||"",_=C?J.getAssetPath("avatar.jpg"):m,K=C?void 0:p,[Y,$]=o(!1),{asPath:ee}=D||{},te=`https://${Ee[V]}${ee}`,ae=e=>{if(C||"chatbot"===g)return!1;E?oe(!0):c&&(window.location.href=c)};l((()=>{ue(Y)}),[Y]);const[ne,oe]=o(!1),ie="expert"===(null==e?void 0:e.role),[le,re]=o(null);return l((()=>{ne&&!le&&Promise.resolve().then((function(){return So})).then((e=>{re((()=>e.ProfileDetail))}))}),[ne]),t.createElement(Kt.Provider,{value:{handleMakeAppointment:x,doctorId:f,hospitalId:b,currentUrl:te}},t.createElement(Gt,{open:ne,onClose:()=>oe(!1),profileModalProps:L},le&&t.createElement(le,Object.assign({authorProps:{userId:null==e?void 0:e.userId,avatar:_,name:null==e?void 0:e.name,role:null==e?void 0:e.role,title:null==e?void 0:e.title},authActionWrapper:N,onCloseFromPost:()=>{oe(!1),null==S||S()}},A))),"expert"===K&&h?t.createElement(Ft,{isOpen:Y,onClose:()=>$(!1),expertId:h}):null,"expert"===K&&f?t.createElement(Tt,{isOpen:Y,onClose:()=>$(!1),doctorId:f,locale:V}):null,"expert"===K&&b?t.createElement(Ut,{isOpen:Y,onClose:()=>$(!1),hospitalId:b,locale:V}):null,t.createElement("div",{className:`hhg-card-author ${Qt} ${a} ${ie?"expert-author":""}`,"data-background":!B&&ie,"data-is-marrybaby":q,style:{background:!B&&ie&&(q?Z.mbColors.toneBlue:Z.colors.blue50)}},t.createElement(wt,{onAvatarClick:ae,avatarProps:Object.assign(Object.assign({avatar:_,username:X},I),{style:{cursor:C||!c&&!E?"default":"pointer"}}),avatarIcon:z||ie&&t.createElement(rt,{size:j||15})},O||!P&&t.createElement(wt.Row,{className:_t},t.createElement(wt.ColLeft,null,t.createElement(F,{align:"center",onClick:ae},t.createElement(wt.MainText,{onClick:ae,className:Xt},X,"chatbot"===g?t.createElement(t.Fragment,null," ",t.createElement(Q,{color:Z.colors.primaryBase,size:16,style:{display:"inline-block",transform:"translate(0, 2px)"}})):K&&t.createElement(xe,{siteType:G,role:K,title:u,style:{verticalAlign:"bottom"}}))),k||t.createElement(wt.SubTextRow,null,(null==i?void 0:i.name)&&t.createElement(wt.SubText,null,t.createElement("a",Object.assign({href:(null==i?void 0:i.slug)&&i.isActive&&!i.isHidden?`${R}/${null==i?void 0:i.slug}`:void 0,className:"author-community-name"},y),`${null==i?void 0:i.name}`)),M&&t.createElement(t.Fragment,null,t.createElement(wt.SubDivider,null),t.createElement(wt.SubText,{className:"time-text"},M)))),w&&t.createElement(wt.ColRight,null,t.createElement(Yt,{siteType:G})))),T&&T))};Jt.BookingBtn=Yt,Jt.MainText=wt.MainText,Jt.SubText=wt.SubText,Jt.SubTextRow=wt.SubTextRow,Jt.SubDivider=wt.SubDivider;const $t=e=>({message:e("notification.failure"),type:"danger"});var ea="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 ta=/<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,aa=/((?:=")|(?:data-url="true">)|)(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))/gim,na=/\[a\+href="([^<"]+)"(?:\+text=\"([^<"]+)")?\]/gim,oa=/<mention [^>]*data-id="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,ia=/<mention [^>]*data-id="([^<"]+)" [^\>]*data-name="([^<"]+)"[^>]*>([^<]+)<\/mention>/gim,la=/\[mention\+id="([^<"]+)"([^\]]*)\]/gim,ra=/^(https?:\/\/(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,sa=/^((https?:\/\/)?(www\.)?(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[-A-Z0-9+&@#\/%=~_|$?!:,.])*(?:\([-A-Z0-9+&@#\/%=~_|$?!:,.]*\)|[A-Z0-9+&@#\/%=~_|$]))$/gim,ca=/<a [^>]*href="([^>"]+)"[^>]*>([^<]+)<\/a>/gim,da=/<mocka [^\>]*data-bad-word="[^\"]*" [^\>]*data-error="true"[^\>]*>(.*?)<\/mocka>/gim,ma=({url:e,text:t,method:a})=>{const n=t.indexOf(t.trimStart()),o=t.trimEnd().length,i=t.substring(0,n),l=t.substring(n,o),r=t.substring(o);return"edit"===a?`${i}<mocka data-href="${e}" data-url="true">${l}</mocka>${r}`:"display"===a&&(e.startsWith("http://")||e.startsWith("https://"))?`${i}<a href="${e}" target="_blank">${l}</a>${r}`:t},pa=(e,t)=>e.replace(na,((e,a,n)=>ma({text:n||a,url:a,method:t}))).replace(ca,((e,a,n)=>ma({text:n||a,url:a,method:t}))),ua=(e,t=[])=>e.replace(la,((e,a,n)=>{const o=t.find((e=>String(e.id)===a));if(!o){if(!n)return"";let e="";return n.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>`})),ga=e=>{const t=[];return e.replace(/(\&amp;)+/g,"&").replace(aa,((e,a,n)=>('="'!==a&&'data-url="true">'!==a&&t.push(n),e))),t},ha=(e,t)=>{const a=[];return e.replace(oa,((e,t)=>(a.push(t),e))).replace(la,((e,t)=>(a.push(t),e))),t?a:Array.from(new Set(a)).slice(0,30)},va=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),fa=e=>e.replace(da,"$1"),ba=(e,t=(e=>e))=>((e,t=(e=>e))=>{var a;return t(null===(a=e.replace(/(\&nbsp;)+/g," ").replace(/(\&amp;)+/g,"&"))||void 0===a?void 0:a.replace(/(\u200c|&zwnj;)+/g,"").replace(aa,((e,t,a)=>'="'!==t&&'data-url="true">'!==t?`<a href="${a}" target="_blank">${a}</a>`:e)).replace(ta,((e,t,a)=>{var n;const o=null===(n=t.match(/data-href="([^"]*)"/im))||void 0===n?void 0:n[1];return o?`<a href="${o}" target="_blank">${a}</a>`:`<a href="${a}" target="_blank">${a}</a>`})))})((e=>e.replace(oa,((e,t,a)=>`[mention+id="${t}"+name="${a}"]`)))(fa(e)),t),wa=["hellobacsi.com","hellosehat.com","hellodoktor.com","hellokrupet.com","hellodoctor.com.ph","hellokhunmor.com","hellosayarwon.com","helloyishi.com.tw","helloswasthya.com","marrybaby.vn"],xa=e=>e.match(sa)?e.startsWith("https://")||e.startsWith("http://")?e:`https://${e}`:"",ya=(e,t)=>{const a=t.filter(Boolean);if(e&&a.length>0){return fa(e).replace(new RegExp(`\\b(${a.map((e=>va(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},Ca=(e,t,a)=>"string"==typeof e?Promise.resolve(e):z(void 0,void 0,void 0,(function*(){var n;const o=new FormData;if(e.type.startsWith("image/gif"))o.append("image",e);else{const t=yield import("browser-image-compression"),a=yield t.default(e,{maxSizeMB:.4,maxWidthOrHeight:1536,useWebWorker:!0});o.append("image",a)}const i=a?L:T,l=yield i(g(a?A.COMMENT.IMAGE_UPLOAD:h.COMMENT.IMAGE_UPLOAD,{_locale:t}),"POST",{data:o});return(null===(n=null==l?void 0:l.data)||void 0===n?void 0:n.image)||""})),Ea=(e,t)=>{const[a,n]=o(e||[]);return{onSelectImages:o=>{const i=o.target.files;if(i)if(t&&e){t((e||a).concat(Array.from(i)))}else n((a=>{const n=e||a;return t&&t(n.concat(Array.from(i))),n.concat(Array.from(i))}))},onRemoveImage:a=>{if(t&&e){const n=e;n.splice(a,1),t(n.slice())}else n((n=>{const o=e||n;return o.splice(a,1),t&&t(o.slice()),o.slice()}))},onRemoveAllImages:()=>{t?t([]):n([])},imageSrcs:r((()=>(e||a).map((e=>"string"==typeof e?e:URL.createObjectURL(e)))),[e,a]),imageFiles:e||a}};var ka="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 Na=se.div`
998
+ input:focus,
999
+ textarea:focus,
1000
+ [contenteditable='true'] {
1001
+ outline: none;
1002
+ }
1003
+
1004
+ .textarea-control {
1005
+ position: relative;
1006
+ border: 1px solid ${e=>e.theme.colors.gray200};
1007
+ border-radius: 6px;
1008
+ &.--focus {
1009
+ border-color: ${e=>e.theme.colors.primaryBase};
1010
+ box-shadow: 0px 0px 2px 2px ${e=>e.theme.colors.blue200};
1011
+ }
1012
+
1013
+ .textarea-wrapper {
1014
+ width: 100%;
1015
+ height: 200px;
1016
+ }
1017
+
1018
+ .control-tool {
1019
+ position: absolute;
1020
+ bottom: 0;
1021
+ left: 0;
1022
+ display: flex;
1023
+ width: calc(100% - 2rem);
1024
+ height: 40px;
1025
+ align-items: center;
1026
+ justify-content: flex-end;
1027
+ border-top: 1px solid ${e=>e.theme.colors.gray200};
1028
+ margin: 0 1rem;
1029
+
1030
+ .tool-button {
1031
+ display: flex;
1032
+ width: 2rem;
1033
+ height: 2rem;
1034
+ align-items: center;
1035
+ justify-content: center;
1036
+ background: transparent;
1037
+ cursor: pointer;
1038
+ }
1039
+ .image-icon {
1040
+ vertical-align: middle;
1041
+ }
1042
+ }
1043
+ }
1044
+
1045
+ .link-preview-wrapper {
1046
+ position: relative;
1047
+ .icon-close {
1048
+ position: absolute;
1049
+ top: 5px;
1050
+ right: 5px;
1051
+ width: 24px;
1052
+ height: 24px;
1053
+ cursor: pointer;
1054
+ }
1055
+ }
1056
+
1057
+ .image-gallery {
1058
+ margin-bottom: 1rem;
1059
+
1060
+ .image-item {
1061
+ position: relative;
1062
+ overflow: hidden;
1063
+ width: 100%;
1064
+ height: 0;
1065
+ padding-top: 67%;
1066
+ margin-top: 1rem;
1067
+ border-radius: 6px;
1068
+
1069
+ & > img {
1070
+ position: absolute;
1071
+ top: 0;
1072
+ left: 0;
1073
+ width: 100%;
1074
+ height: 100%;
1075
+ object-fit: cover;
1076
+ }
1077
+
1078
+ .close-btn {
1079
+ position: absolute;
1080
+ top: 8px;
1081
+ right: 8px;
1082
+ left: unset;
1083
+ width: 24px;
1084
+ height: 24px;
1085
+ cursor: pointer;
1086
+ }
1087
+ }
1088
+ }
1089
+
1090
+ .description-label {
1091
+ margin-bottom: 5px;
1092
+ color: ${e=>e.theme.colors.gray600};
1093
+ /* font-family: 'Open Sans', sans-serif; */
1094
+ font-size: 13px;
1095
+ font-weight: bold;
1096
+ }
1097
+
1098
+ .count-string {
1099
+ margin-top: 5px;
1100
+ color: ${e=>e.theme.colors.gray500};
1101
+ font-size: 11px;
1102
+ text-align: right;
1103
+ }
1104
+
1105
+ .input-notification {
1106
+ display: flex;
1107
+
1108
+ & > img {
1109
+ width: 16px;
1110
+ height: 16px;
1111
+ margin-top: 1.5px;
1112
+ margin-right: 8px;
1113
+ }
1114
+ }
1115
+ `,Aa=se.div`
1116
+ height: 100%;
1117
+ position: relative;
1118
+ width: 100%;
1119
+ display: flex;
1120
+ flex-direction: column;
1121
+ .ql-toolbar.ql-snow {
1122
+ top: 0;
1123
+ width: 100%;
1124
+ position: sticky;
1125
+ z-index: 3;
1126
+ border: none;
1127
+ border-bottom: 1px solid #ccc;
1128
+ background: white;
1129
+ .ql-formats {
1130
+ display: inline-flex;
1131
+ align-items: center;
1132
+ margin-right: 0.5rem;
1133
+ .link-tool-wrapper {
1134
+ .popover-menu__content {
1135
+ padding: 0.5rem;
1136
+ transform: translateX(calc(-50% - 1rem));
1137
+ max-width: calc(100vw - 4rem);
1138
+ ::before {
1139
+ right: calc(50% - 8px);
1140
+ }
1141
+ .link-tool-popover {
1142
+ input {
1143
+ padding-left: 1rem;
1144
+ }
1145
+ .link-input-url {
1146
+ margin-bottom: 0.5rem;
1147
+ }
1148
+ .link-input-text {
1149
+ margin-bottom: 0.5rem;
1150
+ }
1151
+ label {
1152
+ display: inline-block;
1153
+ margin-bottom: 0.2rem;
1154
+ }
1155
+ .link-input-button-wrapper {
1156
+ &[data-is-marrybaby='true'] {
1157
+ .link-input-button {
1158
+ border: solid 2px ${e=>e.theme.mbColors.pink};
1159
+ background-color: ${e=>e.theme.mbColors.pink};
1160
+ &:hover:not(:disabled) {
1161
+ border: solid 2px ${e=>e.theme.mbColors.pink};
1162
+ background-color: ${e=>e.theme.colors.white};
1163
+ color: ${e=>e.theme.mbColors.pink};
1164
+ }
1165
+ }
1166
+ }
1167
+ }
1168
+ .link-input-button {
1169
+ width: auto;
1170
+ height: auto;
1171
+ padding: 0.4rem 1rem;
1172
+ background-color: ${e=>e.theme.colors.primaryBase};
1173
+
1174
+ &:disabled {
1175
+ border-color: #bfbfbf;
1176
+ background-color: #bfbfbf;
1177
+ color: #fff;
1178
+ cursor: not-allowed;
1179
+ }
1180
+ &:hover:not(:disabled) {
1181
+ background-color: ${e=>e.theme.colors.primaryHover};
1182
+ }
1183
+ }
1184
+ .error-text {
1185
+ padding: 0;
1186
+ margin-bottom: 0.5rem;
1187
+ font-weight: 600;
1188
+ color: ${e=>e.theme.colors.red700};
1189
+ }
1190
+ }
1191
+ }
1192
+ }
1193
+ }
1194
+ @media (max-width: 450px) {
1195
+ position: relative;
1196
+ .ql-formats {
1197
+ .link-tool-wrapper {
1198
+ position: unset;
1199
+ .popover-menu__content {
1200
+ left: 0;
1201
+ transform: unset;
1202
+ max-width: 100%;
1203
+ }
1204
+ }
1205
+ }
1206
+ }
1207
+ }
1208
+ .quill {
1209
+ flex: 1;
1210
+ overflow-y: hidden;
1211
+ .ql-container {
1212
+ display: inline-block;
1213
+ width: 100%;
1214
+ min-height: 100%;
1215
+ /* padding: 14px 16px; */
1216
+ border: none;
1217
+ border-radius: 6px;
1218
+ color: ${e=>e.theme.colors.gray800};
1219
+ font-size: 1rem;
1220
+ line-height: 1.5;
1221
+ resize: none;
1222
+ white-space: break-spaces;
1223
+ .ql-editor {
1224
+ word-break: break-word;
1225
+ overflow-wrap: break-word;
1226
+ /* -ms-overflow-style: none;
1227
+ scrollbar-width: none;
1228
+ &::-webkit-scrollbar {
1229
+ display: none;
1230
+ } */
1231
+ }
1232
+ mocka {
1233
+ padding: 2px 6px;
1234
+ border-radius: 1rem;
1235
+ &[data-url='true'] {
1236
+ /* background-color: #eeeeff; */
1237
+ font-style: italic;
1238
+ color: #1890ff;
1239
+ cursor: pointer;
1240
+ outline: none;
1241
+ text-decoration: underline;
1242
+ }
1243
+ &[data-error='true'] {
1244
+ background-color: #ffeeee;
1245
+ color: red;
1246
+ text-decoration: underline;
1247
+ font-style: bold;
1248
+ }
1249
+ }
1250
+ mention {
1251
+ padding: 2px 6px;
1252
+ border-radius: 1rem;
1253
+ background-color: #eeeeff;
1254
+ color: #1890ff;
1255
+ cursor: pointer;
1256
+ outline: none;
1257
+ text-decoration: none;
1258
+ }
1259
+ ol,
1260
+ ul {
1261
+ padding-left: 1rem;
1262
+ }
1263
+ }
1264
+ }
1265
+ .mention-search-container {
1266
+ position: absolute;
1267
+ background: white;
1268
+ border-radius: 6px;
1269
+ filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.04));
1270
+ overflow-y: scroll;
1271
+ z-index: 99;
1272
+ ::-webkit-scrollbar {
1273
+ -webkit-appearance: none;
1274
+ }
1275
+ ::-webkit-scrollbar:vertical {
1276
+ width: 14px;
1277
+ }
1278
+ ::-webkit-scrollbar-thumb {
1279
+ border-radius: 6px;
1280
+ background-color: #d9d9d9;
1281
+ @supports (background-clip: padding-box) {
1282
+ border: 3px solid rgba(0, 0, 0, 0);
1283
+ background-clip: padding-box;
1284
+ }
1285
+ @supports not (background-clip: padding-box) {
1286
+ border: 3px solid white;
1287
+ }
1288
+ }
1289
+ ::-webkit-scrollbar-track {
1290
+ background-color: #fff;
1291
+ border-radius: 0 6px 6px 0;
1292
+ border-left: 1px solid #f2f2f2;
1293
+ }
1294
+ .mention-search-item {
1295
+ cursor: pointer;
1296
+ padding: 12px 1rem;
1297
+ display: flex;
1298
+ align-items: center;
1299
+ &.item-selected {
1300
+ background-color: ${e=>e.theme.colors.gray100};
1301
+ }
1302
+ .search-avatar {
1303
+ width: 40px;
1304
+ height: 40px;
1305
+ font-size: 20px;
1306
+ margin-right: 20px;
1307
+ }
1308
+ }
1309
+ }
1310
+ `;let La=null;function Ta(e){var t,a;let n=-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),n=Ia(t.cloneContents().childNodes,n);const i=null===(a=o.endContainer.parentElement)||void 0===a?void 0:a.closest("mocka"),l=o.endContainer.nodeValue||o.endContainer.outerHTML;i&&(null==l?void 0:l.length)&&(n=n-o.endOffset+(i.outerHTML.length-(null==i?void 0:i.outerHTML.lastIndexOf(l))))}}}return n}function Ia(e,t){return e.forEach(((a,n)=>{const o=n+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=Ia(a.childNodes,t)}else a.nodeType===Node.TEXT_NODE&&(t+=(a.nodeValue||"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;").length)})),t}z(void 0,void 0,void 0,(function*(){if("undefined"==typeof window)return;const e=yield import("react-quill");La=e.default;const t=e.Quill||La.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 n extends a{static create(e){if(!e)return super.create(!1);const t=super.create(e);return n.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,n;t&&(null===(n=null===(a=null==t?void 0:t["data-text"])||void 0===a?void 0:a.replace(/(\&nbsp;)+/g," "))||void 0===n?void 0:n.replace(/(\u200c|&zwnj;)+/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"]))}}n.blotName="mocka1",n.tagName="mocka",t.register(n);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,n;t&&t["data-id"]&&(null===(n=null===(a=null==t?void 0:t["data-name"])||void 0===a?void 0:a.replace(/(\&nbsp;)+/g," "))||void 0===n?void 0:n.replace(/(\u200c|&zwnj;)+/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 Pa=(e,t)=>{var a;const{formatUrl:n,bannedWords:o=[]}=t||{},i=e.replace(/<font [^\>]*>(.+)<\/font>/gim,((e,t)=>t.replace(/<u[^\>]*>(.+)<\/u>/gim,"$1"))).replace(ia,((e,t,a,n)=>{if(n!==a){const e=a.split(" "),o=e.findIndex(((t,a)=>{const o=e.slice(0,a+1).join(" ");return!n.startsWith(o)}));if(0===o)return`@${n}`;{const a=(o<0?e:e.slice(0,o)).join(" "),i=n.slice(a.length).trim();return console.log(o,a,i),`<mention data-id="${t}" data-name="${a}">${a}</mention> ${i} `}}return e}));if(!n)return{value:ya(i,o)};let l=(e=>e.replace(da,((e,t)=>{const a=document.createElement("div");a.innerHTML=e;const n=a.firstChild;return(null==n?void 0:n.innerText)!==(null==n?void 0:n.getAttribute("data-bad-word"))?t:e})))((e=>{var t,a;return null===(a=null===(t=e.replace(/(\&nbsp;)+/g," "))||void 0===t?void 0:t.replace(/(\u200c|&zwnj;)+/g,""))||void 0===a?void 0:a.replace(ta,((e,t,a)=>{var n;const o=null===(n=t.match(/data-href="([^"]*)"/im))||void 0===n?void 0:n[1];return!o||o===a||a.match(ra)?a:o?`<a href="${o}">${a}</a>`:`<a href="${a}">${a}</a>`})).replace(aa,((e,t,a)=>{if('="'!==t&&'data-url="true">'!==t){const e=a.toLowerCase(),t=`${e.startsWith("http")?"":" https://"}${e}`;return ma({text:t,url:t,method:"edit"})}return e})).replace(ca,((e,t,a)=>ma({text:a||t,url:t,method:"edit"})))})(i));const r=(e=>{var t;return[...ga(e),...(null===(t=e.match(ta))||void 0===t?void 0:t.map((e=>{var t,a;const n=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 n||o})))||[]].filter((e=>!!e))})(i);if(r){const e=[];let t="";return r.forEach((t=>{if(t)try{const a=new URL(t);wa.some((e=>a.origin.endsWith(e)))||e.push(t)}catch(a){e.push(t)}})),e.length>0&&(l=l.replace(new RegExp(`data-url="true">(${e.map(va).join("|")})<`,"gi"),'data-error="true" data-url="true">$1<').replace(new RegExp(`data-href="(${e.map(va).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:ya(l,o)}}return{value:ya(l,o)}},Ma=({html:e,onChange:a,className:r,style:p,onImagePickerClick:v,bannedWords:f=[],onInvalidUrlsChange:w,onPreviewUrlChange:x,setEditorRef:y,isReplying:C})=>{var E,k,N,I;const P=i([]);P.current=f;const[M,S]=o([]),[j,F]=o(null),{data:{locale:B}}=n(d),O=(null==f?void 0:f.join(","))||"";l((()=>{var e,t;const a=null===(t=null===(e=q.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root.innerHTML;U(a)}),[O]);const V=e=>{j&&j.url===e||(F({url:e,isFetching:!0}),u(g(h.FETCH_PREVIEW,{_locale:B}),"POST",{data:{link:e}}).then((t=>{var a,n,o,i;F({title:null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.title,description:null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.description,image:(null===(o=null==t?void 0:t.data)||void 0===o?void 0:o.image)||(null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.logo),url:e})})).catch((()=>{F(null)})))},D=i(V);D.current=V;const U=s(le((e=>{if(e){const t=Pa(e,{bannedWords:P.current,formatUrl:!0}),{invalidUrls:n,previewUrl:o,value:i}=t;n&&S(n),o?D.current(o):F(null),i!==e&&(null==a||a(i))}}),500),[]);l((()=>{w&&w(M)}),[M]),l((()=>{x&&((null==j?void 0:j.url)?x({title:j.title||"",url:j.url||"",image:j.image||"",description:j.description||""}):x(null))}),[j]);const R=i(v);R.current=v;const W=Te(),H=i({toolbar:{handlers:{image:()=>{var e;return null===(e=R.current)||void 0===e?void 0:e.call(R)},link:()=>!1},container:"#toolbar-"+W},preserveWhiteSpace:!0}),Z=i(-1),q=i(null);y&&(null===(k=null===(E=q.current)||void 0===E?void 0:E.getEditor())||void 0===k?void 0:k.root)&&y(null===(I=null===(N=q.current)||void 0===N?void 0:N.getEditor())||void 0===I?void 0:I.root);const G=()=>{var e,t,a,n,o,i,l,r;if(null===(t=null===(e=q.current)||void 0===e?void 0:e.getEditor())||void 0===t?void 0:t.root){const e=Ta(null===(n=null===(a=q.current)||void 0===a?void 0:a.getEditor())||void 0===n?void 0:n.root),t=null===(i=null===(o=q.current)||void 0===o?void 0:o.getEditor())||void 0===i?void 0:i.root.innerHTML;if(e>=0&&e<t.length){if(ha(t,!0).length<30-(C?1:0)){const e=function(e){var t,a;let n=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 i=(t.endContainer.nodeValue||"").substring(0,o.endOffset),l=i.lastIndexOf("@");if(l+1<i.length&&(0===l||" @"===i.slice(l-1,l+1))){const e=null===(a=i.slice(l+1))||void 0===a?void 0:a.trim();if(e){t.setStart(o.endContainer,l);const a=t.cloneRange();a.setStart(a.endContainer,l),n={name:e,rect:t.getBoundingClientRect(),replaceRange:a}}}}}}return n}(null===(r=null===(l=q.current)||void 0===l?void 0:l.getEditor())||void 0===r?void 0:r.root);e?(Y(e.name,e.rect),ee.current=e.replaceRange):(ee.current=null,Y("",null))}else ee.current=null,Y("",null);Z.current=e}}else X([])},[Q,X]=o([]),[_,K]=o({top:0,left:0}),Y=s(le(((e,t,a)=>z(void 0,void 0,void 0,(function*(){var n,o,i,l;if(!e||!DOMRect)return X([]);const r=yield((null===(n=Ne(m))||void 0===n?void 0:n.length)||0)>0?T(g(h.SEARCH_USER,{_locale:B,name:e}),"get"):L(g(A.SEARCH_USER,{_locale:B,name:e}),"get");ne(0),X(null===(i=null===(o=null==r?void 0:r.data)||void 0===o?void 0:o.users)||void 0===i?void 0:i.filter((e=>!(null==a?void 0:a.includes(String(e.id))))));const s=t,c=null===(l=$.current)||void 0===l?void 0:l.getBoundingClientRect();if(s&&c){const e=343,t=256,a={top:s.bottom-c.top,width:"min(343px, 100%)",maxHeight:t};c.width-(s.left-c.left)<e?a.right=0:a.left=s.left-c.left,K(a)}}))),500),[]),J=(e,t)=>{var a,n,o;if(ee.current){ee.current.deleteContents();const i=document.createElement("mention");i.setAttribute("data-id",e),i.setAttribute("data-name",t),i.innerText=t;const l=document.createTextNode(" ");ee.current.insertNode(l),ee.current.insertNode(i);(null===(n=null===(a=q.current)||void 0===a?void 0:a.getEditor())||void 0===n?void 0:n.root).focus();const r=null===(o=window.getSelection())||void 0===o?void 0:o.getRangeAt(0);null==r||r.setStart(ee.current.endContainer,ee.current.endOffset),null==r||r.setEnd(ee.current.endContainer,ee.current.endOffset)}X([])},$=i(null),ee=i(null),te=i(null),[ae,ne]=o(0);return l((()=>{if(te.current){const e=te.current,t=e.children.item(ae);if(t){const a=e.getBoundingClientRect(),n=t.getBoundingClientRect();t.offsetTop<e.scrollTop?e.scrollTop=t.offsetTop:t.offsetTop+n.height>e.scrollTop+a.height&&(e.scrollTop=t.offsetTop-a.height+n.height)}}}),[ae]),l((()=>{const e=function(e){var t;(null===(t=$.current)||void 0===t?void 0:t.contains(e.target))||X([])};return window.addEventListener("click",e,{passive:!0}),()=>{window.removeEventListener("click",e)}}),[]),t.createElement(Aa,{ref:$,className:r,style:p,onKeyDownCapture:e=>{if(null==Q?void 0:Q.length){let t=!1;if("ArrowDown"===e.key)t=!0,ne((e=>e+1>=Q.length?0:e+1));else if("Escape"===e.key)t=!0,ne(0),X([]);else if("ArrowUp"===e.key)t=!0,ne((e=>e-1<0?Q.length-1:e-1));else if("Enter"===e.key||"Tab"===e.key){const e=Q[ae];e&&(t=!0,J(e.id,e.name))}if(t)return e.preventDefault(),!1}}},t.createElement(Sa,{id:W,onAddLink:(e,t)=>{var n,o;const i=Z.current+1,l=null===(o=null===(n=q.current)||void 0===n?void 0:n.getEditor())||void 0===o?void 0:o.root.innerHTML,r=((null==l?void 0:l.substring(0,i))||"")+`<mocka data-href="${t}" data-url="true">${e}</mocka> `+((null==l?void 0:l.substring(i))||"");null==a||a(r),U(r)}}),La&&t.createElement(La,{ref:q,theme:"snow",value:e,onChange:e=>{null==a||a(e),U(e),G()},onChangeSelection:()=>{G()},modules:H.current,formats:["mocka1","mention","id","key","bold","italic","underline","list","bullet"]}),!!(null==Q?void 0:Q.length)&&t.createElement("div",{ref:te,className:"mention-search-container",style:_},Q.map(((e,a)=>t.createElement("div",{className:"mention-search-item "+(ae===a?"item-selected":""),key:e.id,onClick:t=>{t.preventDefault(),t.stopPropagation(),J(e.id,e.name)},onMouseEnter:()=>{ne(a)}},t.createElement(b,{className:"search-avatar",username:e.name,avatar:e.avatar}),t.createElement("div",null,t.createElement(c,{size:"p2"},e.name),t.createElement(c,{size:"p4",color:"#595959"},"@",e.username)))))))},Sa=({onAddLink:e,id:a})=>t.createElement("div",{id:"toolbar-"+a,onClick:e=>{e.preventDefault(),e.stopPropagation()}},t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-bold",type:"button"}),t.createElement("button",{className:"ql-italic",type:"button"}),t.createElement("button",{className:"ql-underline",type:"button"})),t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-list",value:"ordered",type:"button"}),t.createElement("button",{className:"ql-list",value:"bullet",type:"button"})),t.createElement("span",{className:"ql-formats"},t.createElement("button",{className:"ql-image",type:"button"}),e&&t.createElement(at,{className:"link-tool-wrapper",toggleButtonContent:t.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:a})=>t.createElement(ja,{onAddUrl:e,setShow:a}))))),za=["notification.limitUrlDomain","notification.urlWrongFormat"],ja=({onAddUrl:e,setShow:a})=>{const{data:{env:{isMarryBaby:i}}}=n(d),{t:l}=W(),[r,s]=o(""),[m,p]=o(""),[u,g]=o(-1),h=r.trim()&&m.trim()&&u<0;return t.createElement("div",{className:"link-tool-popover"},t.createElement(ie,{name:"url",value:r,size:"md",label:"URL",placeholder:l("placeholder.enterUrlHere"),type:"text",className:"link-input-url",onChange:e=>{s(e),(e=>{const t=xa(e.trim());try{const e=new URL(t);return e.protocol.startsWith("http")?wa.some((t=>e.origin.endsWith("/"+t)||e.origin.endsWith("."+t)))?(g(-1),!0):(g(0),!1):(g(1),!1)}catch(e){return g(1),!1}})(e)}}),u>=0&&t.createElement(c,{size:"c2",className:"error-text"},l(za[u])),t.createElement(ie,{name:"text",value:m,size:"md",label:l("createPost.urlText"),placeholder:l("placeholder.enterUrlTextHere"),type:"text",className:"link-input-text",onChange:e=>p(e)}),t.createElement("div",{"data-is-marrybaby":i,className:"link-input-button-wrapper"},t.createElement(U,{theme:i?"marryBaby":"helloSites",size:"sm",color:"primary",className:"link-input-button",onClick:()=>{h&&(e(m.trim(),xa(r.trim())),a&&a(!1))},isDisabled:!h},l("insert"))))},Fa=({className:e,style:a,bannedWords:n=[],value:r,onChange:s,onPreviewUrlChange:d,onInvalidUrlsChange:m,onImageFilesChange:p,imageFiles:u,isReplying:g})=>{const{t:h}=W(),[v,f]=o(null),b=i(null),{onSelectImages:w,onRemoveImage:x,imageSrcs:y}=Ea(u,p);return l((()=>{d&&((null==v?void 0:v.url)?d({title:v.title||"",url:v.url||"",image:v.image||"",description:v.description||""}):d(null))}),[v]),t.createElement(Na,{className:e,style:a},t.createElement(c,{size:"p4",className:"description-label"},h("createPost.popup.description")),t.createElement("div",{className:"textarea-control"},t.createElement("div",{className:"textarea-wrapper"},t.createElement(Ma,{html:r||"",onChange:s,bannedWords:n,onImagePickerClick:()=>{var e;return null===(e=b.current)||void 0===e?void 0:e.click()},onPreviewUrlChange:f,onInvalidUrlsChange:m,isReplying:g}))),t.createElement(c,{size:"p4",className:"count-string"},h("character"),": ",H(r||"").length),(!y||0===y.length)&&v&&t.createElement("div",{className:"link-preview-wrapper"},v.isFetching?t.createElement(je,null):t.createElement(t.Fragment,null,t.createElement(Be,{title:v.title,url:v.url||"#",image:v.image,noRefetch:!0}),t.createElement("img",{src:ka,className:"icon-close",onClick:()=>f(null)}))),t.createElement("input",{ref:b,type:"file",accept:"image/png, image/gif, image/jpeg",multiple:!0,style:{display:"none"},onChange:w}),y.length>I?t.createElement("div",{className:"input-notification"},t.createElement("img",{src:ea}),t.createElement(c,{size:"p4",color:Z.colors.alertWarning},h("createPost.popup.warningImage"))):null,y.length>0&&t.createElement("div",{className:"image-gallery"},y.map(((e,a)=>t.createElement("div",{key:a,className:"image-item"},t.createElement("img",{src:e}),t.createElement("img",{className:"close-btn",src:ka,onClick:()=>x(a)}))))))},Ba=se.div`
1311
+ input:focus,
1312
+ textarea:focus,
1313
+ [contenteditable='true'] {
1314
+ outline: none;
1315
+ }
1316
+
1317
+ .title-input {
1318
+ overflow: hidden;
1319
+ width: 100%;
1320
+ padding: 12px 16px;
1321
+ border: solid 1px #d9d9d9;
1322
+ border-radius: 6px;
1323
+ font-size: 16px;
1324
+ line-height: 1.2;
1325
+ white-space: nowrap;
1326
+ :focus {
1327
+ border-color: ${e=>e.theme.colors.primaryBase};
1328
+ box-shadow: 0px 0px 2px 2px ${e=>e.theme.colors.blue200};
1329
+ }
1330
+ br {
1331
+ display: none;
1332
+ }
1333
+ * {
1334
+ display: inline;
1335
+ white-space: nowrap;
1336
+ }
1337
+ mocka {
1338
+ padding: 2px 6px;
1339
+ border-radius: 1rem;
1340
+ &[data-error='true'] {
1341
+ background-color: #ffeeee;
1342
+ color: red;
1343
+ text-decoration: underline;
1344
+ font-style: bold;
1345
+ }
1346
+ }
1347
+ ol,
1348
+ ul {
1349
+ padding-left: 1rem;
1350
+ }
1351
+ }
1352
+
1353
+ label {
1354
+ display: block;
1355
+ margin-bottom: 5px;
1356
+ color: ${e=>e.theme.colors.gray600};
1357
+ font-size: 13px;
1358
+ font-weight: bold;
1359
+ }
1360
+
1361
+ .count-string {
1362
+ margin-top: 5px;
1363
+ color: ${e=>e.theme.colors.gray500};
1364
+ font-size: 11px;
1365
+ text-align: right;
1366
+ }
1367
+ `,Oa=(e,t)=>{if(!t)return e;const{limit:a,bannedWords:n=[]}=t,o="number"==typeof a&&a>=0?e.substring(0,a):e;return ya(o,n)},Va=({className:e,style:a,bannedWords:n=[],value:r,onChange:d})=>{var m;const{t:p}=W(),[u,g]=o(""),h=i(null);l((()=>{if(h.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=h.current;return t.addEventListener("paste",e,{passive:!0}),()=>t.removeEventListener("paste",e)}}),[h]);const v=(null==n?void 0:n.join(","))||"";l((()=>{var e;if(v){const t=null===(e=h.current)||void 0===e?void 0:e.innerText;if(t){const e=ya(t,n);e!==t&&(d&&d(e),g(e))}}}),[v]);const f=s(le((e=>{if(h.current){const e=Oa(h.current.innerText,{limit:120,bannedWords:n});d&&d(e),g(e)}}),300),[]);return l((()=>{setTimeout((()=>{var e;null===(e=h.current)||void 0===e||e.focus()}),500)}),[]),t.createElement(Ba,{className:e,style:a},t.createElement(ie,{name:"title",value:r||u,size:"md",label:p("createPost.title"),CustomInput:t.createElement(re,{innerRef:h,html:r||u,onChange:e=>{if(h.current&&h.current.innerText!==(r||u)){const e=Oa(h.current.innerText,{bannedWords:n});d&&d(e),g(e),f(h.current.innerText)}},className:"title-input"})}),t.createElement(c,{size:"p4",className:"count-string"},p("createPost.popup.wordCount",{count:(null===(m=h.current)||void 0===m?void 0:m.innerText.length)||0,max:120})))},Da=se.div`
1368
+ display: flex;
1369
+ width: 100%;
1370
+ flex-wrap: wrap;
1371
+ margin-top: 1rem;
1372
+
1373
+ .tag-item {
1374
+ min-height: 32px;
1375
+ padding: 5px 12px;
1376
+ border: 1px solid ${e=>e.theme.colors.neutral100};
1377
+ margin-right: 1rem;
1378
+ margin-bottom: 8px;
1379
+ border-radius: 1rem;
1380
+ color: ${e=>e.theme.colors.gray800};
1381
+ cursor: pointer;
1382
+ font-size: 13px;
1383
+ line-height: 22px;
1384
+ transition: all 0.2s;
1385
+
1386
+ &.--active {
1387
+ border-color: ${e=>e.theme.colors.blue50};
1388
+ background: ${e=>e.theme.colors.blue50};
1389
+ color: ${e=>e.theme.colors.primaryBase};
1390
+ }
1391
+ &[data-disabled='true'] {
1392
+ background: ${e=>e.theme.colors.gray100};
1393
+ color: ${e=>e.theme.colors.gray800};
1394
+ }
1395
+ }
1396
+ .topic-spinner {
1397
+ margin-right: auto;
1398
+ margin-left: auto;
1399
+ & > button {
1400
+ width: 24px;
1401
+ height: 24px;
1402
+ }
1403
+ }
1404
+ &[data-is-marrybaby='true'] {
1405
+ .tag-item {
1406
+ border-color: transparent;
1407
+ background: #f3f3f3;
1408
+ color: #3e3f58;
1409
+ &.--active {
1410
+ border-color: #b6cdff;
1411
+ background: #e0e9fb;
1412
+ color: #3e3f58;
1413
+ }
1414
+ }
1415
+ }
1416
+ `,Ua=({className:e,style:a,topics:s,communityId:c,onChange:m,isLoading:p,disabled:v,forceTopics:f,selectedTopics:b,noFetch:w})=>{const{data:{locale:x,env:{isMarryBaby:y}}}=n(d),[C,E]=o(s?[...s]:[]),[k,N]=o(b?[...b]:[]),[A,L]=o(!1),T=i(s);T.current=s,l((()=>{var e;!c||w||(null===(e=T.current)||void 0===e?void 0:e.length)||(E([]),L(!0),z(void 0,void 0,void 0,(function*(){var e;try{const t=yield u(g(h.TOPIC.LIST,{communityId:c,_locale:x}),"GET"),a=null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.topics;Array.isArray(a)&&E((()=>(null==a?void 0:a.map($).sort(((e,t)=>(e.order||0)-(t.order||0))))||[]))}catch(e){console.log(e),L(!1)}L(!1)})))}),[c,w]);const I=null==s?void 0:s.map((e=>e.id)).join("-"),P=null==C?void 0:C.map((e=>e.id)).join("-"),M=null==f?void 0:f.map((e=>e.id)).join("-");l((()=>{s&&void 0!==I&&I!==P&&E(s)}),[s,I,P]);const S=r((()=>C.filter((e=>!(null==f?void 0:f.some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)))))),[P,M]);return t.createElement(Da,{"data-is-marrybaby":y,className:e,style:a},f.map((e=>t.createElement(Ra,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:!0,selected:!0}))),S.map((e=>t.createElement(Ra,{key:`${e.id}-${e.mappedCategoryId}`,topic:e,disabled:v,selected:(b||k).some((t=>t.id&&t.id===e.id||t.mappedCategoryId&&t.mappedCategoryId===e.mappedCategoryId)),onClick:()=>{const t=b||k,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),m&&b?m(t.slice()):(m&&m(t.slice()),N(t.slice()))}}))),(p||A)&&t.createElement(je,{className:"topic-spinner"}))},Ra=({topic:e,disabled:a,selected:n,onClick:o})=>t.createElement("div",{className:"tag-item"+(n?" --active":""),"data-disabled":a,onClick:a?void 0:o},e.name),Wa=se.div`
1417
+ position: relative;
1418
+ display: flex;
1419
+ height: 100%;
1420
+ flex-direction: column;
1421
+ padding: 16px 32px;
1422
+
1423
+ .input-group-container {
1424
+ flex: 1;
1425
+ padding-right: 2px;
1426
+ padding-left: 2px;
1427
+ margin-bottom: 0.5rem;
1428
+ -ms-overflow-style: none; /* IE and Edge */
1429
+ overflow-y: auto;
1430
+ scrollbar-width: none; /* Firefox */
1431
+ &::-webkit-scrollbar {
1432
+ display: none;
1433
+ }
1434
+ }
1435
+
1436
+ .input-group {
1437
+ :not(:last-child) {
1438
+ margin-bottom: 0.6rem;
1439
+ }
1440
+
1441
+ input:focus,
1442
+ textarea:focus,
1443
+ [contenteditable='true'] {
1444
+ outline: none;
1445
+ }
1446
+
1447
+ label {
1448
+ margin-bottom: 5px;
1449
+ color: ${e=>e.theme.colors.gray600};
1450
+ /* font-family: 'Open Sans', sans-serif; */
1451
+ font-size: 13px;
1452
+ font-weight: bold;
1453
+ }
1454
+
1455
+ .input-group-label {
1456
+ margin-bottom: 5px;
1457
+ color: ${e=>e.theme.colors.gray600};
1458
+ /* font-family: 'Open Sans', sans-serif; */
1459
+ font-size: 13px;
1460
+ font-weight: bold;
1461
+ }
1462
+
1463
+ .input-notification {
1464
+ display: flex;
1465
+
1466
+ & > img {
1467
+ width: 16px;
1468
+ height: 16px;
1469
+ margin-top: 1.5px;
1470
+ margin-right: 8px;
1471
+ }
1472
+ }
1473
+
1474
+ .tag-list {
1475
+ }
1476
+ }
1477
+
1478
+ .warning {
1479
+ margin-top: 16px;
1480
+ }
1481
+
1482
+ .submit-btn {
1483
+ width: 100%;
1484
+ }
1485
+
1486
+ .switch-label {
1487
+ display: flex;
1488
+ align-items: center;
1489
+ }
1490
+
1491
+ .swich-input-group {
1492
+ padding: 12px 16px;
1493
+ border-radius: 8px;
1494
+ background: ${Z.colors.neutral50};
1495
+
1496
+ &.askdoctor-switch {
1497
+ background: ${Z.colors.blue50};
1498
+ &.mb-color {
1499
+ background: ${Z.mbColors.tonePink};
1500
+ }
1501
+
1502
+
1503
+ .mantine-Switch-labelWrapper {
1504
+ flex-grow: 1;
1505
+ }
1506
+ .mantine-Checkbox-body {
1507
+ display: flex;
1508
+ width: 100%;
1509
+ align-items: center;
1510
+ justify-content: space-between;
1511
+ }
1512
+ .mantine-Switch-track {
1513
+ margin-bottom: 0;
1514
+ }
1515
+ .label-txt {
1516
+ font-weight: normal;
1517
+ font-size: 14px;
1518
+ color: ${Z.colors.gray800};
1519
+ margin-left: 10px;
1520
+ }
1521
+ }
1522
+ `,Ha=({className:e,style:a,onPostCreatedEdited:i,onClose:r,communities:s=[],forceSelectCommunity:m,forceSelectTopics:p,articleId:u,optionalTopic:v,editPostData:f,defaultCommunity:b,defaultTopics:w,noFetchTopic:x,hideTopicList:y,selectAskDoctor:C,showAskDoctorOptions:E})=>{const k=!!(null==f?void 0:f.id),{data:{locale:N,env:{isMarryBaby:A}},action:{pushNotifications:L,sanitizeFunction:P}}=n(d),{t:M}=W(),[S,j]=o(!1),[F,O]=o(C),[V,D]=o(!1),[q,G]=o(""),[Q,X]=o(""),[K,Y]=o(m?{label:m.name,value:`${m.id||""}-${m.mappedCategoryId||""}`}:{label:M("community.choose"),value:""}),[$,te]=o([...p]||[]),[ae,ne]=o([]),[oe,ie]=o([]),le=m||s.find((e=>`${e.id||""}-${e.mappedCategoryId||""}`===K.value)),re=m?[m]:s.filter((e=>e.isActive)).sort(((e,t)=>e.name>t.name?1:e.name<t.name?-1:0)),[se,ce]=o(null),[de,me]=o([]),pe=q&&H(Q)&&(v||!v&&$.length>0)&&le&&(!ae||ae.length<=I)&&!(null==de?void 0:de.length)&&!V;l((()=>{if(f){const e=f;G(e.title||""),X(ua(pa(e.description||"","edit"),e.mentions)),Y({label:e.community.name,value:`${e.community.id||""}-${e.community.mappedCategoryId||""}`}),te(e.topics||[]),ne(e.photos||[]),j(!!e.isAnonymous||!1),O(!!e.isAskDoctor||!1)}else b&&Y({label:b.name,value:`${b.id||""}-${b.mappedCategoryId||""}`}),w&&te(w)}),[]);const ue=()=>z(void 0,void 0,void 0,(function*(){var e,t,a,n,o,l,s,c,d;const m=yield(({title:e,description:t,communityId:a,imageFiles:n,previewUrl:o,topicIds:i,locale:l,sanitizeFunction:r,categoryCommunityId:s,categoryTopicIds:c,introUrl:d,bannerUrl:m,scheduleTime:p,isAnonymous:u,isAskDoctor:g})=>z(void 0,void 0,void 0,(function*(){const h=new FormData,v=fa(t),f=fa(e),b=ha(v);if(h.append("title",f),h.append("description",ba(v,r)),s?h.append("category_community",String(s)):a&&h.append("community_id",String(a)),h.append("is_anonymous",u?"1":"0"),h.append("is_question",g?"1":"0"),(null==o?void 0:o.title)&&h.append("preview_title",o.title),(null==o?void 0:o.description)&&h.append("preview_description",o.description),(null==o?void 0:o.url)&&h.append("preview_link",ge(o.url)),(null==o?void 0:o.image)&&h.append("preview_image",ge(o.image)),null==i||i.forEach((e=>{h.append("topics[]",String(e||""))})),null==c||c.forEach((e=>{h.append("category_topics[]",String(e||""))})),null==n?void 0:n.length){const e=yield Promise.all(n.map(((e,t)=>new Promise((a=>{setTimeout((()=>{a(Ca(e,l))}),2e3*t)})))));null==e||e.filter(Boolean).slice(0,I).forEach(((e,t)=>{h.append(`images[${t}]`,e)}))}else h.append("images","");return null==b||b.forEach((e=>{h.append("mention_ids[]",e)})),h.append("intro_url",d||""),h.append("banner",m||""),p&&(h.append("post_type","scheduled"),h.append("schedule_datetime",p)),h})))({title:q,description:Q,communityId:String((null==le?void 0:le.id)||""),imageFiles:ae,previewUrl:se,topicIds:null==$?void 0:$.map((e=>String(e.id||""))).filter(Boolean),locale:N,sanitizeFunction:P,categoryCommunityId:String((null==le?void 0:le.mappedCategoryId)||""),categoryTopicIds:null==$?void 0:$.map((e=>String(e.mappedCategoryId||""))).filter(Boolean),isAnonymous:S?1:0,isAskDoctor:F?1:0});let p;u&&m.append("article_id",u),k?(null==f?void 0:f.id)&&(p=yield(({id:e,locale:t,formData:a})=>z(void 0,void 0,void 0,(function*(){return yield T(g(h.POST.UPDATE,{id:e,_locale:t}),"POST",{data:a})})))({id:f.id,formData:m,locale:N})):p=yield(({locale:e,formData:t,isArticleComment:a})=>z(void 0,void 0,void 0,(function*(){return yield T(g(a?h.POST.CREATE_ARTICLE_COMMENT:h.POST.CREATE,{_locale:e}),"POST",{data:t})})))({formData:m,locale:N,isArticleComment:!(null==le?void 0:le.id)&&!!(null==le?void 0:le.mappedCategoryId)});const v=null==p?void 0:p.data;(null==v?void 0:v.id)&&!(null===(t=null===(e=null==p?void 0:p.messages)||void 0===e?void 0:e.moderation)||void 0===t?void 0:t.type)?(L({message:M("createPost.popup.success"),type:"success"}),(e=>{i&&i(ee(e),k),r&&r()})(v)):"banned"===(null===(n=null===(a=null==p?void 0:p.messages)||void 0===a?void 0:a.moderation)||void 0===n?void 0:n.type)?(L({title:M("notification.post.blocked.title"),message:M("notification.post.blocked.message"),type:"danger"}),p.messages.moderation.words&&ie(p.messages.moderation.words)):"suspect"===(null===(l=null===(o=null==p?void 0:p.messages)||void 0===o?void 0:o.moderation)||void 0===l?void 0:l.type)?(L({title:M("notification.post.suspect.title"),message:M("notification.post.suspect.message"),type:"warning"}),r&&r()):(null===(c=null===(s=null==p?void 0:p.messages)||void 0===s?void 0:s.find)||void 0===c?void 0:c.call(s,(e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(L({message:M("notification.suspend.message"),type:"danger"}),r&&r()):L({message:(null===(d=null==p?void 0:p.messages)||void 0===d?void 0:d[0])||M("notification.failure"),type:"danger"})}));return t.createElement(Wa,{className:e,style:a},t.createElement("div",{className:"input-group-container"},E&&t.createElement(B,{checked:F,"data-is-marry-baby":"true",className:`input-group swich-input-group askdoctor-switch ${A&&"mb-color"}`,labelPosition:"left",color:A?"pink":void 0,label:t.createElement("div",{className:"switch-label"},t.createElement(_,{isMarryBaby:A,size:A?32:24,color:Z.colors.primaryBase,className:"label-icon"}),t.createElement("span",{className:"label-txt"},M("createPost.askDoctor"))),onChange:e=>O(e.currentTarget.checked)}),t.createElement(Va,{className:"input-group",bannedWords:oe,value:q,onChange:G}),t.createElement(Fa,{className:"input-group",bannedWords:oe,value:Q,onChange:X,onPreviewUrlChange:ce,onInvalidUrlsChange:me,onImageFilesChange:ne,imageFiles:ae}),t.createElement("div",{className:"input-group"},t.createElement(c,{size:"p4",className:"input-group-label"},M("admin.community")),t.createElement(R,{options:(null==re?void 0:re.map(((e,t)=>({label:e.name,value:`${e.id||""}-${e.mappedCategoryId||""}`}))))||[],id:"community-picker",placeholder:M("community.choose"),value:K,onChange:e=>{Y({label:e.label,value:String(e.value)}),te([])},disabled:!!m}),t.createElement(c,{size:"sm",className:"warning",color:Z.colors.gray400},"* ",M("commentPopup.warning.newPost"))),!y&&t.createElement("div",{className:"input-group"},t.createElement(c,{size:"p4",className:"input-group-label"},M("tab.topic")),t.createElement("div",{className:"input-notification"},t.createElement("img",{src:le?"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":ea}),t.createElement(c,{size:"base",color:Z.colors.gray500},M(le?"createPost.popup.primary":"createPost.popup.warning"))),le&&t.createElement(Ua,{className:"tag-list",communityId:le.id,forceTopics:p,onChange:te,selectedTopics:$,noFetch:x}))),t.createElement("div",{className:"form-action"},t.createElement("div",{className:"input-group"},t.createElement(B,{className:"swich-input-group",labelPosition:"left",name:"PostAnonymous",checked:S,color:A?"pink":void 0,label:t.createElement("div",{className:"switch-label"},t.createElement("img",{className:"label-icon",src:J.getAssetPath("anomyous-avatar.svg"),alt:"anomyous avatar",style:{marginRight:"10px",width:"24px"}}),t.createElement("span",{className:"label-txt"},M("createPost.postAnonymous"))),value:"Post Anonymous",onChange:e=>j(e.currentTarget.checked),styles:{body:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},label:{display:"flex",alignItems:"center"}}})),t.createElement("div",{className:"input-group"},t.createElement(U,{theme:A?"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:()=>z(void 0,void 0,void 0,(function*(){if(pe&&!V){D(!0);try{yield ue()}catch(e){console.error(e),L($t(M))}D(!1)}})),isDisabled:!pe,isLoading:V},M("createPost.popup.submit")))))};var Za="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 qa=se.div`
1523
+ [data-type='confirm'] {
1524
+ max-width: 468px;
1525
+ height: 486px;
1526
+ padding: 0;
1527
+
1528
+ .popup-content {
1529
+ display: flex;
1530
+ flex-direction: column;
1531
+ padding: 0;
1532
+
1533
+ .close-button {
1534
+ top: 16px;
1535
+ right: 16px;
1536
+ width: 24px;
1537
+ height: 24px;
1538
+ z-index: 5;
1539
+ }
1540
+
1541
+ .header {
1542
+ display: flex;
1543
+ height: 56px;
1544
+ align-items: center;
1545
+ padding: 16px 56px 16px 32px;
1546
+ border-bottom: 1px solid ${e=>e.theme.colors.neutral100};
1547
+ font-weight: 900;
1548
+ width: 100%;
1549
+ justify-content: space-between;
1550
+ }
1551
+
1552
+ .content {
1553
+ overflow: auto;
1554
+ flex: 1;
1555
+ .topic-list-wrapper {
1556
+ padding: 1rem;
1557
+ }
1558
+ }
1559
+ }
1560
+ }
1561
+
1562
+ > div&[data-open='true'] {
1563
+ z-index: 250;
1564
+ &:last-child {
1565
+ z-index: 200;
1566
+ }
1567
+ }
1568
+
1569
+ ${e=>e.isExpand&&de`
1570
+ & > div[data-open] {
1571
+ width: 100%;
1572
+ height: 100%;
1573
+ max-width: none;
1574
+ max-height: none;
1575
+ }
1576
+ `}
1577
+
1578
+ ${e=>e.hasFullscreen&&de`
1579
+ & > div[data-open] {
1580
+ transition: all 0.5s ease-in-out, width 0s, height 0s;
1581
+ }
1582
+ `}
1583
+ `,Ga=se.div`
1584
+ cursor: pointer;
1585
+ display: flex;
1586
+ align-items: center;
1587
+ `,Qa=({className:e,style:a,closeIcon:n,heading:i="",children:l,isOpen:r=!1,hasFullscreen:s=!1,onClose:c=(()=>null)})=>{const[d,m]=o(!1);return t.createElement(qa,{className:e,style:a,isExpand:d,hasFullscreen:s},t.createElement(te,{type:"confirm",onClose:c,isOpen:r,closeIcon:n||t.createElement("img",{src:Za}),enableAnimation:!s},t.createElement("div",{className:"header"},t.createElement(q,{tag:"h5"},i),s&&t.createElement(Ga,{onClick:()=>m(!d)},t.createElement(K,{size:14,isExpand:d}))),t.createElement("div",{className:"content"},"function"==typeof l?l(d):l)))},Xa=se.div`
1588
+ [data-type='confirm'] {
1589
+ width: min(360px, 100%);
1590
+ height: auto;
1591
+ &[data-open='false'] {
1592
+ top: calc(-100% - 500px);
1593
+ }
1594
+ }
1595
+ z-index: 600;
1596
+
1597
+ .header {
1598
+ display: none !important;
1599
+ }
1600
+
1601
+ .confirm-dialog {
1602
+ position: relative;
1603
+ overflow: auto;
1604
+ width: 100%;
1605
+ padding-top: 44px;
1606
+ background: #fff;
1607
+ border-radius: 6px;
1608
+
1609
+ .confirm-content {
1610
+ display: flex;
1611
+ flex-direction: column;
1612
+ align-items: center;
1613
+ padding: 0 16px 16px;
1614
+ text-align: center;
1615
+
1616
+ .title {
1617
+ margin-bottom: 8px;
1618
+ font-size: 24px;
1619
+ line-height: 32px;
1620
+ word-break: break-word;
1621
+ overflow-wrap: break-word;
1622
+ }
1623
+
1624
+ .desc {
1625
+ margin-bottom: 24px;
1626
+ color: ${e=>e.theme.colors.gray500};
1627
+ font-size: 18px;
1628
+ line-height: 24px;
1629
+ text-align: center;
1630
+ word-break: break-word;
1631
+ overflow-wrap: break-word;
1632
+ }
1633
+
1634
+ .btn-group {
1635
+ display: flex;
1636
+ flex-wrap: wrap;
1637
+ align-items: center;
1638
+ justify-content: center;
1639
+
1640
+ button {
1641
+ margin: 0 4px 0.5rem;
1642
+ }
1643
+ }
1644
+ }
1645
+ }
1646
+ .thumbnail-container {
1647
+ width: 80px;
1648
+ height: 80px;
1649
+ margin-bottom: 32px;
1650
+ .thumbnail {
1651
+ width: 100%;
1652
+ height: 100%;
1653
+ }
1654
+ &.is-icon {
1655
+ display: flex;
1656
+ align-items: center;
1657
+ justify-content: center;
1658
+ background: #e0e9fc;
1659
+ border-radius: 1rem;
1660
+ .thumbnail {
1661
+ width: 40px;
1662
+ height: 40px;
1663
+ }
1664
+ }
1665
+ }
1666
+ &[data-is-marrybaby='true'] {
1667
+ .popup-frame {
1668
+ > div:first-child {
1669
+ overflow: hidden;
1670
+ border-radius: 1rem;
1671
+ &[data-open='true'] {
1672
+ ${pe.mbDown} {
1673
+ top: 100%;
1674
+ transform: translate(-50%, -100%);
1675
+ max-width: unset;
1676
+ width: 100%;
1677
+ background: unset;
1678
+ overflow: unset;
1679
+ }
1680
+ }
1681
+ }
1682
+ .popup-content {
1683
+ .close-button {
1684
+ ${pe.mbDown} {
1685
+ display: none;
1686
+ }
1687
+ }
1688
+ .confirm-dialog {
1689
+ ${pe.mbDown} {
1690
+ background: unset;
1691
+ position: relative;
1692
+ overflow-x: hidden;
1693
+ &::before {
1694
+ content: '';
1695
+ width: 200%;
1696
+ background: #fff;
1697
+ position: absolute;
1698
+ left: 50%;
1699
+ top: 0;
1700
+ transform: translateX(-50%);
1701
+ z-index: -1;
1702
+ height: 100%;
1703
+ border-top-left-radius: 100%;
1704
+ border-top-right-radius: 100%;
1705
+ }
1706
+ }
1707
+ .confirm-content {
1708
+ padding: 0 40px 40px;
1709
+ ${pe.mbDown} {
1710
+ padding-left: 1.5rem;
1711
+ padding-right: 1.5rem;
1712
+ }
1713
+ .btn-group {
1714
+ width: 100%;
1715
+ justify-content: space-between;
1716
+ button {
1717
+ flex: 1;
1718
+ margin: 0;
1719
+ &:first-child {
1720
+ margin-right: 0.5rem;
1721
+ }
1722
+ }
1723
+ }
1724
+ }
1725
+ }
1726
+ }
1727
+ .thumbnail-container {
1728
+ ${pe.mbDown} {
1729
+ display: none;
1730
+ }
1731
+ &.is-icon {
1732
+ background: #ffeaf1;
1733
+ border-radius: 24px;
1734
+ }
1735
+ &.is-mobile {
1736
+ position: absolute;
1737
+ top: 0;
1738
+ left: 50%;
1739
+ display: none;
1740
+ width: 48px;
1741
+ height: 48px;
1742
+ transform: translate(-50%, -50%);
1743
+ &.is-icon {
1744
+ border-radius: 1rem;
1745
+ .thumbnail {
1746
+ width: 24px;
1747
+ height: 24px;
1748
+ }
1749
+ }
1750
+ ${pe.mbDown} {
1751
+ display: flex;
1752
+ }
1753
+ }
1754
+ }
1755
+ }
1756
+ }
1757
+ `,_a=({className:e,isMarryBaby:a,style:i,title:r,description:s,acceptText:m,cancelText:p,onAccept:u,onCancel:g,thumbnail:h,isThumbnailIcon:v,onClose:f,acceptBtnTracking:b,acceptBtnProps:w,cancelBtnProps:x})=>{const{data:{env:{isMarryBaby:y}}}=n(d),C="boolean"==typeof a?a:y,[E,k]=o(!1);return l((()=>(ue(!0),setTimeout((()=>k(!0)),0),()=>ue(!1))),[]),"undefined"==typeof window?null:ve.createPortal(t.createElement(Xa,{"data-is-marrybaby":C,className:e,style:i,"data-open":E},t.createElement(Qa,{className:"popup-frame",isOpen:E,onClose:f},t.createElement("div",{className:"confirm-dialog",onClick:e=>e.stopPropagation()},t.createElement("div",{className:"confirm-content"},h&&t.createElement("div",{className:"thumbnail-container "+(v?"is-icon":"")},t.createElement("img",{className:"thumbnail",src:h})),t.createElement(q,{className:"title",tag:"h2"},r),t.createElement(c,{className:"desc",size:"lg"},s),t.createElement("div",{className:"btn-group"},t.createElement(U,Object.assign({theme:C?"marryBaby":"helloSites",size:"md",color:"tertiary",onClick:()=>{null==u||u(),null==f||f()}},w,b),m),t.createElement(U,Object.assign({theme:C?"marryBaby":"helloSites",size:"md",onClick:()=>{null==g||g(),null==f||f()}},x),p)))),C&&h&&t.createElement("div",{className:"thumbnail-container is-mobile "+(v?"is-icon":"")},t.createElement("img",{className:"thumbnail",src:h})))),he())};const Ka=se.div`
1758
+ padding: 1rem;
1759
+ border-top: 1px solid #f2f2f2;
1760
+ &[data-is-reply='true'] {
1761
+ padding-right: 0;
1762
+ padding-left: 0;
1763
+ border-top: 1px solid #e4e8ec;
1764
+ margin-right: 1rem;
1765
+ margin-left: 1rem;
1766
+ }
1767
+ .error-text {
1768
+ padding: 1rem;
1769
+ color: ${e=>e.theme.colors.red700};
1770
+ }
1771
+ .reply-to-container {
1772
+ display: flex;
1773
+ justify-content: space-between;
1774
+ padding-bottom: 0.75rem;
1775
+ margin-top: -0.25rem;
1776
+ .icon-close-comment {
1777
+ width: 16px;
1778
+ height: 16px;
1779
+ cursor: pointer;
1780
+ }
1781
+ a {
1782
+ text-decoration: none;
1783
+ }
1784
+ }
1785
+ .input-container {
1786
+ display: flex;
1787
+ align-items: center;
1788
+ .avatar-wrapper {
1789
+ display: flex;
1790
+ flex-shrink: 0;
1791
+ align-items: center;
1792
+ margin-right: 0.5rem;
1793
+ &.avatar-wrapper-reply {
1794
+ width: 32px;
1795
+ height: 32px;
1796
+ .avatar {
1797
+ width: 32px;
1798
+ height: 32px;
1799
+ }
1800
+ }
1801
+ }
1802
+ .input-wrapper {
1803
+ margin-right: 0.5rem;
1804
+ &[data-has-error] {
1805
+ .as-input {
1806
+ border-color: ${e=>e.theme.colors.red700};
1807
+ }
1808
+ }
1809
+
1810
+ .as-input {
1811
+ .textarea {
1812
+ width: 100%;
1813
+ max-height: 225px;
1814
+ min-height: 75px;
1815
+ .ql-toolbar {
1816
+ padding: 0;
1817
+ }
1818
+ .ql-editor {
1819
+ padding-left: 0;
1820
+ padding-right: 0;
1821
+ }
1822
+ .quill {
1823
+ height: 0;
1824
+ }
1825
+ }
1826
+ width: 100%;
1827
+ padding: 12px 16px;
1828
+ border: solid 1px ${e=>e.theme.colors.gray200};
1829
+ border-radius: 6px;
1830
+
1831
+ &:active,
1832
+ &:focus {
1833
+ border-color: ${e=>e.theme.colors.primaryBase};
1834
+ box-shadow: 0px 0px 2px 2px ${e=>e.theme.colors.blue200};
1835
+ }
1836
+
1837
+ &:disabled {
1838
+ background-color: ${e=>e.theme.colors.gray100};
1839
+ cursor: not-allowed;
1840
+ }
1841
+
1842
+ span {
1843
+ &[data-error='true'] {
1844
+ color: red;
1845
+ text-decoration: underline;
1846
+ }
1847
+ }
1848
+ }
1849
+
1850
+ &[data-has-action-icon] {
1851
+ .as-input {
1852
+ padding: 12px 48px 12px 16px;
1853
+ }
1854
+ }
1855
+ &[data-has-display-icon] {
1856
+ .as-input {
1857
+ padding: 12px 16px 12px 48px;
1858
+ }
1859
+ }
1860
+
1861
+ &[data-has-action-icon][data-has-display-icon] {
1862
+ .as-input {
1863
+ padding: 12px 48px;
1864
+ }
1865
+ }
1866
+
1867
+ &[data-size='lg'] {
1868
+ .as-input {
1869
+ font-size: 16px;
1870
+ font-weight: ${e=>e.theme.sizes.fwRegular};
1871
+ ${pe.mbDown} {
1872
+ font-size: 22px;
1873
+ line-height: 1.2;
1874
+ }
1875
+
1876
+ ${pe.mbUp} {
1877
+ font-size: 26px;
1878
+ line-height: 1.2;
1879
+ }
1880
+ }
1881
+ }
1882
+ &[data-size='md'] {
1883
+ .as-input {
1884
+ font-weight: ${e=>e.theme.sizes.fwRegular};
1885
+ line-height: 22px;
1886
+ ${pe.mbDown} {
1887
+ font-size: 14px;
1888
+ line-height: 1.2;
1889
+ }
1890
+
1891
+ ${pe.mbUp} {
1892
+ font-size: 16px;
1893
+ line-height: 1.2;
1894
+ }
1895
+ }
1896
+ }
1897
+ &[data-size='sm'] {
1898
+ .as-input {
1899
+ font-weight: ${e=>e.theme.sizes.fwRegular};
1900
+ line-height: 20px;
1901
+ ${pe.mbDown} {
1902
+ font-size: 13px;
1903
+ line-height: 1.5;
1904
+ }
1905
+
1906
+ ${pe.mbUp} {
1907
+ font-size: 13px;
1908
+ line-height: 1.5;
1909
+ }
1910
+ }
1911
+ }
1912
+ }
1913
+ .images-input-label {
1914
+ height: 100%;
1915
+ cursor: pointer;
1916
+ .icon-images-input {
1917
+ width: 24px;
1918
+ height: 24px;
1919
+ vertical-align: middle;
1920
+ }
1921
+ }
1922
+ .send-button {
1923
+ display: flex;
1924
+ width: 40px;
1925
+ height: 40px;
1926
+ flex-shrink: 0;
1927
+ align-items: center;
1928
+ justify-content: center;
1929
+ padding: 0;
1930
+ border: none;
1931
+ &.send-button-post {
1932
+ background: ${e=>e.theme.colors.neutral100};
1933
+ border-radius: 50%;
1934
+ }
1935
+ .icon-enter {
1936
+ width: 20px;
1937
+ height: 20px;
1938
+ vertical-align: middle;
1939
+ }
1940
+ &[data-is-loading='true'] {
1941
+ > div {
1942
+ display: flex;
1943
+ align-items: center;
1944
+ justify-content: center;
1945
+ }
1946
+ }
1947
+ }
1948
+ }
1949
+ .preview-images-container {
1950
+ margin-top: 1rem;
1951
+ .image-src-wrapper {
1952
+ position: relative;
1953
+ width: 100%;
1954
+ padding-top: 66.67%;
1955
+ &:not(:last-child) {
1956
+ margin-bottom: 1rem;
1957
+ }
1958
+ .preview-image {
1959
+ position: absolute;
1960
+ top: 0;
1961
+ left: 0;
1962
+ width: 100%;
1963
+ height: 100%;
1964
+ object-fit: cover;
1965
+ }
1966
+ .icon-close-circle {
1967
+ position: absolute;
1968
+ top: 10px;
1969
+ right: 10px;
1970
+ width: 20px;
1971
+ height: 20px;
1972
+ cursor: pointer;
1973
+ }
1974
+ }
1975
+ }
1976
+ `,Ya=a({}),Ja=({isReply:e,className:a,onClose:r,replyToName:s,style:m,replyingId:p,replyingUser:u,onPostSuccess:v,isMainCmt:f=!1,post:w,isMarryBaby:x})=>{const{action:{pushNotifications:y,sanitizeFunction:C},data:{userInfo:E,locale:k,env:{isMarryBaby:N}}}=n(d),A="boolean"==typeof x?x:N,{t:L}=W(),{onSelectImages:M,onRemoveImage:S,imageSrcs:j,onRemoveAllImages:F,imageFiles:B}=Ea(),[O,V]=o(""),{trigger:D}=n(Ya),[R,H]=o(!1),Z=i(null),q=i(null),G=i(null),[Q,X]=o([]),[_,K]=o([]),[Y,J]=o(null);return l((()=>{var e;null===(e=G.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{var e;null===(e=q.current)||void 0===e||e.focus()}),400)}),[D]),t.createElement(Ka,{"data-is-reply":e,className:a,style:m},e&&t.createElement("div",{className:"reply-to-container"},t.createElement(c,{size:"p4"},t.createElement("span",{dangerouslySetInnerHTML:{__html:L("inputComment.replyTo",{name:`<span style="color: #2D87F3; cursor: pointer">@${s||""}</span>`})}})),t.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:()=>r&&r()})),t.createElement("div",{className:"input-container",ref:G},t.createElement(b,{className:"avatar-wrapper "+(e?"avatar-wrapper-reply":""),avatar:(null==E?void 0:E.id)?E.avatar:P,username:(null==E?void 0:E.name)||(null==E?void 0:E.username)}),t.createElement("input",{ref:Z,onChange:M,type:"file",multiple:!0,accept:"image/png,image/jpeg",name:"images",style:{display:"none"}}),t.createElement(ie,{value:O,name:"input",size:"md",className:"input-wrapper",displayIcon:t.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:t.createElement("div",{className:"as-input"},t.createElement(Ma,{className:"textarea",html:O,onChange:V,onImagePickerClick:()=>{var e;return null===(e=Z.current)||void 0===e?void 0:e.click()},bannedWords:_,onPreviewUrlChange:J,onInvalidUrlsChange:X,setEditorRef:e=>q.current=e,isReplying:e}))}),t.createElement(U,{theme:A?"marryBaby":"helloSites",className:"send-button",size:"sm",onClick:()=>z(void 0,void 0,void 0,(function*(){var t,a,n,o,i,l,s,c,d;if((null==w?void 0:w.id)&&!R){H(!0);try{const m=e=>{V(""),F(),r&&r();const t=ae(e.data);"string"==typeof t.images&&(t.images=JSON.parse(t.images)),v&&v(t)},f=yield(({postId:e,message:t,photos:a,link:n,locale:o,sanitizeFunction:i,replyingUserId:l,replyingUserName:r,replyingId:s})=>z(void 0,void 0,void 0,(function*(){const c=new FormData;let d=ba(t.replace(/(\&nbsp;)+/g," "),i);const m=ha(d);return a&&a.length>0&&(yield Promise.all(null==a?void 0:a.map((e=>Ca(e,o))))).filter(Boolean).slice(0,I).forEach((e=>{c.append("images[]",e)})),n&&c.append("link",n),null==m||m.forEach((e=>{c.append("mention_ids[]",e)})),c.append("post_id",e),s&&c.append("parent_id",s),l&&(m.unshift(l),d=`[mention+id="${l}"+name="${(r||"").replace('"',"'")}"]${d}`,c.append("parent_user_id",String(l))),c.append("content",d),c.append("content",d),c})))(Object.assign({message:O,photos:B,postId:String(w.id),link:null==Y?void 0:Y.url,sanitizeFunction:C,locale:k},e&&p?{replyingUserId:String((null==u?void 0:u.id)||(null===(t=null==w?void 0:w.author)||void 0===t?void 0:t.id)||""),replyingId:p,replyingUserName:(null==u?void 0:u.name)||(null==u?void 0:u.username)||""}:{})),b=yield e&&p?((e,t)=>z(void 0,void 0,void 0,(function*(){return T(g(h.COMMENT.REPLY,{_locale:t}),"POST",{data:e})})))(f,k):((e,t)=>z(void 0,void 0,void 0,(function*(){return T(g(h.COMMENT.CREATE,{_locale:t}),"POST",{data:e})})))(f,k),x=null==b?void 0:b.data;(null==x?void 0:x.id)&&!(null===(n=null===(a=null==b?void 0:b.messages)||void 0===a?void 0:a.moderation)||void 0===n?void 0:n.type)?m(b):"banned"===(null===(i=null===(o=null==b?void 0:b.messages)||void 0===o?void 0:o.moderation)||void 0===i?void 0:i.type)?(y({title:L("notification.comment.blocked.title"),message:L("notification.comment.blocked.message"),type:"danger"}),b.messages.moderation.words&&K(b.messages.moderation.words)):"suspect"===(null===(s=null===(l=null==b?void 0:b.messages)||void 0===l?void 0:l.moderation)||void 0===s?void 0:s.type)?(y({title:L("notification.comment.suspect.title"),message:L("notification.comment.suspect.message"),type:"warning"}),V(""),F(),r&&r()):(null===(c=null==b?void 0:b.messages)||void 0===c?void 0:c.find((e=>{var t;return!!(null===(t=null==e?void 0:e.includes)||void 0===t?void 0:t.call(e,"suspend"))})))?(y({message:L("notification.suspend.message"),type:"warning"}),V(""),F(),r&&r()):y({title:"",message:(null===(d=null==b?void 0:b.messages)||void 0===d?void 0:d[0])||L("notification.comment.somethingWrong"),type:"danger"})}catch(e){y({title:"",message:L("notification.comment.somethingWrong"),type:"danger"})}H(!1)}})),isLoading:R,isDisabled:!!(null==Q?void 0:Q.length)||R||!O||(null==O?void 0:O.length)<2||!O.trim()},t.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==Q?void 0:Q.length)?t.createElement("div",{className:"error-text"},L("notification.limitUrlDomain")):null,(!j||0===j.length)&&Y&&t.createElement("div",{className:"link-preview-wrapper"},Y.isFetching?t.createElement(je,null):t.createElement(t.Fragment,null,t.createElement(Be,{title:Y.title,url:Y.url||"#",image:Y.image,noRefetch:!0}),t.createElement("img",{src:ka,className:"icon-close",onClick:()=>J(null)}))),j&&j.length>0&&t.createElement("div",{className:"preview-images-container"},j.map(((e,a)=>t.createElement("div",{key:a,className:"image-src-wrapper"},t.createElement("img",{className:"preview-image",src:e}),t.createElement("img",{src:ka,className:"icon-close-circle",onClick:()=>S(a)}))))))};const $a=se.a`
1977
+ * {
1978
+ pointer-events: none;
1979
+ }
1980
+ `,en=se.div`
1981
+ padding: 1rem;
1982
+ .share__social {
1983
+ display: flex;
1984
+ width: 100%;
1985
+ align-items: center;
1986
+ justify-content: center;
1987
+
1988
+ & > ${$a} {
1989
+ margin: 0 7px;
1990
+
1991
+ & > img {
1992
+ width: 32px;
1993
+ height: 32px;
1994
+ }
1995
+ .__label {
1996
+ display: none;
1997
+ }
1998
+ }
1999
+ }
2000
+
2001
+ .share__copy-link {
2002
+ position: relative;
2003
+ padding: 1rem 0.5rem 0;
2004
+
2005
+ margin-top: 16px;
2006
+ &::before {
2007
+ position: absolute;
2008
+ top: 0;
2009
+ left: 0;
2010
+ width: calc(100% + 2rem);
2011
+ border-top: 1px solid
2012
+ ${e=>e.theme.colors.neutral100};
2013
+ margin-left: -1rem;
2014
+ content: '';
2015
+ }
2016
+ .__label {
2017
+ margin-bottom: 8px;
2018
+ font-size: 11px;
2019
+ font-weight: 400;
2020
+ line-height: 17px;
2021
+ text-align: left;
2022
+ }
2023
+
2024
+ .__input-group {
2025
+ position: relative;
2026
+ overflow: hidden;
2027
+ width: 100%;
2028
+ height: 40px;
2029
+ border: 1px solid ${e=>e.theme.colors.gray200};
2030
+ background: #fff;
2031
+ border-radius: 6px;
2032
+
2033
+ & > input {
2034
+ width: 100%;
2035
+ height: 100%;
2036
+ padding: 0 16px;
2037
+ border: none;
2038
+ background: transparent;
2039
+ color: ${e=>e.theme.colors.gray800};
2040
+
2041
+ &:focus {
2042
+ outline: none;
2043
+ }
2044
+ }
2045
+
2046
+ .__copy {
2047
+ position: absolute;
2048
+ top: 0;
2049
+ right: 0;
2050
+ width: 71px;
2051
+ height: 100%;
2052
+ padding-left: 12px;
2053
+ background: linear-gradient(
2054
+ 90deg,
2055
+ rgba(255, 255, 255, 0.1) 0%,
2056
+ #fff 17%,
2057
+ #fff 100%
2058
+ );
2059
+ color: ${e=>e.theme.colors.primaryBase};
2060
+ cursor: pointer;
2061
+ font-size: 14px;
2062
+ font-weight: 400;
2063
+ }
2064
+ }
2065
+ }
2066
+
2067
+ &[data-is-marrybaby='true'] {
2068
+ ${pe.mbDown} {
2069
+ padding: 0.5rem;
2070
+ }
2071
+ .share__social {
2072
+ justify-content: space-between;
2073
+ & > a {
2074
+ display: flex;
2075
+ flex-direction: column;
2076
+ align-items: center;
2077
+ justify-content: center;
2078
+ text-align: center;
2079
+ ${pe.mbDown} {
2080
+ margin: 0;
2081
+ }
2082
+ & > img {
2083
+ margin-bottom: 0.8rem;
2084
+ }
2085
+ .__label {
2086
+ display: initial;
2087
+ }
2088
+ }
2089
+ }
2090
+ .share__copy-link {
2091
+ padding: 0;
2092
+ &::before {
2093
+ display: none;
2094
+ }
2095
+ .__label {
2096
+ display: none;
2097
+ }
2098
+ .__input-group {
2099
+ height: unset;
2100
+ background-color: rgb(243, 243, 243);
2101
+ border-radius: 16px;
2102
+ & > input {
2103
+ padding: 1rem;
2104
+ }
2105
+ .__copy {
2106
+ background: linear-gradient(
2107
+ 90deg,
2108
+ rgba(255, 255, 255, 0.1) 0%,
2109
+ #f3f3f3 17%,
2110
+ #f3f3f3 100%
2111
+ );
2112
+ }
2113
+ }
2114
+ }
2115
+ }
2116
+ `,tn=({className:e,trackingCategory:a="Together",style:r,shareUrl:s,title:m})=>{const{action:{pushNotifications:p},data:{env:{isMarryBaby:u}}}=n(d),{t:g}=W(),h=i(null),[v,f]=o(!1),b=()=>{if(!(null==h?void 0:h.current))return;const e=document.createElement("textarea");e.value=h.current.value,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e),h.current.focus(),f(!0),p({title:"",message:g("share.linkCopied"),type:"success"})};l((()=>{b(),navigator.share&&navigator.share({title:m||"Read This Post",url:s}).then((e=>{p({title:"",message:g("share.linkShared"),type:"success"})})).catch(console.error)}),[]);const w=((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}`}])(s||"",u);return t.createElement(en,{"data-is-marrybaby":u,className:e,style:r},t.createElement("div",{className:"share__social"},w.map(((e,n)=>t.createElement($a,{key:n,"data-event-category":a,"data-event-action":`Social Share - ${e.name}`,"data-event-label":s,href:e.href,target:"_blank",rel:"noreferrer"},t.createElement("img",{src:e.icon}),t.createElement(c,{className:"__label",size:"label2",type:"regular"},e.name))))),t.createElement("div",{className:"share__copy-link"},t.createElement(c,{className:"__label",color:Z.colors.gray500,size:"p4",type:"regular"},g("orCopyLink")),t.createElement("div",{className:"__input-group"},t.createElement("input",{ref:h,type:"text",value:s,readOnly:!0,onFocus:e=>e.target.select()}),t.createElement("button",{className:"__copy",onClick:()=>b()},u?t.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"}):g(v?"copied":"copy")))))},an=({trackingCategory:e,className:a,style:i,url:r,avatar:s,text:m,onClose:p})=>{const{data:{env:{isMarryBaby:u}}}=n(d),{t:g}=W(),[h,v]=o(!1);return l((()=>(ue(!0),setTimeout((()=>v(!0)),0),()=>ue(!1))),[]),t.createElement(O,null,t.createElement(nn,{"data-is-marrybaby":u,className:a,style:i},t.createElement(Qa,{className:"share-popup",isOpen:h,onClose:p,heading:g("bottomBar.share")},u?t.createElement(c,{className:"share-mb-text",size:"sm"},g("article.shareOn")):t.createElement("div",{className:"custom-share__header"},s&&t.createElement("div",{className:"custom-share__header-image"},t.createElement("img",{src:s})),t.createElement("div",{className:"custom-share__header-info"},t.createElement(q,{tag:"h4"},m),t.createElement(c,{className:"desc",size:"md"},r))),h&&t.createElement(tn,{trackingCategory:e,shareUrl:r||("undefined"!=typeof window?window.location.href:""),title:m}))))},nn=se.div`
2117
+ .share-popup {
2118
+ > div:first-child {
2119
+ height: unset;
2120
+ }
2121
+ .close-button {
2122
+ display: none;
2123
+ }
2124
+ .popup-content .header {
2125
+ display: none;
2126
+ }
2127
+ }
2128
+ .custom-share__header {
2129
+ display: flex;
2130
+ flex-wrap: no-wrap;
2131
+ align-items: center;
2132
+ padding: 1rem;
2133
+ border-bottom: 1px solid
2134
+ ${e=>e.theme.colors.neutral100};
2135
+ margin-bottom: 16px;
2136
+
2137
+ .custom-share__header-image {
2138
+ width: 38px;
2139
+ height: 38px;
2140
+ flex-shrink: 0;
2141
+ & > img {
2142
+ width: 100%;
2143
+ height: 100%;
2144
+ object-fit: cover;
2145
+ object-position: center;
2146
+ }
2147
+ }
2148
+
2149
+ .custom-share__header-info {
2150
+ flex: 1;
2151
+ padding: 0 8px;
2152
+ word-break: break-word;
2153
+
2154
+ [data-tag='h4'] {
2155
+ margin-bottom: 8px;
2156
+ font-size: 14px;
2157
+ font-weight: bold;
2158
+ line-height: 14px;
2159
+ }
2160
+
2161
+ [data-size='md'] {
2162
+ color: #a5a5a5;
2163
+ font-size: 14px;
2164
+ line-height: 14px;
2165
+ }
2166
+ }
2167
+ }
2168
+
2169
+ &[data-is-marrybaby='true'] {
2170
+ .share-popup {
2171
+ > div:first-child {
2172
+ overflow: hidden;
2173
+ border-radius: 1rem;
2174
+ &[data-open='true'] {
2175
+ ${pe.mbDown} {
2176
+ max-width: unset;
2177
+ width: 100%;
2178
+ top: 100%;
2179
+ transform: translate(-50%, -100%);
2180
+ border-bottom-left-radius: 0;
2181
+ border-bottom-right-radius: 0;
2182
+ }
2183
+ }
2184
+ }
2185
+ .close-button {
2186
+ display: block;
2187
+ }
2188
+ .popup-content {
2189
+ .header {
2190
+ display: block;
2191
+ padding: 1rem;
2192
+ background-color: rgb(243, 243, 243);
2193
+ }
2194
+ .content {
2195
+ padding-bottom: 1rem;
2196
+ }
2197
+ }
2198
+ .share-mb-text {
2199
+ margin: 1rem 1rem 0.5rem;
2200
+ }
2201
+ }
2202
+ }
2203
+ `;var on="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 ln=se.div`
2204
+ padding: 0 8px;
2205
+ margin-top: 18px;
2206
+
2207
+ .report-list {
2208
+ margin-bottom: 18px;
2209
+
2210
+ .report-item {
2211
+ display: flex;
2212
+ align-items: center;
2213
+ margin-bottom: 10px;
2214
+ font-weight: 600;
2215
+
2216
+ & > img {
2217
+ width: 12px;
2218
+ height: 12px;
2219
+ margin-right: 8px;
2220
+ }
2221
+
2222
+ .__label {
2223
+ font-size: 14px;
2224
+ }
2225
+ }
2226
+ }
2227
+
2228
+ .report-submit {
2229
+ width: 100%;
2230
+ }
2231
+ &[data-is-marrybaby='true'] {
2232
+ padding: 0 1rem 1rem;
2233
+ }
2234
+ `,rn=({className:e,style:a,reason:i,reasonText:l,onClose:r,postId:s})=>{const{data:{locale:m,env:{isMarryBaby:p}},action:{pushNotifications:u}}=n(d),{t:v}=W(),[f,b]=o(!1);return t.createElement(ln,{"data-is-marrybaby":p,className:e,style:a},t.createElement("ul",{className:"report-list"},t.createElement("li",{className:"report-item"},t.createElement("img",{src:on}),t.createElement(c,{className:"__label",color:Z.colors.gray800,size:"p4"},l))),t.createElement(U,{theme:p?"marryBaby":"helloSites",className:"report-submit",size:"lg",color:"primary",isLoading:f,onClick:()=>z(void 0,void 0,void 0,(function*(){if(s&&!f){b(!0);try{const e=yield(({id:e,reason:t,locale:a})=>{const n=new FormData;return n.append("reason",t),T(g(h.POST.REPORT,{_locale:a,id:e}),"POST",{data:n})})({id:s,reason:i,locale:m});1===(null==e?void 0:e.status)&&(u({message:"Post reported",type:"success"}),r&&r())}catch(e){}b(!1)}}))},v("submit")))},sn=se.div`
2235
+ padding: 0.5rem 1rem 1rem;
2236
+ line-height: 1.5;
2237
+ word-break: break-word;
2238
+ .post-content-replying {
2239
+ margin-right: 5px;
2240
+ color: ${e=>e.theme.colors.primaryBase};
2241
+ cursor: pointer;
2242
+ display: inline-block;
2243
+ &.tag-only {
2244
+ margin-right: 0;
2245
+ }
2246
+ }
2247
+ .post-content {
2248
+ display: inline;
2249
+ white-space: pre-wrap;
2250
+ /* > *:first-child, */
2251
+ > mention:first-child ~ * {
2252
+ &:not(ul),
2253
+ &:not(ol) {
2254
+ display: inline-block;
2255
+ }
2256
+ }
2257
+ > mention:first-child {
2258
+ margin-right: 5px;
2259
+ }
2260
+ &.has-see-more {
2261
+ *:last-child {
2262
+ &:not(ul),
2263
+ &:not(ol) {
2264
+ display: inline;
2265
+ }
2266
+ }
2267
+ }
2268
+ img {
2269
+ width: 100%;
2270
+ height: unset;
2271
+ }
2272
+ ul,
2273
+ ol {
2274
+ list-style-position: inside;
2275
+ padding-left: 1rem;
2276
+ display: block;
2277
+ }
2278
+ ol {
2279
+ list-style-type: decimal;
2280
+ }
2281
+ ul {
2282
+ list-style-type: disc;
2283
+ }
2284
+ mention {
2285
+ color: #1890ff;
2286
+ padding-right: 4px;
2287
+ :hover {
2288
+ text-decoration: underline;
2289
+ }
2290
+ }
2291
+ }
2292
+ .see-more-text {
2293
+ color: #1890ff;
2294
+ cursor: pointer;
2295
+ }
2296
+ `,cn=e=>{var{trackingCategory:a,url:i,className:l,style:s,replyingTo:c,mentionedUser:m,description:p,disableShortenContent:u,mentions:g=[],maxChars:h=1e3,hideShowAllBtn:v}=e,f=j(e,["trackingCategory","url","className","style","replyingTo","mentionedUser","description","disableShortenContent","mentions","maxChars","hideShowAllBtn"]);const[b,w]=o(!1),{t:x}=W(),{authActionWrapper:y}=Me(),[C,E]=o(!1),k=ua(pa(p||"","display"),g),{action:{sanitizeFunction:N}}=n(d),A=r((()=>{const e=N(k||"");if(u||b)return{showContent:e,hasSeeMore:!1};const t=e.slice(0,h),a=h-27*((t.match(/<\/div>/g)||[]).length-1),n=(t||"").slice(0,a<40?40:a),o=N(n.replace(/(<|<\/)( +|[a-zA-Z]*)$/gi,"")),i=o.length<e.length-10;return{showContent:i?o:e,hasSeeMore:i}}),[u,b,k]),L=(null==m?void 0:m.name)||c,T="expert"===(null==m?void 0:m.role)&&!!(null==m?void 0:m.partnerId);return t.createElement(t.Fragment,null,T&&t.createElement(Ft,{isOpen:C,onClose:()=>E(!1),expertId:String(null==m?void 0:m.partnerId)}),t.createElement(sn,Object.assign({className:`${l} no-replace-click`,style:s},f),L&&t.createElement("span",{onClick:()=>T&&E(!0),className:"post-content-replying"},"@",L),(null==p?void 0:p.startsWith("[mention+id="))&&t.createElement("span",{className:"post-content-replying tag-only"},"@"),t.createElement("span",{dangerouslySetInnerHTML:{__html:A.showContent},className:"post-content "+(A.hasSeeMore?"has-see-more":"")}),A.hasSeeMore&&!b&&t.createElement("span",null,"... ",!v&&t.createElement("span",Object.assign({onClick:e=>{e.preventDefault(),e.stopPropagation(),y((()=>w(!0)))},className:"see-more-text"},a?{"data-event-category":a,"data-event-action":"See More Post Click","data-event-label":i}:{}),x("post.seeMore")))))};const dn=se.div`
2297
+ padding: 14px 16px 14px 17px;
2298
+ background: ${e=>e.bgColor};
2299
+ border-left: 3px solid ${e=>e.highlight};
2300
+
2301
+ ${pe.mbUp} {
2302
+ padding: 12px 12px 12px 17px;
2303
+ }
2304
+ `,mn=se.div`
2305
+ display: flex;
2306
+ `,pn=se.div`
2307
+ font-size: 12px;
2308
+ line-height: 18px;
2309
+
2310
+ &[data-has-icon='true'] {
2311
+ margin-left: 10px;
2312
+ }
2313
+ `,un=se.div`
2314
+ flex-shrink: 0;
2315
+ `,gn=se.div`
2316
+ display: grid;
2317
+ grid-gap: 3px;
2318
+ grid-template-columns: 1fr 1fr;
2319
+ grid-template-rows: auto;
2320
+
2321
+ .img-wrapper {
2322
+ position: relative;
2323
+ overflow: hidden;
2324
+ width: 100%;
2325
+ padding-top: 56.25%;
2326
+ grid-column: auto;
2327
+
2328
+ & > img {
2329
+ cursor: zoom-in;
2330
+ }
2331
+
2332
+ .img-preview-blur {
2333
+ position: absolute;
2334
+ top: 50%;
2335
+ left: 50%;
2336
+ width: 110%;
2337
+ height: 110%;
2338
+ /* Add the blur effect */
2339
+ -webkit-filter: blur(8px);
2340
+ filter: blur(8px);
2341
+ object-fit: cover;
2342
+ object-position: center;
2343
+ opacity: 0.8;
2344
+ transform: translate(-50%, -50%);
2345
+ }
2346
+ .img-preview {
2347
+ position: absolute;
2348
+ top: 0;
2349
+ left: 0;
2350
+ width: 100%;
2351
+ height: 100%;
2352
+ object-fit: contain;
2353
+ object-position: center;
2354
+ }
2355
+ .img-more-overlay {
2356
+ position: absolute;
2357
+ top: 0;
2358
+ left: 0;
2359
+ display: flex;
2360
+ width: 100%;
2361
+ height: 100%;
2362
+ align-items: center;
2363
+ justify-content: center;
2364
+ background: rgba(0, 0, 0, 0.5);
2365
+ z-index: 4;
2366
+ }
2367
+ }
2368
+ &[data-image-count='1'] {
2369
+ .img-wrapper {
2370
+ /* padding-top: 100%; */
2371
+ grid-column: 1/3;
2372
+ }
2373
+ }
2374
+ &[data-image-count='2'] {
2375
+ .img-wrapper {
2376
+ /* padding-top: 100%; */
2377
+ }
2378
+ }
2379
+ &[data-image-count='3'] {
2380
+ .img-wrapper {
2381
+ &:first-child {
2382
+ grid-column: 1/3;
2383
+ }
2384
+ }
2385
+ }
2386
+ &[data-image-count='4'] {
2387
+ .img-wrapper {
2388
+ /* padding-top: 100%; */
2389
+ }
2390
+ }
2391
+ &[data-image-count='5'] {
2392
+ grid-template-columns: repeat(6, 1fr);
2393
+ .img-wrapper {
2394
+ /* padding-top: 100%; */
2395
+ grid-column: auto/ span 2;
2396
+
2397
+ &:first-child {
2398
+ padding-top: 56.25%;
2399
+ grid-column: 1/4;
2400
+ }
2401
+ &:nth-child(2) {
2402
+ padding-top: 56.25%;
2403
+ grid-column: 4/7;
2404
+ }
2405
+ }
2406
+ }
2407
+
2408
+ &[data-is-marrybaby='true'] {
2409
+ grid-gap: 8px;
2410
+ .img-wrapper {
2411
+ padding-top: 66.66%;
2412
+ border-radius: 1rem;
2413
+ .img-preview {
2414
+ object-fit: cover;
2415
+ }
2416
+ }
2417
+ &[data-image-count='3'] {
2418
+ grid-template-columns: 1fr 1fr 1fr;
2419
+ .img-wrapper {
2420
+ &:first-child {
2421
+ padding-top: 100%;
2422
+ grid-column: 1/3;
2423
+ grid-row: 1/3;
2424
+ }
2425
+ }
2426
+ }
2427
+ }
2428
+ `,hn=se.div`
2429
+ position: fixed;
2430
+ z-index: 999;
2431
+ top: 0;
2432
+ left: 0;
2433
+ display: flex;
2434
+ overflow: hidden;
2435
+ width: 100vw;
2436
+ height: 100vh;
2437
+ flex-direction: column;
2438
+ background: white;
2439
+ opacity: 0;
2440
+ pointer-events: none;
2441
+ transition: opacity 0.2s linear;
2442
+ &[data-open='true'] {
2443
+ opacity: 1;
2444
+ pointer-events: auto;
2445
+ }
2446
+ .top-bar {
2447
+ position: relative;
2448
+ padding: 20px 40px;
2449
+ .icon-arrow-left {
2450
+ position: absolute;
2451
+ top: 50%;
2452
+ left: 20px;
2453
+ height: 24px;
2454
+ width: 24px;
2455
+ cursor: pointer;
2456
+ transform: translateY(-50%);
2457
+ }
2458
+ }
2459
+ .container {
2460
+ flex: 1;
2461
+ overflow-y: auto;
2462
+ .img-preview {
2463
+ width: 100%;
2464
+ min-width: 100%;
2465
+ margin-bottom: 0.5rem;
2466
+ cursor: pointer;
2467
+ max-height: 100%;
2468
+ object-fit: cover;
2469
+ }
2470
+ }
2471
+ `,vn=se((e=>{var{icon:a,bgColor:n=Z.colors.yellow50,highlightColor:o=Z.colors.yellow800,message:i}=e,l=j(e,["icon","bgColor","highlightColor","message"]);return t.createElement(dn,Object.assign({bgColor:n,highlight:o},l),t.createElement(mn,null,a&&t.createElement(un,null,a),t.createElement(pn,{"data-has-icon":Boolean(a)},i)))}))`
2472
+ margin-bottom: 16px;
2473
+ `,fn=({className:e,style:a,authorName:n,images:i,onClose:r,onOpenSingleView:s})=>{const{t:d}=W(),[m,p]=o(!1);return l((()=>{setTimeout((()=>{p(!0)}),0)}),[]),t.createElement(O,null,t.createElement(hn,{className:e,style:a,"data-open":m},t.createElement("div",{className:"top-bar"},t.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"}),t.createElement(c,{size:"p2",type:"bold",style:{textAlign:"center"}},d("previewPhotos.title",{name:n}))),t.createElement("div",{className:"container"},i.map(((e,a)=>t.createElement("img",{className:"img-preview",key:a,src:e,onClick:()=>null==s?void 0:s(a),alt:"post img"}))))),",")};var bn="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 wn=se.div`
2474
+ position: fixed;
2475
+ z-index: 999;
2476
+ top: 0;
2477
+ left: 0;
2478
+ display: flex;
2479
+ width: 100%;
2480
+ height: 100%;
2481
+ flex-direction: column;
2482
+ background: black;
2483
+ opacity: 0;
2484
+ pointer-events: none;
2485
+ transition: opacity 0.2s linear;
2486
+ &[data-open='true'] {
2487
+ opacity: 1;
2488
+ pointer-events: auto;
2489
+ }
2490
+ `,xn=se.div`
2491
+ padding: 1rem;
2492
+ background: white;
2493
+ .icon-close {
2494
+ width: 26px;
2495
+ height: 26px;
2496
+ cursor: pointer;
2497
+ }
2498
+ `,yn=se.div`
2499
+ position: relative;
2500
+ flex: 1;
2501
+ overflow: hidden;
2502
+ > img {
2503
+ height: 100%;
2504
+ width: 100%;
2505
+ object-fit: contain;
2506
+ object-position: center;
2507
+ }
2508
+ `,Cn=se.div`
2509
+ --inner-padding: max(16px, 20%);
2510
+ height: 100%;
2511
+ position: absolute;
2512
+ left: 0;
2513
+ padding: 8px;
2514
+ padding-right: var(--inner-padding);
2515
+ display: flex;
2516
+ align-items: center;
2517
+ top: 0;
2518
+ cursor: pointer;
2519
+ &[data-right] {
2520
+ padding-right: 8px;
2521
+ padding-left: var(--inner-padding);
2522
+ left: unset;
2523
+ right: 0;
2524
+ }
2525
+ &[data-disabled='true'] {
2526
+ cursor: not-allowed;
2527
+ }
2528
+ `,En=se.div`
2529
+ border-radius: 50%;
2530
+ background: rgba(0, 0, 0, 0.3);
2531
+ display: flex;
2532
+ align-items: center;
2533
+ justify-content: center;
2534
+ padding: 4px;
2535
+ > img {
2536
+ width: 16px;
2537
+ height: 16px;
2538
+ &[data-disabled='true'] {
2539
+ opacity: 0.5;
2540
+ }
2541
+ }
2542
+ ${pe.tdUp} {
2543
+ padding: 8px;
2544
+ > img {
2545
+ width: 30px;
2546
+ height: 30px;
2547
+ }
2548
+ }
2549
+ `,kn=({initialViewIndex:e,images:a,onClose:n})=>{const[i,r]=o(e),[s,c]=o(!1);l((()=>{setTimeout((()=>{c(!0)}),0)}),[]);const d=null==a?void 0:a[i],m=0===i,p=!(null==a?void 0:a.length)||i===(null==a?void 0:a.length)-1;return t.createElement(O,null,t.createElement(wn,{"data-open":s&&!!d},t.createElement(xn,null,t.createElement("img",{src:Za,className:"icon-close",onClick:n,alt:"close"})),d&&i>=0&&t.createElement(t.Fragment,null,t.createElement(yn,null,t.createElement("img",{className:"img-preview",src:d,alt:"post img open"}),t.createElement(Cn,{"data-disabled":m,onClick:()=>!m&&r(i-1)},t.createElement(En,null,t.createElement("img",{src:bn,style:{transform:"rotate(180deg)"},alt:"left arrow","data-disabled":m}))),t.createElement(Cn,{"data-right":!0,"data-disabled":p,onClick:()=>!p&&r(i+1)},t.createElement(En,null,t.createElement("img",{src:bn,alt:"right arrow","data-disabled":p})))))))},Nn="hhgcomp-sensitivemask-inner",An=Y(se.div`
2550
+ position: absolute;
2551
+ top: 0;
2552
+ right: 0;
2553
+ left: 0;
2554
+ bottom: 0;
2555
+ background: rgba(0, 0, 0, 0.4);
2556
+ color: white;
2557
+ display: flex;
2558
+ align-items: center;
2559
+ justify-content: center;
2560
+ cursor: pointer;
2561
+ `,Nn),Ln=se.div``,Tn=se.div`
2562
+ position: absolute;
2563
+ bottom: 0;
2564
+ left: 0;
2565
+ width: 100%;
2566
+ height: 100%;
2567
+ z-index: 3;
2568
+ background: white;
2569
+ cursor: pointer;
2570
+
2571
+ &,
2572
+ * {
2573
+ // transition: all 300ms;
2574
+ transform-origin: bottom left;
2575
+ }
2576
+
2577
+ img {
2578
+ transition: none;
2579
+ }
2580
+ .img-preview {
2581
+ width: 100%;
2582
+ }
2583
+ &[data-is-blurred='true'] {
2584
+ .img-preview {
2585
+ /* Add the blur effect */
2586
+ -webkit-filter: blur(24px);
2587
+ filter: blur(24px);
2588
+ }
2589
+ }
2590
+
2591
+ &[data-is-blurred='false'] {
2592
+ background: transparent;
2593
+ cursor: zoom-in;
2594
+
2595
+ .${Nn} {
2596
+ top: auto;
2597
+ right: auto;
2598
+ left: 8px;
2599
+ bottom: 8px;
2600
+ background: rgba(0, 0, 0, 0);
2601
+ align-items: flex-end;
2602
+ justify-content: flex-start;
2603
+ }
2604
+ }
2605
+ `,In=({image:e,showIcon:a=!0})=>{const[n,i]=o(!0);return t.createElement(Tn,{"data-is-blurred":n,onClick:e=>n&&e.stopPropagation()},t.createElement("img",{loading:"lazy",className:"img-preview",src:e}),t.createElement(An,{onClick:e=>{e.stopPropagation(),i(!n)}},a&&t.createElement(Ln,null,n?t.createElement("svg",{width:"22",height:"20",viewBox:"0 0 22 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"})):t.createElement("svg",{width:"23",height:"16",viewBox:"0 0 23 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"})))))},Pn=({className:e,images:a=[],style:r,authorName:s,isSensitive:c=!1})=>{const{data:{env:{isMarryBaby:m}}}=n(d),{t:p}=W(),u="+ "+((a.length||0)-4),[g,h]=o(!1),[v,f]=o(-1),b=a.length>5,w=i(!1);return l((()=>()=>{w.current&&ue(!1)}),[]),l((()=>{g||v>=0?(ue(!0),w.current=!0):(ue(!1),w.current=!1)}),[g,v]),t.createElement(t.Fragment,null,c&&t.createElement(vn,{message:p("sensitiveMask.contentWarningDescription"),icon:t.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.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"}))}),t.createElement(gn,{className:e,style:r,"data-image-count":b?5:a.length||0,"data-is-marrybaby":m,"data-cursor-pointer":!c},null==a?void 0:a.slice(0,5).map(((e,a)=>{const n=4===a&&b;return t.createElement("div",{className:"img-wrapper",key:a,onClick:()=>{a>=4&&b?h(!0):f(a)}},c&&t.createElement(In,{image:e,showIcon:!n}),!m&&t.createElement("img",{loading:"lazy",className:"img-preview-blur",src:e}),t.createElement("img",{loading:"lazy",className:"img-preview",src:e}),n&&t.createElement("div",{className:"img-more-overlay"},t.createElement(q,{tag:"h1",as:"h2",color:"white"},u)))}))),g&&t.createElement(fn,{authorName:s||"",images:a,onClose:()=>h(!1),onOpenSingleView:f}),v>=0&&t.createElement(kn,{images:a,initialViewIndex:v,onClose:()=>f(-1)}))},Mn=se.div`
2606
+ .link-info-container {
2607
+ padding: 0.5rem 1rem;
2608
+ background: #f4faff;
2609
+ }
2610
+ .link-image-wrapper {
2611
+ position: relative;
2612
+ overflow: hidden;
2613
+ width: 100%;
2614
+ padding-top: 56.25%;
2615
+ &.fetching {
2616
+ background: lightgray;
2617
+ }
2618
+ .loading-spinner {
2619
+ position: absolute;
2620
+ top: 50%;
2621
+ left: 50%;
2622
+ transform: translate(-50%, -50%);
2623
+ }
2624
+ .link-image {
2625
+ position: absolute;
2626
+ top: 0;
2627
+ left: 0;
2628
+ width: 100%;
2629
+ height: 100%;
2630
+ object-fit: cover;
2631
+ object-position: center;
2632
+ }
2633
+ }
2634
+ a {
2635
+ text-decoration: none;
2636
+ }
2637
+ &[data-is-marrybaby='true'] {
2638
+ overflow: hidden;
2639
+ border-radius: 1rem;
2640
+ }
2641
+ `,Sn=({url:e,image:a,className:s,style:c,autoPlay:m=!0})=>{const{data:{locale:p}}=n(d),[f,b]=o(null);l((()=>{z(void 0,void 0,void 0,(function*(){if(!a){if(!e)return b(null);b((e=>Object.assign(Object.assign({},e),{isFetching:!0}))),u(g(h.FETCH_PREVIEW,{_locale:p}),"POST",{data:{link:e},headers:{"Content-Type":"application/json"}}).then((t=>{var a,n;b({url:e,image:(null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.image)||(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.logo)})})).catch((()=>{b(null)}))}}))}),[e,a]);const w=a||(null==f?void 0:f.image),x=(null==f?void 0:f.url)||e,y=r((()=>(e=>{var t;return e.includes("youtu")&&(null===(t=/(.*?)(^|\/|v=)([a-z0-9_-]{11})(.*)?/gim.exec(e))||void 0===t?void 0:t[3])||""})(x)),[x]),C=r((()=>x.includes("facebook.com")||x.includes("fb.watch")),[x]),E=i(0),k=i(0),[N,A]=o(!1);l((()=>{const e=()=>{var e;const t=null===(e=L.current)||void 0===e?void 0:e.getBoundingClientRect();let a=!1;t&&(!E.current||Math.abs((E.current-t.width)/(null==t?void 0:t.width))>.2)&&(E.current=Math.floor(t.width),a=!0),t&&(!k.current||Math.abs((k.current-t.height)/(null==t?void 0:t.height))>.2)&&(k.current=Math.floor(t.height),a=!0),a&&A((e=>!e))};return e(),window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}}),[]);const L=i(null),T=i(!1);return t.createElement(Mn,{className:`${s} no-replace-click`,style:c,ref:L},a||!y&&!C?t.createElement("a",{href:x,target:"_blank",rel:"noreferrer"},t.createElement("div",{className:"link-image-wrapper "+((null==f?void 0:f.isFetching)?"fetching":"")},(null==f?void 0:f.isFetching)?t.createElement(je,{className:"loading-spinner"}):t.createElement("img",{className:"link-image",src:w||v,onError:e=>{T.current||(T.current=!0,e.currentTarget.src=v)}}))):t.createElement("div",{className:"link-image-wrapper"},y?t.createElement("iframe",{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${y}?&autoplay=${m?1:0}&mute=1&enablejsapi=1`,frameBorder:"0",allowFullScreen:!0,style:{position:"absolute",top:0,left:0,border:"none",overflow:"hidden"}}):C?t.createElement("iframe",{key:String(N),src:`https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(x)}&autoplay=${m?1:0}&show_text=false&t=0&width=${E.current}&height=${k.current}`,style:{position:"absolute",top:"50%",left:"50%",border:"none",overflow:"hidden",height:k.current,width:E.current,transform:"translate(-50%, -50%)"},scrolling:"no",frameBorder:"0",allowFullScreen:!0,allow:"autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"}):null))};var zn="PD6nRZX";const jn=({className:e,size:a="md"})=>{const{t:n}=W();return t.createElement("div",{className:`${zn} ${e}`},t.createElement(U,{size:a,color:"transparent",isLoading:!0},n("loading")))},Fn=se.svg`
2642
+ .minus-path {
2643
+ display: none;
2644
+ }
2645
+ `,Bn=e=>{var{size:a,color:n}=e;return j(e,["size","color"]),t.createElement(Fn,{width:a,height:a,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-is-minus":"true"},t.createElement("path",{className:"plus-path",d:"M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z",fill:n}),t.createElement("path",{className:"minus-path",d:"M18 13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z",fill:n}))};Bn.defaultProps={size:24,color:Z.colors.primaryBase};const On=a({});var Vn="DZmf3s7";const Dn=({src:e,defaultSrc:a=J.getAssetPath("logo/logomark.png"),ratio:n=1,size:o=80,radius:i=8,alt:l,className:r=""})=>t.createElement("div",{className:r},t.createElement("div",{className:Vn,style:{width:`${o}px`,height:o*n+"px",borderRadius:`${i}px`}},t.createElement(xt,{src:e,fallbackSrc:a,alt:l})));var Un="l5fL1xL",Rn="L-aGKo7";const Wn=({children:e,className:a=""})=>t.createElement("div",{className:`${Un} ${a}`},e),Hn=({children:e,className:a=""})=>t.createElement("div",{className:`${Rn} ${a}`},e);var Zn="eaR8ATZ",qn="xM-7K0a";const Gn=({category:e,title:a,src:n,children:o,className:i=""})=>t.createElement("div",{className:`${Zn} ${i}`},t.createElement(Dn,{src:n}),t.createElement("div",{className:qn},o||t.createElement("div",null,e&&t.createElement(Wn,null,e),a&&t.createElement(Hn,null,a))));Gn.CategoryText=Wn,Gn.Title=Hn;const Qn=({featureImage:e,postTitle:a,author:n,categories:o,isReview:i,className:l=""})=>{var r;const s=i?"Medically reviewed by Jobelle Ann Dela Cruz Bigalbal, MD":"Written by Jobelle Ann Dela Cruz Bigalbal, MD";return t.createElement(Gn,{src:e,className:l},t.createElement(t.Fragment,null,t.createElement(Gn.CategoryText,null,null===(r=null==o?void 0:o[0])||void 0===r?void 0:r.name),t.createElement(Gn.Title,null,a),t.createElement(wt,{avatarProps:Object.assign(Object.assign({},n),{size:32}),subTitle:t.createElement(t.Fragment,null,s,t.createElement(wt.SubDivider,null),"Dec 12, 2022")})))};var Xn={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 _n=({className:e=""})=>{var a,o,i,l,r;const{t:s}=W(),{info:c,isMarryBaby:d}=n(On),m=null==c?void 0:c.data,p=[{type:"linkedin",icon:J.getAssetPath("linkedin.svg"),url:null===(a=null==c?void 0:c.contact)||void 0===a?void 0:a.linkedin},{type:"instagram",icon:J.getAssetPath("instagram.svg"),url:null===(o=null==c?void 0:c.contact)||void 0===o?void 0:o.instagram},{type:"facebook",icon:J.getAssetPath("facebook.svg"),url:null===(i=null==c?void 0:c.contact)||void 0===i?void 0:i.facebook},{type:"youtube",icon:J.getAssetPath("youtube.svg"),url:null===(l=null==c?void 0:c.contact)||void 0===l?void 0:l.youtube},{type:"tiktok",icon:J.getAssetPath("tiktok.svg"),url:null===(r=null==c?void 0:c.contact)||void 0===r?void 0:r.tiktok}],u=[...((null==c?void 0:c.experiences)||[]).length>0?[{key:"experience",heading:s("profilePanel.experience"),iconSrc:J.getAssetPath(d?"award-doc-mb.svg":"award-doc.svg"),panel:t.createElement("div",{className:Xn.accBodyGroup},null==c?void 0:c.experiences.map(((e,a)=>t.createElement("div",{className:Xn.accBodyGroupItem,key:String(a)},t.createElement("div",{className:Xn.accBodyGroupTitle},e.title),t.createElement("div",{className:Xn.accBodyGroupDesc},t.createElement("p",null,e.organization),t.createElement("p",null,e.duration))))))}]:[],...((null==c?void 0:c.educations)||[]).length>0?[{key:"education",heading:s("profilePanel.education"),iconSrc:J.getAssetPath(d?"book-mb.svg":"book.svg"),panel:t.createElement("div",{className:Xn.accBodyGroup},null==c?void 0:c.educations.map(((e,a)=>t.createElement("div",{className:Xn.accBodyGroupItem,key:String(a)},t.createElement("div",{className:Xn.accBodyGroupTitle},e.schoolName),t.createElement("div",{className:Xn.accBodyGroupDesc},t.createElement("p",null,e.study),t.createElement("p",null,e.completedYear))))))}]:[],...((null==c?void 0:c.awards)||[]).length>0?[{key:"awards",heading:s("profilePanel.awards"),iconSrc:J.getAssetPath(d?"award-mb.svg":"award.svg"),panel:t.createElement("div",{className:Xn.accBodyGroup},null==c?void 0:c.awards.map(((e,a)=>t.createElement("div",{className:Xn.accBodyGroupTitle,key:a},e.title))))}]:[]],g=(null==c?void 0:c.relatedPosts)||[],h=p.filter((e=>e.url));return t.createElement("div",{className:`${Xn.container} ${e}`,"data-is-marrybaby":d},u.length>0&&t.createElement(V,{defaultValue:u[0].key,chevron:d?t.createElement("div",{className:Xn.mbChevronWrapper},t.createElement(Bn,{size:12,color:Z.mbColors.midGray})):t.createElement(Bn,{color:Z.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"}}}},u.map((e=>t.createElement(V.Item,{key:e.key,value:e.key},t.createElement(V.Control,null,t.createElement("div",{className:Xn.header},t.createElement("div",{className:Xn.headingIcon},t.createElement("img",{src:e.iconSrc})),t.createElement("div",{className:Xn.heading},e.heading))),t.createElement(V.Panel,null,e.panel))))),g.length>0&&t.createElement("div",{className:Xn.group},t.createElement("div",{className:Xn.subTitle},t.createElement("img",{className:Xn.subIcon,src:J.getAssetPath(d?"mb-logo.svg":"logo/circle-solid.svg")}),s("profilePanel.publishedArticles")),t.createElement("div",{className:`${Xn.relatedList}`},null==c?void 0:c.relatedPosts.map((e=>t.createElement("a",{key:String(e.id),href:`${window.location.origin}${null==e?void 0:e.permalink}`,className:Xn.articleCardLink},t.createElement(Qn,Object.assign({className:"article-card"},Object.assign(Object.assign({},e),!e.author&&{author:{displayName:null==m?void 0:m.name,avatar:null==m?void 0:m.avatar}}),{isReview:!0}))))))),h.length>0&&t.createElement("div",{className:Xn.group},t.createElement("div",{className:Xn.subTitle},t.createElement("img",{className:Xn.subIcon,src:J.getAssetPath(d?"social-mb.svg":"social.svg")}),s("profilePanel.socialLinks")),t.createElement("div",{className:Xn.groupBody},t.createElement(F,null,p.map(((e,a)=>e.url&&t.createElement("div",{className:Xn.socialItem,key:a},t.createElement("a",{href:e.url,target:"_blank",rel:"noreferrer"},t.createElement("img",{src:e.icon,loading:"lazy",width:"32px"})))))))))};var Kn="_8fd7YMs",Yn="DomiQfw",Jn="-b2qnfL";const $n=({message:e,buttonTxt:a,imgSrc:o,onBtnClick:i})=>{const{siteType:l,isMarryBaby:r}=n(On);return t.createElement("div",{className:Kn},t.createElement("div",{className:Yn},t.createElement("img",{src:o||J.getAssetPath(r?"comments-mb.svg":"comments.svg")})),e&&t.createElement("div",{className:Jn},e),a&&t.createElement(U,{size:"md",theme:l,color:"secondary",onClick:i},a))};var eo={container:"GYUElSy",question:"_3C6QpT1",questionTitle:"_9M9VYL6",community:"_1RuSyv3",questionCard:"_1IG-eEp"};const to=({post:e,className:a=""})=>{var o,i,l,r,s,c,m,p;const{t:u}=W(),{data:{userInfo:g,env:{togetherBasePath:h}}}=n(d),{authActionWrapper:v,authorProps:f,isMarryBaby:b}=n(On),w=`${window.location.origin}${h}/${null===(o=null==e?void 0:e.community)||void 0===o?void 0:o.slug}/${null==e?void 0:e.slug}`;return t.createElement("div",{className:`${eo.container} ${a}`},t.createElement("div",{className:eo.header},t.createElement("div",{className:eo.question},u("profilePanel.question")," ",t.createElement("span",{className:eo.questionTitle,style:{color:b?Z.mbColors.pink:Z.colors.primaryBase},onClick:()=>{(null==g?void 0:g.id)||null==v||v((()=>window.location.href=w))}},"#",null==e?void 0:e.title)),t.createElement("div",{className:eo.community},null===(i=null==e?void 0:e.community)||void 0===i?void 0:i.name," - ",null==e?void 0:e.createdTime)),t.createElement("div",{className:eo.questionCard},t.createElement(Jt,Object.assign({className:"card-author"},f,{role:"user",avatarIcon:t.createElement(rt,null),subLine:t.createElement(Jt.SubTextRow,null,t.createElement(Jt.SubText,null,null===(s=null===(r=null===(l=null==e?void 0:e.expertAnswer)||void 0===l?void 0:l.answer)||void 0===r?void 0:r[0])||void 0===s?void 0:s.createdTime))})),t.createElement(cn,{className:"post-content-wrapper",description:(null===(p=null===(m=null===(c=null==e?void 0:e.expertAnswer)||void 0===c?void 0:c.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"})),t.createElement(U,{theme:b?"marryBaby":"helloSites",size:"md",color:"secondary",onClick:()=>{(null==g?void 0:g.id)?window.location.href=w:null==v||v((()=>window.location.href=w))}},u("profilePanel.anserwing.viewFull")))};var ao="MrdoES3";const no=({id:e})=>{const{t:a}=W(),{data:{locale:i}}=n(d),{authorProps:r}=n(On),[s,c]=o(null),[m,p]=o(!1);return l((()=>{e&&z(void 0,void 0,void 0,(function*(){var t;p(!0);const a=yield u(g(h.USER.LIST_ANSWERS,{_locale:i,id:e}),"GET"),n=((null===(t=null==a?void 0:a.data)||void 0===t?void 0:t.replies)||[]).map(ee);c(n),p(!1)}))}),[]),t.createElement("div",{className:ao},m?t.createElement(jn,null):null!==s&&(s.length>0?s.map((e=>t.createElement(to,{className:"post-card",key:e.id,post:e}))):t.createElement($n,{message:a("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)})})))},oo=e=>{var{size:a,color:n}=e,o=j(e,["size","color"]);return t.createElement("svg",Object.assign({width:a,height:a,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o),t.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:n}))};oo.defaultProps={size:24,color:Z.colors.gray600};var io="KsWg8i6",lo="_9tS0EUN",ro="kyyRKlb",so="-Uqqka-";const co=e=>{var{post:a,onSkip:i,siteType:l,btnText:r}=e,c=j(e,["post","onSkip","siteType","btnText"]);const{t:m}=W(),{data:{locale:p},action:{pushNotifications:u}}=n(d),[v,f]=o(!1),[b,w]=o(!1),x=s((()=>z(void 0,void 0,void 0,(function*(){var e;w(!0);const t=yield T(g(h.USER.SKIP_QUESTION,{_locale:p,id:null==a?void 0:a.id}),"PUT");1===(null==t?void 0:t.status)?(null==i||i({id:(null==a?void 0:a.id)||"",communityId:(null===(e=null==a?void 0:a.community)||void 0===e?void 0:e.id)||""}),f(!1),u({title:"",message:"Skip success",type:"success"})):u({title:"",message:null==t?void 0:t.messages,type:"danger"}),w(!1)}))),[]);return t.createElement(D,{width:327,withArrow:!0,shadow:"md",opened:v},t.createElement(D.Target,null,t.createElement("div",Object.assign({className:`${io} ${(null==c?void 0:c.className)||""}`,onClick:()=>f(!0)},c),r||m("profilePanel.questionNotClear"))),t.createElement(D.Dropdown,null,t.createElement("div",null,t.createElement("div",{className:lo},m("profilePanel.skipQuestion.heading")),t.createElement("div",{className:ro},m("profilePanel.skipQuestion.content")),t.createElement("div",{className:so},t.createElement(U,{theme:l,size:"md",color:"secondary",icon:t.createElement(be,{color:Z.colors.primaryBase,size:24}),onClick:()=>f(!1)}),t.createElement(U,{theme:l,size:"md",icon:t.createElement(we,{color:"white",size:24}),onClick:x,isLoading:b})))))};var mo="toEutn7",po="drdisHs",uo="HNlhOdx";const go=e=>{var a,o,i,l,{post:r,onSkip:s}=e,c=j(e,["post","onSkip"]);const{data:{env:{togetherBasePath:m}}}=n(d),{showSkipQuestionTag:p}=n(On);return t.createElement(t.Fragment,null,t.createElement("div",Object.assign({},c,{className:`${mo} ${(null==c?void 0:c.className)||""}`}),t.createElement(Jt,{className:"card-author",avatar:null===(a=null==r?void 0:r.author)||void 0===a?void 0:a.avatar,name:(null===(o=null==r?void 0:r.author)||void 0===o?void 0:o.name)||(null===(i=null==r?void 0:r.author)||void 0===i?void 0:i.username),isAnonymous:Boolean(null==r?void 0:r.isAnonymous),subLine:t.createElement(Jt.SubTextRow,null,t.createElement(Jt.SubText,null,null==r?void 0:r.createdTime))}),t.createElement("a",{href:`${window.location.origin}${m}/${null===(l=null==r?void 0:r.community)||void 0===l?void 0:l.slug}/${null==r?void 0:r.slug}`,className:po,rel:"noreferrer"},null==r?void 0:r.title),p&&t.createElement(co,{className:uo,post:r,onSkip:s})))};var ho={accordion:"I-uIJ6E",header:"_41WRsj2",heading:"AcOGL93",headingIcon:"JD3dWJN",panel:"dKAgnS8",chevron:"L2Q9T6m"};const vo=()=>{var e,a;const{t:i}=W(),{data:{locale:r,userInfo:s}}=n(d),{onSkipQuestion:c,countValues:m,setCountValues:p}=n(On),[u,v]=o(),[f,b]=o([]),[w,x]=o(!1),y=null==s?void 0:s.id;l((()=>{y&&z(void 0,void 0,void 0,(function*(){var e;x(!0);const t=yield T(g(h.USER.LIST_QUESTION_NEED_REPLY,{_locale:r}),"GET"),a=[],n=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=>{n[e.id]=e.question.map(ee),delete e.question,a.push(ne(e))})),b(a),v(n),x(!1)}))}),[]);const C=({id:e,communityId:t})=>{if(e&&t&&u){const a=Object.assign(Object.assign({},u),{[t]:[...((null==u?void 0:u[t])||[]).filter((t=>t.id!==e))]});let n=0;Object.keys(a).map((e=>n+=a[e].length||0)),v(a),p(Object.assign(Object.assign({},m),{total_question:n})),null==c||c(n)}};return t.createElement("div",{className:ho.container},w?t.createElement(jn,null):(null==m?void 0:m.total_question)>0?f.length>0&&t.createElement(V,{className:ho.accordion,defaultValue:String((null===(a=f[null===(e=Object.keys(f))||void 0===e?void 0:e[0]])||void 0===a?void 0:a.id)||""),styles:{control:{padding:"16px",border:`1px solid ${Z.colors.neutral100}`,borderTopLeftRadius:"8px",borderTopRightRadius:"8px",'&[aria-expanded="false"]':{borderBottom:0}},chevron:{width:"32px",height:"32px"},content:{padding:0,border:`1px solid ${Z.colors.neutral100}`,borderTop:0,borderBottom:0},item:{marginBottom:"16px"}},chevron:t.createElement("div",{className:ho.chevron},t.createElement(oo,{color:Z.colors.gray600,size:20}))},f.map((e=>{const a=u&&(null==u?void 0:u[e.id])||[];return a.length>0&&t.createElement(V.Item,{key:e.id,value:String(e.id)},t.createElement(V.Control,null,t.createElement("div",{className:ho.header},t.createElement("div",{className:ho.headingIcon},t.createElement("img",{src:e.thumbnail})),t.createElement("div",{className:ho.heading},e.name))),t.createElement(V.Panel,null,t.createElement("div",{className:ho.body},a.map((e=>t.createElement(go,{className:"question-card",key:e.id,post:e,onSkip:C}))))))}))):t.createElement($n,{message:i("profilePanel.emptyCareMess.content"),imgSrc:J.getAssetPath("questions.svg")}))};var fo="GA-zc-O",bo="A18McWD",wo="IB049vj",xo="_8I--vEV";const yo=({post:e,className:a=""})=>{var o;const{data:{userInfo:i,env:{togetherBasePath:l}}}=n(d),{authActionWrapper:r,authorProps:s}=n(On),c=`${window.location.origin}${l}/${null===(o=null==e?void 0:e.community)||void 0===o?void 0:o.slug}/${null==e?void 0:e.slug}`;return t.createElement("div",{className:`${fo} ${a}`},t.createElement("div",{className:wo},t.createElement("a",{className:xo,href:c,onClick:e=>{(null==i?void 0:i.id)||(e.preventDefault(),null==r||r((()=>window.location.href=c)))}}),t.createElement(wt,{className:"card-author",avatarProps:{avatar:null==s?void 0:s.avatar,size:32}},t.createElement(Jt.MainText,{className:bo},null==e?void 0:e.title),t.createElement(Jt.SubTextRow,null,t.createElement(Jt.SubText,null,null==e?void 0:e.createdTime))),t.createElement(cn,{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 Co="TSMHoEM";const Eo=()=>{const{t:e}=W(),{data:{locale:a}}=n(d),{authorId:i,authorProps:r,isAuthorLogin:s,onCloseFromPost:c}=n(On),[m,p]=o(null),[v,f]=o(!1);return l((()=>{i&&z(void 0,void 0,void 0,(function*(){var e;f(!0);const t=yield u(g(h.USER.LIST_POST,{_locale:a,id:i,isAnonymous:0}),"GET"),n=((null===(e=null==t?void 0:t.data)||void 0===e?void 0:e.posts)||[]).map(ee);p(n),f(!1)}))}),[i]),t.createElement("div",{className:Co},v?t.createElement(jn,null):null!==m&&(m.length>0?m.map((e=>t.createElement(yo,{className:"post-card",key:e.id,post:e}))):t.createElement($n,{message:e("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)||""}),buttonTxt:s&&e("profilePanel.createPost"),onBtnClick:()=>{null==c||c()}})))};var ko="_4Vekw96",No="DIJdGcB",Ao="aQSt4-Q";const Lo=e=>e?{title:null==e?void 0:e.title,organization:null==e?void 0:e.organization,duration:e.duration}:{},To=e=>e?{completedYear:null==e?void 0:e.completed_year,schoolName:e.school_name,study:e.study}:{};var Io,Po;!function(e){e[e.About=0]="About",e[e.Care=1]="Care",e[e.Answer=2]="Answer",e[e.Posts=3]="Posts"}(Io||(Io={})),function(e){e[e.Expert=0]="Expert",e[e.User=1]="User"}(Po||(Po={}));const Mo=e=>{var a,i,{authorProps:r,selectedTab:s,authActionWrapper:c,onSkipQuestion:m,onCloseFromPost:p,hideQuestionTab:v,hideAnswerTab:f,showSkipQuestionTag:b,rolesToShowQuestionsTab:w=["expert"]}=e,x=j(e,["authorProps","selectedTab","authActionWrapper","onSkipQuestion","onCloseFromPost","hideQuestionTab","hideAnswerTab","showSkipQuestionTag","rolesToShowQuestionsTab"]);const{data:{locale:y,userInfo:C,env:{isMarryBaby:E}}}=n(d),{t:k}=W(),N=null==r?void 0:r.role,A=null==C?void 0:C.role,L=String(null==r?void 0:r.userId),[T,I]=o(),[P,M]=o(!1),[S,F]=o(),B=(null==C?void 0:C._togetherUserId)===(null==r?void 0:r.userId),O=[...-1!==w.indexOf(N)?[{key:Io.About,name:k("profilePanel.tabs.highlight"),component:t.createElement(_n,{id:L,info:S})}]:[{key:Io.Posts,name:k("profilePanel.tabs.posts"),component:t.createElement(Eo,null),hasCountResult:!0,keyOfCountApi:"post",keyOfResult:"total_post"}],...v||-1===w.indexOf(A)||(null==C?void 0:C._togetherUserId)!==(null==r?void 0:r.userId)?[]:[{key:Io.Care,name:`${k("profilePanel.tabs.care")}`,component:t.createElement(vo,null),hasCountResult:!0,keyOfCountApi:"question",keyOfResult:"total_question"}],...f||-1===w.indexOf(N)?[]:[{key:Io.Answer,name:`${k("profilePanel.tabs.expertAnswer")}`,component:t.createElement(no,{id:L}),hasCountResult:!0,keyOfCountApi:"reply",keyOfResult:"total_reply"}]],[V,D]=o(null),[U,R]=o(null),H={initialTab:U,tabContent:V,onChange:e=>R(e)},Z=null==O?void 0:O.filter((e=>null==e?void 0:e.hasCountResult));l((()=>{z(void 0,void 0,void 0,(function*(){var e,t,a,n,o,i,l,r,c;M(!0);const d=yield Promise.all([u(g(h.USER.DETAIL,{_locale:y,id:L}),"GET"),...Z.map((e=>u(g(h.USER.COUNT_TABS,{_locale:y,id:L,[e.keyOfCountApi]:1}),"GET")))]),[m]=d,p={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(Lo),relatedPosts:((null===(a=null==m?void 0:m.data)||void 0===a?void 0:a.related_post)||[]).map((e=>oe(e.post))),educations:((null===(o=null===(n=null==m?void 0:m.data)||void 0===n?void 0:n.fields)||void 0===o?void 0:o.educations)||[]).map(To),awards:(null===(l=null===(i=null==m?void 0:m.data)||void 0===i?void 0:i.fields)||void 0===l?void 0:l.awards_accreditations)||[],contact:(null===(c=null===(r=null==m?void 0:m.data)||void 0===r?void 0:r.fields)||void 0===c?void 0:c.contact)||{}};1===(null==m?void 0:m.status)&&F(p);const v=(null==p?void 0:p.relatedPosts)||[],f=Object.keys(p.contact).map((e=>{var t;return""!==(null===(t=null==p?void 0:p.contact)||void 0===t?void 0:t[e])})),b=[...(null==p?void 0:p.experiences)||[],...(null==p?void 0:p.educations)||[],...(null==p?void 0:p.awards)||[]],w=v.length>0||f.length>0||b.length>0,x={},C=Z.map(((e,t)=>{var a,n,o;const i=(null===(o=null===(n=null===(a=d[t+1])||void 0===a?void 0:a.data)||void 0===n?void 0:n.counting)||void 0===o?void 0:o[e.keyOfResult])||0;return i>0?(x[e.keyOfResult]=i,e):-1!==[Io.Care,Io.Posts].indexOf(e.key)?e:void 0})).filter(Boolean).map((e=>e.key)),E=O.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!==C.indexOf(t.key)?t:void 0:t.key===Io.About?w&&t:t})).filter(Boolean);D(E),R((()=>{if(!s)return 0;const e=null==E?void 0:E.findIndex((e=>e.key===s));return-1!==e?e:0})()),I(x),M(!1)}))}),[]);const q=null==S?void 0:S.data;return t.createElement(On.Provider,{value:{isMarryBaby:E,siteType:E?"marryBaby":"helloSites",authorId:String((null==r?void 0:r.userId)||""),authActionWrapper:c,onSkipQuestion:m,info:S,authorProps:r,onCloseFromPost:p,countValues:T,setCountValues:I,isAuthorLogin:B,showSkipQuestionTag:b}},t.createElement("div",Object.assign({},x,{className:`${ko} ${(null==x?void 0:x.className)||""}`,"data-is-marrybaby":E}),P?t.createElement(jn,null):t.createElement(t.Fragment,null,t.createElement(Jt,Object.assign({},r,{className:"card-author",showDetailPopup:!1,subLine:"expert"===(null==r?void 0:r.role)?(null==q?void 0:q.specialty)&&(null==q?void 0:q.organisation)&&t.createElement(Jt.SubTextRow,null,(null==q?void 0:q.specialty)&&t.createElement(t.Fragment,null,t.createElement(Jt.SubText,null,null==q?void 0:q.specialty),t.createElement(Jt.SubDivider,null)),t.createElement(Jt.SubText,null,null==q?void 0:q.organisation)):(null==q?void 0:q.created_at)&&t.createElement(Jt.SubTextRow,null,t.createElement(Jt.SubText,null,k("profilePanel.joined")," ",me(null==q?void 0:q.created_at).toNow(!0)))})),"expert"===N&&t.createElement("div",{className:No,dangerouslySetInnerHTML:{__html:null===(a=null==S?void 0:S.data)||void 0===a?void 0:a.description}}),null!==V&&null!==U&&(V.length>0?t.createElement("div",{className:Ao},t.createElement(ye,Object.assign({},H,{className:"feature-tabs"})),null===(i=null==V?void 0:V[U])||void 0===i?void 0:i.component):t.createElement($n,{message:k("profilePanel.emptyPostMess.content",{name:(null==r?void 0:r.name)||(null==r?void 0:r.username)||""})})))))};var So=Object.freeze({__proto__:null,get TabName(){return Io},get UserType(){return Po},TabDataInit:{experiences:[],relatedPosts:[],educations:[],awards:[],contact:{},data:{}},ProfileDetail:Mo}),zo="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",jo="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",Fo="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 Bo=({onDeleteComment:e,commentId:a,className:i="",popoverClassName:l=""})=>{const{data:{env:{isMarryBaby:r},locale:s},action:{pushNotifications:c}}=n(d),{t:m}=W(),[p,u]=o(!1),{authActionWrapper:v}=Me();return t.createElement("div",{className:i,onClick:e=>{e.preventDefault(),e.stopPropagation()}},p&&t.createElement(_a,{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:m("popup.deleteComment.title"),description:m("popup.deleteComment.description"),acceptText:m("popup.deletePost.accept"),cancelText:m("popup.deletePost.cancel"),onAccept:()=>z(void 0,void 0,void 0,(function*(){var t;if(!a)return;const n=yield(({id:e,locale:t})=>T(g(h.COMMENT.DELETE,{_locale:t,id:e}),"DELETE"))({id:a,locale:s});1===(null==n?void 0:n.status)?(e&&e(),c({title:"",message:m("notification.success"),type:"success"})):c({title:"",message:(null===(t=null==n?void 0:n.messages)||void 0===t?void 0:t[0])||m("notification.failure"),type:"danger"})})),onClose:()=>u(!1)}),t.createElement(nt,{position:"bottom",align:"end",data:{isShowheader:!1,type:"list",list:[{icon:Fo,label:m("actionPopover.delete"),onClick:()=>{v((()=>{u(!0)}))}}]},className:l,toggleButtonContent:t.createElement("img",{src:r?zo:jo}),buttonProps:{}}))},Oo=se.div`
2646
+ position: relative;
2647
+ margin-bottom: 0;
2648
+ background: white;
2649
+ border-radius: 6px;
2650
+
2651
+ .post-author {
2652
+ &.with-popover {
2653
+ padding-right: 2.6rem;
2654
+ }
2655
+ .author-avatar-wrapper {
2656
+ width: 40px;
2657
+ height: 40px;
2658
+ font-size: 20px;
2659
+ ${pe.mbDown} {
2660
+ width: 32px;
2661
+ height: 32px;
2662
+ font-size: 16px;
2663
+ }
2664
+ }
2665
+ }
2666
+ .image-preview-wrapper,
2667
+ .link-preview-wrapper {
2668
+ width: 100%;
2669
+ &[data-is-reply='true'] {
2670
+ padding-right: 1rem;
2671
+ padding-left: 1rem;
2672
+ }
2673
+ }
2674
+ .post-reaction {
2675
+ background: none;
2676
+ border-radius: 0 0 6px 6px;
2677
+ }
2678
+ &[data-is-reply='true'] {
2679
+ > .post-author .author-avatar-wrapper {
2680
+ width: 20px;
2681
+ height: 20px;
2682
+ font-size: 10px;
2683
+ }
2684
+ }
2685
+ &[data-is-reply='false'] {
2686
+ border: 1px solid #e4e8ec;
2687
+ }
2688
+ .expert-wrapper {
2689
+ width: 100%;
2690
+ }
2691
+ &[data-has-booking='true'] {
2692
+ display: grid;
2693
+ .post-author {
2694
+ background-color: ${e=>e.theme.colors.blue50};
2695
+ }
2696
+ .btn-wrapper {
2697
+ padding: 0 16px;
2698
+ .btn-booking {
2699
+ width: 100%;
2700
+ margin: 12px 0;
2701
+ }
2702
+ }
2703
+ }
2704
+
2705
+ .comment-reply-wrapper {
2706
+ padding: 0 1rem;
2707
+ .more-cmt {
2708
+ .chevron-right {
2709
+ height: 1rem;
2710
+ width: 1rem;
2711
+ vertical-align: middle;
2712
+ }
2713
+ }
2714
+ }
2715
+ .top-divider {
2716
+ border-color: #e4e8ec;
2717
+ }
2718
+ .popover {
2719
+ position: absolute;
2720
+ top: 1.5rem;
2721
+ right: 1rem;
2722
+ .popover-menu__btn {
2723
+ display: flex;
2724
+ width: 1rem;
2725
+ height: 1rem;
2726
+ align-items: center;
2727
+ justify-content: center;
2728
+ padding: 0;
2729
+ background: transparent;
2730
+
2731
+ &:hover {
2732
+ background-color: transparent;
2733
+ }
2734
+
2735
+ .popover-menu__content {
2736
+ &.--position-bottom {
2737
+ &.--align-end {
2738
+ &::before {
2739
+ right: 12.5px;
2740
+ }
2741
+ }
2742
+ }
2743
+ }
2744
+ }
2745
+ }
2746
+
2747
+ &[data-is-marrybaby='true'] {
2748
+ &[data-is-reply='false'] {
2749
+ border: none;
2750
+ }
2751
+ .image-preview-wrapper,
2752
+ .link-preview-wrapper {
2753
+ padding-right: 1rem;
2754
+ padding-left: 1rem;
2755
+ }
2756
+ .popover {
2757
+ .popover-menu__btn {
2758
+ width: 24px;
2759
+ height: 24px;
2760
+ }
2761
+ }
2762
+
2763
+ margin-left: 56px;
2764
+ ${pe.mbDown} {
2765
+ margin-left: 40px;
2766
+ }
2767
+ > .post-author {
2768
+ margin-left: -56px;
2769
+ ${pe.mbDown} {
2770
+ margin-left: -40px;
2771
+ }
2772
+ .author-info {
2773
+ align-items: center;
2774
+ display: flex;
2775
+ align-items: center;
2776
+ .author-info-top {
2777
+ width: 100%;
2778
+ }
2779
+ .author-info-text-wrapper {
2780
+ justify-content: space-between;
2781
+ }
2782
+ }
2783
+ .author-avatar-wrapper {
2784
+ width: 40px;
2785
+ height: 40px;
2786
+ font-size: 20px;
2787
+ ${pe.mbDown} {
2788
+ width: 24px;
2789
+ height: 24px;
2790
+ font-size: 12px;
2791
+ }
2792
+ }
2793
+ }
2794
+ &[data-is-reply] {
2795
+ > .post-author {
2796
+ .author-avatar-wrapper {
2797
+ width: 40px;
2798
+ height: 40px;
2799
+ font-size: 20px;
2800
+ ${pe.mbDown} {
2801
+ width: 24px;
2802
+ height: 24px;
2803
+ font-size: 12px;
2804
+ }
2805
+ }
2806
+ }
2807
+ }
2808
+
2809
+ .comment-reply-wrapper {
2810
+ padding-right: 0;
2811
+ padding-left: 0;
2812
+ }
2813
+ .post-reaction {
2814
+ &::after {
2815
+ position: absolute;
2816
+ bottom: 0;
2817
+ left: 50%;
2818
+ width: calc(100% - 2rem);
2819
+ height: 1px;
2820
+ background: #f3f3f3;
2821
+ content: ' ';
2822
+ transform: translateX(-50%);
2823
+ }
2824
+ }
2825
+ .post-content-wrapper {
2826
+ padding-top: 0;
2827
+ padding-bottom: 0;
2828
+ ${pe.mbDown} {
2829
+ padding-left: 0.5rem;
2830
+ }
2831
+ }
2832
+
2833
+ ${pe.mbDown} {
2834
+ margin-bottom: 12px;
2835
+ }
2836
+ }
2837
+ `,Vo=({className:e,style:a,comment:i,type:s="comment",level:c=0,replyingId:m,onPostCommentSuccess:p,post:v,onDeleteComment:f,refetchComment:b,hasQuickBookingEnable:y,handleMakeAppointment:C,cardAuthorProps:E})=>{var k,N,A,L,I,P;const{data:{locale:M,userInfo:S,env:{isMarryBaby:j}}}=n(d),{t:F}=W(),[B,O]=o(i||null),{id:V,countReplies:D,countLikes:R,content:H,createdAt:Z,replies:q=[],images:G=[],author:Q,liked:X,link:_,mentionedUser:K,mentions:Y}=B,{text:J,replyingTo:$}=(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:ee}=Me({_joinCommunityIds:[null===(k=null==v?void 0:v.community)||void 0===k?void 0:k.id],_joinTopicIds:null===(N=null==v?void 0:v.topics)||void 0===N?void 0:N.map((e=>e.id))}),[te,ae]=o(4),ne=!!(null==S?void 0:S.id)&&(null==q?void 0:q.some((e=>e.author.id===S.id))),oe=e=>{O((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 b&&b(a),a}return t}))},[ie,le]=o(!1),re=r((()=>"comment"===s&&q&&0!=q.length?q.sort(((e,t)=>{const a=new Date(e.createdAt).getTime(),n=new Date(t.createdAt).getTime();return a>n?-1:a<n?1:0})):q),[s,q]),se=(null==q?void 0:q.length)||0,ce=String(null==Q?void 0:Q.email)&&(null==S?void 0:S.email)&&String(null==Q?void 0:Q.email)===String(null==S?void 0:S.email),de=(null==Q?void 0:Q.name)||(null==Q?void 0:Q.username)||"",me=(null==Q?void 0:Q.username)||(null==Q?void 0:Q.name)||"",pe=null==Q?void 0:Q.avatar,ue=(null==v?void 0:v.isAnonymous)||null==Q?void 0:Q.role,ge=[...(null==v?void 0:v.isAnonymous)?[{id:(null===(A=null==v?void 0:v.author)||void 0===A?void 0:A.id)||0,name:F("cardPost.anonymous")}]:[],...Y||[]],[he,ve]=o(null),[fe,be]=o(null);l((()=>{if(null==Q?void 0:Q.hospitalId){const e=e=>z(void 0,void 0,void 0,(function*(){var t;const a=yield u(w(x.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:Ee[M]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.branch)&&ve(null==a?void 0:a._data.branch)}));e(Q.hospitalId)}if(null==Q?void 0:Q.doctorId){const e=e=>z(void 0,void 0,void 0,(function*(){var t;const a=yield u(w(x.GET_DOCTOR_INFO,{doctorId:e,website_url:Ee[M]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.doctor)&&be(null==a?void 0:a._data.doctor)}));e(Q.doctorId)}}),[Q.hospitalId,Q.doctorId]);const we=(null==fe?void 0:fe.valid_outpatient)||(null==fe?void 0:fe.valid_telemedicine),xe=((null==he?void 0:he.total_available_service)||(null==he?void 0:he.total_available_doctor))>0,ye=y&&(we||xe);return t.createElement(Pe,{defaultParams:{_joinCommunityIds:[null===(L=null==v?void 0:v.community)||void 0===L?void 0:L.id],_joinTopicIds:null===(I=null==v?void 0:v.topics)||void 0===I?void 0:I.map((e=>e.id))}},t.createElement(Oo,{className:e,style:a,"data-is-reply":!!c,"data-is-marrybaby":j,"data-has-booking":ye},"reply"===s&&t.createElement(Ce,{className:"top-divider",type:"solid"}),t.createElement("div",{style:{padding:"16px 16px 0"}},t.createElement(Jt,Object.assign({avatar:pe,name:de,username:me,timeText:null==v?void 0:v.createdTime,className:"post-author "+(ce?"with-popover":""),type:s,userId:null==Q?void 0:Q.id,role:ue,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:ye,handleMakeAppointment:C,isAnonymous:!!(null==v?void 0:v.isAnonymous)},E))),t.createElement(cn,{className:"post-content-wrapper",replyingTo:$,mentionedUser:K,description:J,mentions:ge}),t.createElement("span",null),t.createElement("span",null),G&&G.length>0?t.createElement("div",{key:"image-preview",className:"image-preview-wrapper","data-is-reply":!0},t.createElement(Pn,{images:G,authorName:null==Q?void 0:Q.username})):null,G&&0!==G.length||!_?null:t.createElement("div",{key:"link-preview",className:"link-preview-wrapper","data-is-reply":!0},t.createElement(Be,{url:_})),"most-engaging"!==s?t.createElement(t.Fragment,null,t.createElement(Xe,{type:We.reply,loveCount:R,replyCount:se,className:"post-reaction",liked:X,isReplied:ne,hideCommentIcon:"reply"===s,onCommentClick:()=>ee((()=>le((e=>!e)))),onCommentCountClick:()=>ee((()=>{le(!0)})),onLikeClick:()=>ee((()=>z(void 0,void 0,void 0,(function*(){if(V){const e=yield(({commentId:e,setLike:t=!1,locale:a})=>z(void 0,void 0,void 0,(function*(){return T(g(t?h.COMMENT.LIKE:h.COMMENT.UNLIKE,{_locale:a,id:e}),"GET")})))({commentId:V,setLike:!X,locale:M});1===e.status&&O((e=>Object.assign(Object.assign({},e),{liked:!X,countLikes:e.countLikes+(X?-1:1)})))}}))))}),ie&&t.createElement(Ja,{replyingId:m||B.id,replyToName:de,isReply:!0,onClose:()=>le(!1),onPostSuccess:e=>{"reply"===s?p&&p(e):oe(e)},post:v,replyingUser:Q}),"comment"===s&&q&&q.length>0?t.createElement("div",{className:"comment-reply-wrapper"},null===(P=null==re?void 0:re.slice(0,te))||void 0===P?void 0:P.map((e=>t.createElement(Vo,{key:e.id,comment:e,type:"reply",className:"comment-reply-item",level:c+1,replyingId:V,onPostCommentSuccess:oe,post:v,onDeleteComment:()=>{O((t=>Object.assign(Object.assign({},t),{replies:t.replies.filter((t=>t.id!==e.id)),countReplies:t.countReplies-1})))},handleMakeAppointment:C,hasQuickBookingEnable:y}))),se>te&&t.createElement(t.Fragment,null,t.createElement(Ce,{className:"top-divider",type:"solid"}),t.createElement(U,{className:"more-cmt",size:"lg",color:"ghost",onClick:()=>ae((e=>e+4))},F("comment.seeMoreReplies",{count:se-te}),t.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,ce&&t.createElement(Bo,{onDeleteComment:f,className:"popover",commentId:B.id})))};var Do="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",Uo="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",Ro="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";const Wo=({authorEmail:e,onDeletePost:a,shareUrl:i,post:l,className:r="",popoverClassName:s="",onBookmark:c,onRemoveBookmark:m,onEditPost:p})=>{const{data:{locale:u,userInfo:v,togetherUserId:f,env:{isMarryBaby:b}},action:{pushNotifications:w}}=n(d),{t:x}=W(),[y,C]=o(!1),[E,k]=o(!1),[N,A]=o(!1),{authActionWrapper:L}=Me(),I=e&&(null==v?void 0:v.email)&&e===String(null==v?void 0:v.email);return t.createElement("div",{className:r,onClick:e=>{e.preventDefault(),e.stopPropagation()}},N&&t.createElement(an,{url:i,text:null==l?void 0:l.title,onClose:()=>A(!1)}),E&&t.createElement(_a,{thumbnail:J.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:()=>z(void 0,void 0,void 0,(function*(){if((null==l?void 0:l.id)&&!y){C(!0);try{const e=yield(({id:e,locale:t})=>z(void 0,void 0,void 0,(function*(){if(e)return yield T(g(h.POST.DELETE,{id:e,_locale:t}),"DELETE")})))({id:l.id,locale:u});1===(null==e?void 0:e.status)&&(null==a||a())}catch(e){}C(!1)}})),onClose:()=>k(!1)}),t.createElement(nt,{className:s,toggleButtonContent:t.createElement("img",{src:b?zo:jo}),position:"bottom",align:"end",buttonProps:{isLoading:y},data:I?{isShowheader:!1,type:"list",list:[{icon:Ro,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:Fo,label:x("actionPopover.delete"),onClick:()=>{L((()=>k(!0)))}}]}:{isShowheader:!1,type:"list",list:[{icon:Ro,label:x("morePopover.share"),onClick:()=>A(!0)},{icon:(null==l?void 0:l.bookmarked)?Do:Uo,label:(null==l?void 0:l.bookmarked)?x("morePopover.unsavePost"):x("morePopover.savePost"),onClick:()=>{L((()=>z(void 0,void 0,void 0,(function*(){if((null==v?void 0:v.id)&&(null==l?void 0:l.id))if(null==l?void 0:l.bookmarked){const e=yield T(g(h.BOOKMARK.DELETE,{_locale:u}),"DELETE",{data:{post_id:String(l.id)}});1===(null==e?void 0:e.status)?(w({title:"",message:"Removed saved post",type:"success",displayIcon:Uo}),m&&m()):w({title:"",message:"Remove failed",type:"danger",displayIcon:Uo})}else{const e=yield T(g(h.BOOKMARK.CREATE,{_locale:u}),"POST",{data:{user_id:f||v.id,post_id:l.id}});1===(null==e?void 0:e.status)?(w({title:"",message:"Post saved",type:"success",displayIcon:Do}),c&&c()):w({title:"",message:"Post saved failed",type:"danger",displayIcon:Uo})}}))))}},{icon:on,label:x("morePopover.report"),subTree:{title:x("morePopover.report.title"),description:x("morePopover.report.description"),isShowheader:!0,type:"list",list:Object.keys(M).map((e=>({label:M[e].label,reason:M[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:a=>t.createElement(rn,{reason:e.reasonValue,reasonText:x(e.reason),postId:null==l?void 0:l.id,onClose:()=>a&&a(!1)})}})))}}]}}))},Ho=se.div`
2838
+ position: relative;
2839
+ margin-bottom: 24px;
2840
+ background: white;
2841
+ border-radius: 6px;
2842
+
2843
+ a {
2844
+ text-decoration: none;
2845
+ }
2846
+
2847
+ ${pe.mbDown} {
2848
+ margin-bottom: 8px;
2849
+ }
2850
+ &.flat-top {
2851
+ border-top-left-radius: 0;
2852
+ border-top-right-radius: 0;
2853
+ }
2854
+
2855
+ .post-pin {
2856
+ padding: 0.5rem 1rem;
2857
+ border-radius: 6px 6px 0 0;
2858
+ }
2859
+ .post-author {
2860
+ display: flex;
2861
+ align-items: center;
2862
+ justify-content: space-between;
2863
+ &.comment {
2864
+ padding-right: 2.6rem;
2865
+ }
2866
+ .author-avatar-wrapper {
2867
+ width: 40px;
2868
+ height: 40px;
2869
+ font-size: 20px;
2870
+ ${pe.mbDown} {
2871
+ width: 32px;
2872
+ height: 32px;
2873
+ font-size: 16px;
2874
+ }
2875
+ }
2876
+ }
2877
+ .post-content-link-wrapper {
2878
+ color: inherit;
2879
+ cursor: pointer;
2880
+ .post-content-title {
2881
+ padding: 1rem 1rem 0;
2882
+ word-break: break-word;
2883
+ }
2884
+ }
2885
+ .social-preview-wrapper.has-image {
2886
+ margin-bottom: 5px;
2887
+ }
2888
+ .social-preview-wrapper,
2889
+ .image-preview-wrapper,
2890
+ .link-preview-wrapper {
2891
+ width: 100%;
2892
+ &[data-is-reply='true'] {
2893
+ padding-right: 1rem;
2894
+ padding-left: 1rem;
2895
+ }
2896
+ }
2897
+ .post-topics {
2898
+ padding: 0 1rem;
2899
+ margin-bottom: 1rem;
2900
+ }
2901
+
2902
+ .post-reaction {
2903
+ background: none;
2904
+ border-radius: 0 0 6px 6px;
2905
+ &.hide-top-border {
2906
+ ::before {
2907
+ display: none;
2908
+ }
2909
+ }
2910
+ }
2911
+ .most-engaging-wrapper {
2912
+ padding: 1rem;
2913
+ cursor: pointer;
2914
+ .author-avatar-wrapper {
2915
+ width: 2rem;
2916
+ height: 2rem;
2917
+ font-size: 1rem;
2918
+ }
2919
+ .see-more-comments {
2920
+ width: 100%;
2921
+ padding: 12px 0 0;
2922
+ text-align: unset;
2923
+ }
2924
+ }
2925
+ &[data-most-engaging='true'] {
2926
+ border: none;
2927
+ ${pe.mbDown} {
2928
+ margin: 1rem;
2929
+ border: 1px solid #e4e8ec;
2930
+ }
2931
+ }
2932
+ .top-divider {
2933
+ border-color: #e4e8ec;
2934
+ }
2935
+ .popover {
2936
+ .popover-menu__btn {
2937
+ display: flex;
2938
+ width: 1.5rem;
2939
+ height: 1rem;
2940
+ align-items: center;
2941
+ justify-content: center;
2942
+ padding: 0;
2943
+ background: transparent;
2944
+
2945
+ &:hover {
2946
+ background-color: transparent;
2947
+ }
2948
+ }
2949
+ .popover-menu__content {
2950
+ &.--position-bottom {
2951
+ &.--align-end {
2952
+ &::before {
2953
+ right: 12.5px;
2954
+ }
2955
+ }
2956
+ }
2957
+ }
2958
+ }
2959
+
2960
+ &[data-is-marrybaby='true'] {
2961
+ border: 1px solid #f3f3f3;
2962
+ border-radius: 1rem;
2963
+ /* shadow */
2964
+
2965
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
2966
+ .image-preview-wrapper,
2967
+ .link-preview-wrapper {
2968
+ padding-right: 1rem;
2969
+ padding-left: 1rem;
2970
+ }
2971
+ .popover {
2972
+ .popover-menu__btn {
2973
+ width: 24px;
2974
+ height: 24px;
2975
+ ${pe.mbDown} {
2976
+ width: 18px;
2977
+ height: 18px;
2978
+ }
2979
+ }
2980
+ .popover-menu__content {
2981
+ &.--position-bottom {
2982
+ &.--align-end {
2983
+ &::before {
2984
+ right: 1rem;
2985
+ }
2986
+ width: 350px;
2987
+ ${pe.mbDown} {
2988
+ max-width: calc(320px - 2rem);
2989
+ }
2990
+ }
2991
+ }
2992
+ }
2993
+ }
2994
+ .most-engaging-wrapper {
2995
+ position: relative;
2996
+ padding: 0;
2997
+ &::before {
2998
+ position: absolute;
2999
+ z-index: 5;
3000
+ top: 0;
3001
+ left: 50%;
3002
+ width: calc(100% - 2rem);
3003
+ height: 1px;
3004
+ background: #f3f3f3;
3005
+ content: ' ';
3006
+ transform: translateX(-50%);
3007
+ }
3008
+ }
3009
+ ${pe.mbDown} {
3010
+ margin-bottom: 12px;
3011
+ }
3012
+ }
3013
+ `,Zo=(e,t)=>z(void 0,void 0,void 0,(function*(){var a,n,o;const i=yield S(g(h.COMMENT.LIST,{postId:e,_locale:t,sort:"popularity",perPage:1,withoutReply:1}),"GET");return null===(o=null===(n=null===(a=null==i?void 0:i.data)||void 0===a?void 0:a.comments)||void 0===n?void 0:n.map(ae))||void 0===o?void 0:o[0]})),qo=({className:e,style:a,hideViewMoreComment:i,showMostEngaging:r,onCommentClick:s,onCommentCountClick:c,onMostEngagingCommentClick:m,onPostCommentSuccess:p,disableCardLink:b,disableShortenContent:C,onDeletePost:E,onEditPost:k,post:N,mostEngagingComment:A,onDeleteComment:L,showInputComment:I,InlineCommentsComponent:P,hasQuickBookingEnable:M,handleMakeAppointment:S,cardAuthorProps:j})=>{const[F,B]=o(N),[O,V]=o(!1),[D,R]=o(A),{community:Z,topics:G,author:Q,slug:X,isPin:_,liked:K,scheduleDateTime:Y,createdAt:J,photos:$,mentions:ee,title:te,description:ae,previewUrl:ne,likesCount:oe,commentsCount:ie,id:le,commented:re}=F,{data:{locale:se,env:{isMarryBaby:ce,togetherBasePath:de}},action:{pushNotifications:me}}=n(d),{t:pe}=W(),[ue,ge]=o(I),he=`${de}/${(null==Z?void 0:Z.slug)||"_"}/${X||""}`,ve=`${f(se)}${he}`,{authActionWrapper:fe}=Me((null==Z?void 0:Z.slug)?{_joinCommunityIds:[Z.id],_joinTopicIds:null==G?void 0:G.map((e=>e.id))}:void 0),[be,we]=o(!1);l((()=>{ge(I)}),[I]);const xe=(null==Q?void 0:Q.name)||(null==Q?void 0:Q.username)||"",ye=(null==Q?void 0:Q.username)||(null==Q?void 0:Q.name)||"",Ce=null==Q?void 0:Q.avatar,Ee=(null==F?void 0:F.isAnonymous)||null==Q?void 0:Q.role,[ke,Ne]=o(null),[Ae,Le]=o(null);l((()=>{if(null==Q?void 0:Q.hospitalId){(e=>z(void 0,void 0,void 0,(function*(){var t;const a=yield u(w(x.GET_HOSPITAL_INFO,{hospital_branch_id:e,website_url:y[se]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.branch)&&Ne(null==a?void 0:a._data.branch)})))(Q.hospitalId)}if(null==Q?void 0:Q.doctorId){(e=>z(void 0,void 0,void 0,(function*(){var t;const a=yield u(w(x.GET_DOCTOR_INFO,{doctorId:e,website_url:y[se]}),"get");(null===(t=null==a?void 0:a._data)||void 0===t?void 0:t.doctor)&&Le(null==a?void 0:a._data.doctor)})))(Q.doctorId)}}),[Q.hospitalId,Q.doctorId]);const Te=(null==Ae?void 0:Ae.valid_outpatient)||(null==Ae?void 0:Ae.valid_telemedicine),Ie=((null==ke?void 0:ke.total_available_service)||(null==ke?void 0:ke.total_available_doctor))>0,Se=M&&(Te||Ie);l((()=>{z(void 0,void 0,void 0,(function*(){if(le&&ie&&r&&!(null==A?void 0:A.id)){const e=yield Zo(le,se);R(e)}}))}),[le,se,ie,r,null==A?void 0:A.id]),l((()=>{R(A)}),[null==A?void 0:A.id]);const ze=e=>z(void 0,void 0,void 0,(function*(){if(ie>1&&(null==D?void 0:D.id)&&(null==D?void 0:D.id)===(null==e?void 0:e.id)){const e=yield Zo(le,se);R(e)}B((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount-1}))),L&&L(e)}));return t.createElement(Pe,{defaultParams:(null==Z?void 0:Z.slug)?{_joinCommunityIds:[Z.id],_joinTopicIds:null==G?void 0:G.map((e=>e.id))}:void 0},O&&t.createElement(an,{url:ve,avatar:v,text:te,onClose:()=>V(!1)}),t.createElement(Ho,{className:e,style:a,"data-is-marrybaby":ce},_?t.createElement($e,{className:"post-pin"}):null,t.createElement("div",{style:{position:"relative",padding:"1rem 1rem 0"}},t.createElement(Jt,Object.assign({avatar:Ce,name:xe,username:ye,url:b?void 0:he,community:Z,timeText:null==F?void 0:F.createdTime,className:"post-author",role:Ee,userId:null==Q?void 0:Q.id,expertId:null==Q?void 0:Q.partnerId,doctorId:null==Q?void 0:Q.doctorId,hospitalId:null==Q?void 0:Q.hospitalId,title:null==Q?void 0:Q.title,hasQuickBooking:Se,handleMakeAppointment:S,"data-testid":"name",isAnonymous:!!(null==F?void 0:F.isAnonymous),extendEle:t.createElement(Wo,{authorEmail:String(null==Q?void 0:Q.email),onDeletePost:E,shareUrl:ve,post:F,className:"popover",onEditPost:k})},j))),t.createElement("a",{href:b?void 0:he,className:"post-content-link-wrapper"},te&&t.createElement(q,{className:"post-content-title",as:"h2",tag:"h5",fontWeight:"bold","data-testid":"Title of the Post"},H(te)),t.createElement(cn,{className:"post-content-wrapper",description:ae,disableShortenContent:C,mentions:ee,"data-testid":"Content of the Post"})),t.createElement("span",null),t.createElement("span",null),t.createElement("div",{key:"tag-topic"},G&&G.length>0?t.createElement(Ke,{topics:G,className:"post-topics"}):null),t.createElement("div",{key:"social-preview"},(null==F?void 0:F.introUrl)?t.createElement("div",{className:"social-preview-wrapper "+((null==$?void 0:$.length)?"has-image":"")},t.createElement(Sn,{url:F.introUrl,image:F.bannerImage})):null),t.createElement("div",{key:"image-preview"},(null==$?void 0:$.length)?t.createElement("div",{className:"image-preview-wrapper"},t.createElement(Pn,{images:$,authorName:null==Q?void 0:Q.name})):null),t.createElement("div",{key:"link-preview"},(null==F?void 0:F.introUrl)||(null==$?void 0:$.length)||!(null==ne?void 0:ne.url)?null:t.createElement("div",{className:"link-preview-wrapper"},t.createElement(Be,{title:ne.title,url:ne.url,image:ne.image}))),t.createElement(Xe,{isMarryBaby:ce,type:We.post,loveCount:oe,replyCount:ie,className:"post-reaction "+((null==$?void 0:$.length)||(null==ne?void 0:ne.url)?"hide-top-border":""),liked:be?!K:K,isReplied:re,onCommentClick:()=>fe((()=>{s?s():ge((e=>!e))})),onCommentCountClick:()=>{fe((()=>{ce?ge(!0):c?c():!b&&(window.location.href=he)}))},onShareClick:()=>{V(!0)},onLikeClick:()=>z(void 0,void 0,void 0,(function*(){if(le&&!be){we(!0);try{const e=yield(({id:e,locale:t})=>z(void 0,void 0,void 0,(function*(){if(e)return yield T(g(h.POST.LIKE,{id:e,_locale:t}),"GET")})))({id:le,locale:se});1!==(null==e?void 0:e.status)?me($t(pe)):B((e=>Object.assign(Object.assign({},e),{likesCount:(e.likesCount||0)+(e.liked?-1:1),liked:!e.liked})))}catch(e){me($t(pe))}we(!1)}})),showingMostEngaging:!(!r||!(null==D?void 0:D.id))}),ue&&t.createElement(Ja,{isMainCmt:!I,onClose:()=>ge(!1),onPostSuccess:e=>{0!==ie||(null==D?void 0:D.id)||R(e),B((e=>Object.assign(Object.assign({},e),{commentsCount:e.commentsCount+1,commented:!0}))),p&&p(e)},post:F}),r&&(null==D?void 0:D.id)?t.createElement("div",{className:"most-engaging-wrapper",onClick:e=>{m?(e.stopPropagation(),m()):window.location.href=he}},t.createElement(Vo,{hasQuickBookingEnable:M,handleMakeAppointment:S,comment:D,onDeleteComment:()=>{ze&&ze(D)},className:"most-engaging-comment",type:"most-engaging",key:D.id,cardAuthorProps:j}),ie>1&&!i&&t.createElement(U,{className:"see-more-comments",color:"ghost",size:"md"},pe("comment.seeMoreComments",{count:ie-1}))):null,P))};var Go=Object.freeze({__proto__:null});export{Io as A,co as B,Be as C,qo as D,Wo as E,Vo as F,Bo as G,at as H,Ja as I,Rt as J,je as L,_a as P,an as S,Ie as T,Pe as a,Xe as b,Ke as c,Je as d,$e as e,lt as f,Jt as g,Ha as h,Fa as i,Va as j,Ft as k,Tt as l,Ut as m,Ua as n,Qa as o,rn as p,tn as q,cn as r,fn as s,Go as t,Me as u,kn as v,Pn as w,Sn as x,Gt as y,Mo as z};