@hhgtech/hhg-components 1.29.328 → 1.29.330

package/build/esm/{index-7c7611eb.js → index-4b62a7e6.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-21693071.js';
+import { T as TogetherComponentGlobalContext } from './utils-24be99f5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-1d9a1ad3.js → index-4f18306b.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-0f2a1ab4.js';
+import { R as Radio } from './index-cf40b8d3.js';
 import '@mantine/dates';
-import './index-bdb7c02d.js';
-import './index-48d6d704.js';
-import { C as CommonGAssets } from './index-4c755346.js';
-import './useMantineLocale-8498b8de.js';
-import { T as Text } from './index-1d536aab.js';
-import './index-92d97336.js';
-import './index.styles-4f373489.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import './index-a90f1e25.js';
+import './index-3f48a3f2.js';
+import { C as CommonGAssets } from './index-21eb20e7.js';
+import './useMantineLocale-6b0f456e.js';
+import { T as Text } from './index-1a76bd35.js';
+import './index-f12b943b.js';
+import './index.styles-59283137.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import '@mantine/hooks';
-import './utils-a13b96e0.js';
-import './other-69e6be24.js';
-import './index-f1eecac9.js';
+import './utils-91536730.js';
+import './other-b3b9a6e0.js';
+import './index-e82c4aa1.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-c09e00a7.js → index-5cb54bc5.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-1d536aab.js';
+import { T as Text } from './index-1a76bd35.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-a13b96e0.js';
-import { R as Radio$1 } from './index-0f2a1ab4.js';
-import { T as Text$1 } from './index-dab6a2e7.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-91536730.js';
+import { R as Radio$1 } from './index-cf40b8d3.js';
+import { T as Text$1 } from './index-c1d6f6da.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-a55290fb.js → index-5e152e07.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-493d93e8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-04fcc8af.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-f1eecac9.js';
-import { L as Loading } from './index-24bd036c.js';
-import './index-48d6d704.js';
-import { g as formatArticle } from './dataTransform-fe11a301.js';
+import { T as Tabs } from './index-e82c4aa1.js';
+import { L as Loading } from './index-ba235f8c.js';
+import './index-3f48a3f2.js';
+import { g as formatArticle } from './dataTransform-240edbc5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-21693071.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-24be99f5.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-b0dbc4f2.js';
-import { L as LOCALE } from './Locale-0f5d000d.js';
+import { C as CardAuthor } from './index-3935fdf6.js';
+import { L as LOCALE } from './Locale-01b1829c.js';
 import '@hhgtech/icons/other';
-import './index-92d97336.js';
-import './index-1d536aab.js';
-import './other-69e6be24.js';
-import './index-dae6b01a.js';
-import './translationsContext-94926cba.js';
-import './index-c8465d58.js';
-import './index-0c1cea92.js';
+import './index-f12b943b.js';
+import './index-1a76bd35.js';
+import './other-b3b9a6e0.js';
+import './index-8e662c0a.js';
+import './translationsContext-db1cf435.js';
+import './index-70abef47.js';
+import './index-020ec625.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-083a1009.js';
+import './constants-7760a626.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-a13b96e0.js';
-import './index-b5517772.js';
-import './paths-9f130014.js';
-import './constants-3caa095e.js';
-import './index-bdb7c02d.js';
+import './utils-91536730.js';
+import './index-c431988f.js';
+import './paths-50eb5805.js';
+import './constants-feeae56b.js';
+import './index-a90f1e25.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-aa8b3311.js';
+import './index-2b0b7ad1.js';
 import './miscTheme.js';
-import './WhatsApp-c82c39a2.js';
-import './Spinner-780cc778.js';
-import './index-7c7611eb.js';
+import './WhatsApp-99df8cab.js';
+import './Spinner-7c9fe0c1.js';
+import './index-4b62a7e6.js';
 import '@emotion/styled';
-import './useScreenSize-d975beac.js';
-import './index-4c755346.js';
+import './useScreenSize-4c190d4f.js';
+import './index-21eb20e7.js';
 import '@emotion/react';
-import './index-97185053.js';
-import './index-c356b25d.js';
-import './index.styles-4f373489.js';
+import './index-820dd665.js';
+import './index-7bded52b.js';
+import './index.styles-59283137.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-49442bb4.js → index-63de5e89.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-0f2a1ab4.js';
+import { F as Flag } from './index-cf40b8d3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-1d536aab.js';
-import { C as CommonGAssets } from './index-4c755346.js';
+import { T as Text } from './index-1a76bd35.js';
+import { C as CommonGAssets } from './index-21eb20e7.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-96680357.js → index-646e7154.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-493d93e8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-04fcc8af.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-0f2a1ab4.js';
+import { R as Radio } from './index-cf40b8d3.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-bdb7c02d.js';
-import './index-48d6d704.js';
-import { C as CommonGAssets } from './index-4c755346.js';
-import './useMantineLocale-8498b8de.js';
-import { T as Text } from './index-1d536aab.js';
-import { B as Button$1 } from './index-92d97336.js';
-import './index.styles-4f373489.js';
-import './translationsContext-94926cba.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-a90f1e25.js';
+import './index-3f48a3f2.js';
+import { C as CommonGAssets } from './index-21eb20e7.js';
+import './useMantineLocale-6b0f456e.js';
+import { T as Text } from './index-1a76bd35.js';
+import { B as Button$1 } from './index-f12b943b.js';
+import './index.styles-59283137.js';
+import './translationsContext-db1cf435.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a13b96e0.js';
-import './other-69e6be24.js';
-import './index-f1eecac9.js';
-import { i as isInternalLink } from './index-49442bb4.js';
+import { M as MediaQueries } from './utils-91536730.js';
+import './other-b3b9a6e0.js';
+import './index-e82c4aa1.js';
+import { i as isInternalLink } from './index-63de5e89.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-6fb7dcae.js';
-import { L as Logo } from './index-359008bf.js';
+import { C as Checkbox, P as PureInput } from './index-cd9dd63b.js';
+import { L as Logo } from './index-8229c919.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-771f2368.js';
+import { a as useOutsideClick } from './useOutsideClick-9d746c23.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-c8465d58.js';
-import { u as useScreenSize } from './useScreenSize-d975beac.js';
-import { u as useTranslations } from './index-dae6b01a.js';
-import { D as Dropdown } from './index-33ae3d80.js';
+import { B as Button } from './index-70abef47.js';
+import { u as useScreenSize } from './useScreenSize-4c190d4f.js';
+import { u as useTranslations } from './index-8e662c0a.js';
+import { D as Dropdown } from './index-76d6ea81.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-35e7c549.js';
-import { D as Drawer } from './index-d273508a.js';
+import { I as Input } from './index-95eff366.js';
+import { D as Drawer } from './index-d7801f70.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-0f5d000d.js';
+import { L as LOCALE } from './Locale-01b1829c.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';

package/build/esm/{index-192f01f8.js → index-65dada6f.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-c8465d58.js';
-import { T as TogetherComponentGlobalContext } from './utils-21693071.js';
+import { B as Button } from './index-70abef47.js';
+import { T as TogetherComponentGlobalContext } from './utils-24be99f5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b8c80672.js → index-667155a3.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-0f2a1ab4.js';
-import { D as DatePicker } from './index-bdc6ae26.js';
-import './index-1d536aab.js';
-import './index-92d97336.js';
-import './index.styles-4f373489.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import './index-cf40b8d3.js';
+import { D as DatePicker } from './index-f86201fc.js';
+import './index-1a76bd35.js';
+import './index-f12b943b.js';
+import './index.styles-59283137.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import '@mantine/hooks';
-import './useMantineLocale-8498b8de.js';
-import './index-48d6d704.js';
-import './index-4c755346.js';
-import './utils-a13b96e0.js';
-import './index-bdb7c02d.js';
-import './other-69e6be24.js';
-import './index-f1eecac9.js';
-import { H as HealthToolFormWrapper } from './index-557889ab.js';
-import { G as GenderOptionControl } from './index-1d9a1ad3.js';
+import './useMantineLocale-6b0f456e.js';
+import './index-3f48a3f2.js';
+import './index-21eb20e7.js';
+import './utils-91536730.js';
+import './index-a90f1e25.js';
+import './other-b3b9a6e0.js';
+import './index-e82c4aa1.js';
+import { H as HealthToolFormWrapper } from './index-69bc4eb9.js';
+import { G as GenderOptionControl } from './index-4f18306b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-557889ab.js → index-69bc4eb9.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-1d536aab.js';
-import { B as Button } from './index-92d97336.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import { T as Text } from './index-1a76bd35.js';
+import { B as Button } from './index-f12b943b.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-5a018ddb.js → index-6c013430.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-1d536aab.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import { T as Text } from './index-1a76bd35.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-c8465d58.js → index-70abef47.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-92d97336.js';
+import { B as Button$1 } from './index-f12b943b.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-b4addeda.js → index-736ede22.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-57af82a0.js';
-import { T as Text } from './index-dab6a2e7.js';
+import { M as MarryBabyText } from './index-cd4449e0.js';
+import { T as Text } from './index-c1d6f6da.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-c356b25d.js → index-7bded52b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-4f373489.js';
+import { u as useStyles } from './index.styles-59283137.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-97185053.js → index-820dd665.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-1d536aab.js';
+import { T as Text } from './index-1a76bd35.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-359008bf.js → index-8229c919.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-0f5d000d.js';
-import { C as CommonGAssets } from './index-4c755346.js';
+import { L as LOCALE } from './Locale-01b1829c.js';
+import { C as CommonGAssets } from './index-21eb20e7.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a13b96e0.js';
-import { L as LogoIcon } from './logoIcon-c7a28c88.js';
-import './index-48d6d704.js';
-import { I as ImageWrap } from './useScreenSize-d975beac.js';
+import { M as MediaQueries } from './utils-91536730.js';
+import { L as LogoIcon } from './logoIcon-79631777.js';
+import './index-3f48a3f2.js';
+import { I as ImageWrap } from './useScreenSize-4c190d4f.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-c19badcf.js → index-88f031e1.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-c8465d58.js';
-import { H as Heading } from './index-97185053.js';
-import { T as Text } from './index-1d536aab.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-a13b96e0.js';
+import { B as Button } from './index-70abef47.js';
+import { H as Heading } from './index-820dd665.js';
+import { T as Text } from './index-1a76bd35.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-91536730.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-21693071.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-24be99f5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-493d93e8.js';
-import { I as Input } from './index-35e7c549.js';
-import { u as useTranslations } from './index-dae6b01a.js';
-import { e as formatComment } from './dataTransform-fe11a301.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-083a1009.js';
+import { a as __awaiter } from './tslib.es6-04fcc8af.js';
+import { I as Input } from './index-95eff366.js';
+import { u as useTranslations } from './index-8e662c0a.js';
+import { e as formatComment } from './dataTransform-240edbc5.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-7760a626.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-75454562.js';
-import { C as CardLink } from './index-255bca3a.js';
-import { L as Loading } from './index-b0dbc4f2.js';
-import { U as UserAvatar } from './index-7c7611eb.js';
-import { R as RichTextEditor } from './editor-bbb9d38f.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-4346a4bc.js';
+import { C as CardLink } from './index-0b7d6a58.js';
+import { L as Loading } from './index-3935fdf6.js';
+import { U as UserAvatar } from './index-4b62a7e6.js';
+import { R as RichTextEditor } from './editor-f9afdae9.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-ee7279fd.js';
-import { C as CloseIcon } from './index-0bb50336.js';
+import { P as Popup } from './index-f87f55ae.js';
+import { C as CloseIcon } from './index-b4ab7326.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-d975beac.js';
+import { I as ImageWrap } from './useScreenSize-4c190d4f.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
@@ -944,7 +944,9 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
             React__default.createElement("img", { src: IconCloseCircle, className: "icon-close-circle", onClick: () => onRemoveImage(index), loading: "lazy" }))))))));
 };
 
