@hhgtech/hhg-components 1.29.82 → 1.29.84

package/build/other-b4596d33.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var core = require('@mantine/core');
+
+exports.FontWeight = void 0;
+(function (FontWeight) {
+    FontWeight[FontWeight["regular"] = 400] = "regular";
+    FontWeight[FontWeight["semiBold"] = 600] = "semiBold";
+    FontWeight[FontWeight["bold"] = 700] = "bold";
+})(exports.FontWeight || (exports.FontWeight = {}));
+const GlobalTextStyle = {
+    fontSize: {
+        base: [core.rem(16), core.rem(16)],
+        lg: [core.rem(18), core.rem(16)],
+        md: [core.rem(18), core.rem(16)],
+        sm: [core.rem(16), core.rem(14)],
+        xs: [core.rem(14), core.rem(12)],
+        s1: [core.rem(22), core.rem(18)],
+        s2: [core.rem(18), core.rem(16)],
+        s3: [core.rem(16), core.rem(14)],
+        s4: [core.rem(14), core.rem(12)],
+        s5: [core.rem(12), core.rem(12)],
+        p1: [core.rem(18), core.rem(16)],
+        p2: [core.rem(16), core.rem(16)],
+        p3: [core.rem(16), core.rem(14)],
+        p4: [core.rem(14), core.rem(12)],
+        p5: [core.rem(12), core.rem(12)],
+        c1: [core.rem(16), core.rem(14)],
+        c2: [core.rem(14), core.rem(12)],
+        n1: [core.rem(12), core.rem(12)],
+        label1: [core.rem(14), core.rem(14)],
+        label2: [core.rem(12), core.rem(12)],
+        h1: [core.rem(40), core.rem(26)],
+        h2: [core.rem(32), core.rem(24)],
+        h3: [core.rem(26), core.rem(20)],
+        h4: [core.rem(22), core.rem(18)],
+        h5: [core.rem(18), core.rem(16)],
+        h6: [core.rem(16), core.rem(14)],
+    },
+    lineHeight: {
+        base: [core.rem(24), core.rem(24)],
+        lg: [core.rem(32), core.rem(28)],
+        md: [core.rem(32), core.rem(28)],
+        sm: [core.rem(24), core.rem(22)],
+        xs: [core.rem(24), core.rem(18)],
+        s1: [core.rem(32), core.rem(26)],
+        s2: [core.rem(28), core.rem(24)],
+        s3: [core.rem(24), core.rem(24)],
+        s4: [core.rem(22), core.rem(18)],
+        s5: [core.rem(18), core.rem(18)],
+        p1: [core.rem(28), core.rem(28)],
+        p2: [core.rem(24), core.rem(24)],
+        p3: [core.rem(24), core.rem(22)],
+        p4: [core.rem(22), core.rem(18)],
+        c1: [core.rem(24), core.rem(22)],
+        c2: [core.rem(22), core.rem(18)],
+        n1: [core.rem(18), core.rem(18)],
+        label1: [core.rem(22), core.rem(22)],
+        label2: [core.rem(18), core.rem(18)],
+        h1: [core.rem(52), core.rem(34)],
+        h2: [core.rem(42), core.rem(32)],
+        h3: [core.rem(36), core.rem(26)],
+        h4: [core.rem(32), core.rem(26)],
+        h5: [core.rem(28), core.rem(24)],
+        h6: [core.rem(24), core.rem(22)],
+    },
+    letterSpacing: {
+        lg: [-0.2, 0],
+        md: [-0.2, 0],
+        sm: [0, -0.2],
+        s1: [-0.6, -0.6],
+        s2: [-0.4, -0.2],
+        s3: [0, -0.2],
+        s4: [0, -0.2],
+        p1: [-0.2, -0.2],
+        p2: [0, -0.2],
+        p3: [0, -0.2],
+        p4: [-0.2, 0],
+        label1: [0, -0.2],
+        h1: [-1.2, -0.9],
+        h2: [-1, -0.8],
+        h3: [-0.8, -0.7],
+        h4: [-0.6, -0.6],
+        h5: [-0.2, -0.2],
+        h6: [0, -0.2],
+    },
+    fontWeightBySize: {
+        s1: exports.FontWeight.semiBold,
+        s2: exports.FontWeight.semiBold,
+        s3: exports.FontWeight.semiBold,
+        s4: exports.FontWeight.semiBold,
+        h1: exports.FontWeight.bold,
+        h2: exports.FontWeight.bold,
+        h3: exports.FontWeight.bold,
+        h4: exports.FontWeight.bold,
+        h5: exports.FontWeight.bold,
+        h6: exports.FontWeight.bold,
+    },
+    fontWeight: exports.FontWeight,
+};
+
+const OTHER_THEME_CONFIG = Object.assign({}, GlobalTextStyle);
+
+exports.OTHER_THEME_CONFIG = OTHER_THEME_CONFIG;

