@hhgtech/hhg-components 1.29.194 → 1.29.196

package/build/esm/navigation.js

@@ -1,69 +1,69 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-e7202bc0.js';
-import './tslib.es6-d75b4c9b.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-95e6d3c5.js';
+import './tslib.es6-821ce58a.js';
 import 'react';
-import './index-820c60e9.js';
-import './index-33aaf72f.js';
+import './index-8bbf2e40.js';
+import './index-48c8b9cc.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-1e416728.js';
+import './index-09b00c30.js';
 import './constantsDomainLocales.js';
-import './Locale-99efae23.js';
+import './Locale-3ae40b5b.js';
 import './constantsIsProduction.js';
-import './index.styles-a4953c86.js';
-import './utils-7a36ccb6.js';
+import './index.styles-6c8ebd64.js';
+import './utils-f52bd4b9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-26769d17.js';
-import './other-117a335d.js';
-import './index-5502c02d.js';
+import './index-8a480e6f.js';
+import './other-39e9cc76.js';
+import './index-ffb58d4b.js';
 import './miscTheme.js';
-import './useMantineLocale-ab01b6d9.js';
+import './useMantineLocale-ee3ce18e.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-27fa2c6c.js';
+import './index-5e0008a4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-e12b1d12.js';
-import './index-7853b157.js';
+import './index-e8880920.js';
+import './index-c417b9f7.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-2c4b567d.js';
-import './dataTransform-f845f565.js';
-import './index-83dfb87f.js';
-import './logoIcon-9b8292d1.js';
-import './index-9b3e4381.js';
-import './translationsContext-2e971490.js';
+import './normalizeLink-d98d0f9c.js';
+import './dataTransform-0730390c.js';
+import './index-4ebeb25e.js';
+import './logoIcon-a46c92a0.js';
+import './index-e93034e2.js';
+import './translationsContext-4ca8cf62.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './index-10d2c44f.js';
-import './constants-21aa5e72.js';
-import './index-eeead5cb.js';
-import './Spinner-e9bea028.js';
+import './index-2ea9becf.js';
+import './constants-50eb939b.js';
+import './index-f5cfaa57.js';
+import './Spinner-b3123f25.js';
 import './miscDefaultClassWrapper.js';
 import './profileNavigation.js';
-import './ChevronDown-217a7440.js';
+import './ChevronDown-fd834e98.js';
 import '@emotion/react';
 import './navigationLogoutPopup.js';
-import './index-558b8c49.js';
-import './index-e567433a.js';
-import './store-26fb0933.js';
+import './index-fc5b1d45.js';
+import './index-467f1477.js';
+import './store-1884af48.js';
 import 'zustand';
 import './miscCookieHelper.js';
-import './utils-c1dbd59b.js';
-import './index-48b37084.js';
+import './utils-c1e28d90.js';
+import './index-20c11789.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-fc5ee697.js';
-import './constants-39f520c1.js';
-import './index-01d190bd.js';
-import './index-f8019e83.js';
-import './useIsInit-77dc8f69.js';
+import './constants-f7399c8c.js';
+import './constants-e9ed7bd3.js';
+import './index-77ea0114.js';
+import './index-75f3516c.js';
+import './useIsInit-2ec8cfd4.js';
 import 'dayjs/plugin/relativeTime';
-import './index-621da39c.js';
-import './index-844bb1e8.js';
+import './index-f791a7ce.js';
+import './index-10daa1ca.js';
 import 'lodash/debounce';
-import './core-508bc9d3.js';
+import './core-8d00a91c.js';

package/build/esm/navigationLogoutPopup.js