-const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onClose, }) => {
+const SharePopup = ({ trackingCategory, className, style, url, 
+// avatar,
+text, onClose, }) => {
     const { data: { env: { isMarryBaby }, }, } = useContext(TogetherComponentGlobalContext);
     const { t } = useTranslations();
     const [isOpen, setIsOpen] = useState(false);
@@ -955,15 +957,8 @@ const SharePopup = ({ trackingCategory, className, style, url, avatar, text, onC
     }, []);
     return (React__default.createElement(Portal, null,
         React__default.createElement(StyledSharePopup, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-            React__default.createElement(PopupFrame, { className: "share-popup", isOpen: isOpen, onClose: onClose, heading: t('bottomBar.share') },
-                isMarryBaby ? (React__default.createElement(Text, { className: "share-mb-text", size: "sm" }, t('article.shareOn'))) : (React__default.createElement("div", { className: "custom-share__header" },
-                    avatar && (React__default.createElement("div", { className: "custom-share__header-image" },
-                        React__default.createElement("img", { src: avatar, loading: "lazy" }))),
-                    React__default.createElement("div", { className: "custom-share__header-info" },
-                        React__default.createElement(Heading, { tag: "h4" }, text),
-                        React__default.createElement(Text, { className: "desc", size: "md" }, url)))),
-                isOpen && (React__default.createElement(ShareBox, { trackingCategory: trackingCategory, shareUrl: url ||
-                        (typeof window !== 'undefined' ? window.location.href : ''), title: text }))))));
+            React__default.createElement(PopupFrame, { className: "share-popup", isOpen: isOpen, onClose: onClose, heading: t('bottomBar.share') }, isOpen && (React__default.createElement(ShareBox, { trackingCategory: trackingCategory, shareUrl: url ||
+                    (typeof window !== 'undefined' ? window.location.href : ''), title: text }))))));
 };
 const StyledSharePopup = styled.div `
   .share-popup {
@@ -1196,13 +1191,13 @@ const useExternalScript = ({ url, onLoad, onError }) => {
 
 const YoutubePlyr = ({ id, autoplay }) => {
     const ref = useRef(null);
-    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.6.7/plyr.js' });
+    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.7.8/plyr.js' });
     useEffect(() => {
         if (!document.getElementById('hhg-plyr-player')) {
             const link = document.createElement('link');
             link.rel = 'stylesheet';
             link.type = 'text/css';
-            link.href = 'https://cdn.plyr.io/3.6.7/plyr.css';
+            link.href = 'https://cdn.plyr.io/3.7.8/plyr.css';
             link.id = 'hhg-plyr-player';
             document.head.appendChild(link);
         }

package/build/esm/{index-c2531e1b.js → index-896661fd.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-6d66646d.js';
+import { L as LastPeriod } from './LastPeriod-b9cc4117.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-0f2a1ab4.js';
-import { D as DatePicker } from './index-bdc6ae26.js';
-import './index-1d536aab.js';
-import './index-92d97336.js';
-import './index.styles-4f373489.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import { R as Radio, I as Input } from './index-cf40b8d3.js';
+import { D as DatePicker } from './index-f86201fc.js';
+import './index-1a76bd35.js';
+import './index-f12b943b.js';
+import './index.styles-59283137.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import '@mantine/hooks';
-import './useMantineLocale-8498b8de.js';
-import './index-48d6d704.js';
-import './index-4c755346.js';
-import './utils-a13b96e0.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-bdb7c02d.js';
-import './other-69e6be24.js';
-import './index-f1eecac9.js';
-import { H as HealthToolFormWrapper } from './index-557889ab.js';
+import './useMantineLocale-6b0f456e.js';
+import './index-3f48a3f2.js';
+import './index-21eb20e7.js';
+import './utils-91536730.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-a90f1e25.js';
+import './other-b3b9a6e0.js';
+import './index-e82c4aa1.js';
+import { H as HealthToolFormWrapper } from './index-69bc4eb9.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-3489656e.js → index-8db21fc9.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-aa8b3311.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import { I as Icon } from './index-2b0b7ad1.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-dae6b01a.js → index-8e662c0a.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-94926cba.js';
+import { T as TranslationsContext } from './translationsContext-db1cf435.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-5d56ef1b.js → index-93e0b76e.js}

@@ -1,20 +1,20 @@
-import { a as __awaiter } from './tslib.es6-493d93e8.js';
+import { a as __awaiter } from './tslib.es6-04fcc8af.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-780cc778.js';
-import { a as Avatar } from './index-0f2a1ab4.js';
-import { B as Button } from './index-92d97336.js';
-import { T as Text } from './index-1d536aab.js';
-import { u as useTranslations } from './index-dae6b01a.js';
-import './index-48d6d704.js';
-import { C as CommonGAssets } from './index-4c755346.js';
+import { S as Spinner } from './Spinner-7c9fe0c1.js';
+import { a as Avatar } from './index-cf40b8d3.js';
+import { B as Button } from './index-f12b943b.js';
+import { T as Text } from './index-1a76bd35.js';
+import { u as useTranslations } from './index-8e662c0a.js';
+import './index-3f48a3f2.js';
+import { C as CommonGAssets } from './index-21eb20e7.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a13b96e0.js';
+import { M as MediaQueries } from './utils-91536730.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-0f5d000d.js';
+import { L as LOCALE } from './Locale-01b1829c.js';
 
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};

package/build/esm/{index-35e7c549.js → index-95eff366.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-a13b96e0.js';
+import { M as MediaQueries } from './utils-91536730.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-5a04381a.js → index-994fa1c6.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-493d93e8.js';
+import { _ as __rest } from './tslib.es6-04fcc8af.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-6d66646d.js';
-import { I as Input } from './index-0f2a1ab4.js';
-import { D as DatePicker } from './index-bdc6ae26.js';
-import { T as Text } from './index-1d536aab.js';
-import './index-92d97336.js';
-import './index.styles-4f373489.js';
-import { u as useTranslations } from './index-dae6b01a.js';
+import { L as LastPeriod } from './LastPeriod-b9cc4117.js';
+import { I as Input } from './index-cf40b8d3.js';
+import { D as DatePicker } from './index-f86201fc.js';
+import { T as Text } from './index-1a76bd35.js';
+import './index-f12b943b.js';
+import './index.styles-59283137.js';
+import { u as useTranslations } from './index-8e662c0a.js';
 import '@mantine/hooks';
-import './useMantineLocale-8498b8de.js';
-import './index-48d6d704.js';
-import './index-4c755346.js';
-import './utils-a13b96e0.js';
-import './index-bdb7c02d.js';
-import './other-69e6be24.js';
-import './index-f1eecac9.js';
-import { H as HealthToolFormWrapper } from './index-557889ab.js';
+import './useMantineLocale-6b0f456e.js';
+import './index-3f48a3f2.js';
+import './index-21eb20e7.js';
+import './utils-91536730.js';
+import './index-a90f1e25.js';
+import './other-b3b9a6e0.js';
+import './index-e82c4aa1.js';
+import { H as HealthToolFormWrapper } from './index-69bc4eb9.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {