@hhgtech/hhg-components 1.29.0 → 1.29.2

package/build/esm/index.js

@@ -1,77 +1,77 @@
-import { G as Gender, B as BabyGrowthChartType, a as BabyGrowthChartDuration, b as BabyGrowthResultTab, L as LOCALE, O as OnboardingStep, N as NodePosition, c as NodeType, d as NodeFinalTypes, e as NodeIntentType, f as NodeActionType, F as FULL_KEY_ADDRESS, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, S as SubotType } from './Subot-87ce123a.js';
-export { i as Constants } from './index-a225de9a.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-116820df.js';
+import { G as Gender, B as BabyGrowthChartType, a as BabyGrowthChartDuration, b as BabyGrowthResultTab, L as LOCALE, O as OnboardingStep, N as NodePosition, c as NodeType, d as NodeFinalTypes, e as NodeIntentType, f as NodeActionType, F as FULL_KEY_ADDRESS, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, S as SubotType } from './Subot-b34af36f.js';
+export { i as Constants } from './index-1e7fd513.js';
+export { C as CaretDown, F as Flag, I as ImageWrap } from './index-07bc639f.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-bd8a97b7.js';
-export { C as Close } from './Close-30408ee4.js';
-export { V as Visible } from './Visible-afcda42a.js';
-export { U as AdBlock, A as Alert, f as ArticleCard, g as ArticleCardV2, a as Avatar, x as BMICardEmbed, H as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, b as BorderHeading, L as Breadcrumbs, h as CategoryCard, C as Checkbox, i as CheckboxGroup, s as CookieAcceptConfirm, K as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, F as FileDropdown, V as FixedBottomAdBlock, r as FloatButtonGroup, e as GenderOptionControl, G as Grid, I as IconText, Y as MAPPING_CATEGORY_PREMIUM_API_TYPE, X as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, t as MobileBottomNavigationIcon, O as OvulationCardEmbed, J as PWGCardEmbed, P as Pagination, j as ProgressBar, R as Radio, k as RadioGroup, d as RateStars, S as ScrollList, u as SeoHead, N as ShareContainer, Q as ShareDrawer, Z as SideBannerModal, l as SideMenu, m as StatisticCard, W as SurveyOrPremiumBanner, p as SurveyQuestionCard, q as SurveyThankyouCard, E as THRCardEmbed, n as Table, o as Tabs, T as Tag, c as Toggle, v as ToolsBannerCard, _ as UserProfileNavigation, $ as UserProfileNavigationHeader, a0 as UserProfileNavigationStats } from './index-2c07b3b9.js';
-export { B as Button } from './index-e37981ac.js';
-export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-e61836f8.js';
-export { H as Heading } from './index-33eb9684.js';
-export { I as Input } from './index-74d06ec3.js';
-export { c as CareConstants, L as Label } from './constants-096bcb71.js';
-export { L as Logo } from './index-b0cd3e90.js';
-export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-204059de.js';
-export { T as Text } from './index-f1b945f4.js';
-export { C as Container } from './index-717ab2a6.js';
-export { I as Icon } from './index-e1771c6e.js';
-export { D as Drawer, M as Modal, R as RadioImageGroup } from './index-92ddaf61.js';
-export { C as CustomReferenceDot } from './index-c223bbae.js';
-export { L as LogoIcon } from './utils-b8a41665.js';
-export { D as DatePicker, L as Loading } from './index-40a72a24.js';
-export { D as Dropdown } from './index-de61ce25.js';
-export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-dd316ec1.js';
-export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1e48c47d.js';
-export { P as PillCarousel } from './index-5d1d6ad9.js';
-export { A as AddressInput } from './index-74a534c1.js';
-export { F as Footer } from './index-ba1fe0a8.js';
-export { u as useTranslations } from './useTranslations-cdc34b46.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-97b27e17.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-a2040252.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-d16ce8e0.js';
-export { u as useIsInit } from './useIsInit-2ecc6856.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-eab4ca76.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-0c2bd684.js';
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-3ef4187d.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-7d7b23a5.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-b72a9b86.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-c08e853f.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-04b44e3b.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-b2f3fe3b.js';
-export { a as abbreviateNumber } from './number-3d132019.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-d1d80889.js';
-export { M as MBTheme, t as theme } from './theme-872b838b.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-68130dfd.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-b64a955d.js';
-export { g as getSocialList } from './getSocialList-e2b932d8.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-096f0c71.js';
+export { C as ChevronDown } from './ChevronDown-9bb2fa50.js';
+export { C as Close } from './Close-a4270896.js';
+export { V as Visible } from './Visible-952267d4.js';
+export { U as AdBlock, A as Alert, f as ArticleCard, g as ArticleCardV2, a as Avatar, x as BMICardEmbed, H as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, b as BorderHeading, L as Breadcrumbs, h as CategoryCard, C as Checkbox, i as CheckboxGroup, s as CookieAcceptConfirm, K as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, F as FileDropdown, V as FixedBottomAdBlock, r as FloatButtonGroup, e as GenderOptionControl, G as Grid, I as IconText, Y as MAPPING_CATEGORY_PREMIUM_API_TYPE, X as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, t as MobileBottomNavigationIcon, O as OvulationCardEmbed, J as PWGCardEmbed, P as Pagination, j as ProgressBar, R as Radio, k as RadioGroup, d as RateStars, S as ScrollList, u as SeoHead, N as ShareContainer, Q as ShareDrawer, Z as SideBannerModal, l as SideMenu, m as StatisticCard, W as SurveyOrPremiumBanner, p as SurveyQuestionCard, q as SurveyThankyouCard, E as THRCardEmbed, n as Table, o as Tabs, T as Tag, c as Toggle, v as ToolsBannerCard, _ as UserProfileNavigation, $ as UserProfileNavigationHeader, a0 as UserProfileNavigationStats } from './index-f4a06518.js';
+export { B as Button } from './index-f8fffe39.js';
+export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-06904979.js';
+export { H as Heading } from './index-0eafdce7.js';
+export { I as Input } from './index-87cc9772.js';
+export { c as CareConstants, L as Label } from './constants-10b0e3f5.js';
+export { L as Logo } from './index-21631fd7.js';
+export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-c091bc3c.js';
+export { T as Text } from './index-91db87ee.js';
+export { C as Container } from './index-6f67af75.js';
+export { I as Icon } from './index-843edcdd.js';
+export { D as Drawer, M as Modal, R as RadioImageGroup } from './index-2992f727.js';
+export { C as CustomReferenceDot } from './index-1a030ec2.js';
+export { L as LogoIcon } from './utils-ed05429e.js';
+export { D as DatePicker, L as Loading } from './index-2c347358.js';
+export { D as Dropdown } from './index-26db5545.js';
+export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-c5e97076.js';
+export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-253a5b06.js';
+export { P as PillCarousel } from './index-373b68ce.js';
+export { A as AddressInput } from './index-67cdaaae.js';
+export { F as Footer } from './index-74fa27b7.js';
+export { u as useTranslations } from './useTranslations-cbb99b0c.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-f6042b11.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-a1b6d685.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-9f75b6a8.js';
+export { u as useIsInit } from './useIsInit-c6fe4a84.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-a727aeb9.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-e9d7643b.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-22076a8a.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-b1a3e205.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-086f3971.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-e6cd5e51.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-7048708a.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-43e0a449.js';
+export { a as abbreviateNumber } from './number-d1923780.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-dd472e43.js';
+export { M as MBTheme, t as theme } from './theme-d794ab6e.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-4e444e4a.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-c138ac4c.js';
+export { g as getSocialList } from './getSocialList-f3246abf.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-7f5c5974.js';
 import 'date-fns/locale';
-import './isProduction-6a111449.js';
-import './tslib.es6-90c980db.js';
+import './isProduction-97f67da8.js';
+import './tslib.es6-8d5f8087.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-3a7874fb.js';
+import './index-d1bbe081.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-a89978b5.js';
-import './useMantineLocale-9509c75a.js';
+import './index-dcb29d9a.js';
+import './useMantineLocale-6a418eb4.js';
 import 'dayjs';
 import 'classnames';
 import '@hhgtech/icons/core';
 import 'innertext';
 import '@mantine/dates';
-import './translationsContext-d1e035fa.js';
+import './translationsContext-7a825350.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
-import './types-da9f6430.js';
-import './index-0149d451.js';
-import './index.styled-ad6c920c.js';
-import './index-17aa45f6.js';
+import './types-3eec01ad.js';
+import './index-4658a06f.js';
+import './index.styled-6067f193.js';
+import './index-61b5a3e5.js';
 import 'react-hook-form';
 import '@hookform/resolvers/yup';
 import 'date-fns/locale/en-US';
@@ -80,21 +80,21 @@ import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import 'uuid';
 import '@mantine/form';
-import './index-e7022716.js';
+import './index-503935f4.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-c496e1e9.js';
-import './paths-3b498afc.js';
+import './normalizeLink-a1ccf218.js';
+import './paths-f50bc544.js';
 import 'react-keyed-flatten-children';
 import 'react-dom';
 import 'react-day-picker/DayPickerInput';
-import './constants-1c17ead2.js';
-import './index-b4c715f8.js';
+import './constants-6882ebb4.js';
+import './index-717c7de0.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-9994102a.js';
-import './utils-2d30dcc6.js';
+import './core-98e6b942.js';
+import './utils-a719e939.js';
 import 'react-contenteditable';
 import 'slugify';
 import 'lodash/shuffle';

package/build/esm/{index.styled-ad6c920c.js → index.styled-6067f193.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-90c980db.js';
+import { _ as __rest } from './tslib.es6-8d5f8087.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-872b838b.js';
+import { t as theme } from './theme-d794ab6e.js';
 
 const Heading = (_a) => {
     var { type } = _a, elementProps = __rest(_a, ["type"]);

package/build/esm/{index.styles-204059de.js → index.styles-c091bc3c.js}

@@ -1,11 +1,12 @@
 import styled from '@emotion/styled';
-import { t as theme } from './theme-872b838b.js';
-import { M as MediaQueries } from './utils-68130dfd.js';
-import { _ as __rest } from './tslib.es6-90c980db.js';
-import React__default, { useState, forwardRef, createContext, useEffect, Fragment } from 'react';
-import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-096bcb71.js';
+import { t as theme } from './theme-d794ab6e.js';
+import { M as MediaQueries } from './utils-4e444e4a.js';
+import { _ as __rest } from './tslib.es6-8d5f8087.js';
+import React__default, { useState, createContext, useEffect, Fragment } from 'react';
+import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-10b0e3f5.js';
+import { s as setDefaultClass } from './utils-b1a3e205.js';
 import { css } from '@emotion/react';
-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-04b44e3b.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-7048708a.js';
 import { createStyles, rem } from '@mantine/core';
 import flattenChildren from 'react-keyed-flatten-children';
 
@@ -704,35 +705,28 @@ const StyledTag = styled.div `
   }
 `;
 
-const getDefaultClassWrapper = (Comp, defaultClassName) => forwardRef((_a, _ref) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React__default.createElement(Comp, Object.assign({ ref: _ref, className: `${defaultClassName} ${className || ''}` }, rest)));
-});
-
 const heightIcon = '24px';
-const _StyledToggleIcon = styled.span `
-  position: relative;
-  display: block;
-  width: 40px;
-  height: ${heightIcon};
-  background: #c3cbd4;
-  border-radius: 100px;
-  cursor: pointer;
+const StyledToggleIcon = setDefaultClass(styled.span `
+    position: relative;
+    display: block;
+    width: 40px;
+    height: ${heightIcon};
+    background: #c3cbd4;
+    border-radius: 100px;
+    cursor: pointer;
 
-  &:after {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: 20px;
-    height: 20px;
-    background: #fff;
-    border-radius: 90px;
-    content: '';
-    transition: 0.3s;
-  }
-`;
-const StyledToggleIconClass = 'hhgcomp-toggle-icon';
-const StyledToggleIcon = getDefaultClassWrapper(_StyledToggleIcon, StyledToggleIconClass);
+    &:after {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: 20px;
+      height: 20px;
+      background: #fff;
+      border-radius: 90px;
+      content: '';
+      transition: 0.3s;
+    }
+  `, 'hhgcomp-toggle-icon');
 const StyledToggleLabel = styled.span `
   padding-left: 15px;
 `;
@@ -751,7 +745,7 @@ const StyledToggle = styled.div `
     color: ${theme.colors.gray600};
   }
 
-  input:checked + label .${StyledToggleIconClass} {
+  input:checked + label ${StyledToggleIcon.classSelector} {
     background: ${theme.colors.primaryBase};
     &:after {
       left: calc(100% - 2px);
@@ -1310,4 +1304,4 @@ var useStyles = createStyles((theme) => {
     };
 });
 
-export { StyledDrawerPanel as A, StyledDrawerContent as B, StyledRadioImageGroup as C, StyledRadioImageItem as D, PureInput as P, StepRenderer as S, TextArea as T, StepRendererContext as a, StyledAvatar as b, StyledBadge as c, StyledBorderHeading as d, StyledDropdown as e, StyledDropdownName as f, StyledDropdownList as g, StyledDropdownOption as h, StyledIcon as i, StyledGrid as j, StyledPagination as k, StyledPageBlock as l, StyledPaginationBlock as m, StyledTag as n, StyledToggle as o, StyledToggleIcon as p, StyledToggleLabel as q, StyledCheckbox as r, StyledRateStars as s, getDefaultClassWrapper as t, useStyles as u, StyledDivider as v, useStyles$1 as w, StyledContainer as x, StyledBackdrop as y, StyledDrawer as z };
+export { StyledDrawerContent as A, StyledRadioImageGroup as B, StyledRadioImageItem as C, PureInput as P, StepRenderer as S, TextArea as T, StepRendererContext as a, StyledAvatar as b, StyledBadge as c, StyledBorderHeading as d, StyledDropdown as e, StyledDropdownName as f, StyledDropdownList as g, StyledDropdownOption as h, StyledIcon as i, StyledGrid as j, StyledPagination as k, StyledPageBlock as l, StyledPaginationBlock as m, StyledTag as n, StyledToggle as o, StyledToggleIcon as p, StyledToggleLabel as q, StyledCheckbox as r, StyledRateStars as s, StyledDivider as t, useStyles as u, useStyles$1 as v, StyledContainer as w, StyledBackdrop as x, StyledDrawer as y, StyledDrawerPanel as z };

package/build/esm/lead/index.d.ts

@@ -16,6 +16,11 @@ export type Props = {
     DEBUG_URL?: string;
     forceCampaign?: any;
     children?: ReactNode;
+    extraPayloadValues?: Array<{
+        key: string;
+        value: string;
+        control: string;
+    }>;
 };
 export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
     Heading: typeof Heading;

package/build/esm/lead.js

@@ -1,47 +1,47 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-90c980db.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-8d5f8087.js';
 import React__default, { createContext, useMemo, useRef, useState, useEffect, useContext } from 'react';
 import debounce from 'lodash/debounce';
 import { createFormContext } from '@mantine/form';
-import { u as useTranslations } from './useTranslations-cdc34b46.js';
-import { T as Text } from './index-a89978b5.js';
+import { u as useTranslations } from './useTranslations-cbb99b0c.js';
+import { T as Text } from './index-dcb29d9a.js';
 import { createStyles, Box, Portal, Transition, Overlay } from '@mantine/core';
-import './index.styles-204059de.js';
-import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-116820df.js';
-import { B as Button } from './index-e37981ac.js';
-import { C as CommonGAssets } from './index-3a7874fb.js';
-import './constants-096bcb71.js';
-import './Subot-87ce123a.js';
-import './utils-b8a41665.js';
-import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-68130dfd.js';
-import { D as DatePicker } from './index-41f1f2e9.js';
-import { t as theme } from './theme-872b838b.js';
-import { T as TranslationsContext } from './translationsContext-d1e035fa.js';
+import './index.styles-c091bc3c.js';
+import { S as Select, d as Checkbox, c as Input, R as Radio, P as Phone, N as NumberInput, B as Button$1 } from './index-07bc639f.js';
+import { B as Button } from './index-f8fffe39.js';
+import { C as CommonGAssets } from './index-d1bbe081.js';
+import './constants-10b0e3f5.js';
+import './Subot-b34af36f.js';
+import './utils-ed05429e.js';
+import { b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-4e444e4a.js';
+import { D as DatePicker } from './index-41de4a02.js';
+import { t as theme } from './theme-d794ab6e.js';
+import { T as TranslationsContext } from './translationsContext-7a825350.js';
 import 'string-format';
 import '@mantine/hooks';
-import './useMantineLocale-9509c75a.js';
-import './index-a225de9a.js';
-import './utils-7d7b23a5.js';
-import './index.styled-ad6c920c.js';
-import './index-c223bbae.js';
-import { M as MAPPED_LOCALE } from './utils-2d30dcc6.js';
+import './useMantineLocale-6a418eb4.js';
+import './index-1e7fd513.js';
+import './utils-b1a3e205.js';
+import './index.styled-6067f193.js';
+import './index-1a030ec2.js';
+import { M as MAPPED_LOCALE } from './utils-a719e939.js';
 import '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-623dbe0f.js';
-import { H as Heading$1 } from './index-33eb9684.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-34666e52.js';
+import { H as Heading$1 } from './index-0eafdce7.js';
 import { v1 } from 'uuid';
 import { createPortal } from 'react-dom';
-import { g as getCookie, s as setCookie } from './cookieHelper-b2f3fe3b.js';
+import { g as getCookie, s as setCookie } from './cookieHelper-43e0a449.js';
 import dayjs from 'dayjs';
-import { C as Close } from './Close-30408ee4.js';
+import { C as Close } from './Close-a4270896.js';
 import '@emotion/styled';
 import '@emotion/react';
-import './animation-04b44e3b.js';
+import './animation-7048708a.js';
 import 'react-keyed-flatten-children';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-0c2bd684.js';
+import './useUniqueId-e9d7643b.js';
 import '@hhgtech/icons/core';
-import './isProduction-6a111449.js';
+import './isProduction-97f67da8.js';
 import 'date-fns/locale';
 import 'slugify';
 
@@ -872,7 +872,7 @@ const OtpBlockComponent = ({ otpData, onSuccess, autoSendWhenOpen, className, st
             React__default.createElement("div", { className: classes.header },
                 React__default.createElement(Heading$1, { tag: "h3", className: classes.heading }, t('lead.otp.title')),
                 React__default.createElement(Text, { size: "p3", className: classes.description }, t('lead.otp.desc', { phone: displayPhone }))),
-            React__default.createElement(Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: "Enter OTP", className: classes.control, label: "Phone OTP", "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
+            React__default.createElement(Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: classes.control, label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
                     setIsDirty(true);
                     setOtp(v);
                     if (isDirty && !v)
@@ -928,7 +928,9 @@ var enPH = {
 	"lead.otp.title": "Enter OTP",
 	"lead.otp.desc": "We have sent an OTP to your mobile number {phone}",
 	"lead.otp.verify": "Verify",
-	"lead.otp.resend": "Resend OTP{timer}"
+	"lead.otp.resend": "Resend OTP{timer}",
+	"lead.otp.phoneLabel": "Phone OTP",
+	"lead.otp.phonePlaceholder": "Enter OTP"
 };
 
 var hiIN = {
@@ -960,7 +962,9 @@ var idID = {
 	"lead.otp.title": "Masukkan OTP",
 	"lead.otp.desc": "Kami telah mengirimkan OTP ke nomor ponsel Anda {phone}",
 	"lead.otp.verify": "Verifikasi",
-	"lead.otp.resend": "Kirim Ulang OTP {timer}"
+	"lead.otp.resend": "Kirim Ulang OTP {timer}",
+	"lead.otp.phoneLabel": "OTP Telepon",
+	"lead.otp.phonePlaceholder": "Masukkan OTP"
 };
 
 var kmKH = {
@@ -976,7 +980,9 @@ var kmKH = {
 	"lead.otp.title": "បញ្ចូល OTP",
 	"lead.otp.desc": "យើងបានផ្ញើ OTP ទៅកាន់លេខទូរសព្ទរបស់អ្នក {phone}",
 	"lead.otp.verify": "ផ្ទៀងផ្ទាត់",
-	"lead.otp.resend": "ផ្ញើ OTP ម្តងទៀត {timer}"
+	"lead.otp.resend": "ផ្ញើ OTP ម្តងទៀត {timer}",
+	"lead.otp.phoneLabel": "OTP ទូរស័ព្ទ",
+	"lead.otp.phonePlaceholder": "បញ្ចូល OTP"
 };
 
 var msMY = {
@@ -992,7 +998,9 @@ var msMY = {
 	"lead.otp.title": "Masukkan OTP",
 	"lead.otp.desc": "Kami telah menghantar OTP ke nombor telefon bimbit anda {phone}",
 	"lead.otp.verify": "Sahkan",
-	"lead.otp.resend": "Hantar semula OTP {timer}"
+	"lead.otp.resend": "Hantar semula OTP {timer}",
+	"lead.otp.phoneLabel": "OTP Telefon",
+	"lead.otp.phonePlaceholder": "Masukkan OTP"
 };
 
 var myMM = {
@@ -1008,7 +1016,9 @@ var myMM = {
 	"lead.otp.title": "OTP ကိုထည့်ပါ",
 	"lead.otp.desc": "ကျွန်ုပ်တို့သည် OTP ကိုသင့်ဖုန်းနံပါတ် {phone} သို့ပို့ခဲ့သည်",
 	"lead.otp.verify": "အတည်ပြုပါ",
-	"lead.otp.resend": "OTP ကိုထပ်မံပို့ရန် {timer}"
+	"lead.otp.resend": "OTP ကိုထပ်မံပို့ရန် {timer}",
+	"lead.otp.phoneLabel": "ဖုန်း OTP",
+	"lead.otp.phonePlaceholder": "OTP ကိုထည့်ပါ"
 };
 
 var thTH = {
@@ -1024,7 +1034,9 @@ var thTH = {
 	"lead.otp.title": "ป้อน OTP",
 	"lead.otp.desc": "เราได้ส่ง OTP ไปยังหมายเลขโทรศัพท์มือถือของคุณ {phone}",
 	"lead.otp.verify": "ยืนยัน",
-	"lead.otp.resend": "ส่ง OTP อีกครั้ง {timer}"
+	"lead.otp.resend": "ส่ง OTP อีกครั้ง {timer}",
+	"lead.otp.phoneLabel": "OTP โทรศัพท์",
+	"lead.otp.phonePlaceholder": "ป้อน OTP"
 };
 
 var viVN = {
@@ -1051,7 +1063,9 @@ var viVN = {
 	"lead.otp.title": "Nhập OTP",
 	"lead.otp.desc": "Chúng tôi đã gửi OTP đến số điện thoại của bạn {phone}",
 	"lead.otp.verify": "Xác minh",
-	"lead.otp.resend": "Gửi lại OTP {timer}"
+	"lead.otp.resend": "Gửi lại OTP {timer}",
+	"lead.otp.phoneLabel": "Nhập OTP",
+	"lead.otp.phonePlaceholder": "Nhập OTP"
 };
 
 var zhTW = {
@@ -1067,7 +1081,9 @@ var zhTW = {
 	"lead.otp.title": "輸入 OTP",
 	"lead.otp.desc": "我們已將 OTP 發送到您的手機號碼 {phone}",
 	"lead.otp.verify": "驗證",
-	"lead.otp.resend": "重新發送 OTP {timer}"
+	"lead.otp.resend": "重新發送 OTP {timer}",
+	"lead.otp.phoneLabel": "電話 OTP",
+	"lead.otp.phonePlaceholder": "輸入 OTP"
 };
 
 const translationsMap = {
@@ -1571,7 +1587,7 @@ const OtpBlock = ({ otpData, onSuccess, autoSendWhenOpen, }) => {
             }, className: "lead-phone-otp-form" },
             React__default.createElement(Heading$1, { tag: "h3", fontWeight: "bold", style: { marginBottom: 4 } }, t('lead.otp.title')),
             React__default.createElement(Text, { size: "p1", color: theme.colors.gray600 }, t('lead.otp.desc', { phone: displayPhone })),
-            React__default.createElement(Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: "Enter OTP", className: "lead-modal__form-control", label: "Phone OTP", "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
+            React__default.createElement(Input, { ref: inputRef, name: '_' + name + '-otp', spellCheck: false, type: "number", placeholder: t('lead.otp.phonePlaceholder'), className: "lead-modal__form-control", label: t('lead.otp.phoneLabel'), "data-control": "otp", withAsterisk: true, pattern: "[0-9]*", value: otp, maxLength: 6, onChange: (v) => {
                     setIsDirty(true);
                     setOtp(v);
                     if (isDirty && !v)
@@ -2485,7 +2501,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, showThankyou, local
 };
 
 // mount css
-const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, }) => {
+const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl, DEBUG_URL, forceCampaign, children, extraPayloadValues, }) => {
     var _a;
     const scrollEventHandlerRef = useRef();
     const leadStartTimeRef = useRef(Date.now());
@@ -2603,31 +2619,34 @@ const _LeadGen = ({ apiUrl: apiUrlProp, siteDomain, siteId, locale, apiSubotUrl,
         const data = {
             url: location.href.toLowerCase(),
             title_article: document.title,
-            meta: formData.map((i) => {
-                var _a, _b;
-                const control = ((_a = currentForm
-                    .querySelector(`*[name="${i.name}"][data-control]`)) === null || _a === void 0 ? void 0 : _a.getAttribute('data-control')) ||
-                    ((_b = currentForm
-                        .querySelector(`*[data-extra][data-name="${i.name}"]`)) === null || _b === void 0 ? void 0 : _b.getAttribute('data-control')) ||
-                    'text';
-                const value = control === 'tel'
-                    ? window.intlTelInputUtils
-                        .formatNumber(String(i.value), LEAD_LOCALE === null || LEAD_LOCALE === void 0 ? void 0 : LEAD_LOCALE.countryCodeNumber, numberFormatType)
-                        .replace(/\s+/g, '')
-                    : control === 'date'
-                        ? dayjs(i.value).format('YYYY-MM-DD')
-                        : i.value;
-                return {
-                    key: i.name,
-                    value,
-                    control,
-                    // is_sent_mailchimp: currentForm.querySelector(
-                    //   `div[data-name="${i.name}-mailchimp"]`,
-                    // )
-                    //   ? 'true'
-                    //   : 'false',
-                };
-            }),
+            meta: [
+                ...formData.map((i) => {
+                    var _a, _b;
+                    const control = ((_a = currentForm
+                        .querySelector(`*[name="${i.name}"][data-control]`)) === null || _a === void 0 ? void 0 : _a.getAttribute('data-control')) ||
+                        ((_b = currentForm
+                            .querySelector(`*[data-extra][data-name="${i.name}"]`)) === null || _b === void 0 ? void 0 : _b.getAttribute('data-control')) ||
+                        'text';
+                    const value = control === 'tel'
+                        ? window.intlTelInputUtils
+                            .formatNumber(String(i.value), LEAD_LOCALE === null || LEAD_LOCALE === void 0 ? void 0 : LEAD_LOCALE.countryCodeNumber, numberFormatType)
+                            .replace(/\s+/g, '')
+                        : control === 'date'
+                            ? dayjs(i.value).format('YYYY-MM-DD')
+                            : i.value;
+                    return {
+                        key: i.name,
+                        value,
+                        control,
+                        // is_sent_mailchimp: currentForm.querySelector(
+                        //   `div[data-name="${i.name}-mailchimp"]`,
+                        // )
+                        //   ? 'true'
+                        //   : 'false',
+                    };
+                }),
+                ...extraPayloadValues,
+            ],
             cookie_id: getCookie('hhg-id'),
             ga_client_id: gaCookie,
         };

package/build/esm/mantine.js

@@ -1,34 +1,34 @@
-import { j as getMantineThemeOverride, k as StyledTextArea } from './index-116820df.js';
-export { m as Accordion, A as Anchor, b as AspectRatio, a as Avatar, l as Breadcrumbs, B as Button, n as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, O as OTP, P as Phone, p as Popover, R as Radio, S as Select, T as Tabs, o as emotionCache, j as getMantineThemeOverride, t as themeColors } from './index-116820df.js';
-export { D as DatePicker } from './index-41f1f2e9.js';
-import { T as Text } from './index-a89978b5.js';
-export { T as Text } from './index-a89978b5.js';
-export { I as Indicator } from './index-b4c715f8.js';
+import { j as getMantineThemeOverride, k as StyledTextArea } from './index-07bc639f.js';
+export { m as Accordion, A as Anchor, b as AspectRatio, a as Avatar, l as Breadcrumbs, B as Button, n as Carousel, f as CentralCarousel, d as Checkbox, e as ChipButton, c as Input, O as OTP, P as Phone, p as Popover, R as Radio, S as Select, T as Tabs, o as emotionCache, j as getMantineThemeOverride, t as themeColors } from './index-07bc639f.js';
+export { D as DatePicker } from './index-41de4a02.js';
+import { T as Text } from './index-dcb29d9a.js';
+export { T as Text } from './index-dcb29d9a.js';
+export { I as Indicator } from './index-717c7de0.js';
 import React__default, { useMemo } from 'react';
-export { M as Modal } from './index-e7022716.js';
-import { _ as __rest } from './tslib.es6-90c980db.js';
+export { M as Modal } from './index-503935f4.js';
+import { _ as __rest } from './tslib.es6-8d5f8087.js';
 import { MantineProvider as MantineProvider$1, Badge as Badge$1, Spoiler as Spoiler$1, LoadingOverlay as LoadingOverlay$1, clsx, Title, Text as Text$1, Button } from '@mantine/core';
-import { t as theme } from './theme-872b838b.js';
-import { u as useTranslations } from './useTranslations-cdc34b46.js';
-export { S as Slider } from './index-17aa45f6.js';
-export { S as Switch } from './index-42700ad1.js';
-import { u as useMantineLocale } from './useMantineLocale-9509c75a.js';
-export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-9509c75a.js';
-export { O as OTHER_THEME_CONFIG } from './utils-68130dfd.js';
+import { t as theme } from './theme-d794ab6e.js';
+import { u as useTranslations } from './useTranslations-cbb99b0c.js';
+export { S as Slider } from './index-61b5a3e5.js';
+export { S as Switch } from './index-e99b7c3f.js';
+import { u as useMantineLocale } from './useMantineLocale-6a418eb4.js';
+export { M as MAPPED_LOCALE, g as getHeadingStyles, u as useMantineLocale } from './useMantineLocale-6a418eb4.js';
+export { O as OTHER_THEME_CONFIG } from './utils-4e444e4a.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-3a7874fb.js';
-import './index-a225de9a.js';
+import './index-d1bbe081.js';
+import './index-1e7fd513.js';
 import 'date-fns/locale';
-import './Subot-87ce123a.js';
-import './isProduction-6a111449.js';
+import './Subot-b34af36f.js';
+import './isProduction-97f67da8.js';
 import '@emotion/styled';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-0c2bd684.js';
+import './useUniqueId-e9d7643b.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-d1e035fa.js';
+import './translationsContext-7a825350.js';
 import 'string-format';
 import 'dayjs';
 

package/build/esm/misc/defaultClassWrapper.d.ts

@@ -1,4 +1,6 @@
-import React from 'react';
-export declare const getDefaultClassWrapper: (Comp: any, defaultClassName: string) => React.ForwardRefExoticComponent<{
-    className?: string;
-} & React.RefAttributes<unknown>>;
+import React, { ComponentType } from 'react';
+export declare function setDefaultClass<P extends {}>(Component: ComponentType<P>, defaultClass: string): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<(React.PropsWithoutRef<P> & React.RefAttributes<React.Component<P, any, any>> extends React.RefAttributes<infer Method> ? Method : never) | (React.PropsWithRef<P & {
+    children?: React.ReactNode;
+}> extends React.RefAttributes<infer Method> ? Method : never)>> & {
+    classSelector: string;
+};