@hhgtech/hhg-components 1.29.461-beta-4 → 1.29.461-beta-5

package/build/esm/healthToolsCardWrapper.js

@@ -1,39 +1,39 @@
-import './tslib.es6-21e9e32d.js';
+import './tslib.es6-8d1381b8.js';
 import 'react';
 import '@mantine/core';
-export { H as HealthToolCardWrapper } from './index-8d964186.js';
-import './context-0018c9fa.js';
+export { H as HealthToolCardWrapper } from './index-9a5f4523.js';
+import './context-8b16dae8.js';
 import '@hhgtech/icons/other';
-import './index-a09ac164.js';
+import './index-5c9c2d9f.js';
 import '@mantine/hooks';
-import './index-2cb9491d.js';
+import './index-1d43a965.js';
 import './constantsDomainLocales.js';
-import './Locale-6dc250d9.js';
+import './Locale-518bf031.js';
 import './constantsIsProduction.js';
-import './index-46f3697d.js';
-import './index-28c3c1d7.js';
-import './utils-4a5a1483.js';
+import './index-231c07aa.js';
+import './index-d4526622.js';
+import './utils-111975be.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-16fa72dc.js';
-import './index-3a4de8f9.js';
+import './index-1c4e7daf.js';
+import './index-901ddd36.js';
 import 'dayjs';
-import './index-e2739fdc.js';
+import './index-1f3ddb02.js';
 import '@mantine/notifications';
-import './index-37605813.js';
+import './index-8d4206e8.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-0ad9eea8.js';
+import './shared-b866e394.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-104f363a.js';
+import './useUniqueId-8a7c0acb.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-e3fd1e86.js';
+import './index-c1ee0ce2.js';
 import '@mantine/dates';
-import './index.styles-a830c7d9.js';
-import './index-51c24ac3.js';
-import './translationsContext-56bc7e07.js';
-import './index-a25b6fc7.js';
+import './index.styles-ad76adcb.js';
+import './index-a55ac5b1.js';
+import './translationsContext-38fe6031.js';
+import './index-c0e0b821.js';

package/build/esm/healthToolsForm.js

@@ -1,60 +1,60 @@
-export { D as DueDateForm } from './index-c28122b5.js';
-export { B as BmiForm } from './index-a2ec2934.js';
-export { B as BabyPoopForm } from './index-8fbeb592.js';
-export { T as ThrForm } from './index-caf9c88e.js';
-export { O as OvulationForm } from './index-0995eb41.js';
-export { B as BabyVaccineForm } from './index-f302d058.js';
-export { P as PWGForm } from './index-9add41d3.js';
-import './tslib.es6-21e9e32d.js';
+export { D as DueDateForm } from './index-385bad07.js';
+export { B as BmiForm } from './index-75ce9467.js';
+export { B as BabyPoopForm } from './index-f4546066.js';
+export { T as ThrForm } from './index-57db0cc1.js';
+export { O as OvulationForm } from './index-0713ec69.js';
+export { B as BabyVaccineForm } from './index-c6942eb8.js';
+export { P as PWGForm } from './index-363171c1.js';
+import './tslib.es6-8d1381b8.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-d1b69f14.js';
-import './Locale-6dc250d9.js';
+import './LastPeriod-da1d913c.js';
+import './Locale-518bf031.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-a09ac164.js';
+import './index-5c9c2d9f.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-2cb9491d.js';
+import './index-1d43a965.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-46f3697d.js';
-import './index-28c3c1d7.js';
-import './utils-4a5a1483.js';
+import './index-231c07aa.js';
+import './index-d4526622.js';
+import './utils-111975be.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-16fa72dc.js';
-import './index-3a4de8f9.js';
-import './index-e2739fdc.js';
+import './index-1c4e7daf.js';
+import './index-901ddd36.js';
+import './index-1f3ddb02.js';
 import '@mantine/notifications';
-import './index-37605813.js';
+import './index-8d4206e8.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-0ad9eea8.js';
+import './shared-b866e394.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-104f363a.js';
+import './useUniqueId-8a7c0acb.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-e3fd1e86.js';
-import './index-1f5decd3.js';
+import './index-c1ee0ce2.js';
+import './index-9b1e6b16.js';
 import '@mantine/dates';
-import './index.styles-a830c7d9.js';
-import './index-51c24ac3.js';
-import './translationsContext-56bc7e07.js';
-import './index-a25b6fc7.js';
-import './index-a5faa1c2.js';
+import './index.styles-ad76adcb.js';
+import './index-a55ac5b1.js';
+import './translationsContext-38fe6031.js';
+import './index-c0e0b821.js';
+import './index-13c4b704.js';
 import 'react-keyed-flatten-children';
-import './context-0018c9fa.js';
+import './context-8b16dae8.js';
 import 'react-hook-form';