package/build/pwg.js

@@ -3,36 +3,41 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$1 = require('./index-2fd9063e.js');
-var index = require('./index-1fdf2f01.js');
-var index$3 = require('./index-b66ae554.js');
-var useTranslations = require('./useTranslations-685f989b.js');
-var theme = require('./theme-be20929b.js');
+var index$1 = require('./index-592139a8.js');
+var index = require('./index-4184d8d6.js');
+var index$3 = require('./index-0ae8b4ca.js');
+var useTranslations = require('./useTranslations-ec613f5a.js');
+var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$2 = require('./index-bc9e8eae.js');
-var useOutsideClick = require('./useOutsideClick-d95a32b6.js');
+var index$2 = require('./index-9176f616.js');
+var useOutsideClick = require('./useOutsideClick-34fa23d9.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
+var tslib_es6 = require('./tslib.es6-a7663f7d.js');
 require('@mantine/core');
-require('./utils-15a9772e.js');
-require('./index-1f3fc2e3.js');
-require('./index-64d8db08.js');
-require('./index-e3bbd009.js');
-require('date-fns/locale');
-require('./isProduction-20cd663d.js');
-require('./index-dff7ee1b.js');
+require('./other-b4596d33.js');
+require('./index-3ae93a30.js');
+require('./Locale-9e8a2452.js');
+require('./index-e0d59d3e.js');
+require('./constantsDomainLocales.js');
+require('./constantsIsProduction.js');
+require('./index-848c257f.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
+require('./utils-7effa670.js');
 require('@mantine/carousel');
-require('./useMantineLocale-0d63dfea.js');
+require('./useMantineLocale-30235874.js');
 require('dayjs');
-require('./index-3eb666e6.js');
+require('./index-1f94d57c.js');
+require('date-fns/locale');
+require('./constantsSite.js');
+require('./constantsRiskScreener.js');
+require('./index-353ce6f8.js');
 require('classnames');
-require('./useUniqueId-1af8848e.js');
+require('./useUniqueId-b5967fd3.js');
 require('@hhgtech/icons/core');
-require('./index-a9bbb5aa.js');
+require('./index-9112bf2c.js');
 require('@mantine/dates');
-require('./translationsContext-00fdb62e.js');
+require('./translationsContext-22b4034f.js');
 require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -45,13 +50,13 @@ const CustomizedAxisTick = (props) => {
     if (activeWeek === payload.value) {
         return (React__default["default"].createElement("g", { transform: `translate(${x},${y})` },
             React__default["default"].createElement("circle", { r: 12, fill: props.siteType === 'marryBaby'
-                    ? theme.theme.mbColors.pink
-                    : theme.theme.colors.primaryBase }),
-            React__default["default"].createElement("text", { textAnchor: "middle", alignmentBaseline: "central", fill: theme.theme.colors.white, fontFamily: "Inter", fontWeight: "600", fontSize: "12px" }, payload.value)));
+                    ? miscTheme.theme.mbColors.pink
+                    : miscTheme.theme.colors.primaryBase }),
+            React__default["default"].createElement("text", { textAnchor: "middle", alignmentBaseline: "central", fill: miscTheme.theme.colors.white, fontFamily: "Inter", fontWeight: "600", fontSize: "12px" }, payload.value)));
     }
     else {
         return (React__default["default"].createElement("g", { transform: `translate(${x},${y})` },
-            React__default["default"].createElement("text", { textAnchor: "middle", alignmentBaseline: "central", fill: theme.theme.colors.gray600, fontFamily: "Inter", fontWeight: "400", fontSize: "12px" }, payload.value)));
+            React__default["default"].createElement("text", { textAnchor: "middle", alignmentBaseline: "central", fill: miscTheme.theme.colors.gray600, fontFamily: "Inter", fontWeight: "400", fontSize: "12px" }, payload.value)));
     }
 };
 
