@hhgtech/hhg-components 1.29.565 → 1.29.566-beta-2

package/build/esm/index-16d4d903.js

@@ -0,0 +1,543 @@
+import { a as __rest } from './tslib.es6-1ff2c2df.js';
+import React__default, { useRef, useEffect, forwardRef, useState, useLayoutEffect, useMemo } from 'react';
+import { L as LOCALE } from './index-8f9c77a6.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { CalendarOutline } from '@hhgtech/icons/core';
+import cn from 'classnames';
+import dayjs from 'dayjs';
+import { I as ISO_FORMAT } from './index-1bf883fd.js';
+import { getDefaultClassNames, DayPicker } from 'react-day-picker-v9';
+import { ChevronLeft, ChevronRight, ChevronDown } from '@hhgtech/icons/arrow';
+import { vi, id, ms, km, enUS, th, zhTW, hi, zhCN } from 'react-day-picker-v9/locale';
+import styled from '@emotion/styled';
+import { theme } from './miscTheme.js';
+
+const toValidDate = (value) => {
+    if (value instanceof Date && !Number.isNaN(value.getTime())) {
+        return value;
+    }
+    return undefined;
+};
+/**
+ * Month/year shown when the popover opens. Uses the selected date when set;
+ * otherwise picks the latest selectable day from `{ after: … }` disabled rules
+ * (e.g. max birthday for min-age tools like BMI).
+ */
+const getInitialCalendarMonth = (selected, disabled) => {
+    if (selected && !Number.isNaN(selected.getTime())) {
+        return selected;
+    }
+    const matchers = disabled
+        ? Array.isArray(disabled)
+            ? disabled
+            : [disabled]
+        : [];
+    let latestSelectableUpperBound;
+    for (const matcher of matchers) {
+        if (!matcher || typeof matcher !== 'object' || matcher instanceof Date) {
+            continue;
+        }
+        if ('after' in matcher) {
+            const afterDate = toValidDate(matcher.after);
+            if (afterDate &&
+                (!latestSelectableUpperBound ||
+                    afterDate.getTime() < latestSelectableUpperBound.getTime())) {
+                latestSelectableUpperBound = afterDate;
+            }
+        }
+    }
+    if (latestSelectableUpperBound) {
+        return latestSelectableUpperBound;
+    }
+    for (const matcher of matchers) {
+        if (!matcher || typeof matcher !== 'object' || matcher instanceof Date) {
+            continue;
+        }
+        if ('before' in matcher) {
+            const beforeDate = toValidDate(matcher.before);
+            if (beforeDate) {
+                return beforeDate;
+            }
+        }
+    }
+    return new Date();
+};
+const DAY_PICKER_DEFAULT_LOCALE = enUS;
+const DATE_PICKER_POPOVER_Z_INDEX = 1;
+/** Previous/next month days in grid (not selected). */
+const DAY_PICKER_OUTSIDE_DAY_COLOR = '#111111';
+const DAYS_OF_WEEK = {
+    SUNDAY: 0,
+    MONDAY: 1,
+    TUESDAY: 2,
+    WEDNESDAY: 3,
+    THURSDAY: 4,
+    FRIDAY: 5,
+    SATURDAY: 6,
+};
+const APP_LOCALE_MAP_DAY_PICKER = {
+    [LOCALE.Vietnam]: vi,
+    [LOCALE.Indonesia]: id,
+    [LOCALE.Malaysia]: ms,
+    [LOCALE.Cambodia]: km,
+    [LOCALE.PhilippinesEnglish]: enUS,
+    [LOCALE.PhilippinesTagalog]: enUS,
+    [LOCALE.Thailand]: th,
+    [LOCALE.Myanmar]: enUS,
+    [LOCALE.Taiwan]: zhTW,
+    [LOCALE.India]: hi,
+    [LOCALE.Singapore]: zhCN,
+};
+
+const CELL_SIZE = '2.625rem';
+const StyledRoot = styled.div `
+  width: ${({ $fullWidth }) => ($fullWidth ? '100%' : 'auto')};
+`;
+const StyledLabel = styled.div `
+  margin-bottom: 0.25rem;
+`;
+const StyledError = styled.div `
+  margin-top: 0.25rem;
+  font-size: 0.75rem;
+  color: ${theme.colors.red600};
+`;
+const StyledInputWrapper = styled.div `
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  gap: 0.25rem;
+`;
+const StyledTriggerButton = styled.button `
+  display: flex;
+  width: 100%;
+  height: 2.5rem;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 0.5rem;
+  border: 1px solid ${theme.colors.gray200};
+  background: ${theme.colors.white};
+  padding: 0.25rem 0.875rem;
+  text-align: left;
+  font-size: 0.875rem;
+  font-weight: 400;
+  color: ${theme.colors.gray800};
+  cursor: pointer;
+
+  &:focus,
+  &:focus-visible {
+    border-color: ${theme.colors.blue600};
+    outline: none;
+    box-shadow: 0 0 0 2px ${theme.colors.blue200};
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    background: ${theme.colors.gray50};
+    color: ${theme.colors.gray400};
+  }
+
+  [data-slot='placeholder'] {
+    color: ${theme.colors.gray400};
+  }
+
+  svg {
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+    color: ${theme.colors.gray500};
+  }
+`;
+const StyledPopoverContent = styled(PopoverPrimitive.Content) `
+  z-index: ${DATE_PICKER_POPOVER_Z_INDEX};
+  width: auto;
+  overflow: hidden;
+  border-radius: 0.5rem;
+  background: transparent;
+  padding: 0;
+  outline: none;
+`;
+const StyledCalendar = styled.div `
+  --cell-size: ${CELL_SIZE};
+
+  .rdp-root {
+    width: fit-content;
+  }
+
+  .hhg-day-picker {
+    border-radius: 0.5rem;
+    border: 1px solid ${theme.colors.gray200};
+    background: ${theme.colors.white};
+    padding: 0.75rem 1rem;
+  }
+
+  .rdp-months {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+  }
+
+  .rdp-month {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 0.625rem;
+  }
+
+  .rdp-nav {
+    position: absolute;
+    inset: 0 0 auto 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.25rem;
+  }
+
+  .rdp-button_previous,
+  .rdp-button_next {
+    display: flex;
+    width: var(--cell-size);
+    height: var(--cell-size);
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    user-select: none;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    color: ${theme.colors.gray700};
+
+    &[aria-disabled='true'] {
+      cursor: not-allowed;
+      opacity: 0.2;
+    }
+
+    svg {
+      width: 24px;
+      height: 24px;
+    }
+  }
+
+  .rdp-month_caption {
+    display: flex;
+    width: 100%;
+    height: var(--cell-size);
+    align-items: center;
+    justify-content: center;
+    padding: 0 var(--cell-size);
+  }
+
+  .rdp-dropdowns {
+    display: flex;
+    width: 100%;
+    height: var(--cell-size);
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+  }
+
+  .rdp-dropdown_root {
+    position: relative;
+    border-radius: 0.5rem;
+    border: none;
+
+    &:hover {
+      background: ${theme.colors.gray100};
+    }
+  }
+
+  .rdp-dropdown {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    cursor: pointer;
+    background: transparent;
+  }
+
+  .rdp-caption_label {
+    display: flex;
+    height: 2rem;
+    align-items: center;
+    gap: 0.25rem;
+    border-radius: 0.375rem;
+    padding: 0 0.25rem 0 0.5rem;
+    font-size: 1rem;
+    font-weight: 500;
+    color: ${theme.colors.gray800};
+    user-select: none;
+
+    svg {
+      width: 0.875rem;
+      height: 0.875rem;
+      color: ${theme.colors.gray500};
+    }
+  }
+
+  .rdp-weekdays {
+    display: flex;
+    margin-bottom: 0.5rem;
+    color: ${theme.colors.gray500};
+  }
+
+  .rdp-weekday {
+    flex: 1;
+    user-select: none;
+    border-radius: 0.375rem;
+    font-size: 0.8rem;
+    font-weight: 400;
+    text-align: center;
+    color: ${theme.colors.gray500};
+  }
+
+  .rdp-week {
+    display: flex;
+    width: 100%;
+  }
+
+  .rdp-day {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    aspect-ratio: 1 / 1;
+    padding: 0;
+    user-select: none;
+    text-align: center;
+  }
+
+  .rdp-today:not(:has([data-selected-single='true'])):not(
+      :has([data-range-start='true'])
+    ):not(:has([data-range-end='true'])) {
+    border-radius: 0.375rem;
+    background: ${theme.colors.blue50};
+  }
+
+  .rdp-today:has([data-selected-single='true']),
+  .rdp-today:has([data-selected='true']),
+  .rdp-today:has([data-range-start='true']),
+  .rdp-today:has([data-range-end='true']) {
+    background: transparent;
+  }
+
+  .rdp-disabled {
+    cursor: not-allowed !important;
+  }
+
+  .rdp-hidden {
+    visibility: hidden;
+  }
+
+  [data-slot='day-button'] {
+    display: flex;
+    width: 100%;
+    min-width: var(--cell-size);
+    height: auto;
+    aspect-ratio: 1 / 1;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.25rem;
+    border: none;
+    border-radius: 0.5rem;
+    background: transparent;
+    font-weight: 400;
+    line-height: 1;
+    color: ${theme.colors.gray800};
+    cursor: pointer;
+
+    &:hover:not(:disabled) {
+      background: ${theme.colors.gray100};
+    }
+
+    &:focus-visible {
+      outline: none;
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      color: ${theme.colors.gray400};
+    }
+
+    &[data-selected-single='true'],
+    &[data-range-start='true'],
+    &[data-range-end='true'] {
+      background: ${theme.colors.blue600};
+      color: ${theme.colors.white};
+      border-radius: 0.375rem;
+
+      &:hover:not(:disabled) {
+        background: ${theme.colors.blue600};
+        color: ${theme.colors.white};
+      }
+    }
+
+    &[data-range-middle='true'] {
+      border-radius: 0;
+      background: ${theme.colors.blue50};
+      color: ${theme.colors.blue700};
+    }
+  }
+
+  .rdp-outside:not([data-selected='true']):not(.rdp-disabled)
+    [data-slot='day-button']:not([data-selected-single='true']):not(
+      [data-selected='true']
+    ):not(:disabled) {
+    color: ${DAY_PICKER_OUTSIDE_DAY_COLOR};
+  }
+
+  .hhg-day-friday:not(.rdp-disabled)
+    [data-slot='day-button']:not([data-selected-single='true']):not(:disabled),
+  .hhg-day-sunday:not(.rdp-disabled)
+    [data-slot='day-button']:not([data-selected-single='true']):not(:disabled) {
+    color: ${theme.colors.red600};
+  }
+
+  .rdp-today:not(:has([data-selected-single='true'])) [data-slot='day-button'] {
+    color: ${theme.colors.blue700};
+  }
+
+  .rdp-day[data-selected='true'] [data-slot='day-button'],
+  .rdp-day[data-selected='true'] .rdp-day_button {
+    background: ${theme.colors.blue600};
+    color: ${theme.colors.white};
+    border-radius: 0.375rem;
+  }
+
+  .hhg-day-friday [data-slot='day-button'][data-selected-single='true'],
+  .hhg-day-sunday [data-slot='day-button'][data-selected-single='true'],
+  .rdp-today [data-slot='day-button'][data-selected-single='true'],
+  .rdp-outside [data-slot='day-button'][data-selected-single='true'],
+  .rdp-outside [data-slot='day-button'][data-selected='true'] {
+    background: ${theme.colors.blue600};
+    color: ${theme.colors.white};
+  }
+
+  .rdp-disabled [data-slot='day-button'],
+  .rdp-disabled [data-slot='day-button']:disabled {
+    color: ${theme.colors.gray400} !important;
+  }
+`;
+
+function Calendar(props) {
+    const { className, classNames, showOutsideDays = true, captionLayout = 'label', formatters, components, modifiers = {}, modifiersClassNames = {}, locale } = props, rest = __rest(props, ["className", "classNames", "showOutsideDays", "captionLayout", "formatters", "components", "modifiers", "modifiersClassNames", "locale"]);
+    const defaultClassNames = getDefaultClassNames();
+    const localeCode = (locale === null || locale === void 0 ? void 0 : locale.code) || DAY_PICKER_DEFAULT_LOCALE.code;
+    return (React__default.createElement(StyledCalendar, null,
+        React__default.createElement(DayPicker, Object.assign({ locale: locale, showOutsideDays: showOutsideDays, weekStartsOn: DAYS_OF_WEEK.MONDAY, className: cn('hhg-day-picker', className), captionLayout: captionLayout, formatters: Object.assign({ formatMonthDropdown: (date) => date.toLocaleString(localeCode, { month: 'short' }) }, formatters), classNames: Object.assign({ root: cn(defaultClassNames.root), months: cn(defaultClassNames.months), month: cn(defaultClassNames.month), nav: cn(defaultClassNames.nav), button_previous: cn(defaultClassNames.button_previous), button_next: cn(defaultClassNames.button_next), month_caption: cn(defaultClassNames.month_caption), dropdowns: cn(defaultClassNames.dropdowns), dropdown_root: cn(defaultClassNames.dropdown_root), dropdown: cn(defaultClassNames.dropdown), caption_label: cn(defaultClassNames.caption_label), table: 'w-full', weekdays: cn(defaultClassNames.weekdays), weekday: cn(defaultClassNames.weekday), week: cn(defaultClassNames.week), day: cn(defaultClassNames.day), today: cn(defaultClassNames.today), outside: cn(defaultClassNames.outside), disabled: cn(defaultClassNames.disabled), hidden: cn(defaultClassNames.hidden) }, classNames), modifiers: Object.assign({ friday: { dayOfWeek: DAYS_OF_WEEK.SATURDAY }, sunday: { dayOfWeek: DAYS_OF_WEEK.SUNDAY }, today: [new Date()] }, modifiers), modifiersClassNames: Object.assign({ friday: 'hhg-day-friday', sunday: 'hhg-day-sunday' }, modifiersClassNames), components: Object.assign({ Root: (_a) => {
+                    var { className: rootClassName, rootRef } = _a, rootProps = __rest(_a, ["className", "rootRef"]);
+                    return (React__default.createElement("div", Object.assign({ "data-slot": "calendar", ref: rootRef, className: rootClassName }, rootProps)));
+                }, Chevron: (_a) => {
+                    var { className: chevronClassName, orientation } = _a, chevronProps = __rest(_a, ["className", "orientation"]);
+                    if (orientation === 'left') {
+                        return (React__default.createElement(ChevronLeft, Object.assign({ className: chevronClassName }, chevronProps)));
+                    }
+                    if (orientation === 'right') {
+                        return (React__default.createElement(ChevronRight, Object.assign({ className: chevronClassName }, chevronProps)));
+                    }
+                    return (React__default.createElement(ChevronDown, Object.assign({ className: chevronClassName }, chevronProps)));
+                }, DayButton: CalendarDayButton }, components) }, rest))));
+}
+function CalendarDayButton(_a) {
+    var { className, day, modifiers } = _a, props = __rest(_a, ["className", "day", "modifiers"]);
+    const ref = useRef(null);
+    useEffect(() => {
+        var _a;
+        if (modifiers.focused) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [modifiers.focused]);
+    const isSelectedSingle = Boolean(modifiers.selected) &&
+        !modifiers.range_start &&
+        !modifiers.range_end &&
+        !modifiers.range_middle;
+    return (React__default.createElement("button", Object.assign({ ref: ref, type: "button", "data-day": day.date.toLocaleDateString(), "data-selected": modifiers.selected ? 'true' : undefined, "data-selected-single": isSelectedSingle ? 'true' : undefined, "data-range-start": modifiers.range_start ? 'true' : undefined, "data-range-end": modifiers.range_end ? 'true' : undefined, "data-range-middle": modifiers.range_middle ? 'true' : undefined, "data-slot": "day-button", className: className }, props)));
+}
+
+const DatePickerV2Input = forwardRef((props, ref) => {
+    var _a, _b;
+    const { name, value, locale = LOCALE.Vietnam, disabled, placeholder, startSection, endSection, buttonProps, wrapperProps, calendarProps, excludeDate, className, onBlur, onChange, } = props;
+    const dayPickerLocale = APP_LOCALE_MAP_DAY_PICKER[locale];
+    const displayFormat = ((_a = ISO_FORMAT[locale]) === null || _a === void 0 ? void 0 : _a.dateFormat) || 'DD/MM/YYYY';
+    const validButtonProps = buttonProps || {};
+    const _c = calendarProps || {}, { disabled: calendarDisabled, month: calendarMonthProp, onMonthChange: calendarOnMonthChange } = _c, restCalendarProps = __rest(_c, ["disabled", "month", "onMonthChange"]);
+    const [open, setOpen] = useState(false);
+    const [innerDate, setInnerDate] = useState(undefined);
+    const [viewMonth, setViewMonth] = useState(() => new Date());
+    const popoverContentRef = useRef(null);
+    useLayoutEffect(() => {
+        if (!open)
+            return;
+        const contentNode = popoverContentRef.current;
+        if (!contentNode)
+            return;
+        const zIndex = String(DATE_PICKER_POPOVER_Z_INDEX);
+        contentNode.style.zIndex = zIndex;
+        const popperWrapper = contentNode.closest('[data-radix-popper-content-wrapper]');
+        if (popperWrapper) {
+            popperWrapper.style.zIndex = zIndex;
+        }
+    }, [open]);
+    const currentDate = (_b = innerDate !== null && innerDate !== void 0 ? innerDate : value) !== null && _b !== void 0 ? _b : undefined;
+    useEffect(() => {
+        setInnerDate(value !== null && value !== void 0 ? value : undefined);
+    }, [value]);
+    useEffect(() => {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+    }, [innerDate, onBlur]);
+    const disabledMatchers = useMemo(() => {
+        const matchers = [];
+        if (calendarDisabled) {
+            if (Array.isArray(calendarDisabled)) {
+                matchers.push(...calendarDisabled);
+            }
+            else {
+                matchers.push(calendarDisabled);
+            }
+        }
+        if (excludeDate) {
+            matchers.push(excludeDate);
+        }
+        return matchers.length > 0 ? matchers : undefined;
+    }, [calendarDisabled, excludeDate]);
+    useEffect(() => {
+        if (!open)
+            return;
+        setViewMonth(getInitialCalendarMonth(currentDate, disabledMatchers));
+    }, [open, currentDate, disabledMatchers]);
+    const calendarMonth = calendarMonthProp !== null && calendarMonthProp !== void 0 ? calendarMonthProp : viewMonth;
+    const handleMonthChange = (month) => {
+        setViewMonth(month);
+        calendarOnMonthChange === null || calendarOnMonthChange === void 0 ? void 0 : calendarOnMonthChange(month);
+    };
+    return (React__default.createElement(StyledInputWrapper, Object.assign({}, wrapperProps),
+        React__default.createElement(PopoverPrimitive.Root, { open: open, onOpenChange: setOpen },
+            React__default.createElement(PopoverPrimitive.Trigger, { asChild: true },
+                React__default.createElement(StyledTriggerButton, Object.assign({ ref: ref, type: "button", name: name, disabled: disabled, className: cn(className, validButtonProps.className) }, validButtonProps),
+                    startSection,
+                    currentDate ? (React__default.createElement("span", null, dayjs(currentDate).format(displayFormat))) : (React__default.createElement("span", { "data-slot": "placeholder" }, placeholder || displayFormat)), endSection !== null && endSection !== void 0 ? endSection : React__default.createElement(CalendarOutline, null))),
+            React__default.createElement(PopoverPrimitive.Portal, null,
+                React__default.createElement(StyledPopoverContent, { ref: popoverContentRef, align: "start", sideOffset: 8, style: { zIndex: DATE_PICKER_POPOVER_Z_INDEX } },
+                    React__default.createElement(Calendar, Object.assign({}, restCalendarProps, { mode: "single", locale: dayPickerLocale, month: calendarMonth, onMonthChange: handleMonthChange, selected: currentDate, captionLayout: "dropdown", disabled: disabledMatchers, onSelect: (date) => {
+                            onChange === null || onChange === void 0 ? void 0 : onChange(date);
+                            setInnerDate(date);
+                            setOpen(false);
+                        } })))))));
+});
+DatePickerV2Input.displayName = 'DatePickerV2Input';
+
+/**
+ * DatePicker UI ported from hhg-components-v2 (react-day-picker v9 + Radix Popover).
+ * Use this when you need the v2 calendar look inside Mantine-based apps.
+ */
+const DatePickerV2 = (props) => {
+    const { label, error, fullWidth = true, locale = LOCALE.Vietnam, onChange, className, wrapperProps } = props, rest = __rest(props, ["label", "error", "fullWidth", "locale", "onChange", "className", "wrapperProps"]);
+    return (React__default.createElement(StyledRoot, { "$fullWidth": fullWidth },
+        label ? React__default.createElement(StyledLabel, null, label) : null,
+        React__default.createElement(DatePickerV2Input, Object.assign({}, rest, { locale: locale, className: className, wrapperProps: wrapperProps, onChange: (date) => onChange === null || onChange === void 0 ? void 0 : onChange(date !== null && date !== void 0 ? date : null) })),
+        error && typeof error !== 'boolean' ? (React__default.createElement(StyledError, null, error)) : null,
+        error === true ? React__default.createElement(StyledError, null) : null));
+};
+
+export { Calendar as C, DatePickerV2 as D, CalendarDayButton as a, DatePickerV2Input as b };

package/build/esm/{index-a43c5e07.js → index-1bf883fd.js}

@@ -1,5 +1,5 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import { L as LOCALE } from './index-4fb882a5.js';
+import { L as LOCALE } from './index-8f9c77a6.js';
 import { LOCALE_MARRY_BABY, domainLocales, getDomainLocaleKey, getDomainByLocale } from './constantsDomainLocales.js';
 import { siteHost, siteOptions, COUNTRY_CURRENCY_SYMBOL } from './constantsSite.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';

package/build/esm/{index-d1bcc01b.js → index-1fc7f7aa.js}

@@ -1,34 +1,34 @@
-import { _ as __awaiter, a as __rest } from './tslib.es6-8ec24ff1.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-1ff2c2df.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-279ba381.js';
-import { H as Heading } from './index-02fde41c.js';
-import { u as useTranslations } from './index-689f8290.js';
+import { B as Button } from './index-e7110faf.js';
+import { H as Heading } from './index-4e7f97ea.js';
+import { u as useTranslations } from './index-a59e1fbf.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-a6ebca30.js';
-import { C as CommonGAssets } from './index-a63e9dda.js';
-import { R as REPORT_REASON_MAP, a as DEFAULT_IMG } from './constants-2d90e3fc.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-acf7baa3.js';
+import { C as CommonGAssets } from './index-69b35709.js';
+import { R as REPORT_REASON_MAP, a as DEFAULT_IMG } from './constants-fe18e546.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, g as getDiscoverApiPath, b as getCarePath, l as getCurrentBaseUrl$1, e as callApiWithAuth, f as getApiPath, t as callApiWithOptionalAuth, m as domainLocales$1 } from './utils-9c8af8c7.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-00348c84.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, g as getDiscoverApiPath, b as getCarePath, l as getCurrentBaseUrl$1, e as callApiWithAuth, f as getApiPath, t as callApiWithOptionalAuth, m as domainLocales$1 } from './utils-a1143b61.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-ad7e76d2.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e1dd1c18.js';
+import { M as MediaQueries } from './utils-c85e6dc6.js';
 import { theme } from './miscTheme.js';
-import { f as formatArticle, h as formatCategory, g as formatComment } from './dataTransform-5444d1ca.js';
+import { f as formatArticle, h as formatCategory, g as formatComment } from './dataTransform-d9f25a8b.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-99a44292.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-f455b79f.js';
-import { a as ProfileDetail, P as PostContent } from './index-0e9265c3.js';
-import { a as PostImagePreview } from './index-7477b7a4.js';
-import { S as SocialLinkPreview } from './index-b7310175.js';
-import { D as Divider } from './index-51993a09.js';
-import './index-a43c5e07.js';
+import { C as CardLink } from './index-3fd4db04.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-31e7d821.js';
+import { a as ProfileDetail, P as PostContent } from './index-979e9d1d.js';
+import { a as PostImagePreview } from './index-9cf2daf6.js';
+import { S as SocialLinkPreview } from './index-9ab1a890.js';
+import { D as Divider } from './index-72a76f67.js';
+import './index-1bf883fd.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-73386200.js';
-import { T as Text } from './index-778adb1e.js';
-import { L as Loading } from './index-67ccbf1b.js';
-import { b as getCurrentBaseUrl } from './routing-a87b5a72.js';
+import { I as Input } from './index-72d2c7ee.js';
+import { T as Text } from './index-63740996.js';
+import { L as Loading } from './index-bb727da3.js';
+import { b as getCurrentBaseUrl } from './routing-6034d571.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "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";

package/build/esm/{index-5606afb9.js → index-2041c3b4.js}

@@ -1,6 +1,6 @@
-import { a as __rest } from './tslib.es6-8ec24ff1.js';
+import { a as __rest } from './tslib.es6-1ff2c2df.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-9c8af8c7.js';
+import { T as TogetherComponentGlobalContext } from './utils-a1143b61.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';