@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/{dataTransform-c1701cbd.js → miscScreenSizeContext.js}

@@ -1,8 +1,10 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-524bda7c.js');
+var utils = require('./utils-928b4701.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -50,17 +52,6 @@ const ScreenSizeContextProvider = ({ children, }) => {
     return (React__default["default"].createElement(ScreenSizeContext.Provider, { value: Object.assign(Object.assign({}, screenSize), { sizeGroups }) }, children));
 };
 
-const formatPill = (data) => {
-    if (!data)
-        return {};
-    return {
-        id: data.id,
-        name: data.name || '',
-        icon: data.fruit_icon || '',
-    };
-};
-
 exports.ScreenSizeContext = ScreenSizeContext;
 exports.ScreenSizeContextProvider = ScreenSizeContextProvider;
-exports.formatPill = formatPill;
 exports.getWindowSizeGroups = getWindowSizeGroups;

package/build/{theme-e4f7f487.js → miscTheme.js}

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const theme = {
     colors: {
         primary50: '#e3f2ff',

package/build/molecules.js

@@ -2,119 +2,138 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var fixedBottomAdBlock = require('./fixedBottomAdBlock-0d4379d1.js');
-var index = require('./index-f28c47ce.js');
-var index$1 = require('./index-77a2b9ee.js');
-var dataTransform = require('./dataTransform-6b4d7a4e.js');
-var index$2 = require('./index-3d0d22b3.js');
-var index$3 = require('./index-058b3c0f.js');
-var index$4 = require('./index-73cde644.js');
-var index$5 = require('./index-838b0f95.js');
-var index$6 = require('./index-7c1dc717.js');
-var surveyOrPremiumBanner = require('./index-247a9eb2.js');
-var surveyThankyouCard = require('./surveyThankyouCard-ead6b355.js');
+var fixedBottomAdBlock = require('./fixedBottomAdBlock-026650fb.js');
+var index = require('./index-cb1c7190.js');
+var index$1 = require('./index-4ef9be86.js');
+var index$2 = require('./index-6b23104e.js');
+var index$3 = require('./index-5fdde636.js');
+var healthToolsCardWrapper = require('./index-aef8a50c.js');
+var index$4 = require('./index-d71aec74.js');
+var embeddedHeathToolCards_dueDate_dueDate = require('./embeddedHeathToolCards_dueDate_dueDate.js');
+var embeddedHeathToolCards_bmi_bmi = require('./embeddedHeathToolCards_bmi_bmi.js');
+var index$5 = require('./index-72e5dba6.js');
+var embeddedHeathToolCards_babyGrowth = require('./embeddedHeathToolCards_babyGrowth.js');
+var embeddedHeathToolCards_babyPoop = require('./embeddedHeathToolCards_babyPoop.js');
+var index$6 = require('./index-be727078.js');
+var embeddedHeathToolCards_targetHeartRate = require('./embeddedHeathToolCards_targetHeartRate.js');
+var index$7 = require('./index-6e85bdbb.js');
+var embeddedHeathToolCards_bmrBmr = require('./embeddedHeathToolCards_bmrBmr.js');
+var embeddedHeathToolCards_ovulation_ovulation = require('./embeddedHeathToolCards_ovulation_ovulation.js');
+var index$8 = require('./index-1fe1ec7e.js');
+var index$9 = require('./index-4c18e4ba.js');
+var embeddedHeathToolCards_babyVaccine = require('./embeddedHeathToolCards_babyVaccine.js');
+var embeddedHeathToolCards_pwg_pwg = require('./embeddedHeathToolCards_pwg_pwg.js');
+var index$a = require('./index-3db01ab3.js');
+var index$b = require('./index-7efbe5e3.js');
+var index$c = require('./index-7e89d856.js');
+var index$d = require('./index-34b1babf.js');
+var surveyOrPremiumBanner = require('./index-b76dcc89.js');
+var surveyThankyouCard = require('./surveyThankyouCard-c7e94445.js');
 require('react');
 require('@hhgtech/icons/other');
-require('./index-1efa7d84.js');
-require('./index-a86ea1b6.js');
-require('date-fns/locale');
-require('./index-df5cd44b.js');
-require('./isProduction-aa963bf9.js');
-require('./index-d34cd464.js');
-require('./tslib.es6-7e140b89.js');
+require('./index-6e7aede8.js');
+require('./constantsDomainLocales.js');
+require('./Locale-0b86b849.js');
+require('./constantsIsProduction.js');
+require('./index-036fe55d.js');
+require('./tslib.es6-d6fa4ee6.js');
 require('@mantine/core');
-require('./utils-524bda7c.js');
-require('./index-4af08ec2.js');
-require('./theme-e4f7f487.js');
+require('./other-0edcc417.js');
+require('./index-eddf350b.js');
+require('./miscTheme.js');
 require('innertext');
-require('./index-05f106c2.js');
+require('./index-df9447b3.js');
 require('@mantine/hooks');
+require('./utils-928b4701.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./useMantineLocale-a4f0c61d.js');
+require('./index-d91f52cc.js');
+require('./useMantineLocale-f9195d27.js');
 require('dayjs');
-require('./index-a7de42d1.js');
+require('./index-617bff8c.js');
+require('date-fns/locale');
+require('./constantsSite.js');
+require('./constantsRiskScreener.js');
+require('./index-8cb3f562.js');
 require('classnames');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-3c52a5c5.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./translationsContext-39528d2f.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
-require('./index-f10efb61.js');
-require('./index-dd1392e3.js');
+require('./index-db6d4daf.js');
+require('./index-6daafc7b.js');
 require('lodash/throttle');
-require('./index-c225ef22.js');
-require('./logoIcon-ee9a5501.js');
+require('./index-92a816de.js');
+require('./logoIcon-d9adf505.js');
 require('@emotion/react');
 require('html-react-parser');
-require('./useTranslations-200168a3.js');
-require('./defaultClassWrapper-e87ca8ef.js');
 require('date-fns');
-require('./useOutsideClick-e579e1ac.js');
+require('./useOutsideClick-960bf73b.js');
 require('date-fns/locale/en-US');
 require('date-fns/locale/id');
 require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
-require('./index-c2900d8c.js');
-require('./getSocialList-97e7bcc1.js');
-require('./WhatsApp-82018096.js');
-require('./index-b773bc3d.js');
-require('./index-e0bf03ac.js');
+require('./index-323d2766.js');
+require('./useTranslations-80687df4.js');
+require('./miscGetSocialList.js');
+require('./WhatsApp-19ca0437.js');
+require('./index-99ddd1a4.js');
+require('./index-053ed018.js');
 require('js-cookie');
 require('uuid');
-require('./index-ee964d3c.js');
-require('./animation-e1375a3b.js');
+require('./index-4b98362e.js');
+require('./animation-f64d3491.js');
 require('react-day-picker/DayPickerInput');
-require('./useScrollbarSize-5a8be010.js');
+require('./useScrollbarSize-49049c18.js');
 require('lodash/debounce');
 require('react-dom');
+require('./miscDefaultClassWrapper.js');
+require('./LastPeriod-79a8acbe.js');
 require('@mantine/form');
-require('./index-6bc3f8c3.js');
-require('./constants-dd16fb4d.js');
+require('./index-eeb7220e.js');
+require('./index-769ecf0d.js');
 require('react-keyed-flatten-children');
-require('./index-bef2bc73.js');
 require('react-hook-form');
-require('./useHealthToolCache-2a53367b.js');
-require('./getDynamicHealthTool-2a92e1a5.js');
-require('./normalizeLink-451ae6d8.js');
-require('./routing-f6d54205.js');
-require('./core-9e44ee99.js');
-require('./constants-513a9a41.js');
-require('./index-def9867a.js');
-require('./utils-af695515.js');
-require('./utils-95d9832e.js');
-require('./cookieHelper-17491ce8.js');
+require('./useHealthToolCache-9d59f009.js');
+require('./miscGetDynamicHealthTool.js');
+require('./normalizeLink-07c90859.js');
+require('./routing-54391665.js');
+require('./core-9f7c0442.js');
+require('./constants-1953275e.js');
+require('./index-48ef94cb.js');
+require('./embeddedHeathToolCards_helpers.js');
+require('./index-fbfa2310.js');
+require('./constants-e85d7085.js');
+require('./dataTransform-265f1b67.js');
+require('./index-a8c1c011.js');
+require('./utils-4849ab04.js');
+require('./utils-e4d5701e.js');
+require('./miscCookieHelper.js');
 require('slugify');
-require('./index-dcbd8bf3.js');
-require('./index-264eeddd.js');
+require('./togetherApiPaths.js');
+require('./index-bd37f7ea.js');
+require('./index-251187e5.js');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-aa818139.js');
+require('./index-3129e975.js');
 
 
 
 exports.AdBlock = fixedBottomAdBlock.AdBlock;
 exports.ArticleCard = fixedBottomAdBlock.ArticleCard;
 exports.ArticleCardV2 = fixedBottomAdBlock.ArticleCard$1;
-exports.BMICardEmbed = fixedBottomAdBlock.BMICardEmbed;
-exports.BMRCardEmbed = fixedBottomAdBlock.BMRCardEmbed;
-exports.BabyGrowthCardEmbed = fixedBottomAdBlock.BabyGrowthCardEmbed;
-exports.BabyPoopEmbed = fixedBottomAdBlock.BabyPoopEmbed;
-exports.BabyVaccineCardEmbed = fixedBottomAdBlock.BabyVaccineCardEmbed;
 exports.Breadcrumbs = fixedBottomAdBlock.Breadcrumbs;
 exports.CategoryCard = fixedBottomAdBlock.CategoryCard;
 exports.CheckboxGroup = fixedBottomAdBlock.CheckboxGroup;
 exports.CookieAcceptConfirm = fixedBottomAdBlock.CookieAcceptConfirm;
 exports.DateRangePicker = fixedBottomAdBlock.DateRangePicker;
 exports.DoctorInfo = fixedBottomAdBlock.DoctorInfo;
-exports.DueDateCardEmbed = fixedBottomAdBlock.DueDateCardEmbed;
 exports.FixedBottomAdBlock = fixedBottomAdBlock.FixedBottomAdBlock;
 exports.FloatButtonGroup = fixedBottomAdBlock.FloatButtonGroup;
 exports.IconText = fixedBottomAdBlock.IconText;
 exports.MobileBottomNavigation = fixedBottomAdBlock.MobileBottomNavigation;
 exports.MobileBottomNavigationIcon = fixedBottomAdBlock.MobileBottomNavigationIcon;
-exports.OvulationCardEmbed = fixedBottomAdBlock.OvulationCardEmbed;
-exports.PWGCardEmbed = fixedBottomAdBlock.PWGCardEmbed;
 exports.ProgressBar = fixedBottomAdBlock.ProgressBar;
 exports.RadioGroup = fixedBottomAdBlock.RadioGroup;
 exports.ScrollList = fixedBottomAdBlock.ScrollList;
@@ -123,24 +142,32 @@ exports.ShareContainer = fixedBottomAdBlock.ShareContainer;
 exports.ShareDrawer = fixedBottomAdBlock.ShareDrawer;
 exports.SideMenu = fixedBottomAdBlock.index;
 exports.StatisticCard = fixedBottomAdBlock.StatisticCard;
-exports.THRCardEmbed = fixedBottomAdBlock.THRCardEmbed;
 exports.Table = fixedBottomAdBlock.index$1;
 exports.Tabs = fixedBottomAdBlock.Tabs;
-exports.ToolsBannerCard = fixedBottomAdBlock.ToolsBannerCard;
 exports.DatePicker = index.DatePicker;
 exports.Dropdown = index$1.Dropdown;
-exports.Popup = dataTransform.Popup;
-exports.Modal = index$2.Modal;
-exports.BabyPoopForm = index$3.BabyPoopForm;
-exports.BabyVaccineForm = index$3.BabyVaccineForm;
-exports.BmiForm = index$3.BmiForm;
-exports.DueDateForm = index$3.DueDateForm;
-exports.OvulationForm = index$3.OvulationForm;
-exports.PWGForm = index$3.PWGForm;
-exports.ThrForm = index$3.ThrForm;
-exports.LanguageSwitcher = index$4.LanguageSwitcher;
-exports.PillCarousel = index$5.PillCarousel;
-exports.AddressInput = index$6.AddressInput;
+exports.Popup = index$2.Popup;
+exports.Modal = index$3.Modal;
+exports.ToolsBannerCard = healthToolsCardWrapper.ToolsBannerCard;
+exports.DueDateForm = index$4.DueDateForm;
+exports.DueDateCardEmbed = embeddedHeathToolCards_dueDate_dueDate.DueDateCardEmbed;
+exports.BMICardEmbed = embeddedHeathToolCards_bmi_bmi.BMICardEmbed;
+exports.BmiForm = index$5.BmiForm;
+exports.BabyGrowthCardEmbed = embeddedHeathToolCards_babyGrowth.BabyGrowthCardEmbed;
+exports.BabyPoopEmbed = embeddedHeathToolCards_babyPoop.BabyPoopEmbed;
+exports.BabyPoopForm = index$6.BabyPoopForm;
+exports.THRCardEmbed = embeddedHeathToolCards_targetHeartRate.THRCardEmbed;
+exports.ThrForm = index$7.ThrForm;
+exports.BMRCardEmbed = embeddedHeathToolCards_bmrBmr.BMRCardEmbed;
+exports.OvulationCardEmbed = embeddedHeathToolCards_ovulation_ovulation.OvulationCardEmbed;
+exports.OvulationForm = index$8.OvulationForm;
+exports.BabyVaccineForm = index$9.BabyVaccineForm;
+exports.BabyVaccineCardEmbed = embeddedHeathToolCards_babyVaccine.BabyVaccineCardEmbed;
+exports.PWGCardEmbed = embeddedHeathToolCards_pwg_pwg.PWGCardEmbed;
+exports.PWGForm = index$a.PWGForm;
+exports.LanguageSwitcher = index$b.LanguageSwitcher;
+exports.PillCarousel = index$c.PillCarousel;
+exports.AddressInput = index$d.AddressInput;
 exports.MAPPING_CATEGORY_PREMIUM_API_TYPE = surveyOrPremiumBanner.MAPPING_CATEGORY_PREMIUM_API_TYPE;
 exports.MAPPING_CATEGORY_PREMIUM_TYPE = surveyOrPremiumBanner.MAPPING_CATEGORY_PREMIUM_TYPE;
 exports.SideBannerModal = surveyOrPremiumBanner.SideBannerModal;

package/build/navigation.js

@@ -2,59 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-6c27b627.js');
-require('./tslib.es6-7e140b89.js');
+var index = require('./index-325d93fc.js');
+require('./tslib.es6-d6fa4ee6.js');
 require('react');
-require('./index-73cde644.js');
-require('./index-05f106c2.js');
+require('./index-7efbe5e3.js');
+require('./index-df9447b3.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-1efa7d84.js');
-require('./index-a86ea1b6.js');
-require('date-fns/locale');
-require('./index-df5cd44b.js');
-require('./isProduction-aa963bf9.js');
-require('./utils-524bda7c.js');
+require('./index-6e7aede8.js');
+require('./constantsDomainLocales.js');
+require('./Locale-0b86b849.js');
+require('./constantsIsProduction.js');
+require('./utils-928b4701.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-d34cd464.js');
-require('./theme-e4f7f487.js');
-require('./useMantineLocale-a4f0c61d.js');
+require('./index-036fe55d.js');
+require('./other-0edcc417.js');
+require('./index-d91f52cc.js');
+require('./miscTheme.js');
+require('./useMantineLocale-f9195d27.js');
 require('dayjs');
-require('./index-a7de42d1.js');
+require('./index-617bff8c.js');
+require('date-fns/locale');
+require('./constantsSite.js');
+require('./constantsRiskScreener.js');
+require('./index-8cb3f562.js');
 require('classnames');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-3c52a5c5.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-451ae6d8.js');
-require('./routing-f6d54205.js');
-require('./dataTransform-6b4d7a4e.js');
-require('./index-c225ef22.js');
-require('./logoIcon-ee9a5501.js');
-require('./useTranslations-200168a3.js');
-require('./translationsContext-39528d2f.js');
+require('./normalizeLink-07c90859.js');
+require('./routing-54391665.js');
+require('./dataTransform-265f1b67.js');
+require('./index-92a816de.js');
+require('./logoIcon-d9adf505.js');
+require('./useTranslations-80687df4.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./constants-3a475a22.js');
-require('./defaultClassWrapper-e87ca8ef.js');
-require('./ChevronDown-f7e25d61.js');
+require('./constants-79d3ff1b.js');
+require('./miscDefaultClassWrapper.js');
+require('./ChevronDown-dfb97861.js');
 require('@emotion/react');
-require('./index-c2900d8c.js');
-require('./utils-95d9832e.js');
-require('./index-e0bf03ac.js');
-require('./cookieHelper-17491ce8.js');
+require('./index-323d2766.js');
+require('./index-6b23104e.js');
+require('./utils-e4d5701e.js');
+require('./index-053ed018.js');
+require('./miscCookieHelper.js');
 require('slugify');
-require('./constants-513a9a41.js');
-require('./constants-936f45e9.js');
-require('./index-4af08ec2.js');
-require('./index-f6575703.js');
-require('./useIsInit-38cec0c4.js');
+require('./togetherApiPaths.js');
+require('./constants-1953275e.js');
+require('./constants-2aeb65f2.js');
+require('./index-eddf350b.js');
+require('./index-72b989a7.js');
+require('./useIsInit-08580a12.js');
 require('dayjs/plugin/relativeTime');
-require('./index-3dcb9bc6.js');
-require('./index-ba3797bb.js');
+require('./index-6bcde89a.js');
+require('./index-a73d7cb3.js');
 require('lodash/debounce');
-require('./core-9e44ee99.js');
+require('./core-9f7c0442.js');
 
 
 

package/build/onboardingV2.js

@@ -4,46 +4,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-05f106c2.js');
+var index$1 = require('./index-df9447b3.js');
 require('@mantine/dates');
-var index$5 = require('./index-a86ea1b6.js');
-require('./index-df5cd44b.js');
-var index$a = require('./index-1efa7d84.js');
-require('./useMantineLocale-a4f0c61d.js');
-var index = require('./index-d34cd464.js');
-var index$6 = require('./index-a7de42d1.js');
-var theme = require('./theme-e4f7f487.js');
-require('./translationsContext-39528d2f.js');
+var index$5 = require('./index-617bff8c.js');
+require('./index-d91f52cc.js');
+var index$a = require('./index-6e7aede8.js');
+require('./useMantineLocale-f9195d27.js');
+var index = require('./index-036fe55d.js');
+var index$6 = require('./index-8cb3f562.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
 var hooks = require('@mantine/hooks');
-var utils$1 = require('./utils-524bda7c.js');
-var utils = require('./utils-af695515.js');
+var utils$1 = require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+var utils = require('./utils-4849ab04.js');
 var form = require('@mantine/form');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-7e140b89.js');
-var useTranslations = require('./useTranslations-200168a3.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var yup = require('yup');
-var index$2 = require('./index-6bc3f8c3.js');
-var index$3 = require('./index-7c1dc717.js');
-var Visible = require('./Visible-eee51ba6.js');
-var index$4 = require('./index-4af08ec2.js');
+var index$2 = require('./index-eeb7220e.js');
+var index$3 = require('./index-34b1babf.js');
+var Visible = require('./Visible-16859c31.js');
+var index$4 = require('./index-eddf350b.js');
 var ReactDOM = require('react-dom');
-var logoIcon = require('./logoIcon-ee9a5501.js');
-var index$7 = require('./index-dcbd8bf3.js');
+var miscTheme = require('./miscTheme.js');
+var logoIcon = require('./logoIcon-d9adf505.js');
+var index$7 = require('./index-bd37f7ea.js');
 var throttle = require('lodash/throttle');
-var index$8 = require('./index-def9867a.js');
-var index$9 = require('./index-c2900d8c.js');
+var index$8 = require('./index-a8c1c011.js');
+var index$9 = require('./index-323d2766.js');
 var dateFns = require('date-fns');
 var flattenChildren = require('react-keyed-flatten-children');
 require('@hhgtech/icons/other');
 require('@mantine/carousel');
+require('./Locale-0b86b849.js');
 require('classnames');
-require('./useUniqueId-8929fe5f.js');
+require('./useUniqueId-3c52a5c5.js');
+require('./constantsSite.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-aa963bf9.js');
+require('./constantsIsProduction.js');
+require('./constantsDomainLocales.js');
+require('./constantsRiskScreener.js');
 require('dayjs');
-require('./WhatsApp-82018096.js');
+require('./WhatsApp-19ca0437.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -290,7 +295,7 @@ const StyledBannerCol = styled__default["default"].div `
   }
 `;
 const StyledBannerInner = styled__default["default"].div `
-  background-color: ${theme.theme.colors.primary50};
+  background-color: ${miscTheme.theme.colors.primary50};
   border-radius: 12px;
   height: 100%;
   display: flex;
@@ -298,7 +303,7 @@ const StyledBannerInner = styled__default["default"].div `
   justify-content: space-between;
 
   &[data-is-marry-baby='true'] {
-    background-color: ${theme.theme.mbColors.tonePink};
+    background-color: ${miscTheme.theme.mbColors.tonePink};
   }
 `;
 const StyledIntro = styled__default["default"].div `
@@ -356,7 +361,7 @@ const OnboardingModal = (_a) => {
                         React__default["default"].createElement(StyledBannerInner, { "data-is-marry-baby": isMarryBaby },
                             React__default["default"].createElement(StyledIntro, null,
                                 banner.heading && (React__default["default"].createElement(core.Title, { order: 1, mb: 24 }, banner.heading)),
-                                banner.description && (React__default["default"].createElement(index.Text, { size: "p1", color: theme.theme.colors.gray800 }, t('onboarding.welcomeScreen.content')))),
+                                banner.description && (React__default["default"].createElement(index.Text, { size: "p1", color: miscTheme.theme.colors.gray800 }, t('onboarding.welcomeScreen.content')))),
                             React__default["default"].createElement(StyledBannerImgWrapper, null, banner.imgSrc ? (React__default["default"].createElement("img", { src: banner.imgSrc, loading: "lazy" })) : banner.imgComponent ? (banner.imgComponent) : null))))),
                 banner &&
                     typeof banner === 'object' &&
@@ -438,7 +443,7 @@ const Onboarding$1 = (_a) => {
             imgSrc && React__default["default"].createElement(StyledThumb$1, { src: imgSrc, loading: "lazy" }),
             (heading || description) && (React__default["default"].createElement("div", { className: "header" },
                 heading && React__default["default"].createElement(core.Title, { order: 3 }, heading),
-                description && (React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: theme.theme.colors.gray600 }, description)))),
+                description && (React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)))),
             children)));
 };
 
@@ -660,7 +665,7 @@ canSkip: canSkipInit, }) => {
     return (React__default["default"].createElement(StyledOtpForm, { heading: t('onboarding.otpForm.heading'), description: React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                     __html: t('onboarding.otpForm.descriptionEmail', {
-                        email: `<b style="color:${theme.theme.colors.gray800}">${utils.hiddenEmailChar(email)}</b>`,
+                        email: `<b style="color:${miscTheme.theme.colors.gray800}">${utils.hiddenEmailChar(email)}</b>`,
                     }),
                 } }),
             !outOfEdit && (React__default["default"].createElement("svg", { onClick: onBack, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "otp-description-edit-icon" },
@@ -669,8 +674,8 @@ canSkip: canSkipInit, }) => {
             React__default["default"].createElement("form", { onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['otp'] }),
                 React__default["default"].createElement("div", { className: "resend" },
-                    React__default["default"].createElement(index$8.Text, { size: "p4", color: theme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
-                    React__default["default"].createElement(index$8.Text, { as: "a", size: "p4", color: isMarryBaby ? theme.theme.mbColors.pink : theme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
+                    React__default["default"].createElement(index$8.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
+                    React__default["default"].createElement(index$8.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
                 React__default["default"].createElement(index$9.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": "Sign Up", "data-event-action": "Confirm Phone Number", "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
                 canSkipInit && canSkip >= 3 && (React__default["default"].createElement(index$9.Button, { theme: siteType, color: "ghost", isBlock: true, size: "lg", onClick: onClose, type: "button" }, t('onboarding.button.skip')))))));
 };
@@ -736,7 +741,7 @@ canSkip: canSkipInit, isWhatsApp, }) => {
         prevStep();
     };
     const outOfEdit = retryPhoneCount >= 2;
-    const phoneEleStr = `<b style="color:${theme.theme.colors.gray800}">${phone
+    const phoneEleStr = `<b style="color:${miscTheme.theme.colors.gray800}">${phone
         .slice(0, -3)
         .replace(/./g, 'x')
         .concat(phone.slice(-3))}</b>`;
@@ -756,8 +761,8 @@ canSkip: canSkipInit, isWhatsApp, }) => {
             React__default["default"].createElement("form", { onSubmit: form$1.onSubmit(onSubmit, onError) },
                 React__default["default"].createElement(DynamicForm, { inputOrder: ['otp'] }),
                 React__default["default"].createElement("div", { className: "resend" },
-                    React__default["default"].createElement(index.Text, { size: "p4", color: theme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
-                    React__default["default"].createElement(index.Text, { as: "a", size: "p4", color: isMarryBaby ? theme.theme.mbColors.pink : theme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
+                    React__default["default"].createElement(index.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, t('onboarding.otpForm.notReceiveOTP')),
+                    React__default["default"].createElement(index.Text, { as: "a", size: "p4", color: isMarryBaby ? miscTheme.theme.mbColors.pink : miscTheme.theme.colors.primaryBase, onClick: throttleResendCode }, t('onboarding.otpForm.resendCode', { seconds }))),
                 React__default["default"].createElement(index$9.Button, { theme: siteType, color: "primary", isBlock: true, size: "lg", type: "submit", isLoading: loading, disabled: loading, "data-event-category": isWhatsApp ? 'OTP' : 'Sign Up', "data-event-action": isWhatsApp
                         ? 'Whatsapp - OTP verified Click'
                         : 'Confirm Phone Number', "data-event-label": typeof window !== 'undefined' ? window.location.href : '', className: "pointer-event-child-none" }, t('onboarding.button.continue')),
@@ -842,7 +847,7 @@ const OnboardingUI = (_a) => {
             imgSrc && React__default["default"].createElement(StyledThumb, { src: imgSrc, loading: "lazy" }),
             React__default["default"].createElement("div", { className: "header" },
                 React__default["default"].createElement(core.Title, { order: 3 }, heading),
-                React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: theme.theme.colors.gray600 }, description)),
+                React__default["default"].createElement(index.Text, { size: "p3", mt: 8, color: miscTheme.theme.colors.gray600 }, description)),
             children)));
 };