@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/profileNavigation.js

@@ -3,41 +3,40 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$3 = require('./index-920ebbb7.js');
-var index$2 = require('./index-3e801e33.js');
+var index$4 = require('./index-f49e8023.js');
+var index$3 = require('./index-1e469a64.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-291e6f28.js');
-var index$1 = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index-4a39b1e7.js');
+var index$2 = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$1 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var ChevronDown = require('./ChevronDown-17219d1e.js');
-var normalizeLink = require('./normalizeLink-32afb65d.js');
+require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var ChevronDown = require('./ChevronDown-b4faecfb.js');
+var normalizeLink = require('./normalizeLink-9e7b2355.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
-var routing = require('./routing-9b87917d.js');
+require('./translationsContext-571827e1.js');
+var routing = require('./routing-5872fa7b.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-409f6e0e.js');
+require('./Locale-a2291568.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-6cf152d6.js');
+require('./tslib.es6-47d67e4a.js');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
-require('./index-8244f19c.js');
+require('./index-45ec86f5.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-8adf63a1.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('dayjs');
@@ -184,18 +183,18 @@ const StyledNavFooterSubMenu = styled__default["default"].div `
 
 const rankIconUrlMap = {
     helloSites: {
-        member: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-member.svg'),
-        ambassador: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-ambassador.svg'),
-        doctor: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-doctor.svg'),
-        expert: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-expert.svg'),
-        influencer: () => index$1.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-influencer.svg'),
+        member: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-member.svg'),
+        ambassador: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-ambassador.svg'),
+        doctor: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-doctor.svg'),
+        expert: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-expert.svg'),
+        influencer: () => index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-rank-influencer.svg'),
     },
     marryBaby: {
-        member: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-member.svg'),
-        ambassador: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-ambassador.svg'),
-        doctor: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-doctor.svg'),
-        expert: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-expert.svg'),
-        influencer: () => index$1.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-influencer.svg'),
+        member: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-member.svg'),
+        ambassador: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-ambassador.svg'),
+        doctor: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-doctor.svg'),
+        expert: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-expert.svg'),
+        influencer: () => index$2.CommonGAssets.getAssetPath('userProfileNav/marryBaby/icon-rank-influencer.svg'),
     },
 };
 const Rank = ({ rank, siteType = 'helloSites', }) => {
@@ -203,7 +202,7 @@ const Rank = ({ rank, siteType = 'helloSites', }) => {
         var _a, _b;
         return ((_b = (_a = rankIconUrlMap[siteType]) === null || _a === void 0 ? void 0 : _a[rank]) === null || _b === void 0 ? void 0 : _b.call(_a)) || '';
     }, [rank, siteType]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     return (React__default["default"].createElement("div", { style: {
             display: 'inline-flex',
             height: 'fit-content',
@@ -217,7 +216,7 @@ const Rank = ({ rank, siteType = 'helloSites', }) => {
                 height: 16,
                 width: 16,
             } }),
-        React__default["default"].createElement(index.Text, { size: "s5", color: "gray.8", weight: "semiBold" }, t(`userProfile.userRank.${rank}`))));
+        React__default["default"].createElement(index$1.Text, { size: "s5", color: "gray.8", weight: "semiBold" }, t(`userProfile.userRank.${rank}`))));
 };
 
 const UserInfoSection = ({ siteType = 'helloSites', userInfo, }) => {
@@ -227,17 +226,17 @@ const UserInfoSection = ({ siteType = 'helloSites', userInfo, }) => {
                 width: '100%',
                 justifyContent: 'space-between',
             } },
-            React__default["default"].createElement(index$2.Avatar, { src: userInfo.avatar, alt: userInfo.name, size: 48, style: { marginBottom: 8 } }),
+            React__default["default"].createElement(index$3.Avatar, { src: userInfo.avatar, alt: userInfo.name, size: 48, style: { marginBottom: 8 } }),
             React__default["default"].createElement(Rank, { rank: "member", siteType: siteType })),
-        React__default["default"].createElement(index.Text, { size: "s3", weight: "semiBold", color: "gray.8", style: { marginBottom: 4 } }, userInfo.name),
-        React__default["default"].createElement(index.Text, { size: "n1", weight: "regular", color: siteType === 'helloSites' ? 'hb.6' : 'mb.6' },
+        React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold", color: "gray.8", style: { marginBottom: 4 } }, userInfo.name),
+        React__default["default"].createElement(index$1.Text, { size: "n1", weight: "regular", color: siteType === 'helloSites' ? 'hb.6' : 'mb.6' },
             "@",
             userInfo.username),
         React__default["default"].createElement("hr", null))) : null;
 };
 
 const ProfileNavigation = ({ className, activeItem: forceActiveItem, navMenuItems: navMenuItemsProp, style, onLogout, siteType = 'helloSites', userInfo, }) => {
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index.useTranslations();
     const [localActiveItem, setLocalActiveItem] = React.useState();
     const activeItem = typeof forceActiveItem === 'string' ? forceActiveItem : localActiveItem;
     const SSO_URL = normalizeLink.normalizeLinkSlash(routing.getCurrentSsoUrl(locale, siteType === 'marryBaby') + '/');
@@ -276,7 +275,7 @@ const ProfileNavigation = ({ className, activeItem: forceActiveItem, navMenuItem
                 key: 'userProfile.nav.card.myBooking',
                 icon: React__default["default"].createElement(NavBookingIcon, { width: "24", height: "24" }),
                 value: 'booking',
-                disabled: !index$3.CARE_LOCALES.includes(locale),
+                disabled: !index$4.CARE_LOCALES.includes(locale),
                 tracking: {
                     action: 'Manage Booking Click',
                 },
@@ -286,21 +285,21 @@ const ProfileNavigation = ({ className, activeItem: forceActiveItem, navMenuItem
                 key: 'userProfile.nav.card.myCommunity',
                 icon: React__default["default"].createElement(NavCommunityIcon, { width: "24", height: "24" }),
                 value: 'myCommunities',
-                disabled: !index$3.TOGETHER_LOCALES.includes(locale),
+                disabled: !index$4.TOGETHER_LOCALES.includes(locale),
                 tracking: {
                     action: 'Community Click',
                 },
                 link: `${SSO_URL}user/my-communities/`,
             },
         ],
-        ...(index$3.ECOM_LOCALES.includes(locale)
+        ...(index$4.ECOM_LOCALES.includes(locale)
             ? [
                 [
                     {
                         key: 'userProfile.nav.card.eCom',
                         icon: React__default["default"].createElement(NavEshopIcon, { width: "24", height: "24" }),
                         value: 'eCom',
-                        disabled: !index$3.ECOM_LOCALES.includes(locale),
+                        disabled: !index$4.ECOM_LOCALES.includes(locale),
                         subMenu: [
                             {
                                 key: 'userProfile.nav.card.ecom.manageOrders',
@@ -415,7 +414,7 @@ const NavMenuItem = ({ item, activeKey, forceOpen, onLogout, onClick, siteType =
     if (item.disabled) {
         return null;
     }
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const hasChildActive = (_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.some((subItem) => subItem.key === activeKey);
     const isActive = activeKey === item.key;
     React.useEffect(() => {
@@ -440,7 +439,7 @@ const NavMenuItem = ({ item, activeKey, forceOpen, onLogout, onClick, siteType =
         }, "data-event-category": "Ecommerce", "data-event-action": ((_b = item === null || item === void 0 ? void 0 : item.tracking) === null || _b === void 0 ? void 0 : _b.action) || '', "data-event-label": currentUrl },
         React__default["default"].createElement(StyledNavMenuItemContent, { "data-active": isActive },
             item.icon,
-            React__default["default"].createElement(index.Text, { size: "p3", style: {
+            React__default["default"].createElement(index$1.Text, { size: "p3", style: {
                     marginLeft: item.icon ? 24 : 48,
                     transition: `color 300ms`,
                 }, color: isActive ? (siteType === 'helloSites' ? 'hb.6' : 'mb.6') : 'gray.8' }, t(item.key)),

package/build/progressBar.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var throttle = require('lodash/throttle');
 var styled = require('@emotion/styled');

package/build/pwg.js

@@ -3,46 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$1 = require('./index-b3edb3e4.js');
-var index = require('./index-7f563129.js');
-var index$3 = require('./index-73957c46.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$2 = require('./index-1ea508ff.js');
+var index = require('./index-ce9a0d0b.js');
+var index$4 = require('./index-c59c2604.js');
+var index$1 = require('./index-53b9a5ed.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$2 = require('./index-a41060d2.js');
-var useOutsideClick = require('./useOutsideClick-019975ae.js');
+var index$3 = require('./index-61a6fc1e.js');
+var useOutsideClick = require('./useOutsideClick-688676d5.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 require('@mantine/core');
-require('./other-427e38dc.js');
-require('./index-291e6f28.js');
-require('./Locale-409f6e0e.js');
-require('./index-e6bdfb93.js');
+require('./other-06d775ca.js');
+require('./index-4a39b1e7.js');
+require('./Locale-a2291568.js');
+require('./index-76e88882.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./index-8244f19c.js');
-require('./index-cf8df3df.js');
-require('./index-3e801e33.js');
+require('./index-45ec86f5.js');
+require('./index-cf6516fa.js');
+require('./index-1e469a64.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index.styles-b57afab1.js');
-require('./utils-54857ab8.js');
+require('./index.styles-575a2293.js');
+require('./utils-3e457c21.js');
 require('@mantine/carousel');
-require('./useMantineLocale-d59fa63b.js');
+require('./useMantineLocale-b6730670.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-920ebbb7.js');
+require('./index-f49e8023.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-a0a2321b.js');
+require('./index-f5b2b3bf.js');
 require('classnames');
-require('./useUniqueId-f1ce19f5.js');
+require('./useUniqueId-8adf63a1.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
-require('./index-41f6c400.js');
+require('./translationsContext-571827e1.js');
+require('./index-f47b3df8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -173,7 +172,7 @@ const generatePregnancyWeightGainChartData = ({ weightByWeek, weightBefore, tool
 };
 
 const Chart = ({ weightBefore, weightByWeek, activeWeek, currentWeight, toolTipLabel = [], status, withLine = false, siteType, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const isMarryBaby = siteType === 'marryBaby';
     const chartData = React.useMemo(() => generatePregnancyWeightGainChartData({
         weightByWeek,
@@ -189,7 +188,7 @@ const Chart = ({ weightBefore, weightByWeek, activeWeek, currentWeight, toolTipL
     // Call hook passing in the ref and a function to call on outside click
     useOutsideClick.useOutsideClick(ref, () => setIsTooltipActive(false));
     return (React__default["default"].createElement(StyledChart, null,
-        isMarryBaby ? (React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark },
+        isMarryBaby ? (React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark },
             ' ',
             t('babyGrowth.weight'),
             " ",
@@ -222,14 +221,14 @@ const Chart = ({ weightBefore, weightByWeek, activeWeek, currentWeight, toolTipL
                             ? miscTheme.theme.mbColors.tonePink
                             : miscTheme.theme.colors.primary100 }),
                     typeof activeWeek !== 'undefined' &&
-                        typeof currentWeight !== 'undefined' && (React__default["default"].createElement(recharts.ReferenceDot, { onClick: () => setIsTooltipActive(true), x: activeWeek === 0 ? 1 : activeWeek, y: currentWeight, r: 4, shape: React__default["default"].createElement(index$2.CustomReferenceDot, { ref: ref, r: 4 }), fill: isMarryBaby
+                        typeof currentWeight !== 'undefined' && (React__default["default"].createElement(recharts.ReferenceDot, { onClick: () => setIsTooltipActive(true), x: activeWeek === 0 ? 1 : activeWeek, y: currentWeight, r: 4, shape: React__default["default"].createElement(index$3.CustomReferenceDot, { ref: ref, r: 4 }), fill: isMarryBaby
                             ? miscTheme.theme.mbColors.pink
                             : miscTheme.theme.colors.primaryBase, stroke: isMarryBaby
                             ? miscTheme.theme.mbColors.pink
                             : miscTheme.theme.colors.primaryBase })))),
             React__default["default"].createElement("div", { className: "custom-chart-label" },
                 React__default["default"].createElement("i", null),
-                isMarryBaby ? (React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark }, t('pregnancy.week'))) : (React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray500 }, t('pregnancy.week'))))))));
+                isMarryBaby ? (React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark }, t('pregnancy.week'))) : (React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray500 }, t('pregnancy.week'))))))));
 };
 
 const Dot = (_a) => {
@@ -238,12 +237,12 @@ const Dot = (_a) => {
         React__default["default"].createElement("circle", { cx: "4", cy: "4", r: "4", fill: color || miscTheme.theme.colors.primaryBase })));
 };
 const ChartLegend = ({ idealWeight, siteType }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const isMarryBaby = siteType === 'marryBaby';
     return (React__default["default"].createElement(StyledChartLegend, null,
         React__default["default"].createElement("div", null, isMarryBaby ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Dot, { color: miscTheme.theme.mbColors.lightPink }),
-            React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark },
+            React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark },
                 t('pregnancyTool.weightSuggested'),
                 ' ',
                 React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray800, weight: "bold", as: "span" }, idealWeight)))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -255,7 +254,7 @@ const ChartLegend = ({ idealWeight, siteType }) => {
                 React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray800, weight: "bold", as: "span" }, idealWeight))))),
         React__default["default"].createElement("div", null, isMarryBaby ? (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Dot, { color: miscTheme.theme.mbColors.pink }),
-            React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark }, t('pwg.placeholder.weight')))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$2.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark }, t('pwg.placeholder.weight')))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Dot, null),
             React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray600 }, t('pwg.placeholder.weight')))))));
 };
@@ -278,13 +277,13 @@ const StyledPregnancyWeightGainChart = styled__default["default"].div `
 `;
 
 const PregnancyWeightGainChart = ({ chartProps, pillCarouselProps, idealWeight, description, siteType, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const isMarryBaby = siteType === 'marryBaby';
     return (React__default["default"].createElement(StyledPregnancyWeightGainChart, null,
         React__default["default"].createElement("div", { className: "chart-header" },
-            isMarryBaby ? (React__default["default"].createElement(index$1.MarryBabyHeading, { type: "h3", color: miscTheme.theme.mbColors.dark }, t('pregnancyTool.weightSuggested'))) : (React__default["default"].createElement(index.Text, { size: "s1", weight: "semiBold", color: miscTheme.theme.colors.gray800 }, t('pregnancyTool.weightSuggested'))),
+            isMarryBaby ? (React__default["default"].createElement(index$2.MarryBabyHeading, { type: "h3", color: miscTheme.theme.mbColors.dark }, t('pregnancyTool.weightSuggested'))) : (React__default["default"].createElement(index.Text, { size: "s1", weight: "semiBold", color: miscTheme.theme.colors.gray800 }, t('pregnancyTool.weightSuggested'))),
             description && description),
-        React__default["default"].createElement(index$3.PillCarousel, Object.assign({}, pillCarouselProps)),
+        React__default["default"].createElement(index$4.PillCarousel, Object.assign({}, pillCarouselProps)),
         React__default["default"].createElement("div", null,
             React__default["default"].createElement(ChartLegend, { idealWeight: idealWeight, siteType: siteType }),
             React__default["default"].createElement(Chart, Object.assign({}, chartProps, { siteType: siteType })))));

package/build/ssoV2/index.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 import { LOCALE } from "../interfaces/types/Locale";
-import { SSOStepType } from "./stepsManager";
 export type SSOV2Props = {
     onClose?: () => void;
     locale?: LOCALE;
-    defaultSteps?: SSOStepType[];
 };
-export declare const SSOV2: ({ onClose: onCloseProps, locale, defaultSteps, }: SSOV2Props) => React.JSX.Element;
+export declare const SSOV2: ({ onClose: onCloseProps, locale }: SSOV2Props) => React.JSX.Element;
 export { useSSOV2Store } from "./ssoStateManager/store";

package/build/ssoV2/stepsManager/index.d.ts

@@ -1,4 +1,3 @@
-import React, { ReactNode } from 'react';
 export declare enum SSOStepTypeType {
     FIRST = "first",
     EMAIL = "email",
@@ -22,15 +21,11 @@ export type SSOShareDataType = {
 export type SSOStepsContextType = {
     currentStepIndex: number;
     steps: SSOStepType[];
-    setSteps: React.Dispatch<React.SetStateAction<SSOStepType[]>>;
+    setSteps: (s: SSOStepType[] | ((d: SSOStepType[]) => SSOStepType[])) => void;
     goNext: () => void;
     goBack: () => void;
     addStep: (step: SSOStepType) => void;
     shareData?: SSOShareDataType;
-    setShareData?: React.Dispatch<React.SetStateAction<SSOShareDataType>>;
+    setShareData?: (data: SSOShareDataType | ((d: SSOShareDataType) => SSOShareDataType)) => void;
 };
-export declare const SSOStepsProvider: ({ children, defaultSteps, }: {
-    children: ReactNode;
-    defaultSteps?: SSOStepType[];
-}) => React.JSX.Element;
-export declare const useSSOSteps: () => SSOStepsContextType;
+export declare const useSSOSteps: import("zustand").UseBoundStore<import("zustand").StoreApi<SSOStepsContextType>>;