@hhgtech/hhg-components 1.29.88 → 1.29.89

package/build/esm/{index-17115a3b.js → index-7ca4ec53.js}

@@ -1,21 +1,22 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-fcd2b5ec.js';
-import { c as Input } from './index-a2704991.js';
-import { D as DatePicker } from './index-ef2b1e44.js';
-import { T as Text } from './index-7d97103f.js';
-import './index-2f06b1d8.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { L as LastPeriod } from './LastPeriod-46d6c03f.js';
+import { I as Input } from './index-57da0f13.js';
+import { D as DatePicker } from './index-32a968a1.js';
+import { T as Text } from './index-99551970.js';
+import './index-c4b04b5f.js';
+import './index.styles-25454e9c.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import '@mantine/hooks';
-import './index-5a81cbdd.js';
-import './index-24f2f569.js';
-import './utils-cee25689.js';
-import './useMantineLocale-2ece6eac.js';
-import './index-69ca7b6a.js';
-import './other-811b7d93.js';
-import { H as HealthToolFormWrapper } from './index-d10d5d1f.js';
+import './index-7decdf27.js';
+import './index-9f076f64.js';
+import './utils-8a1f05c9.js';
+import './useMantineLocale-b29ca68b.js';
+import './index-9e220aaa.js';
+import './other-08d0b30e.js';
+import { H as HealthToolFormWrapper } from './index-9d7d3a53.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-5a81cbdd.js → index-7decdf27.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-81beb37e.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/index-7e95ba03.js