-import './useHealthToolCache-783728ab.js';
+import './useHealthToolCache-2eaa621a.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-8eabf1eb.js';
-import './core-48aabc75.js';
-import './constants-49b494af.js';
-import './index-bff307ba.js';
+import './normalizeLink-38576e17.js';
+import './core-530d620a.js';
+import './constants-1f6435fd.js';
+import './index-dbb84a9a.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-790107e4.js';
+import './constants-9af5c0e7.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-51c24ac3.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-5e78f7c3.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-fc69001b.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-783728ab.js';
-export { u as useIsInit } from './useIsInit-542651c2.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-22c2602b.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-104f363a.js';
+export { u as useTranslations } from './index-a55ac5b1.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-458df74f.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-3ecfd79b.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-2eaa621a.js';
+export { u as useIsInit } from './useIsInit-aca4594e.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-45a5beaa.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8a7c0acb.js';
 import 'react';
-import './translationsContext-56bc7e07.js';
+import './translationsContext-38fe6031.js';
 import 'lodash/debounce';
-import './tslib.es6-21e9e32d.js';
+import './tslib.es6-8d1381b8.js';
 import './miscCookieHelper.js';
-import './index-e2739fdc.js';
-import './Locale-6dc250d9.js';
+import './index-1f3ddb02.js';
+import './Locale-518bf031.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-8eabf1eb.js';
+import './normalizeLink-38576e17.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-48aabc75.js';
+import './core-530d620a.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-56bc7e07.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-91032101.js';
+export { T as TranslationsContext } from './translationsContext-38fe6031.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-cce519e3.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-56bc7e07.js';
-export { T as TranslationsContext } from './translationsContext-56bc7e07.js';
+import { T as TranslationsContext } from './translationsContext-38fe6031.js';
+export { T as TranslationsContext } from './translationsContext-38fe6031.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-8895c678.js → index-020a1af0.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-21e9e32d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-6a92ee6a.js';
-import { u as useTranslations } from './index-51c24ac3.js';
+import { D as Dropdown } from './index-9be26a6e.js';
+import { u as useTranslations } from './index-a55ac5b1.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-a09ac164.js';
+import { I as Input$1 } from './index-5c9c2d9f.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-37605813.js';
-import './index-e2739fdc.js';
-import './index-2cb9491d.js';
-import './index-3a4de8f9.js';
-import { T as Text } from './index-16fa72dc.js';
-import { B as Button } from './index-e3fd1e86.js';
-import './index-46f3697d.js';
-import './index.styles-a830c7d9.js';
+import './index-8d4206e8.js';
+import './index-1f3ddb02.js';
+import './index-1d43a965.js';
+import './index-901ddd36.js';
+import { T as Text } from './index-1c4e7daf.js';
+import { B as Button } from './index-c1ee0ce2.js';
+import './index-231c07aa.js';
+import './index.styles-ad76adcb.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-4a5a1483.js';
-import './index-a25b6fc7.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-76f31b16.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-68b5cd57.js';
+import { M as MediaQueries } from './utils-111975be.js';
+import './index-c0e0b821.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-7025df2f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-1458becb.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-3f432b25.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-49b494af.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-dce6a629.js';
-import { C as CardAuthor } from './index-ea7197a2.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-4fc24f7a.js';
-import { I as Input } from './index-1096d5cc.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-0b63fadc.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-1f6435fd.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-3bcafaf4.js';
+import { C as CardAuthor } from './index-481b4c4d.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-deb866d5.js';
+import { I as Input } from './index-507de073.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-630feb5b.js';
-import { C as CardLink } from './index-15cedd55.js';
-import { B as BtnChoice } from './index-ead232cf.js';
-import { L as LOCALE } from './Locale-6dc250d9.js';
+import { L as Loading } from './index-4fa3a0eb.js';
+import { C as CardLink } from './index-67639f23.js';
+import { B as BtnChoice } from './index-da5a0419.js';
+import { L as LOCALE } from './Locale-518bf031.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-2b2696b2.js';
-import { b as IconArrowLeft } from './index-b8522d73.js';
-import { B as Button$1 } from './index-645efb95.js';
+import { L as Loading$1 } from './index-d9eaa0a8.js';
+import { b as IconArrowLeft } from './index-925bfca0.js';
+import { B as Button$1 } from './index-0f0bc970.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-104f363a.js';
-import { U as UserAvatar } from './index-b37efd5e.js';
-import { P as PopoverMenu } from './index-04e533e4.js';
+import { a as useUniqueId } from './useUniqueId-8a7c0acb.js';
+import { U as UserAvatar } from './index-27a7fdc4.js';
+import { P as PopoverMenu } from './index-801bed14.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-0995eb41.js → index-0713ec69.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-d1b69f14.js';
-import { I as Input } from './index-a09ac164.js';
-import { D as DatePicker } from './index-1f5decd3.js';
-import { T as Text } from './index-16fa72dc.js';
-import './index-e3fd1e86.js';
-import './index-46f3697d.js';
-import './index.styles-a830c7d9.js';
-import { u as useTranslations } from './index-51c24ac3.js';
+import { L as LastPeriod } from './LastPeriod-da1d913c.js';
+import { I as Input } from './index-5c9c2d9f.js';
+import { D as DatePicker } from './index-9b1e6b16.js';
+import { T as Text } from './index-1c4e7daf.js';
+import './index-c1ee0ce2.js';
+import './index-231c07aa.js';
+import './index.styles-ad76adcb.js';
+import { u as useTranslations } from './index-a55ac5b1.js';
 import '@mantine/hooks';
