@hhgtech/hhg-components 1.29.396-beta-5 → 1.29.396-beta-7

package/build/esm/index.js

@@ -1,143 +1,144 @@
-export { i as Types } from './index-dfdf5d70.js';
-export { i as Constants } from './index-b24e732a.js';
-export { C as CaretDown, F as Flag } from './index-4e80cbde.js';
+export { i as Types } from './index-a1c59b7d.js';
+export { i as Constants } from './index-6b301031.js';
+export { C as CaretDown, F as Flag } from './index-092411be.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-270cc851.js';
-export { C as Close } from './Close-57b566e3.js';
-export { F as Facebook, G as Google } from './Google-8ccf313d.js';
-export { V as Visible } from './Visible-823c808a.js';
-export { A as Alert, B as Badge, a as BorderHeading, D as DrawerComponent, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-a3e7fb86.js';
-export { A as Avatar } from './index-24c016b0.js';
-export { B as Button } from './index-668faeb4.js';
-export { D as Divider } from './index-e4d90cb0.js';
-export { H as Heading } from './index-fe43bdca.js';
-export { I as Input, L as Label } from './index-f94bd787.js';
-export { L as Logo } from './index-68bd86f7.js';
-export { C as Checkbox, P as PureInput } from './index-e2896a03.js';
-export { T as Text } from './index-b459c1d2.js';
-export { T as TextArea } from './index-27ee081a.js';
-export { C as Container } from './index-458f6361.js';
-export { I as Icon } from './index-3c066f84.js';
-export { D as Drawer } from './index-421433c2.js';
-export { R as RadioImageGroup } from './index-66810c11.js';
-export { A as AuthorBadge, B as BookingBtn } from './index-cb11d394.js';
-export { C as CustomReferenceDot } from './index-d03db51b.js';
-export { B as BtnChoice } from './index-3fe6ec1b.js';
-export { L as LogoIcon } from './logoIcon-bb964d3d.js';
-export { I as ImageWrap } from './useScreenSize-7d49e61d.js';
-export { G as GenderOptionControl } from './index-2d818e2b.js';
-export { L as Loading } from './index-460c9336.js';
-export { I as InputDate } from './InputDate-4f1e9a38.js';
+export { C as ChevronDown } from './ChevronDown-adc108dd.js';
+export { C as Close } from './Close-504c9dc6.js';
+export { F as Facebook, G as Google } from './Google-ea5c56a6.js';
+export { V as Visible } from './Visible-7c29ebdb.js';
+export { A as Alert, B as Badge, a as BorderHeading, F as FileDropdown, G as Grid, P as Pagination, R as Radio, c as RateStars, S as StepRenderer, d as StepRendererContext, T as Tag, b as Toggle } from './index-d06bdd23.js';
+export { A as Avatar } from './index-615e9474.js';
+export { B as Button } from './index-96598e9a.js';
+export { D as Divider } from './index-da8052b5.js';
+export { H as Heading } from './index-bba60a1a.js';
+export { I as Input, L as Label } from './index-b6995d9b.js';
+export { L as Logo } from './index-4fcf3b60.js';
+export { C as Checkbox, P as PureInput } from './index-35cd94d3.js';
+export { T as Text } from './index-3fe9ef7b.js';
+export { T as TextArea } from './index-cd4f99ad.js';
+export { C as Container } from './index-7d09c1f5.js';
+export { I as Icon } from './index-8df23e39.js';
+export { D as Drawer } from './index-9ce4b64c.js';
+export { R as RadioImageGroup } from './index-3f2e46f5.js';
+export { A as AuthorBadge, B as BookingBtn } from './index-92229d2d.js';
+export { C as CustomReferenceDot } from './index-a0aef994.js';
+export { B as BtnChoice } from './index-b4616650.js';
+export { L as LogoIcon } from './logoIcon-5042fdf4.js';
+export { I as ImageWrap } from './useScreenSize-eb5e276a.js';
+export { G as GenderOptionControl } from './index-297980dc.js';
+export { L as Loading } from './index-21155b23.js';
+export { D as DrawerComponent } from './index-96ff844a.js';
+export { I as InputDate } from './InputDate-81a85792.js';
 export { ArticleCard } from './moleculesArticleCard.js';
 export { ArticleCard as ArticleCardV2 } from './moleculesArticleCardV2.js';
-export { A as AdBlock, B as Breadcrumbs, C as CategoryCard, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, R as RadioGroup, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, b as StatisticCard, c as Table, T as Tabs, W as WidgetChatbotAi } from './index-646603d7.js';
-export { D as Dropdown } from './index-8f4825e7.js';
-export { P as Popup } from './index-28e647dc.js';
-export { M as Modal } from './index-fc3f43a7.js';
+export { A as AdBlock, B as Breadcrumbs, C as CategoryCard, a as CheckboxGroup, e as CookieAcceptConfirm, D as DatePicker, g as DateRangePicker, d as DoctorInfo, k as FixedBottomAdBlock, F as FloatButtonGroup, I as IconText, R as RadioGroup, S as ScrollList, f as SeoHead, h as ShareContainer, j as ShareDrawer, i as SideMenu, b as StatisticCard, c as Table, T as Tabs, W as WidgetChatbotAi } from './index-b845a396.js';
+export { D as Dropdown } from './index-ea156363.js';
+export { P as Popup } from './index-bac666f3.js';
+export { M as Modal } from './index-bf41e4e0.js';
 export { ProgressBar } from './progressBar.js';
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-1a5d8f72.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-9dd3f5ee.js';
 export { MobileBottomNavigation } from './mobileBottomNavigation.js';
-export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-670587c8.js';
-export { T as ToolsBannerCard } from './index-7969cdd0.js';
-export { D as DueDateForm } from './index-62f884ca.js';
+export { M as MobileBottomNavigationIcon } from './MobileBottomNavigationIcon-83e4ebf3.js';
+export { T as ToolsBannerCard } from './index-96fa1f2f.js';
+export { D as DueDateForm } from './index-5677d435.js';
 export { DueDateCardEmbed } from './embeddedHeathToolCards_dueDate_dueDate.js';
 export { BMICardEmbed } from './embeddedHeathToolCards_bmi_bmi.js';
-export { B as BmiForm } from './index-c5a6a2f2.js';
+export { B as BmiForm } from './index-43401c52.js';
 export { BabyGrowthCardEmbed } from './embeddedHeathToolCards_babyGrowth.js';
 export { BabyPoopEmbed } from './embeddedHeathToolCards_babyPoop.js';
-export { B as BabyPoopForm } from './index-09eaf7e8.js';
+export { B as BabyPoopForm } from './index-ec2f6117.js';
 export { THRCardEmbed } from './embeddedHeathToolCards_targetHeartRate.js';
-export { T as ThrForm } from './index-a184ff02.js';
+export { T as ThrForm } from './index-656ed09f.js';
 export { BMRCardEmbed } from './embeddedHeathToolCards_bmrBmr.js';
 export { OvulationCardEmbed } from './embeddedHeathToolCards_ovulation_ovulation.js';
-export { O as OvulationForm } from './index-a5005be3.js';
-export { B as BabyVaccineForm } from './index-3ae2edce.js';
+export { O as OvulationForm } from './index-4145b306.js';
+export { B as BabyVaccineForm } from './index-c3a34409.js';
 export { BabyVaccineCardEmbed } from './embeddedHeathToolCards_babyVaccine.js';
 export { PWGCardEmbed } from './embeddedHeathToolCards_pwg_pwg.js';
-export { P as PWGForm } from './index-f893f9c4.js';
-export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-65caebce.js';
-export { P as PillCarousel } from './index-0016f1c5.js';
-export { A as AddressInput } from './index-574dc5f0.js';
-export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-c9e45f24.js';
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-0ac54e2e.js';
-export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-1f5804a1.js';
-export { F as Footer } from './index-ddf4a73c.js';
+export { P as PWGForm } from './index-8974660e.js';
+export { L as LanguageSwitcher, V as VideoItem, a as VideoPlayerModal } from './index-7e2d0950.js';
+export { P as PillCarousel } from './index-bd08d3ce.js';
+export { A as AddressInput } from './index-e81cc27d.js';
+export { a as MAPPING_CATEGORY_PREMIUM_API_TYPE, M as MAPPING_CATEGORY_PREMIUM_TYPE, b as SideBannerModal, S as SurveyOrPremiumBanner } from './index-f8383b52.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-2057a3fe.js';
+export { U as UserProfileNavigation, N as UserProfileNavigationHeader, a as UserProfileNavigationStats } from './index-0ce481f9.js';
+export { F as Footer } from './index-9c70af68.js';
 export { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-export { N as NavigationProfileButton } from './index-e14b3ac6.js';
+export { N as NavigationProfileButton } from './index-99960c4d.js';
 export { ProfileNavigation } from './profileNavigation.js';
-export { u as useTranslations } from './index-c93e3269.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-ef34b924.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-579b64b2.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-e9af68ac.js';
-export { u as useIsInit } from './useIsInit-b021eb1f.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-b94f623f.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-0f1d6541.js';
+export { u as useTranslations } from './index-0dce6cba.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-b63b5638.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-b4adf558.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-5c71e735.js';
+export { u as useIsInit } from './useIsInit-cf303a41.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-7aaa6860.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-8b360b56.js';
 export { TogetherAuthConfigContext, TogetherAuthConfigContextProvider, useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-export { d as TogetherDataTransforms } from './dataTransform-f835541a.js';
-export { t as TogetherTypes } from './types-a73bbe1a.js';
-export { c as TogetherConstants } from './constants-147eb954.js';
-export { U as UserAvatar } from './index-5162a769.js';
-export { C as CardLink } from './index-bbdb4c8f.js';
-export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-5325d787.js';
-export { L as LabelSorting } from './labelSorting-0ee4342c.js';
-export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-04c436f7.js';
-export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-f58b3ae0.js';
-export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-59038ebb.js';
+export { d as TogetherDataTransforms } from './dataTransform-05611872.js';
+export { t as TogetherTypes } from './types-d1921376.js';
+export { c as TogetherConstants } from './constants-71fad5dd.js';
+export { U as UserAvatar } from './index-d1864d80.js';
+export { C as CardLink } from './index-b9b772bd.js';
+export { C as CardReactions, a as LabelPin, L as LabelSortPin, T as TagTopic } from './treePopoverMenu-97c30818.js';
+export { L as LabelSorting } from './labelSorting-ef526823.js';
+export { C as CardAuthor, a as PopupDoctor, P as PopupExpert, b as PopupHospital, c as ProfileDetailModal } from './index-43c4bc7d.js';
+export { C as CreateNewPostContent, a as CreateNewPostContentV2, b as CreatePostDescription, c as CreatePostTitle, S as SkipQuestionOfExpertBtn, T as TopicSelectList } from './index-4c7efeff.js';
+export { I as InputCommentBar, P as PopupDanger, a as PopupFrame, S as SharePopup, b as SubmitReportForm } from './index-9d8a8f53.js';
 export { ShareBox } from './togetherShareBox.js';
-export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-60fefc13.js';
-export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-ae3b1ea6.js';
-export { S as SocialLinkPreview } from './index-6679b423.js';
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-d3e66241.js';
-export { P as PopoverMenu } from './index-87945f7b.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-646b3b7e.js';
+export { P as PostContent, a as ProfileDetail, T as TabNameInProfileDetail } from './index-865ac5cb.js';
+export { I as ImagePreviewPopup, a as PostImagePreview, P as PostSingleImageViewPopup } from './index-a611ca74.js';
+export { S as SocialLinkPreview } from './index-9c9d72fe.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-87128717.js';
+export { P as PopoverMenu } from './index-46751988.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider } from './utils-d64261d1.js';
 export { BookingSearchBar } from './careBookingSearchBar.js';
 export { BookingSearchBarV2 } from './careBookingSearchBarV2.js';
-export { t as CareTypes, T as TextDivider } from './types-ba26207d.js';
-export { c as CareConstants } from './constants-cda2b0e0.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-a02fe941.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-5b47919f.js';
+export { t as CareTypes, T as TextDivider } from './types-6a5ffce6.js';
+export { c as CareConstants } from './constants-eb36f380.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-0787d497.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-b98c6d96.js';
 export { deleteCookie, getCookie, setCookie } from './miscCookieHelper.js';
-export { a as abbreviateNumber } from './number-62c14cf4.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-4d2d17ad.js';
+export { a as abbreviateNumber } from './number-4b95c598.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './normalizeLink-f2e0563f.js';
 export { MBTheme, theme } from './miscTheme.js';
-export { B as Breakpoints, M as MediaQueries, S as Screens, 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-8591500f.js';
+export { B as Breakpoints, M as MediaQueries, S as Screens, 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-c3edb47a.js';
 export { formatHealthTool, getDynamicHealthTool, getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 export { getSocialList } from './miscGetSocialList.js';
 export { ScreenSizeContext, ScreenSizeContextProvider, getWindowSizeGroups } from './miscScreenSizeContext.js';
-export { f as formatPill } from './dataTransform-3a2ee102.js';
-import './Locale-4bc2c29f.js';
+export { f as formatPill } from './dataTransform-6210e978.js';
+import './Locale-7013ca58.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './tslib.es6-089f39ac.js';
+import './tslib.es6-a91a3ba2.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-d3bfa03c.js';
+import './index-e6dd9174.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-64979f35.js';
-import './other-ecca49ea.js';
-import './useMantineLocale-99abcc20.js';
+import './index-8503e186.js';
+import './other-083471c4.js';
+import './useMantineLocale-a1772a1f.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-a345d8c1.js';
+import './index-6168eba6.js';
 import 'classnames';
 import '@hhgtech/icons/core';
 import './miscDefaultClassWrapper.js';
 import 'react-keyed-flatten-children';
-import 'vaul';
 import '@mantine/dates';
-import './index.styles-e1ee0385.js';
-import './translationsContext-ce9c440a.js';
-import './index-32502cd9.js';
-import './WhatsApp-2414d9c4.js';
-import './Spinner-76a7cad8.js';
+import './index.styles-236ce1fa.js';
+import './translationsContext-eff46c98.js';
+import './index-7d2f09ff.js';
+import './WhatsApp-3d8c920b.js';
+import './Spinner-3607c3c5.js';
 import '@emotion/react';
-import './index-6c00f7b7.js';
-import './paths-ee8f9a88.js';
+import './index-b820522e.js';
+import './paths-220a9d5b.js';
+import 'vaul';
 import 'innertext';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
@@ -151,42 +152,42 @@ import 'uuid';
 import '@hhgtech/icons/arrow';
 import 'lottie-light-react';
 import 'react-dom';
-import './LastPeriod-8292b37b.js';
+import './LastPeriod-3b69f762.js';
 import '@mantine/form';
-import './index-f08475a6.js';
-import './index-cadd8675.js';
+import './index-3d4e7c78.js';
+import './index-80a2cd4e.js';
 import 'react-hook-form';
 import './embeddedHeathToolCards_helpers.js';
-import './index-c26ab4d1.js';
-import './constants-d13e70c2.js';
-import './index-e41a7a11.js';
-import './utils-d679243c.js';
-import './healthTools-2d433cee.js';
-import './store-a78617fd.js';
+import './index-2e2d98d8.js';
+import './constants-ca41ee65.js';
+import './index-fc5e154b.js';
+import './utils-5c524612.js';
+import './healthTools-ac76d965.js';
+import './store-efc97669.js';
 import 'zustand';
-import './index-1cb3b7b6.js';
+import './index-09cdc277.js';
 import './togetherApiPaths.js';
-import './index-afff5acc.js';
+import './index-c8cc02be.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './constants-6415bee2.js';
-import './index-fc963831.js';
+import './constants-3f929b4e.js';
+import './index-d53234c0.js';
 import 'dayjs/plugin/relativeTime';
 import 'string-format';
 import 'lodash/debounce';
-import './core-b555e179.js';
-import './index-efe79a2b.js';
-import './post-f6baa370.js';
-import './editor-64de2190.js';
+import './core-e9660048.js';
+import './index-a46f72fb.js';
+import './post-79722737.js';
+import './editor-1a1d236c.js';
 import 'react-contenteditable';
-import './index-1f0443b3.js';
-import './index-7b40fc80.js';
+import './index-0fb4b07a.js';
+import './index-f1ef5c84.js';
 import 'slugify';
-import './utils-e85290b0.js';
+import './utils-b5ae04e5.js';
 import 'react-loading-skeleton';
 import 'lodash/shuffle';
-import './index-ff2516fd.js';
+import './index-4ef1d6e7.js';
 
 /* eslint-disable prettier/prettier */
 const ChatbotBg = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 1600 1024", fill: "none" }, props),

package/build/esm/{labelSorting-0ee4342c.js → labelSorting-ef526823.js}

@@ -1,8 +1,8 @@
 import React__default, { useContext } from 'react';
-import { T as Text } from './index-64979f35.js';
-import './translationsContext-ce9c440a.js';
-import { T as TogetherComponentGlobalContext } from './utils-646b3b7e.js';
-import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-5325d787.js';
+import { T as Text } from './index-8503e186.js';
+import './translationsContext-eff46c98.js';
+import { T as TogetherComponentGlobalContext } from './utils-d64261d1.js';
+import { L as LabelSortPin, b as TreePopoverMenu } from './treePopoverMenu-97c30818.js';
 
 var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath stroke='%233E3F58' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m8 14 4 4 4-4M16 10l-4-4-4 4'/%3e%3c/svg%3e";
 var MBSortBy = img$1;

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

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { LOCALE, UserInfo } from "../../../interfaces/types";
-export declare const LightboxLayout: ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }: {
+export declare const LightboxLayout: ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaignCode, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }: {
     popupId: string;
     currentLayout: string;
     extraFields: any;
@@ -24,6 +24,7 @@ export declare const LightboxLayout: ({ popupId, extraFields, onClose: onClosePr
         image?: string;
     };
     campaignId: number;
+    campaignCode: string;
     campaign_subot_id: number[];
     locale?: LOCALE;
     showEmpty?: boolean;

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

@@ -1,9 +1,10 @@
 export declare const Service: {
     campaignGetById: (id: string) => Promise<any>;
     getCampaignByCode: (campaign_code: any) => Promise<any>;
-    getSubscriptionBoxInfo: ({ category, site, }: {
+    getSubscriptionBoxInfo: ({ category, site, slug, }: {
         category: number | string;
         site: string;
+        slug: string;
     }) => Promise<any>;
     postSubscriptionBoxLead: ({ data }: {
         data: any;

package/build/esm/lead.js

@@ -1,52 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-089f39ac.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a91a3ba2.js';
 import React__default, { createContext, useMemo, useEffect, useRef, useState, useContext, useCallback, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
 import { createStyles, Box, Button as Button$1, Input as Input$1, Autocomplete, clsx, Checkbox as Checkbox$1, Radio as Radio$1, Select as Select$1, TextInput, NumberInput as NumberInput$1, Portal, Transition, Overlay } from '@mantine/core';
 import dayjs from 'dayjs';
 import debounce from 'lodash/debounce';
 import { createFormContext, useForm } from '@mantine/form';
-import { B as BEARER_TOKEN_COOKIE } from './index-1cb3b7b6.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-09cdc277.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { u as useTranslations } from './index-c93e3269.js';
-import { T as TranslationsContext } from './translationsContext-ce9c440a.js';
-import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-8591500f.js';
-import { T as Text } from './index-64979f35.js';
-import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-4e80cbde.js';
-import { D as DatePicker } from './index-f08475a6.js';
-import { B as Button } from './index-a345d8c1.js';
-import './index.styles-e1ee0385.js';
+import { u as useTranslations } from './index-0dce6cba.js';
+import { T as TranslationsContext } from './translationsContext-eff46c98.js';
+import { M as MediaQueries, b as getWrapperDomWithSelector, a as getPopupWrapperDom } from './utils-c3edb47a.js';
+import { T as Text } from './index-8503e186.js';
+import { S as Select, d as Checkbox, I as Input, R as Radio, P as Phone, N as NumberInput, O as OTP } from './index-092411be.js';
+import { D as DatePicker } from './index-3d4e7c78.js';
+import { B as Button } from './index-6168eba6.js';
+import './index.styles-236ce1fa.js';
 import { useClickOutside } from '@mantine/hooks';
-import './useMantineLocale-99abcc20.js';
-import { C as COMMON_DATE_TRANSLATE_KEY } from './index-dfdf5d70.js';
-import './index-d3bfa03c.js';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-b24e732a.js';
-import './other-ecca49ea.js';
-import './index-32502cd9.js';
-import { M as MAPPED_LOCALE } from './utils-d679243c.js';
+import './useMantineLocale-a1772a1f.js';
+import { C as COMMON_DATE_TRANSLATE_KEY } from './index-a1c59b7d.js';
+import './index-e6dd9174.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-6b301031.js';
+import './other-083471c4.js';
+import './index-7d2f09ff.js';
+import { M as MAPPED_LOCALE } from './utils-5c524612.js';
 import { DateInput } from '@mantine/dates';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-a227ae1b.js';
-import { H as Heading$1 } from './index-fe43bdca.js';
-import { t as translationsMap$1 } from './translationsProvider-964abfad.js';
-import { L as LOCALE } from './Locale-4bc2c29f.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY } from './usePlacesAutocomplete-bcaf2a8d.js';
+import { H as Heading$1 } from './index-bba60a1a.js';
+import { t as translationsMap$1 } from './translationsProvider-2ae2efb3.js';
+import { L as LOCALE } from './Locale-7013ca58.js';
 import { v1 } from 'uuid';
 import { parsePhoneNumber } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { css } from '@emotion/react';
-import { T as TogetherComponentGlobalContext } from './utils-646b3b7e.js';
-import { i as isVideo } from './index-afff5acc.js';
-import { u as useScreenSize } from './useScreenSize-7d49e61d.js';
+import { T as TogetherComponentGlobalContext } from './utils-d64261d1.js';
+import { i as isVideo } from './index-c8cc02be.js';
+import { u as useScreenSize } from './useScreenSize-eb5e276a.js';
 import { motion } from 'framer-motion';
 import { createPortal } from 'react-dom';
-import { B as Button$2 } from './index-668faeb4.js';
-import { I as InputDate } from './InputDate-4f1e9a38.js';
-import { C as Close } from './Close-57b566e3.js';
+import { B as Button$2 } from './index-96598e9a.js';
+import { I as InputDate } from './InputDate-81a85792.js';
+import { D as DrawerComponent } from './index-96ff844a.js';
+import { C as Close } from './Close-504c9dc6.js';
 import './constantsIsProduction.js';
-import './normalizeLink-4d2d17ad.js';
+import './normalizeLink-f2e0563f.js';
 import './constantsDomainLocales.js';
 import '@hhgtech/icons/other';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-0f1d6541.js';
+import './useUniqueId-8b360b56.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
@@ -63,11 +64,12 @@ import './i18n-values/tl-PH.js';
 import './i18n-values/vi-VN.js';
 import './i18n-values/vi-VN_MB.js';
 import './i18n-values/zh-TW.js';
-import './index-7b40fc80.js';
+import './index-f1ef5c84.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-147eb954.js';
+import './constants-71fad5dd.js';
+import 'vaul';
 
 const LeadGenComponentContext = createContext({});
 
@@ -511,9 +513,9 @@ const getCampaignByCode = (campaign_code) => {
         method: METHOD.GET,
     });
 };
-const getSubscriptionBoxInfo = ({ category, site, }) => {
+const getSubscriptionBoxInfo = ({ category, site, slug, }) => {
     return leadApi.call({
-        url: `${LEADGEN_API_PATH.V2_SUBSCRIPTION_INFO}?category=${category}&site=${site}`,
+        url: `${LEADGEN_API_PATH.V2_SUBSCRIPTION_INFO}?category=${category}&site=${site}&slug=${slug}`,
         method: METHOD.GET,
     });
 };
@@ -2065,6 +2067,7 @@ const LeadGenContextProvider = (props) => {
             Service.getSubscriptionBoxInfo({
                 category: categoryId,
                 site: site_domain,
+                slug: location === null || location === void 0 ? void 0 : location.pathname,
             }).then((res) => {
                 const { _data } = res || {};
                 const { item, campaign_code } = _data || {};
@@ -4724,14 +4727,15 @@ const LEADGEN_SHOW_HEADER = [
     LEADGEN_LAYOUT.Sidebar,
     LEADGEN_LAYOUT.Slider,
 ];
-const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }) => {
+const CAMPAGE_CODE_LIST_APPLY_NEW_UI = ['ri3lkoxcetjoj39', 'u0adw7hw8kw7t89'];
+const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSubmit, imageMobile, imageDesktop, imageOverlayMobile, imageOverlayDesktop, imageBackground, currentLayout, title, onSubmit, showThankyou, campaignId, campaignCode, campaign_subot_id, locale, showEmpty, setShowEmpty, userInfo, }) => {
     var _a, _b;
     const { primaryColor } = useContext(LeadGenContext$1);
     const { isMobile } = useScreenSize();
     const [open, setOpen] = useState(!!campaignId);
     const [showOtpPhone, setShowOtpPhone] = useState(null);
     const [isSubmitLoading, setIsSubmitLoading] = useState(false);
-    // const [snap, setSnap] = useState<string | number | null>(0.8)
+    const [snap, setSnap] = useState(0.8);
     const formRef = useRef();
     const onClose = () => {
         if (showOtpPhone) {
@@ -4759,6 +4763,7 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
     const isFullscreen = currentLayout === LEADGEN_LAYOUT.Fullscreen;
     const isInPage = isInline || isSidebar;
     const isDrawer = isLightBoxB && isMobile;
+    const isNewUI = useMemo(() => CAMPAGE_CODE_LIST_APPLY_NEW_UI.includes(campaignCode), [campaignCode]);
     const limitFieldsLightBoxB = isLightBoxB && listBlockAdded.length <= LEADGEN_LIMIT_LIGHTBOXB;
     const hasForm = isLightBoxA
         ? listBlockAdded.some((item) => LEADGEN_BLOCK_INPUT.some((k) => k === (item === null || item === void 0 ? void 0 : item.name)))
@@ -4988,24 +4993,13 @@ const LightboxLayout = ({ popupId, extraFields, onClose: onCloseProp, onOtherSub
         'leadgen-inline': isInPage,
         'leadgen-slider': isSlider,
     });
-    const PopupContainer = isDrawer ? (React__default.createElement(LeadGenLightBoxB, { form: form, loading: isSubmitLoading, visible: open, onVisible: () => onOpenChange(false) }, PopupWrapper)) : (
-    // <DrawerComponent
-    //   fadeFromIndex={ZINDEX_SSO - 9e6}
-    //   open={open}
-    //   snapPoints={[0.8, 1]}
-    //   activeSnapPoint={snap}
-    //   setActiveSnapPoint={setSnap}
-    //   onOpenChange={onOpenChange}
-    //   overlayClassName={popupContainerClassName}
-    //   className="leadgen-drawer"
-    // >
-    //   {PopupWrapper}
-    //   <div
-    //     style={{ position: 'absolute', inset: 0, zIndex: snap === 1 ? -1 : 1 }}
-    //     onClick={() => setSnap(1)}
-    //   />
-    // </DrawerComponent>
-    React__default.createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: popupContainerClassName, style: isMobile ? { maxHeight: height } : undefined },
+    const PopupContainer = isDrawer ? (isNewUI ? (React__default.createElement(LeadGenLightBoxB, { form: form, loading: isSubmitLoading, visible: open, onVisible: () => onOpenChange(false) }, PopupWrapper)) : (React__default.createElement(DrawerComponent, { fadeFromIndex: ZINDEX_SSO - 9e6, open: open, snapPoints: [0.8, 1], activeSnapPoint: snap, setActiveSnapPoint: setSnap, onOpenChange: onOpenChange, overlayClassName: popupContainerClassName, className: "leadgen-drawer" },
+        PopupWrapper,
+        React__default.createElement("div", { style: {
+                position: 'absolute',
+                inset: 0,
+                zIndex: snap === 1 ? -1 : 1,
+            }, onClick: () => setSnap(1) })))) : (React__default.createElement("div", { id: popupId, "data-popup-url": currentPath, "data-popup-type": "lightbox-inline", className: popupContainerClassName, style: isMobile ? { maxHeight: height } : undefined },
         isFullscreen ? (React__default.createElement("img", { className: "le-only-desktop le-fullscreen-img", draggable: false, src: imageBackground || '', style: {
                 aspectRatio: `${imageBackgroundWidth}/${imageBackgroundHeight}`,
             } })) : null,
@@ -5231,7 +5225,7 @@ const NewLeadPopup = ({ campaign, action, onSubmit, onClose, showThankyou, local
         currentLayout == 'Fullscreen' ||
         currentLayout == 'Sidebar' ||
         currentLayout == 'Slider') {
-        return (React__default.createElement(LightboxLayout, { popupId: popupIdRef.current, extraFields: extra_fields, onClose: onClose, onOtherSubmit: onOtherSubmit, imageMobile: image, imageDesktop: image_desktop, imageBackground: image_background, currentLayout: currentLayout, title: titleText, onSubmit: (form, values) => onSubmit(form, values, categoryLevel, categoryData), key: currentLayout, imageOverlayDesktop: image_overlay_desktop, imageOverlayMobile: image_overlay_mobile, showThankyou: showThankyou, campaignId: campaign.id, campaign_subot_id: campaign.bot_id || [], locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }));
+        return (React__default.createElement(LightboxLayout, { popupId: popupIdRef.current, extraFields: extra_fields, onClose: onClose, onOtherSubmit: onOtherSubmit, imageMobile: image, imageDesktop: image_desktop, imageBackground: image_background, currentLayout: currentLayout, title: titleText, onSubmit: (form, values) => onSubmit(form, values, categoryLevel, categoryData), key: currentLayout, imageOverlayDesktop: image_overlay_desktop, imageOverlayMobile: image_overlay_mobile, showThankyou: showThankyou, campaignId: campaign.id, campaignCode: campaign.code, campaign_subot_id: campaign.bot_id || [], locale: locale, showEmpty: showEmpty, setShowEmpty: setShowEmpty, userInfo: userInfo }));
     }
     else if (currentLayout.includes('Skin')) {
         return (React__default.createElement(SkinLayout, { popupId: popupIdRef.current, link: actionBlocks.linkButtonBlock.data.url, linkNewTab: !!actionBlocks.linkButtonBlock.data.newtab, linkText: actionBlocks.linkButtonBlock.data.value, onClose: onClose, onOtherSubmit: onOtherSubmit, imageMobile: image, imageDesktop: image_desktop, currentLayout: currentLayout }));

package/build/esm/{logoIcon-bb964d3d.js → logoIcon-5042fdf4.js}

@@ -1,6 +1,6 @@
 import React__default, { memo, useMemo } from 'react';
-import { C as CommonGAssets } from './index-d3bfa03c.js';
-import { I as ImageWrap } from './useScreenSize-7d49e61d.js';
+import { C as CommonGAssets } from './index-e6dd9174.js';
+import { I as ImageWrap } from './useScreenSize-eb5e276a.js';
 
 const _LogoIcon = ({ type, width, height }) => {
     const data = useMemo(() => {