@hhgtech/hhg-components 1.29.448 → 1.29.449-beta-2

package/build/esm/healthToolsForm.js

@@ -1,59 +1,60 @@
-export { D as DueDateForm } from './index-b5a61389.js';
-export { B as BmiForm } from './index-09024936.js';
-export { B as BabyPoopForm } from './index-033aae54.js';
-export { T as ThrForm } from './index-a18a1879.js';
-export { O as OvulationForm } from './index-d8f13395.js';
-export { B as BabyVaccineForm } from './index-523c76b6.js';
-export { P as PWGForm } from './index-21547f9b.js';
-import './tslib.es6-91093dfb.js';
+export { D as DueDateForm } from './index-81adb012.js';
+export { B as BmiForm } from './index-63f60670.js';
+export { B as BabyPoopForm } from './index-a7aa1a5c.js';
+export { T as ThrForm } from './index-c269f4c6.js';
+export { O as OvulationForm } from './index-a08a2ffd.js';
+export { B as BabyVaccineForm } from './index-6c642de3.js';
+export { P as PWGForm } from './index-ba453d6d.js';
+import './tslib.es6-e3ed5d20.js';
 import 'react';
 import '@mantine/core';
 import 'date-fns';
-import './LastPeriod-28c890db.js';
-import './Locale-bb880082.js';
+import './LastPeriod-4a9552fe.js';
+import './Locale-0b863052.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-94204073.js';
+import './index-d3799b84.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-a35d5bd3.js';
+import './index-60de5686.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './text-db324baf.js';
-import './index-9a3adb7b.js';
-import './utils-54809471.js';
+import './index-4b8b5cfb.js';
+import './index-e9760d21.js';
+import './utils-3e692308.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-c68a533e.js';
-import './index-2870af04.js';
-import './index-5d09fff6.js';
+import './index-ba8907ff.js';
+import './index-eb2188c9.js';
+import './index-cd062921.js';
 import '@mantine/notifications';
-import './index-43c88049.js';
+import './index-75aa1256.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscTheme.js';
-import './shared-16fcefec.js';
+import './shared-debad824.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-ccd8c09f.js';
+import './useUniqueId-69b060d2.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-cc305f99.js';
-import './index-7dd06998.js';
+import './index-20240399.js';
+import './index-35c9b134.js';
 import '@mantine/dates';
-import './index.styles-e737cd1b.js';
-import './index-64827257.js';
-import './translationsContext-581baa38.js';
-import './index-92ea8383.js';
-import './index-6c0a8369.js';
+import './index.styles-323d0bc2.js';
+import './index-008fe74b.js';
+import './translationsContext-b7095320.js';
+import './index-352cf948.js';
+import './index-7f61784d.js';
 import 'react-keyed-flatten-children';
+import './context-d9175f75.js';
 import 'react-hook-form';
-import './useHealthToolCache-b63178ff.js';
+import './useHealthToolCache-b64f8645.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5a2e92c9.js';
-import './core-6275b986.js';
-import './constants-78e39ac0.js';
-import './index-bd65bdb6.js';
+import './normalizeLink-153e1442.js';
+import './core-99075d53.js';
+import './constants-033a44bc.js';
+import './index-3db2b1fd.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-024f4863.js';
+import './constants-be4e3b2f.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-64827257.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-7bb8c325.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-840edecb.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-b63178ff.js';
-export { u as useIsInit } from './useIsInit-e24533db.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-74eb5151.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-ccd8c09f.js';
+export { u as useTranslations } from './index-008fe74b.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-79fd414f.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, d as usePhoneValidator, a as usePrevious, b as useRafState } from './usePhoneValidator-827cefe9.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-b64f8645.js';
+export { u as useIsInit } from './useIsInit-485a4d98.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-32065151.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-69b060d2.js';
 import 'react';
-import './translationsContext-581baa38.js';
+import './translationsContext-b7095320.js';
 import 'lodash/debounce';
-import './tslib.es6-91093dfb.js';
+import './tslib.es6-e3ed5d20.js';
 import './miscCookieHelper.js';
-import './index-5d09fff6.js';
-import './Locale-bb880082.js';
+import './index-cd062921.js';
+import './Locale-0b863052.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-5a2e92c9.js';
+import './normalizeLink-153e1442.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-6275b986.js';
+import './core-99075d53.js';

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-581baa38.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-dcc4d62b.js';
+export { T as TranslationsContext } from './translationsContext-b7095320.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-565f9512.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-581baa38.js';
-export { T as TranslationsContext } from './translationsContext-581baa38.js';
+import { T as TranslationsContext } from './translationsContext-b7095320.js';
+export { T as TranslationsContext } from './translationsContext-b7095320.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-64827257.js → index-008fe74b.js}

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

package/build/esm/{index-e90acae8.js → index-00a9f765.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-91093dfb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-e3ed5d20.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-8b8558fa.js';
-import { a as Avatar } from './index-94204073.js';
-import { B as Button } from './index-cc305f99.js';
-import { T as Text } from './index-c68a533e.js';
-import { u as useTranslations } from './index-64827257.js';
-import { C as CommonGAssets } from './index-a35d5bd3.js';
+import { S as Spinner } from './Spinner-9d2efda0.js';
+import { a as Avatar } from './index-d3799b84.js';
+import { B as Button } from './index-20240399.js';
+import { T as Text } from './index-ba8907ff.js';
+import { u as useTranslations } from './index-008fe74b.js';
+import { C as CommonGAssets } from './index-60de5686.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-54809471.js';
+import { M as MediaQueries } from './utils-3e692308.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { c as CARE_LOCALES, d as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, e as VIDEO_LOCALES } from './index-43c88049.js';
-import { i as domainLocalesMarryBaby } from './utils-cd8ba782.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-5a2e92c9.js';
+import { c as CARE_LOCALES, d as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, e as VIDEO_LOCALES } from './index-75aa1256.js';
+import { i as domainLocalesMarryBaby } from './utils-8acddf8a.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-153e1442.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-fd60b159.js → index-071d3f23.js}

@@ -1,15 +1,16 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-e3ed5d20.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-2870af04.js';
-import { C as CustomStylesType } from './text-db324baf.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-eb2188c9.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-4b8b5cfb.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);
     useMantineLocale(locale);
     return (React__default.createElement(MantineProvider$1, Object.assign({ theme: getMantineThemeOverride(locale, template, customStyleType) }, props),
-        children,
-        isNotifications && React__default.createElement(NotificationsHandler, null)));
+        React__default.createElement(TemplateProvider, { variant: customStyleType },
+            children,
+            isNotifications && React__default.createElement(NotificationsHandler, null))));
 };
 
 export { MantineProvider as M };

package/build/esm/{index-fc84a739.js → index-0d3574a2.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-e3ed5d20.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-f52e7a45.js';
-import { S as Spinner } from './Spinner-8b8558fa.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-fe353c48.js';
+import { S as Spinner } from './Spinner-9d2efda0.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-63d2f250.js → index-17dc823d.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-54809471.js';
+import { t as toggleNoScroll } from './utils-3e692308.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ead41901.js';
-import { T as Text } from './index-c68a533e.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-3e89bf21.js';
+import { T as Text } from './index-ba8907ff.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-cc305f99.js → index-20240399.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-91093dfb.js';
+import { _ as __rest } from './tslib.es6-e3ed5d20.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-16fcefec.js';
-import { C as CustomStylesType, F as FontWeight } from './text-db324baf.js';
+import { A as ANIMATION_DURATION } from './shared-debad824.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-4b8b5cfb.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;
     const { other } = _theme;
     const { template } = other;
-    const { size, variant, skipHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
+    const { size, variant, skipHover, withColorHover, isError, isSuccess, color, children, theme: themeProp, customStylesType, } = _params;
     const isMb = template === 'mb' || themeProp === 'marryBaby';
     const finalColor = color || (themeProp && isMb ? 'mb' : _theme.primaryColor);
     const isHexColor = finalColor.startsWith('#');
@@ -23,9 +23,11 @@ var useStyles = createStyles((_theme, _params) => {
         : (_f = (_e = _theme.colors) === null || _e === void 0 ? void 0 : _e[finalColor]) === null || _f === void 0 ? void 0 : _f[_theme.fn.primaryShade() + 1];
     const isLeadgen = customStylesType === CustomStylesType.LEADGEN;
     return {
-        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
+        root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ transition: `all ${ANIMATION_DURATION} ease-in-out`, '&:focus': {
                 outline: 'none',
-            } }, (!children && {
+            } }, (isLeadgen && {
+            borderRadius: 12,
+        })), (!children && {
             paddingLeft: '10px',
             paddingRight: '10px',
             '.mantine-Button-icon': {
@@ -64,11 +66,17 @@ var useStyles = createStyles((_theme, _params) => {
                     }));
                 }
                 case 'secondary':
-                    return Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
+                    return Object.assign(Object.assign({ color: hexColor, backgroundColor: 'transparent', border: `1px solid ${hexColor}` }, (!skipHover && {
                         '&:hover': {
                             backgroundColor: hexColor50,
                             border: `1px solid ${hexColor}`,
                         },
+                    })), (withColorHover && {
+                        '&:hover': {
+                            backgroundColor: hexColor,
+                            border: `1px solid ${hexColor}`,
+                            color: '#fff',
+                        },
                     }));
                 case 'white':
                     return {
@@ -160,20 +168,22 @@ function filterObject(obj) {
 const Button = forwardRef((props, ref) => {
     var _a, _b;
     const theme = useMantineTheme();
-    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp } = _c, rest = __rest(_c, ["variant", "size", "color", "skipHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme"]);
+    const _c = Object.assign(Object.assign({}, (_b = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.Button) === null || _b === void 0 ? void 0 : _b.defaultProps), filterObject(props)), { variant, size, color, skipHover, withColorHover, className, dataEventCategory, dataEventAction, dataEventLabel, children, theme: themeProp, component } = _c, rest = __rest(_c, ["variant", "size", "color", "skipHover", "withColorHover", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "children", "theme", "component"]);
     const isError = variant === 'error';
+    const variantStyle = useTemplateVariant();
     const { classes, cx } = useStyles({
         variant,
         size,
         color,
         skipHover,
+        withColorHover,
         isError,
         isSuccess: variant === 'success',
         children,
         theme: themeProp,
-        customStylesType: theme.other.customStyleType || CustomStylesType.NONE,
+        customStylesType: variantStyle,
     });
-    return (React__default.createElement(Button$1, Object.assign({ className: cx(className, variant), classNames: {
+    return (React__default.createElement(Button$1, Object.assign({ component: component, className: cx(className, variant), classNames: {
             root: classes.root,
             leftIcon: classes.leftIcon,
         }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));

package/build/esm/{index-ac6cb3b8.js → index-27b88360.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-94204073.js';
+import { F as Flag } from './index-d3799b84.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c68a533e.js';
-import { C as CommonGAssets } from './index-a35d5bd3.js';
-import { _ as __rest } from './tslib.es6-91093dfb.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-43c88049.js';
-import { V as VideoType } from './index-5d09fff6.js';
+import { T as Text } from './index-ba8907ff.js';
+import { C as CommonGAssets } from './index-60de5686.js';
+import { _ as __rest } from './tslib.es6-e3ed5d20.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-75aa1256.js';
+import { V as VideoType } from './index-cd062921.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-a224c433.js';
-import { u as useTranslations } from './index-64827257.js';
+import { a as abbreviateNumber } from './number-f7d722fe.js';
+import { u as useTranslations } from './index-008fe74b.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-9676d497.js';
-import { S as SocialLinkPreview } from './index-1f04f5cd.js';
+import { M as Modal } from './index-c693afcb.js';
+import { S as SocialLinkPreview } from './index-84993c7e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-a4d8dbc0.js → index-2973bdc7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-64827257.js';
-import { B as Button } from './index-341ed865.js';
+import { u as useTranslations } from './index-008fe74b.js';
+import { B as Button } from './index-41f19609.js';
 
 var styles = {"loading":"PD6nRZX"};