-import './index-3a4de8f9.js';
-import './utils-4a5a1483.js';
-import './index-a25b6fc7.js';
-import { C as CardWrapperContext } from './context-0018c9fa.js';
-import { H as HealthToolFormWrapper } from './index-a5faa1c2.js';
+import './index-901ddd36.js';
+import './utils-111975be.js';
+import './index-c0e0b821.js';
+import { C as CardWrapperContext } from './context-8b16dae8.js';
+import { H as HealthToolFormWrapper } from './index-13c4b704.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-d5ebd2b4.js → index-0ef329f7.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-21e9e32d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8d1381b8.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-a25b6fc7.js';
-import { L as Loading } from './index-1fe91eda.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-3f432b25.js';
+import { T as Tabs } from './index-c0e0b821.js';
+import { L as Loading } from './index-a162fb7b.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-0b63fadc.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-68b5cd57.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-1458becb.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-2cb9491d.js';
-import { I as ImageWrap } from './index-28c3c1d7.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-ea7197a2.js';
-import { S as SocialType } from './index-e2739fdc.js';
-import { u as useTranslations } from './index-51c24ac3.js';
+import { C as CommonGAssets } from './index-1d43a965.js';
+import { I as ImageWrap } from './index-d4526622.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-481b4c4d.js';
+import { S as SocialType } from './index-1f3ddb02.js';
+import { u as useTranslations } from './index-a55ac5b1.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-a09ac164.js';
+import { A as Anchor$1 } from './index-5c9c2d9f.js';
 import '@mantine/dates';
-import './index-37605813.js';
-import './index-3a4de8f9.js';
-import { T as Text } from './index-16fa72dc.js';
-import { B as Button } from './index-e3fd1e86.js';
-import './index-46f3697d.js';
-import './index.styles-a830c7d9.js';
+import './index-8d4206e8.js';
+import './index-901ddd36.js';
+import { T as Text } from './index-1c4e7daf.js';
+import { B as Button } from './index-c1ee0ce2.js';
+import './index-231c07aa.js';
+import './index.styles-ad76adcb.js';
 import '@mantine/hooks';
-import './utils-4a5a1483.js';
+import './utils-111975be.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-dce6a629.js';
-import { B as Button$1 } from './index-645efb95.js';
-import './translationsContext-56bc7e07.js';
+import { d as decodeMention, b as decodePostUrl } from './post-3bcafaf4.js';
+import { B as Button$1 } from './index-0f0bc970.js';
+import './translationsContext-38fe6031.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-645efb95.js → index-0f0bc970.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-e3fd1e86.js';
+import { B as Button$1 } from './index-c1ee0ce2.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-a5faa1c2.js → index-13c4b704.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.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-16fa72dc.js';
-import { B as Button } from './index-e3fd1e86.js';
-import { u as useTranslations } from './index-51c24ac3.js';
+import { T as Text } from './index-1c4e7daf.js';
+import { B as Button } from './index-c1ee0ce2.js';
+import { u as useTranslations } from './index-a55ac5b1.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-bf0d44d2.js → index-15b89b93.js}

