@hhgtech/hhg-components 1.29.376 → 1.29.377-beta-1

package/build/esm/organisms.js

@@ -1,78 +1,79 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-e704d24b.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-c4e4b4f9.js';
-export { F as Footer } from './index-8e676878.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-48b9dacc.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-1f49627e.js';
+export { F as Footer } from './index-e6cd3c3e.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-03ff96be.js';
+export { N as NavigationProfileButton } from './index-4fb26806.js';
 export { ProfileNavigation } from './profileNavigation.js';
-import './tslib.es6-1e5fca59.js';
+import './tslib.es6-b58336fd.js';
 import 'react';
-import './index-8b02e725.js';
-import './Locale-558a421f.js';
-import './index-4d57b3bd.js';
-import './index-3970c015.js';
+import './index-ca3139c5.js';
+import './Locale-08cf14fd.js';
+import './index-d5478827.js';
+import './index-1efb6f1c.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-6efcc149.js';
+import './index-fb8c72b9.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './useScreenSize-95a44a92.js';
+import './useScreenSize-894c30a9.js';
 import '@emotion/styled';
-import './utils-f3677521.js';
+import './utils-c4dc2bfe.js';
 import '@mantine/carousel';
-import './index-63cb39b1.js';
-import './other-14c904ee.js';
+import './index-9b0507b8.js';
+import './other-992dbd32.js';
 import './miscTheme.js';
-import './useMantineLocale-a29351aa.js';
+import './useMantineLocale-0c63022c.js';
 import '@mantine/notifications';
-import './index-9c10b02f.js';
+import './index-03537835.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
-import './index-5827265c.js';
+import './index-75a80699.js';
 import 'classnames';
-import './useUniqueId-ccd7e992.js';
+import './useUniqueId-e0c6727a.js';
 import '@hhgtech/icons/core';
-import './number-b804d2ce.js';
-import './index-d3cdc1d5.js';
-import './translationsContext-fa28544f.js';
-import './index-9ee9453b.js';
-import './index.styles-e8b49cbe.js';
-import './index-f075c511.js';
-import './utils-9c978887.js';
-import './index-95b743d8.js';
+import './number-1345706c.js';
+import './index-8e419708.js';
+import './translationsContext-1929a314.js';
+import './index-d53f1699.js';
+import './index.styles-af10d377.js';
+import './index-55426f3f.js';
+import './utils-0ecdc2af.js';
+import './index-44149ed7.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-0ca18a1e.js';
-import './post-7366e30f.js';
-import './index-52ae18e8.js';
-import './index-8163dd93.js';
+import './constants-244675b6.js';
+import './post-32f29bf1.js';
+import './index-d067f615.js';
+import './index-058ac87e.js';
 import '@emotion/react';
-import './normalizeLink-78e64fba.js';
-import './dataTransform-80f0fa05.js';
-import './index-42d8ea28.js';
-import './logoIcon-74506513.js';
+import './normalizeLink-ea829312.js';
+import './dataTransform-649b0786.js';
+import './index-1304a21b.js';
+import './logoIcon-a4e12f74.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './index-6c2e3b2f.js';
-import './constants-ade9e37a.js';
-import './store-e9c73ac3.js';
+import './index-bdc0639a.js';
+import './constants-7709acdd.js';
+import './store-153a7fff.js';
 import 'zustand';
-import './constants-e7025489.js';
-import './index-5f9c3462.js';
-import './index-e5574f93.js';
-import './useIsInit-218f08f2.js';
+import './index-de1b0c2d.js';
+import './constants-ee588916.js';
+import './index-b0fc12d7.js';
+import './index-9f65f06b.js';
+import './useIsInit-66e79024.js';
 import './miscDefaultClassWrapper.js';
 import 'dayjs/plugin/relativeTime';
-import './index-7a2813cb.js';
-import './index-a94682ff.js';
+import './index-2d681bb1.js';
+import './index-c3a793f9.js';
 import 'lodash/debounce';
-import './core-3ba3b6b0.js';
-import './index-4009a1bc.js';
-import './index-d61b2e49.js';
-import './index-ffcf41a1.js';
-import './Spinner-67116eff.js';
-import './ChevronDown-a22d9a51.js';
+import './core-5b7c1e40.js';
+import './index-e58d215e.js';
+import './index-b842173b.js';
+import './index-938b5315.js';
+import './Spinner-331b4c48.js';
+import './ChevronDown-d09f7f90.js';

package/build/esm/{post-7366e30f.js → post-32f29bf1.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-1e5fca59.js';
+import { a as __awaiter } from './tslib.es6-b58336fd.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, q as callApiWithAdminAuth, b as callApiWithAuth } from './utils-9c978887.js';
+import { d as getApiPath, q as callApiWithAdminAuth, b as callApiWithAuth } from './utils-0ecdc2af.js';
 
 const EncodeUrlRegexMap = {
     edit: /<mocka ([^>]*)data-url="true"[^<>]*>(.*?)<\/mocka>/gim,

package/build/esm/profileNavigation.js

@@ -1,37 +1,37 @@
 import React__default, { useMemo, useState, Fragment, useEffect } from 'react';
-import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, D as DATA_PRIVACY_LOCALES } from './index-9c10b02f.js';
-import { a as Avatar } from './index-3970c015.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, D as DATA_PRIVACY_LOCALES } from './index-03537835.js';
+import { a as Avatar } from './index-1efb6f1c.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-8b02e725.js';
-import { C as CommonGAssets } from './index-6efcc149.js';
-import './useMantineLocale-a29351aa.js';
-import { T as Text } from './index-63cb39b1.js';
-import './index-5827265c.js';
-import './index.styles-e8b49cbe.js';
-import { u as useTranslations } from './index-d3cdc1d5.js';
+import './index-ca3139c5.js';
+import { C as CommonGAssets } from './index-fb8c72b9.js';
+import './useMantineLocale-0c63022c.js';
+import { T as Text } from './index-9b0507b8.js';
+import './index-75a80699.js';
+import './index.styles-af10d377.js';
+import { u as useTranslations } from './index-8e419708.js';
 import '@mantine/hooks';
-import './utils-f3677521.js';
-import './other-14c904ee.js';
-import './index-6c2e3b2f.js';
-import { C as ChevronDown } from './ChevronDown-a22d9a51.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-78e64fba.js';
+import './utils-c4dc2bfe.js';
+import './other-992dbd32.js';
+import './index-bdc0639a.js';
+import { C as ChevronDown } from './ChevronDown-d09f7f90.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-ea829312.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-fa28544f.js';
+import './translationsContext-1929a314.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-558a421f.js';
+import './Locale-08cf14fd.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-1e5fca59.js';
+import './tslib.es6-b58336fd.js';
 import '@hhgtech/icons/other';
-import './useScreenSize-95a44a92.js';
+import './useScreenSize-894c30a9.js';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-ccd7e992.js';
+import './useUniqueId-e0c6727a.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'dayjs';

package/build/esm/progressBar.js

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-1e5fca59.js';
+import { _ as __rest } from './tslib.es6-b58336fd.js';
 import React__default, { useState, useCallback, useEffect } from 'react';
 import throttle from 'lodash/throttle';
 import styled from '@emotion/styled';

package/build/esm/pwg.js

@@ -1,43 +1,43 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-d61b2e49.js';
-import { T as Text } from './index-63cb39b1.js';
-import { P as PillCarousel } from './index-3f8b9b6a.js';
-import { u as useTranslations } from './index-d3cdc1d5.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-b842173b.js';
+import { T as Text } from './index-9b0507b8.js';
+import { P as PillCarousel } from './index-387b6a7e.js';
+import { u as useTranslations } from './index-8e419708.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-4af93b09.js';
-import { a as useOutsideClick } from './useOutsideClick-ed85d80e.js';
+import { C as CustomReferenceDot } from './index-5734a17a.js';
+import { a as useOutsideClick } from './useOutsideClick-620c59db.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-1e5fca59.js';
+import { _ as __rest } from './tslib.es6-b58336fd.js';
 import '@mantine/core';
-import './other-14c904ee.js';
-import './index-8b02e725.js';
-import './Locale-558a421f.js';
-import './index-6efcc149.js';
+import './other-992dbd32.js';
+import './index-ca3139c5.js';
+import './Locale-08cf14fd.js';
+import './index-fb8c72b9.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './useScreenSize-95a44a92.js';
-import './utils-f3677521.js';
-import './index-63d7723d.js';
-import './index-3970c015.js';
+import './useScreenSize-894c30a9.js';
+import './utils-c4dc2bfe.js';
+import './index-1092f0f5.js';
+import './index-1efb6f1c.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './useMantineLocale-a29351aa.js';
+import './useMantineLocale-0c63022c.js';
 import '@mantine/notifications';
-import './index-9c10b02f.js';
+import './index-03537835.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
-import './index-5827265c.js';
+import './index-75a80699.js';
 import 'classnames';
-import './useUniqueId-ccd7e992.js';
+import './useUniqueId-e0c6727a.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-e8b49cbe.js';
-import './translationsContext-fa28544f.js';
-import './index-6c2e3b2f.js';
+import './index.styles-af10d377.js';
+import './translationsContext-1929a314.js';
+import './index-bdc0639a.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;

package/build/esm/ssoV2/api/featureFlag.d.ts

@@ -1 +1,2 @@
-export declare const fetchFeatureFlag: (site: string) => Promise<any>;
+export declare const getFeatureFlagCookieKey: (setupSource: string) => "abTestingCommunityFlow" | "abTestingFlow";
+export declare const fetchFeatureFlag: (site: string, setupSource: string) => Promise<any>;

package/build/esm/ssoV2.js

@@ -1,34 +1,35 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1e5fca59.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b58336fd.js';
 import React__default, { createContext, useMemo, useEffect, useState, useCallback, forwardRef } from 'react';
 import { getCookie, setCookie, deleteCookie } from './miscCookieHelper.js';
-import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-3970c015.js';
-import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, f as fetchSSOV2Api, w as websiteId, b as SSO_V2_PATHS, c as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, d as updateUserInfo, e as isPhoneNotVerifedYet, j as isLoginWithPhoneNotVerifedYet, k as isFlowFinishedSetup, r as resetPassword, m as redirect } from './store-e9c73ac3.js';
-export { u as useSSOV2Store } from './store-e9c73ac3.js';
+import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-1efb6f1c.js';
+import { f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, u as updateUserInfo, r as resetPassword } from './index-de1b0c2d.js';
 import { isProduction } from './constantsIsProduction.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close, Search, ReplySquare } from '@hhgtech/icons/core';
-import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-9c10b02f.js';
-import { L as LogoIcon } from './logoIcon-74506513.js';
-import { B as Button } from './index-5827265c.js';
-import { M as Modal } from './index-9ee9453b.js';
+import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-03537835.js';
+import { L as LogoIcon } from './logoIcon-a4e12f74.js';
+import { B as Button } from './index-75a80699.js';
+import { M as Modal } from './index-d53f1699.js';
 import { Stack, Flex, Box, Group, Divider } from '@mantine/core';
 import '@mantine/dates';
-import './index-8b02e725.js';
-import { C as CommonGAssets } from './index-6efcc149.js';
-import { s as showNotification } from './useMantineLocale-a29351aa.js';
-import { T as Text } from './index-63cb39b1.js';
-import { u as useTranslations } from './index-d3cdc1d5.js';
+import './index-ca3139c5.js';
+import { C as CommonGAssets } from './index-fb8c72b9.js';
+import { s as showNotification } from './useMantineLocale-0c63022c.js';
+import { T as Text } from './index-9b0507b8.js';
+import { u as useTranslations } from './index-8e419708.js';
 import '@mantine/hooks';
-import './utils-f3677521.js';
-import './other-14c904ee.js';
-import './index-6c2e3b2f.js';
-import { L as LOCALE } from './Locale-558a421f.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-95a44a92.js';
-import { G as Google, F as Facebook } from './Google-0c672f85.js';
+import './utils-c4dc2bfe.js';
+import './other-992dbd32.js';
+import './index-bdc0639a.js';
+import { L as LOCALE } from './Locale-08cf14fd.js';
+import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, b as isPhoneNotVerifedYet, c as isLoginWithPhoneNotVerifedYet, d as isFlowFinishedSetup, r as redirect } from './store-153a7fff.js';
+export { u as useSSOV2Store } from './store-153a7fff.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-894c30a9.js';
+import { G as Google, F as Facebook } from './Google-74249849.js';
 import { parsePhoneNumber, getCountryCallingCode } from 'react-phone-number-input';