@@ -0,0 +1,144 @@
+import { a as __awaiter } from './tslib.es6-e0840efa.js';
+import React__default, { useContext, useState, useRef, useEffect } from 'react';
+import { useMantineTheme } from '@mantine/core';
+import { H as Heading } from './index-1a2bc551.js';
+import { T as Text } from './index-99551970.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f873578b.js';
+import styled from '@emotion/styled';
+import { PATHS } from './togetherApiPaths.js';
+import { D as DEFAULT_IMG } from './constants-0497b893.js';
+
+const StyledCardLink = styled.div `
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${(props) => props.color || '#f4faff'};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: min(280px, 56.25%);
+    .link-image-blur {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 110%;
+      height: 110%;
+      /* Add the blur effect */
+      -webkit-filter: blur(8px);
+      filter: blur(8px);
+      object-fit: cover;
+      object-position: center;
+      opacity: 0.8;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+    .link-info-container {
+      padding-bottom: 1rem;
+      p {
+        color: #2661ad;
+      }
+      .link-logo {
+        max-width: 2rem;
+        height: 13px;
+        margin-right: 4px;
+        object-fit: contain;
+        vertical-align: middle;
+      }
+    }
+    .link-image-wrapper {
+      padding-top: min(360px, 56.25%);
+      .link-image {
+        object-fit: cover;
+      }
+    }
+  }
+`;
+
+const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
+    const { data: { locale, env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
+    const [hideLogo, setHideLogo] = useState(false);
+    const _theme = useMantineTheme();
+    const noRefetchRef = useRef(noRefetch);
+    noRefetchRef.current = noRefetch;
+    const [previewData, setPreviewData] = useState(null);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            if (noRefetchRef.current)
+                return;
+            if (!url)
+                return setPreviewData(null);
+            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
+            callApi(getApiPath(PATHS.FETCH_PREVIEW, {
+                _locale: locale,
+            }), 'POST', {
+                data: {
+                    link: url,
+                },
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            })
+                .then((res) => {
+                var _a, _b, _c;
+                setHideLogo(false);
+                setPreviewData({
+                    title: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title,
+                    url,
+                    image: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) || ((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.logo),
+                    // logo: meta.logo,
+                });
+            })
+                .catch(() => {
+                setPreviewData(null);
+            });
+        }))();
+    }, [url]);
+    const displayImage = (previewData === null || previewData === void 0 ? void 0 : previewData.image) || image;
+    const displayTitle = (previewData === null || previewData === void 0 ? void 0 : previewData.title) || title;
+    const displayLogo = (previewData === null || previewData === void 0 ? void 0 : previewData.logo) || logo;
+    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
+    const urlParts = displayUrl
+        .replace('http://', '')
+        .replace('https://', '')
+        .split(/[/?#]/);
+    const domain = urlParts[0];
+    const showDefaultRef = useRef(false);
+    return (React__default.createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
+        React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+            displayImage && (React__default.createElement("div", { className: "link-image-wrapper" },
+                !isMarryBaby && (React__default.createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" })),
+                React__default.createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" }))),
+            React__default.createElement("div", { className: "link-info-container" },
+                React__default.createElement(Text, { size: "n1" },
+                    isMarryBaby && displayLogo && !hideLogo && (React__default.createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
+                    domain),
+                React__default.createElement(Heading, { tag: "h6" }, displayTitle)))));
+};
+
+export { CardLink as C };

package/build/esm/{index-11bc6557.js → index-84b3ef3d.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-a2704991.js';
+import { F as Flag } from './index-57da0f13.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-7d97103f.js';
-import { C as CommonGAssets } from './index-24f2f569.js';
+import { T as Text } from './index-99551970.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-4e92aaf2.js → index-8b9c7b45.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-cee25689.js';
+import { t as toggleNoScroll } from './utils-8a1f05c9.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-db89f033.js';
-import { T as Text } from './index-7d97103f.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-7207941a.js';
+import { T as Text } from './index-99551970.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-63d30402.js → index-930b0a77.js}

@@ -1,22 +1,23 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { c as Input } from './index-a2704991.js';
-import { D as DatePicker } from './index-ef2b1e44.js';
-import { T as Text } from './index-7d97103f.js';
-import './index-2f06b1d8.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { I as Input } from './index-57da0f13.js';
+import { D as DatePicker } from './index-32a968a1.js';
+import { T as Text } from './index-99551970.js';
+import './index-c4b04b5f.js';
+import './index.styles-25454e9c.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import '@mantine/hooks';
-import './index-5a81cbdd.js';
-import './index-24f2f569.js';
-import './utils-cee25689.js';
-import './useMantineLocale-2ece6eac.js';
-import './index-69ca7b6a.js';
-import './other-811b7d93.js';
-import { I as INPUT_RANGE } from './constants-247d5eb0.js';
-import { H as HealthToolFormWrapper } from './index-d10d5d1f.js';
-import { G as GenderOptionControl } from './index-478546e8.js';
+import './index-7decdf27.js';
+import './index-9f076f64.js';
+import './utils-8a1f05c9.js';
+import './useMantineLocale-b29ca68b.js';
+import './index-9e220aaa.js';
+import './other-08d0b30e.js';
+import { I as INPUT_RANGE } from './constants-af02be2a.js';
+import { H as HealthToolFormWrapper } from './index-9d7d3a53.js';
+import { G as GenderOptionControl } from './index-1313a7ac.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-2292c1f3.js → index-93c8863d.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-3d9043fb.js';
+import { T as TogetherComponentGlobalContext } from './utils-f873578b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-29676661.js → index-949f771c.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-81beb37e.js';
-import { C as CommonGAssets } from './index-24f2f569.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cee25689.js';
-import { L as LogoIcon } from './logoIcon-6ed45e55.js';
-import './index-5a81cbdd.js';
-import { I as ImageWrap } from './index-a2704991.js';
+import { M as MediaQueries } from './utils-8a1f05c9.js';
+import { L as LogoIcon } from './logoIcon-ef6d9e4c.js';
+import './index-7decdf27.js';
+import { I as ImageWrap } from './index-4cf37916.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-7d97103f.js → index-99551970.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-811b7d93.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-08d0b30e.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-d3c3615e.js → index-9c268a93.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-2f06b1d8.js';
+import { B as Button$1 } from './index-c4b04b5f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-d10d5d1f.js → index-9d7d3a53.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-7d97103f.js';
-import { B as Button } from './index-2f06b1d8.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { T as Text } from './index-99551970.js';
+import { B as Button } from './index-c4b04b5f.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-69ca7b6a.js → index-9e220aaa.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-5a81cbdd.js';
+import './index-7decdf27.js';
 import { isProduction } from './constantsIsProduction.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { L as LOCALE } from './Locale-81beb37e.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-58982ea1.js → index-a424a33d.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-0ca51fbb.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-69ca7b6a.js';
-import { N as NodeIntentType } from './index-5a81cbdd.js';
+import { c as cookie } from './index-56d0ac47.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-9e220aaa.js';
+import { N as NodeIntentType } from './index-7decdf27.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-b23b0c82.js → index-a54b6536.js}

@@ -1,20 +1,21 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3970c414.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-a2704991.js';
+import { I as Input, S as Select } from './index-57da0f13.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-69ca7b6a.js';
-import './index-5a81cbdd.js';
-import './index-24f2f569.js';
-import './useMantineLocale-2ece6eac.js';
-import './index-7d97103f.js';
-import './index-2f06b1d8.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { C as CDN_ADDRESS } from './index-9e220aaa.js';
+import './index-7decdf27.js';
+import './index-9f076f64.js';
+import './useMantineLocale-b29ca68b.js';
+import './index-99551970.js';
+import './index-c4b04b5f.js';
+import './index.styles-25454e9c.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import '@mantine/hooks';
-import './utils-cee25689.js';
-import './other-811b7d93.js';
-import { M as MAPPED_LOCALE } from './utils-d78e02e6.js';
-import { L as LOCALE } from './Locale-81beb37e.js';
+import './utils-8a1f05c9.js';
+import './other-08d0b30e.js';
+import { M as MAPPED_LOCALE } from './utils-f4b925d7.js';
+import { L as LOCALE } from './Locale-b86a7a92.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-05075062.js → index-b09ced58.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-1f944c2d.js → index-b5ed732f.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-7d97103f.js';
+import { T as Text } from './index-99551970.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-cee25689.js';
-import { R as Radio$1 } from './index-a2704991.js';
-import { T as Text$1 } from './index-b927d85a.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-8a1f05c9.js';
+import { R as Radio$1 } from './index-57da0f13.js';
+import { T as Text$1 } from './index-38b87b21.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-0e0f3ac6.js → index-b867d267.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-2f06b1d8.js';
+import { B as Button } from './index-c4b04b5f.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-2f06b1d8.js → index-c4b04b5f.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-efdc151c.js → index-c5286b89.js}

@@ -1,18 +1,19 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-a2704991.js';
+import { t as themeColors } from './index-57da0f13.js';
 import '@mantine/dates';
-import './index-69ca7b6a.js';
-import './index-5a81cbdd.js';
-import './index-24f2f569.js';
-import './useMantineLocale-2ece6eac.js';
-import { T as Text } from './index-7d97103f.js';
-import './index-2f06b1d8.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import './index-9e220aaa.js';
+import './index-7decdf27.js';
+import './index-9f076f64.js';
+import './useMantineLocale-b29ca68b.js';
+import { T as Text } from './index-99551970.js';
+import './index-c4b04b5f.js';
+import './index.styles-25454e9c.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-cee25689.js';
-import './other-811b7d93.js';
+import { M as MediaQueries } from './utils-8a1f05c9.js';
+import './other-08d0b30e.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-2b20b8ce.js → index-cbb45a5d.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-05075062.js';
-import { T as Text } from './index-b927d85a.js';
+import { M as MarryBabyText } from './index-b09ced58.js';
+import { T as Text } from './index-38b87b21.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-f42f0c66.js → index-d4dcfb68.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3970c414.js';
+import { _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-cee25689.js';
+import { M as MediaQueries } from './utils-8a1f05c9.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-c0790cdc.js → index-dec46974.js}

@@ -1,29 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3970c414.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-e0840efa.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-d3c3615e.js';
-import { H as Heading } from './index-8570e132.js';
-import { u as useTranslations } from './useTranslations-160e66cc.js';
+import { B as Button } from './index-9c268a93.js';
+import { H as Heading } from './index-1a2bc551.js';
+import { u as useTranslations } from './useTranslations-b66d9f2b.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, x as deletePost, y as IconAlertCircle, e as SubmitReportForm, z as deleteComment, C as CardAuthor, L as Loading, l as ProfileDetailModal, m as ProfileDetail, A as decodeCommentBody, g as PostContent, j as PostImagePreview, B as likeUnlikeComment, I as InputCommentBar, k as SocialLinkPreview, D as likeUnlikePost, s as getDefaultFailNoti } from './index-c7b92115.js';
-import { C as CommonGAssets } from './index-24f2f569.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-f9614464.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-673fd5bd.js';
+import { C as CommonGAssets } from './index-9f076f64.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-0497b893.js';
 import { PATHS, DISCOVER_PATHS, CARE_PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-3d9043fb.js';
+import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, p as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, q as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-f873578b.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-937ef815.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-04ded0ef.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-cee25689.js';
+import { M as MediaQueries } from './utils-8a1f05c9.js';
 import { theme } from './miscTheme.js';
-import { e as formatArticle, h as formatCategory, c as formatComment } from './dataTransform-c3905a10.js';
-import { C as CardLink } from './index-e84f16f3.js';
-import { D as Divider } from './index-6dd5a329.js';
-import './index-69ca7b6a.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-2023858d.js';
+import { C as CardLink } from './index-7e95ba03.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-7ad9db02.js';
+import { a as ProfileDetail, P as PostContent } from './index-538ca8aa.js';
+import { a as PostImagePreview } from './index-e19da15e.js';
+import { D as Divider } from './index-5364f2db.js';
+import './index-9e220aaa.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-f42f0c66.js';
-import { T as Text } from './index-7d97103f.js';
-import { g as getCurrentBaseUrl } from './routing-ed745cc6.js';
+import { I as Input } from './index-d4dcfb68.js';
+import { T as Text } from './index-99551970.js';
+import { g as getCurrentBaseUrl } from './routing-b81b8f17.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";