@@ -75,7 +80,7 @@ const StyledTooltip = styled__default["default"].div `
     display: flex;
     align-items: center;
     padding: 4px 8px;
-    background: ${theme.theme.colors.yellow600};
+    background: ${miscTheme.theme.colors.yellow600};
     border-radius: 3px;
   } */
   & > * {
@@ -119,18 +124,18 @@ const StyledChartLegend = styled__default["default"].div `
 const LABELS_COLOR = [
     {
         name: 'overweight',
-        backgroundColor: theme.theme.colors.yellow50,
-        color: theme.theme.colors.yellow900,
+        backgroundColor: miscTheme.theme.colors.yellow50,
+        color: miscTheme.theme.colors.yellow900,
     },
     {
         name: 'underweight',
-        backgroundColor: theme.theme.colors.yellow50,
-        color: theme.theme.colors.yellow900,
+        backgroundColor: miscTheme.theme.colors.yellow50,
+        color: miscTheme.theme.colors.yellow900,
     },
     {
         name: 'healthy',
-        backgroundColor: theme.theme.colors.green50,
-        color: theme.theme.colors.green900,
+        backgroundColor: miscTheme.theme.colors.green50,
+        color: miscTheme.theme.colors.green900,
     },
 ];
 const CustomizedTooltipLabel = (props) => {
@@ -146,7 +151,7 @@ const CustomizedTooltipLabel = (props) => {
             " ", (_c = currentPayload.toolTipLabel) === null || _c === void 0 ? void 0 :
             _c[1]),
         React__default["default"].createElement("div", null,
-            ((_d = currentPayload.toolTipLabel) === null || _d === void 0 ? void 0 : _d[2]) && (React__default["default"].createElement(index.Text, { as: "span", size: "s3", color: theme.theme.colors.gray800, weight: "semiBold" }, (_e = currentPayload.toolTipLabel) === null || _e === void 0 ? void 0 : _e[2])),
+            ((_d = currentPayload.toolTipLabel) === null || _d === void 0 ? void 0 : _d[2]) && (React__default["default"].createElement(index.Text, { as: "span", size: "s3", color: miscTheme.theme.colors.gray800, weight: "semiBold" }, (_e = currentPayload.toolTipLabel) === null || _e === void 0 ? void 0 : _e[2])),
             React__default["default"].createElement("div", { className: "risk", style: {
                     backgroundColor,
                 } },
@@ -180,18 +185,18 @@ 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: theme.theme.mbColors.dark },
+        isMarryBaby ? (React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: miscTheme.theme.mbColors.dark },
             ' ',
             t('babyGrowth.weight'),
             " ",
-            t('pregnancyWeightGain.weightInput.desc'))) : (React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray500 },
+            t('pregnancyWeightGain.weightInput.desc'))) : (React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray500 },
             t('babyGrowth.weight'),
             " ",
             t('pregnancyWeightGain.weightInput.desc'))),
         Array.isArray(chartData) && chartData.length > 0 && (React__default["default"].createElement(StyledChart, null,
             React__default["default"].createElement(recharts.ResponsiveContainer, { height: 388, className: "chart" },
                 React__default["default"].createElement(recharts.AreaChart, { data: chartData, margin: { top: 16, right: 0, left: 0 } },
-                    React__default["default"].createElement(recharts.CartesianGrid, { stroke: theme.theme.colors.neutral100 }),
+                    React__default["default"].createElement(recharts.CartesianGrid, { stroke: miscTheme.theme.colors.neutral100 }),
                     React__default["default"].createElement(recharts.Tooltip, { trigger: "click", content: (props) => (React__default["default"].createElement(CustomizedTooltipLabel, Object.assign({ active: !withLine &&
                                 isTooltipActive &&
                                 typeof activeWeek !== 'undefined' &&
@@ -206,49 +211,49 @@ const Chart = ({ weightBefore, weightByWeek, activeWeek, currentWeight, toolTipL
                             fontFamily: 'Inter',
                             fontWeight: 400,
                             fontSize: 12,
-                            color: theme.theme.colors.gray600,
+                            color: miscTheme.theme.colors.gray600,
                         } }),
                     React__default["default"].createElement(recharts.Area, { connectNulls: true, type: "monotone", dataKey: "min", stackId: "1", stroke: "transparent", fill: "transparent" }),
                     React__default["default"].createElement(recharts.Area, { connectNulls: true, type: "monotone", dataKey: "difference", stackId: "1", stroke: "transparent", fill: isMarryBaby
-                            ? theme.theme.mbColors.tonePink
-                            : theme.theme.colors.primary100 }),
+                            ? 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
-                            ? theme.theme.mbColors.pink
-                            : theme.theme.colors.primaryBase, stroke: isMarryBaby
-                            ? theme.theme.mbColors.pink
-                            : theme.theme.colors.primaryBase })))),
+                            ? 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: theme.theme.mbColors.dark }, t('pregnancy.week'))) : (React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray500 }, t('pregnancy.week'))))))));
+                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'))))))));
 };
 
 const Dot = (_a) => {
     var { color } = _a, rest = tslib_es6.__rest(_a, ["color"]);
     return (React__default["default"].createElement("svg", Object.assign({ width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, rest),
-        React__default["default"].createElement("circle", { cx: "4", cy: "4", r: "4", fill: color || theme.theme.colors.primaryBase })));
+        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 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: theme.theme.mbColors.lightPink }),
-            React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: theme.theme.mbColors.dark },
+            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 },
                 t('pregnancyTool.weightSuggested'),
                 ' ',
-                React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray800, weight: "bold", as: "span" }, idealWeight)))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(Dot, { color: theme.theme.colors.primary100 }),
-            React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray600 },
+                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,
+            React__default["default"].createElement(Dot, { color: miscTheme.theme.colors.primary100 }),
+            React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray600 },
                 React__default["default"].createElement(index.Text, { size: "n1", as: "span" },
                     t('pregnancyTool.weightSuggested'),
                     ' '),
-                React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray800, weight: "bold", as: "span" }, idealWeight))))),
+                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: theme.theme.mbColors.pink }),
-            React__default["default"].createElement(index$1.MarryBabyText, { type: "bodytext-3", color: theme.theme.mbColors.dark }, t('pwg.placeholder.weight')))) : (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(Dot, null),
-            React__default["default"].createElement(index.Text, { size: "n1", color: theme.theme.colors.gray600 }, t('pwg.placeholder.weight')))))));
+            React__default["default"].createElement(index.Text, { size: "n1", color: miscTheme.theme.colors.gray600 }, t('pwg.placeholder.weight')))))));
 };
 
 const StyledPregnancyWeightGainChart = styled__default["default"].div `
@@ -258,7 +263,7 @@ const StyledPregnancyWeightGainChart = styled__default["default"].div `
   padding: 24px 16px;
   width: 100%;
   gap: 24px;