-import { i as isFeatureWhatsAppEnabled, a as isFeatureZaloEnabled, b as isFeatureSMSEnabled, c as isSupportProduct } from './utils-4a036a4a.js';
-export { g as getURLwithSSOTracking } from './utils-4a036a4a.js';
-import { S as Spoiler } from './index-96d6f8ba.js';
+import { i as isFeatureWhatsAppEnabled, a as isFeatureZaloEnabled, b as isFeatureSMSEnabled, c as isSupportProduct } from './utils-86e4df70.js';
+export { g as getURLwithSSOTracking } from './utils-86e4df70.js';
+import { S as Spoiler } from './index-e5dfbc47.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import styled from '@emotion/styled';
 import cn from 'classnames';
@@ -37,26 +38,31 @@ import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import Flags from 'react-phone-number-input/flags';
 import { Drawer } from 'vaul';
-import { M as MAPPED_LOCALE } from './utils-fddd87a2.js';
+import { M as MAPPED_LOCALE } from './utils-a23085d4.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-ddf83e8f.js';
+import { D as DatePicker } from './index-5aa2abd0.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './useUniqueId-ccd7e992.js';
+import './useUniqueId-e0c6727a.js';
 import './constantsSite.js';
-import 'zustand';
-import './normalizeLink-78e64fba.js';
+import './normalizeLink-ea829312.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './index.styles-e8b49cbe.js';
+import './index.styles-af10d377.js';
 import '@mantine/notifications';
-import './translationsContext-fa28544f.js';
-import './healthTools-4b243076.js';
+import './translationsContext-1929a314.js';
+import 'zustand';
+import './healthTools-edfd2eb5.js';
 
 // const fakeData = {
-const fetchFeatureFlag = (site) => __awaiter(void 0, void 0, void 0, function* () {
+const getFeatureFlagCookieKey = (setupSource) => {
+    return setupSource === 'community'
+        ? 'abTestingCommunityFlow'
+        : 'abTestingFlow';
+};
+const fetchFeatureFlag = (site, setupSource) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     let data = null;
     try {
@@ -67,9 +73,11 @@ const fetchFeatureFlag = (site) => __awaiter(void 0, void 0, void 0, function* (
         data = yield response.json();
     }
     catch (err) {
-        data = null;
+        data = {};
     }
-    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === 'SSO_V2_flag');
+    const flagKey = setupSource === 'community' ? 'SSO_V2_Together_flag' : 'SSO_V2_flag';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === flagKey);
 });
 
 const SSOStateContext = createContext({
@@ -4541,7 +4549,7 @@ if (!String.prototype.capitalize) {
     };
 }
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
-    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = useSSOV2Store();
+    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, setupSource, } = useSSOV2Store();
     useEffect(() => {
         setMounted(true);
         return () => {
@@ -4561,8 +4569,9 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     }, [onCloseProps]);
     useEffect(() => {
         const site = MAP_DOMAIN_BY_LOCALE[locale];
-        const previousABTestingFlow = getCookie('abTestingFlow');
-        fetchFeatureFlag(site).then((data) => {
+        const key = getFeatureFlagCookieKey(setupSource);
+        const previousABTestingFlow = getCookie(key);
+        fetchFeatureFlag(site, setupSource).then((data) => {
             if (data.is_enabled && isSupportProduct(data.products)) {
                 if (previousABTestingFlow) {
                     setABTestFlow(previousABTestingFlow);
@@ -4571,24 +4580,28 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                     const randomBetween100Percent = Math.floor(Math.random() * 100 + 1);
                     const aFlow = data.a_percentage;
                     if (randomBetween100Percent <= aFlow) {
-                        setCookie('abTestingFlow', 'A', {
+                        setCookie(key, 'A', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('A');
                     }
                     else {
-                        setCookie('abTestingFlow', 'B', {
+                        setCookie(key, 'B', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('B');
                     }
                 }
             }
             else {
-                deleteCookie('abTestingFlow');
+                deleteCookie(key);
             }
         });
-    }, [locale]);
+    }, [locale, setupSource]);
     if (!isOpen) {
         return null;
     }