@hhgtech/hhg-components 1.29.80 → 1.29.81

package/build/esm/{index-92eedeb0.js → index-21eac858.js}

@@ -1,20 +1,21 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2673b49d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
-import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
+import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-80f4d7df.js';
-import { B as Breakpoints } from './utils-511a24f4.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
+import { B as Breakpoints } from './utils-f8761b9d.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-4dcdce19.js';
-import { L as LOCALE } from './index-eeedf0f0.js';
-import { t as theme } from './theme-0af1cc3d.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-1373e175.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-c807ef87.js';
+import { T as Text } from './index-c200bff6.js';
+import { L as LOCALE } from './index-e3787b20.js';
+import { t as theme } from './theme-f18c2351.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-4fb67342.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-bef3c9bd.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-2b9213cf.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-d4b0bdd3.js';
+import { a as useUniqueId } from './useUniqueId-c23213b6.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {
@@ -26,8 +27,6 @@ const GlobalButtonStyle = {
     },
 };
 
-const ANIMATION_DURATION = '100ms';
-
 const GlobalInputStyle = (locale) => {
     var _a;
     return ({
@@ -338,194 +337,6 @@ const StyledImage = styled.img `
   }
 `;
 
-var useStyles$4 = createStyles((_theme, _params) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { other } = _theme;
-    const { template } = other;
-    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, } = _params;
-    const isMb = template === 'mb' || themeProp === 'marryBaby';
-    const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
-    const isHexColor = finalColor.startsWith('#');
-    const hexColor50 = isHexColor
-        ? _theme.fn.lighten(color, 0.9)
-        : ((_b = (_a = _theme.colors) === null || _a === void 0 ? void 0 : _a[finalColor]) === null || _b === void 0 ? void 0 : _b[0]) || '';
-    const hexColor = isHexColor
-        ? finalColor
-        : (_d = (_c = _theme.colors) === null || _c === void 0 ? void 0 : _c[finalColor]) === null || _d === void 0 ? void 0 : _d[_theme.fn.primaryShade()];
-    const hoverHexColor = isHexColor
-        ? _theme.fn.darken(color, 0.05)
-        : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
-    return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
-                outline: 'none',
-            } }, (!children && {
-            paddingLeft: '10px',
-            paddingRight: '10px',
-            '.mantine-Button-icon': {
-                margin: 0,
-            },
-        })), (() => {
-            switch (size) {
-                case 'xl':
-                    return {
-                        height: 56,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
-                case 'lg':
-                    return {
-                        height: 48,
-                        fontWeight: 600,
-                        fontSize: isMb ? '14px' : '16px',
-                        lineHeight: '24px',
-                    };
-                case 'md':
-                    return {
-                        height: 40,
-                        fontWeight: 600,
-                        fontSize: '14px',
-                        lineHeight: '22px',
-                    };
-                case 'sm':
-                    return {
-                        height: 32,
-                        fontWeight: 600,
-                        fontSize: isMb ? '12px' : '14px',
-                        lineHeight: '22px',
-                        paddingLeft: '16px',
-                        paddingRight: '16px',
-                    };
-                case 'xs':
-                    return {
-                        height: 24,
-                        fontWeight: 600,
-                        fontSize: '12px',
-                        lineHeight: '18px',
-                        paddingLeft: '8px',
-                        paddingRight: '8px',
-                    };
-            }
-        })()), (() => {
-            switch (variant) {
-                case 'primary': {
-                    return Object.assign({ color: _theme.white, backgroundColor: hexColor }, (!skipHover && {
-                        '&:hover': {
-                            backgroundColor: hoverHexColor,
-                        },
-                    }));
-                }
-                case 'secondary':
-                    return Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
-                        '&:hover': {
-                            backgroundColor: hexColor50,
-                            border: `1px solid ${hexColor}`,
-                        },
-                    }));
-                case 'white':
-                    return {
-                        color: hexColor,
-                        backgroundColor: 'transparent',
-                        border: `1px solid transparent`,
-                        '&:hover': {
-                            backgroundColor: 'transparent',
-                            borderColor: `transparent`,
-                        },
-                    };
-                case 'tertiary':
-                    return {
-                        color: _theme.colors.gray[8],
-                        backgroundColor: _theme.white,
-                        border: `1px solid ${_theme.colors.neutral[2]}`,
-                        '&:hover': Object.assign({}, (!skipHover
-                            ? {
-                                backgroundColor: _theme.colors.neutral[0],
-                                border: `1px solid ${_theme.colors.neutral[0]}`,
-                            }
-                            : {
-                                backgroundColor: _theme.white,
-                                border: `1px solid ${_theme.colors.neutral[2]}`,
-                            })),
-                    };
-                case 'light': {
-                    return {
-                        color: hexColor,
-                        backgroundColor: hexColor50,
-                        border: `1px solid transparent`,
-                        '&:hover': Object.assign({}, (!skipHover
-                            ? {
-                                backgroundColor: _theme.white,
-                                border: `1px solid ${hexColor50}`,
-                            }
-                            : {
-                                backgroundColor: hexColor50,
-                                border: `1px solid transparent`,
-                            })),
-                    };
-                }
-                case 'ghost':
-                    return Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid transparent` }, (!skipHover && {
-                        '&:hover': {
-                            backgroundColor: hexColor50,
-                            border: `1px solid transparent`,
-                        },
-                    }));
-            }
-        })()), { '&[data-disabled]': {
-                backgroundColor: _theme.colors.gray[1],
-                color: _theme.colors.gray[4],
-            } }), (isError
-            ? Object.assign({ color: _theme.colors.red[6], backgroundColor: _theme.white, border: `1px solid ${_theme.colors.red[6]}` }, (!skipHover && {
-                '&:hover': {
-                    backgroundColor: _theme.colors.red[0],
-                    border: `1px solid ${_theme.colors.red[6]}`,
-                },
-            })) : {})), (isSuccess
-            ? Object.assign({ color: _theme.colors.green[8], backgroundColor: _theme.colors.green[0] }, (!skipHover && {
-                '&:hover': {
-                    backgroundColor: _theme.colors.green[0],
-                },
-            })) : {})),
-    };
-});
-
-const MAPPED_VARIANT = {
-    primary: 'filled',
-    secondary: 'outline',
-    tertiary: 'default',
-    light: 'light',
-    ghost: 'subtle',
-    error: 'outline',
-    white: 'white',
-    success: 'subtle',
-};
-function filterObject(obj) {
-    const ret = {};
-    Object.keys(obj)
-        .filter((key) => obj[key] !== undefined)
-        .forEach((key) => (ret[key] = obj[key]));
-    return ret;
-}
-const Button = (props) => {
-    var _a, _b;
-    const theme = useMantineTheme();
-    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp } = _c, rest = __rest(_c, ["variant", "size", "color", "skipHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme"]);
-    const isError = variant === 'error';
-    const { classes, cx } = useStyles$4({
-        variant,
-        size,
-        color,
-        skipHover,
-        isError,
-        isSuccess: variant === 'success',
-        children,
-        theme: themeProp,
-    });
-    return (React__default.createElement(Button$1, Object.assign({ className: cx(className, variant), classNames: {
-            root: classes.root,
-        }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel }, rest), children));
-};
-
 const CambodiaRoundIcon = (props) => (React__default.createElement(ImageWrap, Object.assign({ alt: "round cambodia flag", src: CommonGAssets.getAssetPath('flags/cambodiaRound.png'), style: Object.assign({ borderRadius: '50%' }, props.style) }, props)));
 const CambodiaSquareIcon = (props) => (React__default.createElement(ImageWrap, Object.assign({ alt: "square cambodia flag", src: CommonGAssets.getAssetPath('flags/cambodiaSquare.png') }, props)));
 
@@ -1855,4 +1666,4 @@ const _ChipButton = (_a) => {
 const ChipButton = _ChipButton;
 ChipButton.Group = Chip.Group;
 
-export { Anchor as A, Button as B, CaretDown as C, DEBOUNCED_TIME as D, Flag as F, ImageWrap as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Tabs as T, Avatar as a, AspectRatio as b, Input as c, Checkbox as d, ChipButton as e, CentralCarousel as f, useStyles$2 as g, getMantineThemeOverride as h, StyledTextArea as i, StyledSliderWrapper as j, StyledSlider as k, Breadcrumbs as l, Accordion as m, Carousel as n, emotionCache as o, Popover as p, themeColors as t, useScreenSize as u };
+export { Anchor as A, Breadcrumbs as B, CaretDown as C, DEBOUNCED_TIME as D, Flag as F, ImageWrap as I, NumberInput as N, OTP as O, Phone as P, Radio as R, Select as S, Tabs as T, Avatar as a, AspectRatio as b, Input as c, CentralCarousel as d, Checkbox as e, ChipButton as f, useStyles$2 as g, getMantineThemeOverride as h, StyledTextArea as i, StyledSliderWrapper as j, StyledSlider as k, Accordion as l, Carousel as m, emotionCache as n, Popover as o, themeColors as t, useScreenSize as u };

package/build/esm/{index-c4699d44.js → index-2774583d.js}

@@ -1,186 +1,45 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-2673b49d.js';
-import React__default, { useState, useMemo, useRef, Fragment, useEffect, useContext, useCallback } from 'react';
-import { F as Flag, a as Avatar, B as Button$1, c as Input } from './index-92eedeb0.js';
-import styled from '@emotion/styled';
-import { t as theme } from './theme-0af1cc3d.js';
-import { T as Text } from './index-4dcdce19.js';
-import { C as CommonGAssets } from './index-80f4d7df.js';
-import { C as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-c807ef87.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-38ab69f4.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-7bc3e320.js';
-import { P as Popup, U as UserAvatar, a as formatCommunity, b as formatPost } from './index-9b54376f.js';
-import { L as Logo } from './index-d48b5db6.js';
-import { u as useTranslations } from './useTranslations-adad3b06.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
+import React__default, { useMemo, useRef, useState, Fragment, useEffect, useContext, useCallback } from 'react';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-996f7caf.js';
+import { b as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-bef3c9bd.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d6f57223.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-bebdc8b7.js';
+import { P as Popup, a as formatCommunity, b as formatPost } from './dataTransform-3e8e25ba.js';
+import { L as Logo } from './index-1ecbcf21.js';
+import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
+import { a as Avatar, c as Input } from './index-21eac858.js';
 import '@mantine/dates';
-import { L as LOCALE } from './index-eeedf0f0.js';
-import './useMantineLocale-1373e175.js';
-import './translationsContext-036458b7.js';
+import { L as LOCALE } from './index-e3787b20.js';
+import { C as CommonGAssets } from './index-78255d6c.js';
+import './useMantineLocale-4fb67342.js';
+import { T as Text } from './index-c200bff6.js';
+import { B as Button$1 } from './index-2b9213cf.js';
+import { t as theme } from './theme-f18c2351.js';
+import './translationsContext-f3d1a7bd.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-511a24f4.js';
-import { L as LOCALISED_SLUGS } from './constants-7661ce64.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f8761b9d.js';
+import { L as LOCALISED_SLUGS } from './constants-ebf80e5f.js';
+import styled from '@emotion/styled';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass, j as domainLocalesMarryBaby } from './utils-dee27bfd.js';
-import { C as ChevronDown } from './ChevronDown-d24fd24b.js';
+import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
+import { C as ChevronDown } from './ChevronDown-74267eb8.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-3c7f109c.js';
-import { a as LOCALIZED_SLUGS } from './constants-508ba335.js';
-import { H as Heading } from './index-82861dba.js';
-import { I as Indicator$1 } from './index-e68d4285.js';
-import { u as useIsInit } from './useIsInit-2c5ff93d.js';
-import './index.styles-0ef0135c.js';
-import './utils-ff5d88a2.js';
-import './index-13bf84f4.js';
-import './index.styled-9e147e72.js';
-import './index-528e64f4.js';
-import { ArrowRight } from '@hhgtech/icons/other';
+import { B as Button } from './index-1da2ca0b.js';
+import { i as domainLocalesMarryBaby } from './utils-d5a0b58f.js';
+import { L as LOCALIZED_SLUGS } from './constants-f77fc231.js';
+import { H as Heading } from './index-73301602.js';
+import { I as Indicator$1 } from './index-780a08de.js';
+import { u as useIsInit } from './useIsInit-ee864235.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { C as Container } from './index-6c0f560b.js';
+import { U as UserAvatar } from './index-703205e3.js';
+import { ArrowRight } from '@hhgtech/icons/other';
+import { C as Container } from './index-782fed08.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-5a22b83e.js';
-
-const ALLOW_DOMAIN_URL = [
-    'hellobacsi.com',
-    'hellosehat.com',
-    'hellodoktor.com',
-    'hellokrupet.com',
-    'hellodoctor.com.ph',
-    'hellokhunmor.com',
-    'hellosayarwon.com',
-    'helloyishi.com.tw',
-    'helloswasthya.com',
-    'marrybaby.vn',
-    'hellohealth.questionpro.com',
-    'hellobacsivn.page.link',
-];
-const isInternalLink = (url = '') => {
-    return ALLOW_DOMAIN_URL.some((o) => new URL(url).origin.endsWith(o));
-};
-
-const StyledLanguageChangeLink = styled.a `
-  display: inline-flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  padding: 7px 11px;
-  gap: 2px;
-
-  background: ${theme.colors.white};
-  border: 1px solid ${theme.colors.neutral100};
-  border-radius: 20px;
-
-  color: ${theme.colors.gray600};
-  font-weight: 600;
-  font-size: 12px;
-  line-height: 18px;
-  text-decoration: none;
-
-  cursor: pointer;
-`;
-
-const StyledSelectionContainer = styled.div `
-  position: relative;
-  display: inline-block;
-`;
-const StyledSelectionLabel = styled.div `
-  position: relative;
-`;
-const StyleSelectionPopup = styled.div `
-  position: absolute;
-  z-index: 21;
-  top: 100%;
-  right: 0;
-  width: 327px;
-  padding: 8px;
-  background: white;
-  border-radius: 4px;
-  filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, 0.1));
-
-  &[data-is-open='false'] {
-    display: none;
-  }
-  &[data-show-indicator='true'] {
-    &:before {
-      position: absolute;
-      right: 11px;
-      bottom: 100%;
-      width: 0;
-      height: 0;
-      border: 0.5rem solid transparent;
-      border-top: none;
-      border-bottom-color: #fff;
-      content: '';
-      filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
-    }
-  }
-`;
-const StyledOption = styled.div `
-  display: flex;
-  height: 40px;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 0 16px;
-  border-radius: ${theme.borderRadius};
-  cursor: pointer;
-
-  .check-icon {
-    width: 16px;
-    height: 16px;
-  }
-  &[data-selected='false'] {
-    background-color: ${theme.colors.gray100};
-  }
-`;
-const StyledPopupBackground = styled.div `
-  position: fixed;
-  z-index: 20;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-`;
-
-const TooltipSelection = ({ options, label, labelRenderer, selected, onChange, showSelected = true, style = {}, showIndicator = true, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(StyledSelectionContainer, null,
-            React__default.createElement(StyledSelectionLabel, { onClick: () => setIsOpen((value) => !value) },
-                label || (labelRenderer === null || labelRenderer === void 0 ? void 0 : labelRenderer(isOpen)) || null,
-                React__default.createElement(StyleSelectionPopup, { "data-is-open": isOpen, style: style, "data-show-indicator": showIndicator }, options.map((option, index) => (React__default.createElement(StyledOption, { key: index, "data-selected": showSelected && selected === option.value, onClick: (e) => {
-                        if (selected !== option.value) {
-                            onChange(option.value);
-                            setIsOpen((value) => !value);
-                        }
-                        e.stopPropagation();
-                    } },
-                    React__default.createElement(Text, { size: "p3" }, option.label),
-                    showSelected && selected === option.value && (React__default.createElement("img", { src: CommonGAssets.getAssetPath('check.svg'), alt: "check", className: "check-icon", loading: "lazy" })))))))),
-        isOpen && (React__default.createElement(StyledPopupBackground, { onClick: () => setIsOpen(false) }))));
-};
-
-const LanguageSwitcher = ({ languageOptions, locale }) => {
-    var _a, _b;
-    const selectedLanguage = languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.find((option) => option.locale === locale);
-    if (!(languageOptions === null || languageOptions === void 0 ? void 0 : languageOptions.length)) {
-        return null;
-    }
-    return (React__default.createElement(TooltipSelection, { options: languageOptions, selected: selectedLanguage.value, label: React__default.createElement(LanguageLabel, { locale: locale, label: selectedLanguage.label || ((_b = (_a = locale.split('-')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) }), onChange: (href) => {
-            if (typeof window !== 'undefined') {
-                window.location.href = href;
-            }
-        }, style: { width: 100 }, showSelected: true, showIndicator: false }));
-};
-const LanguageLabel = ({ locale, label, href, }) => {
-    var _a, _b, _c;
-    return (React__default.createElement(StyledLanguageChangeLink, { href: href },
-        React__default.createElement(Flag, { country: (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.toUpperCase(), width: 16, height: 16, rounded: true, language: (_c = locale === null || locale === void 0 ? void 0 : locale.split('-')) === null || _c === void 0 ? void 0 : _c[0] }),
-        React__default.createElement("span", null, label)));
-};
+import { g as getDataWithCache } from './core-c72e0ff5.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2974,13 +2833,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-f4cadffb.js').then((data) => {
+                import('./doctor-8a07ca44.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-5bdb4fa5.js').then((data) => {
+                import('./cart-f961dadc.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3415,4 +3274,4 @@ const getNavMenuContentWithCache = (locale) => __awaiter(void 0, void 0, void 0,
     return (yield getDataWithCache('nav-menu-content', () => getNavMenuContent(locale || 'en-PH'), (data) => { var _a, _b; return !!((_b = (_a = data === null || data === void 0 ? void 0 : data.categories) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length); })) || {};
 });
 
-export { LanguageSwitcher as L, NavigationV2 as N, ProfileNavigation as P, getNavMenuContentWithCache as a, NavigationLogoutPopup as b, NavigationProfileButton as c, getTogetherUserPostsApiPath as d, getNavMenuContent as g, isInternalLink as i };
+export { NavigationV2 as N, ProfileNavigation as P, getNavMenuContentWithCache as a, NavigationLogoutPopup as b, NavigationProfileButton as c, getTogetherUserPostsApiPath as d, getNavMenuContent as g };

package/build/esm/index-29d04985.js

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { I as Icon } from './index-69248434.js';
+import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+
+var styles = {"loading":"tliWyii"};
+
+const Loading = ({ className, theme, hideText }) => {
+    const { t } = useTranslations();
+    return (React__default.createElement("div", { className: `${styles.loading} ${className}` },
+        React__default.createElement(Icon.Spinner, { isMarryBaby: theme === 'marryBaby' }),
+        !hideText && t('loading')));
+};
+
+export { Loading as L };