@@ -1,17 +1,17 @@
 import React__default, { useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { B as Button } from './index-558b8c49.js';
-import { P as Popup } from './index-e567433a.js';
-import { u as useTranslations } from './index-9b3e4381.js';
-import { C as CommonGAssets } from './index-1e416728.js';
+import { B as Button } from './index-fc5b1d45.js';
+import { P as Popup } from './index-467f1477.js';
+import { u as useTranslations } from './index-e93034e2.js';
+import { C as CommonGAssets } from './index-09b00c30.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-7a36ccb6.js';
+import { M as MediaQueries } from './utils-f52bd4b9.js';
 import { theme } from './miscTheme.js';
-import './tslib.es6-d75b4c9b.js';
-import './index-e12b1d12.js';
-import './translationsContext-2e971490.js';
+import './tslib.es6-821ce58a.js';
+import './index-e8880920.js';
+import './translationsContext-4ca8cf62.js';
 import './constantsDomainLocales.js';
-import './Locale-99efae23.js';
+import './Locale-3ae40b5b.js';
 import './constantsIsProduction.js';
 
 const StyledPopup = styled.div `

package/build/esm/navigationProfileButton.js

@@ -1,44 +1,44 @@
-import './tslib.es6-d75b4c9b.js';
+import './tslib.es6-821ce58a.js';
 import 'react';
 import '@hhgtech/icons/core';
-import './Spinner-e9bea028.js';
-import './index-33aaf72f.js';
-import './index-e12b1d12.js';
-import './index-26769d17.js';
-export { N as NavigationProfileButton } from './index-eeead5cb.js';
-import './index-9b3e4381.js';
-import './index-5502c02d.js';
-import './index-1e416728.js';
+import './Spinner-b3123f25.js';
+import './index-48c8b9cc.js';
+import './index-e8880920.js';
+import './index-8a480e6f.js';
+export { N as NavigationProfileButton } from './index-f5cfaa57.js';
+import './index-e93034e2.js';
+import './index-ffb58d4b.js';
+import './index-09b00c30.js';
 import './miscTheme.js';
 import './navigationLogoutPopup.js';
-import './Locale-99efae23.js';
+import './Locale-3ae40b5b.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index.styles-a4953c86.js';
-import './utils-7a36ccb6.js';
+import './index.styles-6c8ebd64.js';
+import './utils-f52bd4b9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './useMantineLocale-ab01b6d9.js';
+import './useMantineLocale-ee3ce18e.js';
 import '@mantine/notifications';
-import './other-117a335d.js';
+import './other-39e9cc76.js';
 import 'dayjs';
-import './index-27fa2c6c.js';
+import './index-5e0008a4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-7853b157.js';
+import './index-c417b9f7.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.js';
 import './miscDefaultClassWrapper.js';
 import './profileNavigation.js';
 import '@mantine/dates';
-import './index-10d2c44f.js';
-import './ChevronDown-217a7440.js';
-import './normalizeLink-2c4b567d.js';
+import './index-2ea9becf.js';
+import './ChevronDown-fd834e98.js';
+import './normalizeLink-d98d0f9c.js';
 import '@emotion/react';
-import './translationsContext-2e971490.js';
-import './index-558b8c49.js';
-import './index-e567433a.js';
+import './translationsContext-4ca8cf62.js';
+import './index-fc5b1d45.js';
+import './index-467f1477.js';

package/build/esm/onboardingV2.js

@@ -1,45 +1,45 @@
 import React__default, { createContext, forwardRef, useContext, useImperativeHandle, useState, useRef, useEffect, useMemo, Fragment } from 'react';
 import { Box, Input, Grid, Title, Container, Flex, rem, Stack, AspectRatio } from '@mantine/core';
-import { P as Phone, I as Input$1, R as Radio, O as OTP, d as Checkbox } from './index-33aaf72f.js';
+import { P as Phone, I as Input$1, R as Radio, O as OTP, d as Checkbox } from './index-48c8b9cc.js';
 import '@mantine/dates';
-import { L as LOCALE_SPECS } from './index-27fa2c6c.js';
-import './index-5502c02d.js';
-import { C as CommonGAssets } from './index-1e416728.js';
-import './useMantineLocale-ab01b6d9.js';
-import { T as Text } from './index-26769d17.js';
-import { B as Button } from './index-e12b1d12.js';
-import { u as useScreenSize } from './index.styles-a4953c86.js';
-import './translationsContext-2e971490.js';
+import { L as LOCALE_SPECS } from './index-5e0008a4.js';
+import './index-ffb58d4b.js';
+import { C as CommonGAssets } from './index-09b00c30.js';
+import './useMantineLocale-ee3ce18e.js';
+import { T as Text } from './index-8a480e6f.js';
+import { B as Button } from './index-e8880920.js';
+import { u as useScreenSize } from './index.styles-6c8ebd64.js';
+import './translationsContext-4ca8cf62.js';
 import { useInterval, useCounter } from '@mantine/hooks';
-import { M as MediaQueries, a as getPopupWrapperDom } from './utils-7a36ccb6.js';
-import './other-117a335d.js';
-import './index-10d2c44f.js';
-import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-7b7588f8.js';
-export { M as MAPPED_LOCALE } from './utils-7b7588f8.js';
+import { M as MediaQueries, a as getPopupWrapperDom } from './utils-f52bd4b9.js';
+import './other-39e9cc76.js';
+import './index-2ea9becf.js';
+import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-80be232a.js';
+export { M as MAPPED_LOCALE } from './utils-80be232a.js';
 import { createFormContext, yupResolver } from '@mantine/form';
 import styled from '@emotion/styled';
-import { _ as __rest, a as __awaiter } from './tslib.es6-d75b4c9b.js';
-import { u as useTranslations } from './index-9b3e4381.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-821ce58a.js';
+import { u as useTranslations } from './index-e93034e2.js';
 import * as yup from 'yup';
-import { D as DatePicker } from './index-29481df3.js';
-import { A as AddressInput } from './index-2c4d485f.js';
-import { V as Visible } from './Visible-94501f52.js';
-import { H as Heading } from './index-01d190bd.js';
+import { D as DatePicker } from './index-bd213a66.js';
+import { A as AddressInput } from './index-f19b4aa2.js';
+import { V as Visible } from './Visible-00a1f0de.js';
+import { H as Heading } from './index-77ea0114.js';
 import { createPortal } from 'react-dom';
 import { theme } from './miscTheme.js';
-import { L as LogoIcon } from './logoIcon-9b8292d1.js';
-import { I as Icon } from './index-d6f12a44.js';
+import { L as LogoIcon } from './logoIcon-a46c92a0.js';
+import { I as Icon } from './index-1baa054b.js';
 import throttle from 'lodash/throttle';
-import { T as Text$1 } from './index-893f7c93.js';
-import { B as Button$1 } from './index-558b8c49.js';
+import { T as Text$1 } from './index-60b19830.js';
+import { B as Button$1 } from './index-fc5b1d45.js';
 import { format } from 'date-fns';
 import flattenChildren from 'react-keyed-flatten-children';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './Locale-99efae23.js';
-import './index-7853b157.js';
+import './Locale-3ae40b5b.js';
+import './index-c417b9f7.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
@@ -48,8 +48,8 @@ import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './WhatsApp-a380928d.js';
-import './Spinner-e9bea028.js';
+import './WhatsApp-1f6a410c.js';
+import './Spinner-b3123f25.js';
 
 // define shared context
 const OnboardingContext = createContext({

package/build/esm/organisms.js

@@ -1,73 +1,73 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-e7202bc0.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-a3e2b278.js';
-export { F as Footer } from './index-4bc5e811.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-95e6d3c5.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-4db0fc25.js';
+export { F as Footer } from './index-f332b8c0.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-eeead5cb.js';
+export { N as NavigationProfileButton } from './index-f5cfaa57.js';
 export { ProfileNavigation } from './profileNavigation.js';
-import './tslib.es6-d75b4c9b.js';
+import './tslib.es6-821ce58a.js';
 import 'react';
-import './index-820c60e9.js';
-import './index-33aaf72f.js';
+import './index-8bbf2e40.js';
+import './index-48c8b9cc.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-1e416728.js';
+import './index-09b00c30.js';
 import './constantsDomainLocales.js';
-import './Locale-99efae23.js';
+import './Locale-3ae40b5b.js';
 import './constantsIsProduction.js';
-import './index.styles-a4953c86.js';
-import './utils-7a36ccb6.js';
+import './index.styles-6c8ebd64.js';
+import './utils-f52bd4b9.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-26769d17.js';
-import './other-117a335d.js';
-import './index-5502c02d.js';
+import './index-8a480e6f.js';
+import './other-39e9cc76.js';
+import './index-ffb58d4b.js';
 import './miscTheme.js';
-import './useMantineLocale-ab01b6d9.js';
+import './useMantineLocale-ee3ce18e.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-27fa2c6c.js';
+import './index-5e0008a4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-e12b1d12.js';
-import './index-7853b157.js';
+import './index-e8880920.js';
+import './index-c417b9f7.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-2c4b567d.js';
-import './dataTransform-f845f565.js';
-import './index-83dfb87f.js';
-import './logoIcon-9b8292d1.js';
-import './index-9b3e4381.js';
-import './translationsContext-2e971490.js';
+import './normalizeLink-d98d0f9c.js';
+import './dataTransform-0730390c.js';
+import './index-4ebeb25e.js';
+import './logoIcon-a46c92a0.js';
+import './index-e93034e2.js';
+import './translationsContext-4ca8cf62.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './index-10d2c44f.js';
-import './constants-21aa5e72.js';
-import './store-26fb0933.js';
+import './index-2ea9becf.js';
+import './constants-50eb939b.js';
+import './store-1884af48.js';
 import 'zustand';
 import './miscCookieHelper.js';
-import './index-558b8c49.js';
-import './utils-c1dbd59b.js';
-import './index-48b37084.js';
+import './index-fc5b1d45.js';
+import './utils-c1e28d90.js';
+import './index-20c11789.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-fc5ee697.js';
-import './constants-39f520c1.js';
-import './index-01d190bd.js';
-import './index-f8019e83.js';
-import './useIsInit-77dc8f69.js';
+import './constants-f7399c8c.js';
+import './constants-e9ed7bd3.js';
+import './index-77ea0114.js';
+import './index-75f3516c.js';
+import './useIsInit-2ec8cfd4.js';
 import './miscDefaultClassWrapper.js';
 import 'dayjs/plugin/relativeTime';
-import './index-621da39c.js';
-import './index-844bb1e8.js';
+import './index-f791a7ce.js';
+import './index-10daa1ca.js';
 import 'lodash/debounce';
-import './core-508bc9d3.js';
-import './index-a0601a88.js';
-import './index-8736cf61.js';
-import './index-e567433a.js';
-import './Spinner-e9bea028.js';
-import './ChevronDown-217a7440.js';
+import './core-8d00a91c.js';
+import './index-c6922942.js';
+import './index-4fdd7538.js';
+import './index-467f1477.js';
+import './Spinner-b3123f25.js';
+import './ChevronDown-fd834e98.js';
 import '@emotion/react';

package/build/esm/{post-94d76428.js → post-82ecfbb1.js}

@@ -1,6 +1,6 @@
-import { a as __awaiter } from './tslib.es6-d75b4c9b.js';
+import { a as __awaiter } from './tslib.es6-821ce58a.js';
 import { ADMIN_PATHS, PATHS } from './togetherApiPaths.js';
-import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-c1dbd59b.js';
+import { d as getApiPath, r as callApiWithAdminAuth, b as callApiWithAuth } from './utils-c1e28d90.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 } from './index-27fa2c6c.js';
-import { a as Avatar } from './index-33aaf72f.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES } from './index-5e0008a4.js';
+import { a as Avatar } from './index-48c8b9cc.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-5502c02d.js';
-import { C as CommonGAssets } from './index-1e416728.js';
-import './useMantineLocale-ab01b6d9.js';
-import { T as Text } from './index-26769d17.js';
-import './index-e12b1d12.js';
-import './index.styles-a4953c86.js';
-import { u as useTranslations } from './index-9b3e4381.js';
+import './index-ffb58d4b.js';
+import { C as CommonGAssets } from './index-09b00c30.js';
+import './useMantineLocale-ee3ce18e.js';
+import { T as Text } from './index-8a480e6f.js';
+import './index-e8880920.js';
+import './index.styles-6c8ebd64.js';
+import { u as useTranslations } from './index-e93034e2.js';
 import '@mantine/hooks';
-import './utils-7a36ccb6.js';
-import './other-117a335d.js';
-import './index-10d2c44f.js';
-import { C as ChevronDown } from './ChevronDown-217a7440.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-2c4b567d.js';
+import './utils-f52bd4b9.js';
+import './other-39e9cc76.js';
+import './index-2ea9becf.js';
+import { C as ChevronDown } from './ChevronDown-fd834e98.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl, g as getCurrentBaseUrl } from './normalizeLink-d98d0f9c.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import './translationsContext-2e971490.js';
+import './translationsContext-4ca8cf62.js';
 import 'date-fns/locale';
 import './constantsSite.js';
-import './Locale-99efae23.js';
+import './Locale-3ae40b5b.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-d75b4c9b.js';
+import './tslib.es6-821ce58a.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
-import './index-7853b157.js';
+import './index-c417b9f7.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.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-d75b4c9b.js';
+import { _ as __rest } from './tslib.es6-821ce58a.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-8736cf61.js';
-import { T as Text } from './index-26769d17.js';
-import { P as PillCarousel } from './index-99fcb623.js';
-import { u as useTranslations } from './index-9b3e4381.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-4fdd7538.js';
+import { T as Text } from './index-8a480e6f.js';
+import { P as PillCarousel } from './index-673c3b4c.js';
+import { u as useTranslations } from './index-e93034e2.js';
 import { theme } from './miscTheme.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-c8f12cdb.js';
-import { a as useOutsideClick } from './useOutsideClick-4ebda296.js';
+import { C as CustomReferenceDot } from './index-773cb193.js';
+import { a as useOutsideClick } from './useOutsideClick-b4a02f2c.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-d75b4c9b.js';
+import { _ as __rest } from './tslib.es6-821ce58a.js';
 import '@mantine/core';
-import './other-117a335d.js';
-import './index-5502c02d.js';
-import './Locale-99efae23.js';
-import './index-1e416728.js';
+import './other-39e9cc76.js';
+import './index-ffb58d4b.js';
+import './Locale-3ae40b5b.js';
+import './index-09b00c30.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './index-7853b157.js';
-import './index-893f7c93.js';
-import './index-33aaf72f.js';
+import './index-c417b9f7.js';
+import './index-60b19830.js';
+import './index-48c8b9cc.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index.styles-a4953c86.js';
-import './utils-7a36ccb6.js';
+import './index.styles-6c8ebd64.js';
+import './utils-f52bd4b9.js';
 import '@mantine/carousel';
-import './useMantineLocale-ab01b6d9.js';
+import './useMantineLocale-ee3ce18e.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-27fa2c6c.js';
+import './index-5e0008a4.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-e12b1d12.js';
+import './index-e8880920.js';
 import 'classnames';
-import './useUniqueId-1f975479.js';
+import './useUniqueId-64568484.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-2e971490.js';
-import './index-10d2c44f.js';
+import './translationsContext-4ca8cf62.js';
+import './index-2ea9becf.js';
 
 const CustomizedAxisTick = (props) => {
     const { x, y, payload, activeWeek } = props;