-  border: 1px solid ${theme.theme.colors.neutral100};
+  border: 1px solid ${miscTheme.theme.colors.neutral100};
   border-radius: 8px;
   .chart-header {
     text-align: center;
@@ -273,7 +278,7 @@ const PregnancyWeightGainChart = ({ chartProps, pillCarouselProps, idealWeight,
     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: theme.theme.mbColors.dark }, t('pregnancyTool.weightSuggested'))) : (React__default["default"].createElement(index.Text, { size: "s1", weight: "semiBold", color: theme.theme.colors.gray800 }, t('pregnancyTool.weightSuggested'))),
+            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'))),
             description && description),
         React__default["default"].createElement(index$3.PillCarousel, Object.assign({}, pillCarouselProps)),
         React__default["default"].createElement("div", null,

package/build/{routing-d6c9099a.js → routing-c7527743.js}

@@ -1,13 +1,14 @@
 'use strict';
 
-var index = require('./index-e3bbd009.js');
-var isProduction = require('./isProduction-20cd663d.js');
+require('./index-1f94d57c.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
 
 const getCurrentBaseUrl = (locale, isMarryBaby) => {
     if (typeof window !== 'undefined')
         return window.location.origin;
     const isDev = process.env.NEXT_PUBLIC_DEPLOY_ENV === 'development';
-    const isStaging = !isDev && !isProduction.isProduction;
+    const isStaging = !isDev && !constantsIsProduction.isProduction;
     // const isDev = false
     // const isStaging = false
     return isDev
@@ -18,29 +19,29 @@ const getCurrentBaseUrl = (locale, isMarryBaby) => {
                 : 'discover.'
             : isMarryBaby
                 ? 'www.'
-                : ''}${index.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`;
+                : ''}${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`;
 };
 const getCurrentSsoUrl = (locale, isMarryBaby) => {
     return (process.env.UNIFY_SSO_API ||
-        `https://${!isProduction.isProduction ? 'staging-id.' : 'id.'}${index.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`);
+        `https://${!constantsIsProduction.isProduction ? 'staging-id.' : 'id.'}${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}`);
 };
 const getTogetherApiDomain = () => {
     return (process.env.UNIFY_INTERNAL_TOGETHER_API ||
         process.env.UNIFY_TOGETHER_API ||
-        `https://${!isProduction.isProduction ? 'staging-together.' : 'together.'}hellohealthgroup.com`);
+        `https://${!constantsIsProduction.isProduction ? 'staging-together.' : 'together.'}hellohealthgroup.com`);
 };
 const getDiscoverApiDomain = (locale) => {
     const isMarryBaby = locale.endsWith('_MB');
     if (isMarryBaby)
-        return `https://${!isProduction.isProduction ? 'staging.' : 'wp.'}${index.domainLocales[locale]}`;
+        return `https://${!constantsIsProduction.isProduction ? 'staging.' : 'wp.'}${constantsDomainLocales.domainLocales[locale]}`;
     return (process.env.UNIFY_INTERNAL_DISCOVER_API ||
         process.env.UNIFY_DISCOVER_API ||
-        `https://${!isProduction.isProduction ? 'staging.' : 'wp.'}${index.domainLocales[locale]}`);
+        `https://${!constantsIsProduction.isProduction ? 'staging.' : 'wp.'}${constantsDomainLocales.domainLocales[locale]}`);
 };
 const getCareApiDomain = () => {
     return (process.env.UNIFY_INTERNAL_CARE_API ||
         process.env.UNIFY_CARE_API ||
-        `https://${!isProduction.isProduction ? 'service-health-care.' : 'health-care.'}hellohealthgroup.com`);
+        `https://${!constantsIsProduction.isProduction ? 'service-health-care.' : 'health-care.'}hellohealthgroup.com`);
 };
 
 exports.getCareApiDomain = getCareApiDomain;