@@ -1,52 +1,52 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-21e9e32d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8d1381b8.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-a09ac164.js';
+import { R as Radio } from './index-5c9c2d9f.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-37605813.js';
-import './index-e2739fdc.js';
-import { C as CommonGAssets } from './index-2cb9491d.js';
-import './index-3a4de8f9.js';
-import { T as Text } from './index-16fa72dc.js';
-import { B as Button$1 } from './index-e3fd1e86.js';
-import './index-46f3697d.js';
-import './index.styles-a830c7d9.js';
-import './translationsContext-56bc7e07.js';
-import '@mantine/hooks';
-import { M as MediaQueries } from './utils-4a5a1483.js';
-import './index-a25b6fc7.js';
-import { i as isInternalLink } from './index-15678f5d.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-8d4206e8.js';
+import './index-1f3ddb02.js';
+import { C as CommonGAssets } from './index-1d43a965.js';
+import './index-901ddd36.js';
+import { T as Text } from './index-1c4e7daf.js';
+import { B as Button$1 } from './index-c1ee0ce2.js';
+import './index-231c07aa.js';
+import './index.styles-ad76adcb.js';
+import './translationsContext-38fe6031.js';
+import { useMediaQuery } from '@mantine/hooks';
+import { M as MediaQueries } from './utils-111975be.js';
+import './index-c0e0b821.js';
+import { i as isInternalLink } from './index-d13d2aef.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-ab1903d5.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-6ba91105.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-6fe0ad33.js';
+import { L as Logo } from './index-ee266be7.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-22c2602b.js';
+import { a as useOutsideClick } from './useOutsideClick-45a5beaa.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-645efb95.js';
-import { u as useScreenSize, I as ImageWrap } from './index-28c3c1d7.js';
-import { u as useTranslations } from './index-51c24ac3.js';
-import { D as Dropdown } from './index-6a92ee6a.js';
+import { B as Button } from './index-0f0bc970.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d4526622.js';
+import { u as useTranslations } from './index-a55ac5b1.js';
+import { D as Dropdown } from './index-9be26a6e.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-1096d5cc.js';
-import { D as Drawer } from './index-c2cc8889.js';
+import { I as Input } from './index-507de073.js';
+import { D as Drawer } from './index-68f38cf5.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-6dc250d9.js';
+import { L as LOCALE } from './Locale-518bf031.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-cf351d1f.js';
+import { A as ArrowRightBlue } from './index-e1e036a6.js';
 import cn from 'classnames';
-import { L as Loading } from './index-630feb5b.js';
+import { L as Loading } from './index-4fa3a0eb.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4796,6 +4796,7 @@ const StyledVerticalContainer = styled.div `
 const StyledHorizontalContainer = styled.div `
   display: flex;
   align-items: center;
+  gap: 1rem;
 `;
 const StyledVerticalContent = styled.div `
   display: flex;
@@ -4816,7 +4817,8 @@ const StyledDescription$1 = styled.div `
   font-size: ${rem(13)};
 `;
 
-const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', isMobile = false, }) => {
+const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', }) => {
+    const isMobile = useMediaQuery(MediaQueries.mbDown);
     const StyledContainer = useMemo(() => {
         if (layout === 'two-item-horizontal' && isMobile) {
             return StyledTwoItemHorizontalContainer;
@@ -5353,9 +5355,29 @@ styled.div `
   }
 `;
 const GeneralInfoContainer = styled.div `
+  ${MediaQueries.mbUp} {
+    display: flex;
+    gap: 1.5rem;
+    border-radius: 0.75rem;
+    padding: 1.5rem;
+    overflow: hidden;
+  }
+
+  #product-image-section {
+    ${MediaQueries.mbUp} {
+      width: 336px;
+    }
+  }
   background-color: #fff;
 `;
 const ProductImage = styled(ImageWrapV2) `
+  ${MediaQueries.mbUp} {
+    width: 336px;
+    aspect-ratio: 1/1;
+    object-fit: cover;
+    border-radius: 0.5rem;
+  }
+
   width: 100%;
   object-fit: contain;
   object-position: center;
@@ -5363,6 +5385,11 @@ const ProductImage = styled(ImageWrapV2) `
 `;
 const ProductContent = styled.div `
   padding: 1.5rem 1rem;
+  ${MediaQueries.mbUp} {
+    padding: 0;
+    flex: 1;
+    overflow: hidden;
+  }
 
   .description {
     margin-top: 0.5rem;
@@ -5375,7 +5402,8 @@ const ProductContent = styled.div `
   }
 `;
 
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile = false, }) {
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, }) {
+    const isMobile = useMediaQuery(MediaQueries.mbDown);
     return (React__default.createElement(GeneralInfoContainer, { className: className },
         React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)))),
         React__default.createElement(ProductContent, { className: contentClassName },

package/build/esm/{index-599f25ea.js → index-1b6a9220.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-cd677b52.js';
-import { T as Text } from './index-66f7757b.js';
+import { M as MarryBabyText } from './index-d716bbf7.js';
+import { T as Text } from './index-f12480f8.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-16fa72dc.js → index-1c4e7daf.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-46f3697d.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-231c07aa.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-e2739fdc.js → index-1f3ddb02.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-6dc250d9.js';
+import { L as LOCALE } from './Locale-518bf031.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-b37efd5e.js → index-27a7fdc4.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-68b5cd57.js';
+import { T as TogetherComponentGlobalContext } from './utils-1458becb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-4fd95e03.js → index-31312a35.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-46f3697d.js';
-import { _ as __rest } from './tslib.es6-21e9e32d.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-231c07aa.js';
+import { _ as __rest } from './tslib.es6-8d1381b8.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';