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

package/build/interfaces/constants/index.d.ts

@@ -22,6 +22,7 @@ export declare const STATIC_PAGES: {
 export declare const UP_BASEPATH = "user";
 export declare const LOCALE_HAS_COMMUNITY_SITE: string[];
 export declare const HAS_CLINITY_DOWNLOAD_SITE: string[];
+export declare const LOCALE_HAS_CART_CARE_SITE: string[];
 export declare const ECOM_LOCALES: string[];
 export declare const DATA_PRIVACY_LOCALES: string[];
 export declare const CARE_LOCALES: string[];
@@ -92,6 +93,7 @@ export declare const DATE_FNS_DATE_FORMAT = "dd-MM-yyyy";
 export declare const ZINDEX_SSO = 9999999;
 export declare const ZINDEX_HEADER = 305;
 export declare const VIDEO_DETAIL_TEMP_STORAGE = "video_item_detail";
+export declare const HHG_CART_CARE_STORE_KEY = "hhg_cart_care_store_key";
 export declare enum EMERGENCY_STATUS {
     UNAVAILABLE = 0,
     AVAILABLE = 1

package/build/{labelSorting-2d368f26.js → labelSorting-fc3822e7.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-748ef77a.js');
-require('./translationsContext-87becf43.js');
-var togetherComponentGlobalContext = require('./utils-e04a494d.js');
-var treePopoverMenu = require('./treePopoverMenu-6e4c827a.js');
+var index = require('./index-85e58573.js');
+require('./translationsContext-168b87fe.js');
+var togetherComponentGlobalContext = require('./utils-fdf0d678.js');
+var treePopoverMenu = require('./treePopoverMenu-47a6b01b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/lead/LeadGen.type.d.ts

@@ -44,6 +44,12 @@ export type LeadGenSubscriptionBoxProps = Omit<LeadGenFormProps, 'className' | '
     image?: string;
     title?: string | ReactNode;
     submitText?: string;
+    desktopBanner?: string;
+    mobileBanner?: string;
+    buttonTextColor?: string;
+    buttonColor?: string;
+    isBannerStyle?: boolean;
+    subscriptionPhoneType?: string;
 };
 export type TrackingFormProps = {
     formRef?: HTMLFormElement;

package/build/lead/LeadGenSubscriptionBox/LeadGenContext.d.ts

@@ -42,6 +42,10 @@ export type LeadGenContextProps = LeadGenProps & {
     subscriptionIcon: string;
     subscriptionTitle: string;
     subscriptionPhoneType: string;
+    desktopBanner: string;
+    mobileBanner: string;
+    buttonTextColor: string;
+    buttonColor: string;
 };
 export declare const LeadGenContext: React.Context<LeadGenContextProps>;
 export declare const LeadGenContextProvider: (props: PropsWithChildren<LeadGenProps>) => React.JSX.Element;
@@ -71,4 +75,8 @@ export declare const useLeadGenContext: () => {
     subscriptionIcon: string;
     subscriptionTitle: string;
     subscriptionPhoneType: string;
+    desktopBanner: string;
+    mobileBanner: string;
+    buttonTextColor: string;
+    buttonColor: string;
 };

package/build/lead/LeadGenSubscriptionBox/LeadGenSubscriptionBox.styled.d.ts

@@ -14,8 +14,15 @@ export declare const StyledLeadGenSubscriptionBoxHeader: import("@emotion/styled
 export declare const StyledLeadGenSubscriptionBox: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
+} & {
+    isBannerStyle: boolean;
+    buttonColor: string;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledLeadGenSubscriptionBoxA: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBannerPicture: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/build/lead.js

@@ -2,56 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
 var core = require('@mantine/core');
 var debounce = require('lodash/debounce');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index = require('./index-80b2d3c9.js');
+var index = require('./index-a23612b2.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var translationsProvider = require('./translationsProvider-afcfa7d4.js');
-var index$1 = require('./index-1ed8c1a3.js');
-var translationsContext = require('./translationsContext-87becf43.js');
-var utils$1 = require('./utils-1014659b.js');
-var index$2 = require('./index-748ef77a.js');
-var index$3 = require('./index-9fc33d50.js');
-var index$5 = require('./index-0baa1127.js');
-var index$4 = require('./index-6bc49071.js');
-var index$9 = require('./index-9521486d.js');
-require('./index.styles-f7c729b2.js');
+var translationsProvider = require('./translationsProvider-70531063.js');
+var index$1 = require('./index-23ef9b94.js');
+var translationsContext = require('./translationsContext-168b87fe.js');
+var utils$1 = require('./utils-a619dc69.js');
+var index$2 = require('./index-85e58573.js');
+var index$3 = require('./index-4b486790.js');
+var index$5 = require('./index-ca3b6def.js');
+var index$4 = require('./index-6a99274f.js');
+var index$9 = require('./index-57c66044.js');
+require('./index.styles-ee959ea5.js');
 var hooks = require('@mantine/hooks');
-require('./index-d30fe48e.js');
-require('./index-8dbee82a.js');
-var utils = require('./utils-45819eba.js');
+require('./index-b89f0275.js');
+require('./index-057b72b1.js');
+var utils = require('./utils-2335af52.js');
 var dates = require('@mantine/dates');
-var index$7 = require('./index-7eca235c.js');
-var index$c = require('./index-15b2a8c7.js');
-require('./index-6f8177e1.js');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-9388cc64.js');
-var index$6 = require('./index-4bbec4c3.js');
-var Locale = require('./Locale-fa845eb1.js');
+var index$7 = require('./index-447a45f2.js');
+var index$c = require('./index-2ed478a8.js');
+require('./index-e4a3055a.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-820db933.js');
+var index$6 = require('./index-882ef9dd.js');
+var Locale = require('./Locale-d590d795.js');
 var uuid = require('uuid');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$8 = require('./index-63217d65.js');
-var togetherComponentGlobalContext = require('./utils-e04a494d.js');
-var index$a = require('./index-7829ec37.js');
-var index$b = require('./index-6be9351b.js');
-var index$d = require('./index-5e3f8fd9.js');
+var utils$2 = require('./utils-4302d18a.js');
+var index$8 = require('./index-11f5f971.js');
+var togetherComponentGlobalContext = require('./utils-fdf0d678.js');
+var index$a = require('./index-c3551722.js');
+var index$b = require('./index-a7699bd8.js');
+var index$d = require('./index-e2b6c064.js');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var InputDate = require('./InputDate-bd69961b.js');
+var InputDate = require('./InputDate-df2bd72a.js');
 var carousel = require('@mantine/carousel');
-var utils$2 = require('./utils-28b8ccfa.js');
-var index$e = require('./index-60a65249.js');
-var Close = require('./Close-e10c238f.js');
+var utils$3 = require('./utils-a1580403.js');
+var index$e = require('./index-b09d182f.js');
+var Close = require('./Close-f4b2f69d.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-bcd39837.js');
+require('./normalizeLink-dbc91d46.js');
 require('./i18n-values/en-PH.js');
 require('./i18n-values/hi-IN.js');
 require('./i18n-values/id-ID.js');
@@ -65,19 +66,20 @@ require('./i18n-values/vi-VN_MB.js');
 require('./i18n-values/zh-SG.js');
 require('./i18n-values/zh-TW.js');
 require('@hhgtech/icons/other');
-require('./shared-dcf3207b.js');
+require('./shared-07ca9dcc.js');
 require('classnames');
-require('./useUniqueId-e13a47ad.js');
+require('./useUniqueId-d05220e4.js');
 require('./constantsSite.js');
 require('@emotion/react');
 require('@mantine/notifications');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index-f588c6e1.js');
-require('slugify');
+require('./constants-d7b18a38.js');
 require('string-format');
+require('./index-fa4dfca2.js');
+require('slugify');
 require('./togetherApiPaths.js');
-require('./constants-71761e3e.js');
+require('./constants-b0e1f79e.js');
 require('vaul');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -2085,6 +2087,10 @@ const LeadGenContext = React.createContext({
     subscriptionIcon: '',
     subscriptionTitle: '',
     subscriptionPhoneType: '',
+    desktopBanner: '',
+    mobileBanner: '',
+    buttonTextColor: '',
+    buttonColor: '',
 });
 const LeadGenContextProvider = (props) => {
     const { campaign_code: campaignCodeProps, apiSsoUrl, apiLeadUrl, apiSubotUrl, locale: localeProps, forceCampaign: forceCampaignProps, extraValues, articleId = 1, categoryList, siteDomain: site_domain, children, userInfo } = props, restProps = tslib_es6.__rest(props, ["campaign_code", "apiSsoUrl", "apiLeadUrl", "apiSubotUrl", "locale", "forceCampaign", "extraValues", "articleId", "categoryList", "siteDomain", "children", "userInfo"]);
@@ -2097,6 +2103,10 @@ const LeadGenContextProvider = (props) => {
         subscriptionPhoneType: '',
         subcriptionCateId: '',
         subcriptionCateName: '',
+        desktopBanner: '',
+        mobileBanner: '',
+        buttonTextColor: '',
+        buttonColor: '',
     });
     const locale = React.useMemo(() => {
         return localeProps || Locale.LOCALE['PhilippinesEnglish'];
@@ -2221,12 +2231,12 @@ const LeadGenContextProvider = (props) => {
                 var _a;
                 const { _data } = res || {};
                 const { item = [], btn_type = 'zalo' } = _data || {};
-                const { icon, content, cate_id } = ((_a = item.filter((i) => i.cate_id !== 'default')) === null || _a === void 0 ? void 0 : _a[0]) || {};
+                const { icon, content, cate_id, desktop_banner, mobile_banner, button_text_color, background_color, } = ((_a = item.filter((i) => i.cate_id !== 'default')) === null || _a === void 0 ? void 0 : _a[0]) || {};
                 LeadLog('** LeadGen SubscriptionBox subscription_icon : ', icon);
                 LeadLog('** LeadGen SubscriptionBox subscription_title : ', content);
                 setSubscriptionInfo((prev) => {
                     var _a, _b;
-                    return (Object.assign(Object.assign({}, prev), { subscriptionIcon: icon, subscriptionTitle: content, subscriptionPhoneType: btn_type, subcriptionCateId: cate_id, subcriptionCateName: (_b = (_a = category_list.filter((i) => i.termId == cate_id)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name }));
+                    return (Object.assign(Object.assign({}, prev), { subscriptionIcon: icon, subscriptionTitle: content, subscriptionPhoneType: btn_type, subcriptionCateId: cate_id, subcriptionCateName: (_b = (_a = category_list.filter((i) => i.termId == cate_id)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name, desktopBanner: desktop_banner || '', mobileBanner: mobile_banner || '', buttonTextColor: button_text_color || '', buttonColor: background_color || '' }));
                 });
                 setForceCampaign(formatCampaignDetail({
                     id: 6993,
@@ -2711,19 +2721,7 @@ const StyledLeadGenSubscriptionBox = styled__default["default"].div `
   );
   border-radius: 12px;
   margin-inline: auto;
-  &[data-phone-type='zalo'] {
-    background: linear-gradient(
-      180.71deg,
-      #7bc2ff -18.54%,
-      #e3f2ff 17.12%,
-      #ffffff 99.25%
-    );
-  }
-  &[data-phone-type]:not([data-phone-type='zalo']) {
-    .leadgen-btn {
-      background-color: #2cb742 !important;
-    }
-  }
+
   .leadgen-form_inputs {
     .leadgen-form_input {
       width: 100%;
@@ -2768,6 +2766,51 @@ const StyledLeadGenSubscriptionBox = styled__default["default"].div `
         0px 4px 8px 0px #0000000a;
     }
   }
+
+  ${(props) => props.isBannerStyle
+    ? `
+      .leadgen-btn {
+        font-weight: 600;
+      }
+      ${utils$1.MediaQueries.mbUp} {
+        box-shadow: 0px 0px 1px 0px #0000000A, 0px 0px 2px 0px #0000000F, 0px 4px 8px 0px #0000000A;
+        border: 0;
+        background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
+        linear-gradient(
+          180.71deg,
+          rgba(${utils$2.hexToRgb(props.buttonColor)}, 0.8) -18.54%,
+          rgba(${utils$2.hexToRgb(props.buttonColor)}, 0.1) 17.12%,
+          rgba(${utils$2.hexToRgb(props.buttonColor)}, 0) 99.25%
+        );
+        .leadgen-subscription_box_body {
+          flex-direction: column;
+          align-items: flex-end;
+          gap: 16px;
+          .leadgen-btn {
+            padding-left: 38px;
+            padding-right: 38px;
+            min-height: 48px;
+          }
+        }
+        .leadgen-subscription_box_form {
+          width: 100%; 
+        }
+      }
+    `
+    : `
+      &[data-phone-type='zalo'] {
+        background: linear-gradient(
+          180.71deg,
+          #7bc2ff -18.54%,
+          #e3f2ff 17.12%,
+          #ffffff 99.25%
+        );
+      }
+      &[data-phone-type]:not([data-phone-type='zalo']) {
+        .leadgen-btn {
+          background-color: #2cb742 !important;
+        }
+      }`}
 `;
 const StyledLeadGenSubscriptionBoxA = styled__default["default"].div `
   .leadgen-form_input {
@@ -2783,7 +2826,18 @@ const StyledLeadGenSubscriptionBoxA = styled__default["default"].div `
       }
     }
   }
-`;
+`;
+const StyledBannerPicture = styled__default["default"].picture ``;
+
+const WhatsAppOutline = (_a) => {
+    var { size } = _a, rest = tslib_es6.__rest(_a, ["size"]);
+    return (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 22 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default["default"].createElement("path", { d: "M11 .11a9.93 9.93 0 0 0-5.022 1.367A10.1 10.1 0 0 0 2.302 5.21 10.3 10.3 0 0 0 .96 10.305a10.3 10.3 0 0 0 1.352 5.093l-1.365 5.3 5.311-1.427a9.92 9.92 0 0 0 8.803.336 10.05 10.05 0 0 0 3.617-2.752 10.2 10.2 0 0 0 2.06-4.082c.371-1.501.4-3.07.085-4.584a10.25 10.25 0 0 0-1.906-4.158 10.1 10.1 0 0 0-3.512-2.888A9.9 9.9 0 0 0 11.001.11m5.906 16.173a8.264 8.264 0 0 1-10.42 1.139l-3.085.83.789-3.057a8.57 8.57 0 0 1-.441-9.102 8.4 8.4 0 0 1 3.366-3.297 8.25 8.25 0 0 1 8.954.766 8.46 8.46 0 0 1 2.775 3.823 8.6 8.6 0 0 1 .311 4.736 8.5 8.5 0 0 1-2.25 4.162", fill: "#25d366" }),
+        React__default["default"].createElement("path", { d: "M16.03 12.96q.001.25-.041.5a3 3 0 0 1-.122.491c-.124.357-.803.793-.803.793a2.56 2.56 0 0 1-2.041.365 5 5 0 0 1-.336-.083c-.11-.033-.392-.123-.392-.123a12 12 0 0 0-.347-.107 7 7 0 0 1-1.246-.515c-.918-.506-1.917-1.412-1.917-1.412a11.4 11.4 0 0 1-1.597-1.776 7.5 7.5 0 0 1-.643-1.198l-.144-.338a14 14 0 0 1-.164-.382c-.043-.107-.12-.328-.12-.328a3 3 0 0 1-.11-.4 3 3 0 0 1-.044-.369c-.035-.647.282-1.328.282-1.328.349-.732.687-.9.687-.9q.228-.104.467-.173.237-.075.485-.099.076-.007.147.013c.128.035.398.514.398.514.083.129.228.369.228.369.146.239.268.43.268.43.121.194.235.364.235.364.023.027.131.17.131.17a2 2 0 0 1 .163.24q.05.093.06.198c.008.14-.178.363-.178.363a4 4 0 0 1-.409.411 5 5 0 0 0-.41.397c-.186.208-.181.335-.181.335a.6.6 0 0 0 .043.156c.04.093.067.141.067.141.027.048.106.163.106.163.08.116.087.13.087.13.366.58.802 1.112 1.298 1.584.717.65 1.698 1.131 1.698 1.131.015.006.137.073.137.073.121.068.171.09.171.09.05.022.146.051.146.051q.076.027.158.027c.125-.007.308-.219.308-.219q.185-.218.343-.457a4 4 0 0 1 .357-.457c.198-.212.336-.22.336-.22q.105 0 .2.038.132.06.255.137l.182.113c.182.096.383.197.383.197.204.102.454.222.454.222.25.12.386.19.386.19.499.218.546.343.546.343q.027.07.034.145", fill: "#25d366" })));
+};
+WhatsAppOutline.defaultProps = {
+    size: 24,
+};
 
 const NoData = ({ className, style }) => {
     return (React__default["default"].createElement("svg", { width: "64", height: "55", viewBox: "0 0 64 55", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
@@ -3042,7 +3096,7 @@ const LeadGenForm = React.forwardRef((props, ref) => {
 const LEADGEN_ORDER_INPUT_WRAPPER = ['label', 'input', 'description', 'error'];
 
 const LeadGenSubscriptionBoxA = (props) => {
-    const { loading, image, title, submitText, locale, blocks, form, rules, onFinish, } = props;
+    const { loading, image, title, submitText, locale, blocks, form, rules, onFinish, isBannerStyle, buttonTextColor, buttonColor, desktopBanner, mobileBanner, subscriptionPhoneType, } = props;
     const formRef = React.useRef();
     const imageComp = React.useMemo(() => {
         if (!image) {
@@ -3055,14 +3109,36 @@ const LeadGenSubscriptionBoxA = (props) => {
         return (React__default["default"].createElement(index$2.Text, { size: "h4", weight: "regular", className: "leadgen-title", dangerouslySetInnerHTML: { __html: title } }));
     }, [title]);
     return (React__default["default"].createElement(StyledLeadGenSubscriptionBoxA, { className: "subcription_box_A" },
-        React__default["default"].createElement(StyledLeadGenSubscriptionBoxHeader, { className: "leadgen-subscription_box_header" },
+        isBannerStyle ? (React__default["default"].createElement(core.AspectRatio, { ratio: 375 / 213, sx: (theme) => ({
+                marginInline: -16,
+                marginTop: -16,
+                maxWidth: 'none',
+                [theme.fn.largerThan('sm')]: {
+                    borderTopLeftRadius: 12,
+                    borderTopRightRadius: 12,
+                    overflow: 'hidden',
+                    '&:before': {
+                        paddingBottom: `${(213 / 704) * 100}%`,
+                    },
+                },
+            }) },
+            React__default["default"].createElement(StyledBannerPicture, null,
+                React__default["default"].createElement("source", { media: `(min-width: ${utils$1.Breakpoints.BREAK_POINT_TABLET}px)`, srcSet: desktopBanner }),
+                React__default["default"].createElement("img", { loading: "lazy", src: mobileBanner, alt: title, width: "100%", height: "auto" })))) : (React__default["default"].createElement(StyledLeadGenSubscriptionBoxHeader, { className: "leadgen-subscription_box_header" },
             titleComp,
-            imageComp),
+            imageComp)),
         React__default["default"].createElement(StyledLeadGenSubscriptionBoxBody, { className: "leadgen-subscription_box_body" },
             React__default["default"].createElement(LeadGenForm, { ref: formRef, form: form, rules: rules, blocks: blocks, locale: locale, onFinish: onFinish, className: "leadgen-subscription_box_form" }),
-            React__default["default"].createElement(index$4.Button, { disabled: loading, loading: loading, size: "lg", onClick: () => {
+            React__default["default"].createElement(index$4.Button, { disabled: loading, loading: loading, size: 'lg', color: buttonColor, onClick: () => {
                     formRef.current.submit();
-                }, className: "leadgen-btn leadgen-btn_action", fullWidth: true }, submitText))));
+                }, className: "leadgen-btn leadgen-btn_action", fullWidth: true, styles: {
+                    label: Object.assign({}, (buttonTextColor && {
+                        color: buttonTextColor,
+                    })),
+                    leftIcon: {
+                        marginRight: 4,
+                    },
+                }, leftIcon: subscriptionPhoneType === 'whatsapp' && (React__default["default"].createElement(WhatsAppOutline, { size: 22, color: buttonTextColor })) }, submitText))));
 };
 
 const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, categoryId, }) => {
@@ -3070,7 +3146,7 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
     const { image, extra_fields, id: campaign_id, bot_id: campaign_subot_id = [], ThankYouBlock, } = forceCampaign || {};
     const { textBlocks, listBlockAdded, actionBlocks } = extra_fields || {};
     const { submitBlock } = actionBlocks || {};
-    const { apiLeadUrl, subscriptionIcon, subscriptionTitle, subscriptionPhoneType, submitSubscriptionBox, onFinish, impression, } = useLeadGenContext();
+    const { apiLeadUrl, subscriptionIcon, subscriptionTitle, subscriptionPhoneType, desktopBanner, mobileBanner, buttonTextColor, buttonColor, submitSubscriptionBox, onFinish, impression, } = useLeadGenContext();
     const { t } = index$1.useTranslations();
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [loading, setLoading] = React.useState(false);
@@ -3092,6 +3168,7 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
             t('leadgen.message.title.default');
     }, [subscriptionTitle, (_b = (_a = textBlocks === null || textBlocks === void 0 ? void 0 : textBlocks.titleBlock) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.value]);
     const { image: thankyouImage, title: thankyouTitle, description: thankyouDescription, button: thankyouButton, } = ThankYouBlock || {};
+    const isBannerStyle = !!desktopBanner && !!mobileBanner;
     const middlewareOnSubmit = React.useCallback((values) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const newValues = {
             subscription_title,
@@ -3177,9 +3254,9 @@ const LeadGenSubscriptionBoxWithoutMemo = ({ locale, userInfo, forceCampaign, ca
         userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone,
     ]);
     return (React__default["default"].createElement(ImpressionTrackingWrapper, { dependency: categoryId, onImpression: () => impression('impression') },
-        React__default["default"].createElement(StyledLeadGenSubscriptionBox, { "data-phone-type": subscriptionPhoneType, "data-type": "subscription_box_A" },
+        React__default["default"].createElement(StyledLeadGenSubscriptionBox, { "data-phone-type": subscriptionPhoneType, "data-type": "subscription_box_A", isBannerStyle: isBannerStyle, buttonColor: buttonColor },
             showThankyou && (React__default["default"].createElement(LeadGenThankYou, { image: Object.assign(Object.assign({}, thankyouImage), { src: thankyouImage.src || `${apiLeadUrl}admin/img/thanksyou.png` }), title: thankyouTitle, description: thankyouDescription, button: thankyouButton })),
-            !showThankyou && (React__default["default"].createElement(LeadGenSubscriptionBoxA, { loading: loading, image: subscriptionIcon || image, title: subscription_title, submitText: (_c = submitBlock === null || submitBlock === void 0 ? void 0 : submitBlock.data) === null || _c === void 0 ? void 0 : _c.value, blocks: listBlockAdded, locale: locale, form: form, rules: validateObj, onFinish: middlewareOnSubmit })))));
+            !showThankyou && (React__default["default"].createElement(LeadGenSubscriptionBoxA, { loading: loading, image: subscriptionIcon || image, title: subscription_title, submitText: (_c = submitBlock === null || submitBlock === void 0 ? void 0 : submitBlock.data) === null || _c === void 0 ? void 0 : _c.value, blocks: listBlockAdded, locale: locale, form: form, rules: validateObj, onFinish: middlewareOnSubmit, isBannerStyle: isBannerStyle, desktopBanner: desktopBanner, mobileBanner: mobileBanner, buttonTextColor: buttonTextColor, buttonColor: buttonColor, subscriptionPhoneType: subscriptionPhoneType })))));
 };
 const LeadGenSubscriptionBox$1 = React.memo(LeadGenSubscriptionBoxWithoutMemo);
 
@@ -4601,7 +4678,7 @@ const FreebieLuckyGiftItem = ({ isHostedByClient, locale, data: { image, name, d
     const { t } = useLeadGenTranslations();
     console.log(prize_value, prize_unit, locale);
     const formattedPrice = prize_value && prize_unit
-        ? utils$2.currencyFormat(prize_value, locale, prize_unit)
+        ? utils$3.currencyFormat(prize_value, locale, prize_unit)
         : '';
     return (React__default["default"].createElement(StyledFreebiesCard, null,
         React__default["default"].createElement(StyledImageWrap, null,

package/build/{logoIcon-3da0dceb.js → logoIcon-813033fb.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6f8177e1.js');
-var index$1 = require('./index-5e3f8fd9.js');
+var index = require('./index-e4a3055a.js');
+var index$1 = require('./index-e2b6c064.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mantine.js

@@ -2,48 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-9fc33d50.js');
-var index$1 = require('./index-0baa1127.js');
-var index$2 = require('./index-748ef77a.js');
-var index$3 = require('./index-6bc49071.js');
-var index$4 = require('./index-98f1ad30.js');
-var index$5 = require('./index-38497251.js');
-var index$6 = require('./index-59e0ddd6.js');
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var index = require('./index-4b486790.js');
+var index$1 = require('./index-ca3b6def.js');
+var index$2 = require('./index-85e58573.js');
+var index$3 = require('./index-6a99274f.js');
+var index$4 = require('./index-cd362e12.js');
+var index$5 = require('./index-735e3b9d.js');
+var index$6 = require('./index-5afe9126.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');
-var index$7 = require('./index-c2cb9a62.js');
+var index$7 = require('./index-01f2672e.js');
 var hooks = require('@mantine/hooks');
-var index$8 = require('./index-33df533a.js');
-var index$9 = require('./index-7829ec37.js');
-var index$a = require('./index-9521486d.js');
-var index$b = require('./index-d30fe48e.js');
-var index$c = require('./index-8dbee82a.js');
+var index$8 = require('./index-49f23916.js');
+var index$9 = require('./index-c3551722.js');
+var index$a = require('./index-57c66044.js');
+var index$b = require('./index-b89f0275.js');
+var index$c = require('./index-057b72b1.js');
 require('@hhgtech/icons/other');
-require('./index-6f8177e1.js');
+require('./index-e4a3055a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fa845eb1.js');
+require('./Locale-d590d795.js');
 require('./constantsIsProduction.js');
-require('./index-5e3f8fd9.js');
-require('./utils-1014659b.js');
+require('./index-e2b6c064.js');
+require('./utils-a619dc69.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./shared-dcf3207b.js');
+require('./shared-07ca9dcc.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-e13a47ad.js');
+require('./useUniqueId-d05220e4.js');
 require('./constantsSite.js');
-require('./index-15b2a8c7.js');
+require('./index-2ed478a8.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index-7eca235c.js');
+require('./index-447a45f2.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-f7c729b2.js');
-require('./index-1ed8c1a3.js');
-require('./translationsContext-87becf43.js');
+require('./index.styles-ee959ea5.js');
+require('./index-23ef9b94.js');
+require('./translationsContext-168b87fe.js');
 require('dayjs');
 require('@mantine/notifications');
 

package/build/misc.js

@@ -2,40 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ageGenerate = require('./ageGenerate-09235458.js');
-var animation = require('./animation-a7246322.js');
+var ageGenerate = require('./ageGenerate-698acb4e.js');
+var animation = require('./animation-7a0c1d36.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 require('react');
 require('@mantine/core');
-require('./index-d30fe48e.js');
-require('./index-9521486d.js');
-var number = require('./number-643e98da.js');
-var normalizeLink = require('./normalizeLink-bcd39837.js');
+require('./index-b89f0275.js');
+require('./index-57c66044.js');
+var number = require('./number-89e1ec3d.js');
+var normalizeLink = require('./normalizeLink-dbc91d46.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1014659b.js');
+var utils = require('./utils-a619dc69.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-ca759acf.js');
+var localizeNumberFormat = require('./localizeNumberFormat-dbc263de.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform = require('./dataTransform-f85ce298.js');
+var dataTransform = require('./dataTransform-d0a019b7.js');
 require('dayjs');
 require('@emotion/react');
-require('./tslib.es6-0151e882.js');
-require('./index-15b2a8c7.js');
-require('./Locale-fa845eb1.js');
+require('./tslib.es6-107df220.js');
+require('./index-2ed478a8.js');
+require('./Locale-d590d795.js');
 require('@mantine/notifications');
-require('./index-7eca235c.js');
+require('./index-447a45f2.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-6f8177e1.js');
-require('./shared-dcf3207b.js');
-require('./core-9272a687.js');
-require('./WhatsApp-1add9657.js');
-require('./index-f06146a9.js');
-require('./index-f588c6e1.js');
+require('./index-e4a3055a.js');
+require('./shared-07ca9dcc.js');
+require('./core-6f6e931b.js');
+require('./WhatsApp-f8fb897e.js');
+require('./index-63f71af1.js');
+require('./index-fa4dfca2.js');
 require('js-cookie');
 require('uuid');
 require('react-phone-number-input');

package/build/miscGetDynamicHealthTool.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
-var normalizeLink = require('./normalizeLink-bcd39837.js');
-var core = require('./core-9272a687.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
+var normalizeLink = require('./normalizeLink-dbc91d46.js');
+var core = require('./core-6f6e931b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fa845eb1.js');
+require('./Locale-d590d795.js');
 require('./constantsIsProduction.js');
 
 const formatHealthTool = (healthTool, locale) => {

package/build/miscGetSocialList.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-0151e882.js');
-var WhatsApp = require('./WhatsApp-1add9657.js');
-var index = require('./index-15b2a8c7.js');
-var index$2 = require('./index-f06146a9.js');
-var index$1 = require('./index-6f8177e1.js');
-var Locale = require('./Locale-fa845eb1.js');
-require('./index-f588c6e1.js');
-require('./index-7eca235c.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
+var WhatsApp = require('./WhatsApp-f8fb897e.js');
+var index = require('./index-2ed478a8.js');
+var index$2 = require('./index-63f71af1.js');
+var index$1 = require('./index-e4a3055a.js');
+var Locale = require('./Locale-d590d795.js');
+require('./index-fa4dfca2.js');
+require('./index-447a45f2.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');

package/build/miscScreenSizeContext.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-1014659b.js');
+var utils = require('./utils-a619dc69.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/mobileBottomNavigation.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-0151e882.js');
+var tslib_es6 = require('./tslib.es6-107df220.js');
 var React = require('react');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-91fe0cd4.js');
-require('./index-748ef77a.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-55b24e57.js');
+require('./index-85e58573.js');
 require('@mantine/core');
-require('./index-9521486d.js');
+require('./index-57c66044.js');
 require('./miscTheme.js');
 require('@emotion/react');
 require('@emotion/styled');
-require('./utils-1014659b.js');
+require('./utils-a619dc69.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }