@hhgtech/hhg-components 1.29.550 → 1.29.551-beta-2

package/build/index.js

@@ -2,168 +2,168 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-41ffb454.js');
-var index$1 = require('./index-e144886a.js');
-var index$2 = require('./index-7455bd2b.js');
-var index$D = require('./index-7e2c14f7.js');
-var index$a = require('./index-544ce7c3.js');
+var index = require('./index-1245362d.js');
+var index$1 = require('./index-1ccca596.js');
+var index$2 = require('./index-e94bfcdd.js');
+var index$D = require('./index-039ea681.js');
+var index$a = require('./index-8d993a61.js');
 var React = require('react');
-var index$F = require('./index-488df472.js');
-var ChevronDown = require('./ChevronDown-85ad96a1.js');
-var index$p = require('./index-d81234ce.js');
-var Google = require('./Google-16fb3e9c.js');
-var index$E = require('./index-7420a37b.js');
-var navigationProfileButton = require('./index-c86c524e.js');
-var index$6 = require('./index-a24e5625.js');
-var index$o = require('./index-88cc9c7a.js');
-var transform = require('./transform-24e147ab.js');
-var index$3 = require('./index-8c7ac648.js');
-var Visible = require('./Visible-e9da5bba.js');
-var index$4 = require('./index-699623d5.js');
-var index$5 = require('./index-9003eb31.js');
-var index$7 = require('./index-aa668063.js');
-var index$8 = require('./index-79a03490.js');
-var index$9 = require('./index-bd979d27.js');
-var index$b = require('./index-6ed1558b.js');
-var index$c = require('./index-37259954.js');
-var index$d = require('./index-28276772.js');
-var index$e = require('./index-0fdd17f3.js');
-var index$f = require('./index-8e353d18.js');
-var index$g = require('./index-ace96c1c.js');
-var index$h = require('./index-f3d8340b.js');
-var index$i = require('./index-6dbd78d9.js');
-var index$j = require('./index-d8fe5eaf.js');
-var index$k = require('./index-10200f0c.js');
-var index$l = require('./index-ba334ae6.js');
-var logoIcon = require('./logoIcon-d01d5127.js');
-var index$m = require('./index-a96e621a.js');
-var index$n = require('./index-0853de40.js');
-var index$q = require('./index-d03ef95b.js');
-var InputDate = require('./InputDate-177f1171.js');
+var index$F = require('./index-1672883a.js');
+var ChevronDown = require('./ChevronDown-7884103d.js');
+var index$p = require('./index-ff4f40c8.js');
+var Google = require('./Google-e2356cc1.js');
+var index$E = require('./index-e0cd55e9.js');
+var navigationProfileButton = require('./index-620b0f70.js');
+var index$6 = require('./index-d4e9b8bc.js');
+var index$o = require('./index-c0215b1a.js');
+var transform = require('./transform-7579d0d0.js');
+var index$3 = require('./index-6e610775.js');
+var Visible = require('./Visible-956e5dd1.js');
+var index$4 = require('./index-a39ed3a7.js');
+var index$5 = require('./index-75711f2c.js');
+var index$7 = require('./index-9bc7af97.js');
+var index$8 = require('./index-3c8c451b.js');
+var index$9 = require('./index-90c9b7e5.js');
+var index$b = require('./index-2389f1df.js');
+var index$c = require('./index-ddf78646.js');
+var index$d = require('./index-446a8358.js');
+var index$e = require('./index-2af3c2cc.js');
+var index$f = require('./index-e6ed9235.js');
+var index$g = require('./index-9223faed.js');
+var index$h = require('./index-136f6fc2.js');
+var index$i = require('./index-f3cb7bfb.js');
+var index$j = require('./index-80465a32.js');
+var index$k = require('./index-78bc9800.js');
+var index$l = require('./index-90f40b8d.js');
+var logoIcon = require('./logoIcon-818f88fb.js');
+var index$m = require('./index-23db55d9.js');
+var index$n = require('./index-411a6f39.js');
+var index$q = require('./index-7126c674.js');
+var InputDate = require('./InputDate-f9ccc30a.js');
 var moleculesArticleCard = require('./moleculesArticleCard.js');
 var moleculesArticleCardV2 = require('./moleculesArticleCardV2.js');
-var index$r = require('./index-e3f19662.js');
-var index$s = require('./index-77af61c1.js');
-var index$t = require('./index-ed9d431e.js');
+var index$r = require('./index-8a69bd0e.js');
+var index$s = require('./index-9e1950e3.js');
+var index$t = require('./index-3b3749d3.js');
 var progressBar = require('./progressBar.js');
-var surveyThankyouCard = require('./surveyThankyouCard-82ab1784.js');
+var surveyThankyouCard = require('./surveyThankyouCard-de0eba14.js');
 var mobileBottomNavigation = require('./mobileBottomNavigation.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-7a8131e6.js');
-var healthToolsCardWrapper = require('./index-5b870bc0.js');
-var index$u = require('./index-eb9f2bc9.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-cb5151b2.js');
+var healthToolsCardWrapper = require('./index-65d6257e.js');
+var index$u = require('./index-602a0503.js');
 var embeddedHeathToolCards_dueDate_dueDate = require('./embeddedHeathToolCards_dueDate_dueDate.js');
 var embeddedHeathToolCards_bmi_bmi = require('./embeddedHeathToolCards_bmi_bmi.js');
-var index$v = require('./index-f120b1f5.js');
+var index$v = require('./index-e43092d2.js');
 var embeddedHeathToolCards_babyGrowth = require('./embeddedHeathToolCards_babyGrowth.js');
 var embeddedHeathToolCards_babyPoop = require('./embeddedHeathToolCards_babyPoop.js');
-var index$w = require('./index-71552eec.js');
+var index$w = require('./index-b7afa686.js');
 var embeddedHeathToolCards_targetHeartRate = require('./embeddedHeathToolCards_targetHeartRate.js');
-var index$x = require('./index-909c826a.js');
+var index$x = require('./index-83346481.js');
 var embeddedHeathToolCards_bmrBmr = require('./embeddedHeathToolCards_bmrBmr.js');
 var embeddedHeathToolCards_ovulation_ovulation = require('./embeddedHeathToolCards_ovulation_ovulation.js');
-var index$y = require('./index-3b596648.js');
-var index$z = require('./index-5df429c9.js');
+var index$y = require('./index-fb677b93.js');
+var index$z = require('./index-5033f8d7.js');
 var embeddedHeathToolCards_babyVaccine = require('./embeddedHeathToolCards_babyVaccine.js');
 var embeddedHeathToolCards_pwg_pwg = require('./embeddedHeathToolCards_pwg_pwg.js');
-var index$A = require('./index-d10678a5.js');
-var SiteWideBanner = require('./SiteWideBanner-3d64f044.js');
-var index$B = require('./index-a6b3fe2c.js');
-var index$C = require('./index-2dc74281.js');
-var surveyOrPremiumBanner = require('./index-0a878f8e.js');
-var index$G = require('./index-9d374893.js');
+var index$A = require('./index-be31dd7b.js');
+var SiteWideBanner = require('./SiteWideBanner-19497bef.js');
+var index$B = require('./index-9038e537.js');
+var index$C = require('./index-bb6ad96e.js');
+var surveyOrPremiumBanner = require('./index-0cbdeaa9.js');
+var index$G = require('./index-d7659cdc.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
 var profileNavigation = require('./profileNavigation.js');
-var index$H = require('./index-fc0d2466.js');
-var useScrollbarSize = require('./useScrollbarSize-d3a9d537.js');
-var usePhoneValidator = require('./usePhoneValidator-9e478c5e.js');
-var useHealthToolCache = require('./useHealthToolCache-c7e66ba6.js');
-var useCartCareService = require('./useCartCareService-538af47e.js');
-var useOutsideClick = require('./useOutsideClick-4a193d07.js');
-var useUniqueId = require('./useUniqueId-891be34b.js');
+var index$H = require('./index-c2c4b986.js');
+var useScrollbarSize = require('./useScrollbarSize-1f9ac9bc.js');
+var usePhoneValidator = require('./usePhoneValidator-b80fb9e1.js');
+var useHealthToolCache = require('./useHealthToolCache-3ea57306.js');
+var useCartCareService = require('./useCartCareService-74af9bc8.js');
+var useOutsideClick = require('./useOutsideClick-5d05e847.js');
+var useUniqueId = require('./useUniqueId-fd965672.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-6f958e0b.js');
-var types = require('./types-8c686b5c.js');
-var dataTransform = require('./dataTransform-bfe3a474.js');
-var constants = require('./constants-b3b0aafd.js');
-var index$I = require('./index-6162b853.js');
-var index$J = require('./index-7d952893.js');
-var treePopoverMenu = require('./treePopoverMenu-20b3f0b0.js');
-var labelSorting = require('./labelSorting-62408b0c.js');
-var togetherMoleculesCardAuthor = require('./index-b760b018.js');
-var index$K = require('./index-77ca25fa.js');
-var index$L = require('./index-de198a6f.js');
+var useResolvedCaptureUrls = require('./useResolvedCaptureUrls-2ce276cb.js');
+var types = require('./types-affe9862.js');
+var dataTransform = require('./dataTransform-7d644d58.js');
+var constants = require('./constants-1a196bb1.js');
+var index$I = require('./index-c9483e5c.js');
+var index$J = require('./index-c47cc096.js');
+var treePopoverMenu = require('./treePopoverMenu-30c960be.js');
+var labelSorting = require('./labelSorting-8bc84159.js');
+var togetherMoleculesCardAuthor = require('./index-13a7c261.js');
+var index$K = require('./index-68f0cf0f.js');
+var index$L = require('./index-41795425.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var togetherMoleculesProfileDetail = require('./index-d5301743.js');
-var togetherMoleculesPostImagePreview = require('./index-040263b9.js');
-var index$M = require('./index-4ee0a60c.js');
-var index$N = require('./index-1a122ab9.js');
-var index$O = require('./index-a975e405.js');
-var togetherComponentGlobalContext = require('./utils-354feceb.js');
+var togetherMoleculesProfileDetail = require('./index-4f3f46df.js');
+var togetherMoleculesPostImagePreview = require('./index-d5c8aa44.js');
+var index$M = require('./index-48a63380.js');
+var index$N = require('./index-afefee16.js');
+var index$O = require('./index-08779a91.js');
+var togetherComponentGlobalContext = require('./utils-79087704.js');
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var index$P = require('./index-e71f19d5.js');
-var constants$1 = require('./constants-1a1151c9.js');
-var types$1 = require('./types-7f0c530f.js');
-var ageGenerate = require('./ageGenerate-584a27cd.js');
-var animation = require('./animation-bbb9a265.js');
+var index$P = require('./index-5e2d4dcb.js');
+var constants$1 = require('./constants-ac220450.js');
+var types$1 = require('./types-b0bc0bb0.js');
+var ageGenerate = require('./ageGenerate-bcd8bb63.js');
+var animation = require('./animation-1e2b30b1.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var number = require('./number-463e20fd.js');
-var normalizeLink = require('./normalizeLink-28644d25.js');
+var number = require('./number-ff1380e3.js');
+var normalizeLink = require('./normalizeLink-62c08167.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-656d8ea4.js');
+var utils = require('./utils-a0b48245.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var localizeNumberFormat = require('./localizeNumberFormat-c4b09c32.js');
+var localizeNumberFormat = require('./localizeNumberFormat-2493fad8.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-var dataTransform$1 = require('./dataTransform-698b7c25.js');
-require('./Locale-4bb23d26.js');
+var dataTransform$1 = require('./dataTransform-362d6023.js');
+require('./Locale-fa4a9d22.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
 require('@mantine/core');
-require('./index-c57675db.js');
-require('./tslib.es6-c8322ddb.js');
+require('./index-25552405.js');
+require('./tslib.es6-244719c7.js');
 require('@mantine/hooks');
 require('@emotion/react');
 require('@emotion/styled');
 require('classnames');
-require('./index-4243fe3f.js');
+require('./index-82f751ea.js');
 require('@hhgtech/icons/other');
-require('./index-379c076f.js');
+require('./index-de167d7a.js');
 require('@mantine/carousel');
-require('./index-d41c1fc4.js');
+require('./index-c34a8b75.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./shared-534839b2.js');
+require('./shared-0de5708b.js');
 require('uuid');
 require('@hhgtech/icons/core');
-require('./index-9b0cd15b.js');
-require('./utils-69968570.js');
+require('./index-6fc2444e.js');
+require('./utils-dbf4ed8f.js');
 require('string-format');
-require('./constants-d2dcac3a.js');
+require('./constants-3273ffdd.js');
 require('@react-google-maps/api');
 require('react-phone-number-input');
-require('./utils-022dd004.js');
+require('./utils-fd523f3d.js');
 require('vaul');
-require('./translationsContext-dc8be8ac.js');
+require('./translationsContext-5e942b97.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-85eba29d.js');
-require('./index-27104e22.js');
-require('./constants-736cf2e5.js');
-require('./store-831bda0e.js');
+require('./index.styles-d8e05b17.js');
+require('./index-e1d21004.js');
+require('./constants-ed4b29c9.js');
+require('./store-c5af9414.js');
 require('zustand');
-require('./index-fcbe0b23.js');
-require('./index-2289d050.js');
+require('./index-ffb4ece9.js');
+require('./index-4bb5cad2.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
 require('lodash/get');
 require('lodash/isEmpty');
 require('lodash/debounce');
-require('./core-a6dc28f6.js');
-require('./Spinner-614f33bd.js');
+require('./core-be47a481.js');
+require('./Spinner-45c5d694.js');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('html-react-parser');
@@ -171,39 +171,39 @@ require('date-fns/locale/en-US');
 require('date-fns/locale/id');
 require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
-require('./index-fa2221fb.js');
+require('./index-c91a10be.js');
 require('./togetherApiPaths.js');
 require('innertext');
-require('./index-d39755b6.js');
+require('./index-9bfa870b.js');
 require('js-cookie');
 require('@hhgtech/icons/arrow');
 require('lottie-light-react');
 require('react-keyed-flatten-children');
-require('./WhatsApp-a446e61e.js');
-require('./index-cba40d01.js');
-require('./paths-5c0ff74c.js');
+require('./WhatsApp-b0e96484.js');
+require('./index-0a53f8cd.js');
+require('./paths-81b277f3.js');
 require('react-dom');
-require('./context-6a1403bb.js');
-require('./LastPeriod-5f6b9856.js');
+require('./context-ba2c7173.js');
+require('./LastPeriod-9aa74253.js');
 require('@mantine/form');
-require('./index-9b03159e.js');
-require('./index-cc6614b6.js');
+require('./index-6de09177.js');
+require('./index-90cc31c6.js');
 require('react-hook-form');
 require('./embeddedHeathToolCards_helpers.js');
-require('./index-bfa88677.js');
-require('./constants-9e8aeb21.js');
-require('./healthTools-759a208c.js');
-require('./index-0c9d2c9c.js');
+require('./index-8fc2e917.js');
+require('./constants-9eeb2ada.js');
+require('./post-1582680b.js');
+require('./healthTools-da62e783.js');
+require('./index-8da844aa.js');
 require('lodash/flatten');
 require('lodash/uniqBy');
 require('zustand/middleware');
-require('./index-9b561df6.js');
-require('./post-f974533d.js');
-require('./editor-d0928442.js');
+require('./index-8b848ea7.js');
+require('./editor-e89620a7.js');
 require('react-contenteditable');
-require('./index-1a759e1a.js');
+require('./index-144beeff.js');
 require('slugify');
-require('./utils-234c95ac.js');
+require('./utils-ea74cf15.js');
 require('react-loading-skeleton');
 require('lodash/shuffle');
 
@@ -341,6 +341,261 @@ const Spinning = (props) => (React__namespace.createElement("svg", Object.assign
     React__namespace.createElement("path", { d: "M12.5 0C14.964 2.93833e-08 17.3683 0.758527 19.3863 2.17253C21.4042 3.58653 22.938 5.58746 23.7791 7.90347C24.6203 10.2195 24.7281 12.7383 24.0879 15.1177C23.4477 17.4971 22.0906 19.6218 20.2009 21.2031C18.3111 22.7843 15.9804 23.7456 13.5254 23.9561C11.0704 24.1667 8.61007 23.6164 6.47869 22.38C4.3473 21.1436 2.64819 19.281 1.6122 17.0454C0.576199 14.8097 0.253539 12.3093 0.688053 9.8839L4.59856 10.5845C4.3079 12.2069 4.52374 13.8795 5.21676 15.375C5.90977 16.8705 7.04637 18.1165 8.47213 18.9435C9.89789 19.7706 11.5437 20.1387 13.1859 19.9979C14.8282 19.857 16.3873 19.214 17.6514 18.1563C18.9155 17.0985 19.8233 15.6772 20.2516 14.0856C20.6798 12.4939 20.6077 10.8089 20.045 9.25969C19.4823 7.71042 18.4563 6.37193 17.1065 5.42605C15.7566 4.48017 14.1483 3.97277 12.5 3.97277L12.5 0Z", stroke: "#2D87F3", strokeWidth: 8, mask: "url(#path-2-inside-1_917_29592)" },
         React__namespace.createElement("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12.5 12", to: "360 12.5 12", dur: "2s", repeatCount: "indefinite" }))));
 
+const normalizeApiString = (value) => {
+    if (typeof value !== 'string')
+        return '';
+    return value.trim();
+};
+const VALID_CTA_BANNER_LAYOUTS = [
+    'image_overlay_button',
+    'image_on_top_button_below',
+];
+const VALID_CTA_BANNER_GRIDS = [
+    'layout_1_block',
+    'layout_2_block',
+    'layout_3_block',
+    'layout_4_block',
+];
+const DEFAULT_CTA_BANNER_LAYOUT = 'image_on_top_button_below';
+const DEFAULT_CTA_BANNER_GRID = 'layout_4_block';
+const resolveCtaBannerLayoutFromApi = (apiLayout, apiGridLayout) => {
+    const rawLayout = (apiLayout !== null && apiLayout !== void 0 ? apiLayout : '').trim();
+    const rawGridLayout = (apiGridLayout !== null && apiGridLayout !== void 0 ? apiGridLayout : '').trim();
+    const isDisplayLayout = VALID_CTA_BANNER_LAYOUTS.includes(rawLayout);
+    const layout = isDisplayLayout
+        ? rawLayout
+        : DEFAULT_CTA_BANNER_LAYOUT;
+    const rawGrid = rawGridLayout || (!isDisplayLayout ? rawLayout : '');
+    const gridLayout = VALID_CTA_BANNER_GRIDS.includes(rawGrid)
+        ? rawGrid
+        : DEFAULT_CTA_BANNER_GRID;
+    return { layout, gridLayout };
+};
+const formatCommonProps = (data) => {
+    const hashtagProp = data.hashtag || '';
+    const hashtag = hashtagProp.startsWith('#')
+        ? hashtagProp.substring(1)
+        : hashtagProp;
+    const idScroll = data.id_scroll || '';
+    return {
+        wrapperProps: {
+            title: data.title || '',
+            description: data.description || '',
+            icon: typeof data.icon === 'string' ? data.icon : '',
+            bgColor: data.background_color || '',
+        },
+        sessionLayout: data.session_layout || '',
+        idScroll: hashtag ? idScroll : idScroll.toLowerCase(),
+        title: data.title || '',
+        description: data.description || '',
+        icon: typeof data.icon === 'string' ? data.icon : '',
+        hashtag: encodeURIComponent(hashtag),
+        backgroundColor: data.background_color || '',
+    };
+};
+const isCtaBannerMultiplePopupMode = (setting) => setting === 'include-popup';
+const formatCtaBannerPopupActionButton = (button, buttonStyle) => {
+    var _a, _b, _c, _d, _e, _f;
+    const title = (_b = (_a = button === null || button === void 0 ? void 0 : button.button_name) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+    const url = (_d = (_c = button === null || button === void 0 ? void 0 : button.button_link) === null || _c === void 0 ? void 0 : _c.trim()) !== null && _d !== void 0 ? _d : '';
+    if (!title && !url) {
+        return undefined;
+    }
+    return {
+        backgroundColor: (_e = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.backgroundColor) !== null && _e !== void 0 ? _e : '',
+        backgroundGradient: (_f = buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.backgroundGradient) !== null && _f !== void 0 ? _f : '',
+        title,
+        url,
+        openNewTab: Boolean(buttonStyle === null || buttonStyle === void 0 ? void 0 : buttonStyle.openNewTab),
+    };
+};
+const formatCtaBannerNestedPopupSetting = (popupSetting, fallbackDescriptionColour, buttonStyle) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const isBackgroundImage = popupSetting.background_style === 'background-image';
+    const isBackgroundColor = popupSetting.background_style === 'background-color';
+    const popupSecondaryButton = formatCtaBannerPopupActionButton((_a = popupSetting.popup_buttons) === null || _a === void 0 ? void 0 : _a.first_button, buttonStyle);
+    const popupPrimaryButton = formatCtaBannerPopupActionButton((_b = popupSetting.popup_buttons) === null || _b === void 0 ? void 0 : _b.second_button, buttonStyle);
+    return Object.assign(Object.assign(Object.assign({ title: (_c = popupSetting.title) !== null && _c !== void 0 ? _c : '', titleColour: (_d = popupSetting.title_colour) !== null && _d !== void 0 ? _d : '', description: (_e = popupSetting.description) !== null && _e !== void 0 ? _e : '', descriptionColour: (_f = popupSetting.description_colour) !== null && _f !== void 0 ? _f : fallbackDescriptionColour, buttonColour: (_g = popupSetting.button_colour) !== null && _g !== void 0 ? _g : '', gradientButton: (_h = popupSetting.gradient_button) !== null && _h !== void 0 ? _h : '', backgroundStyle: (_j = popupSetting.background_style) !== null && _j !== void 0 ? _j : '', desktop: '', mobile: '' }, (isBackgroundColor && {
+        backgroundColour: (_k = popupSetting.background_colour) !== null && _k !== void 0 ? _k : '',
+        icon: normalizeApiString(popupSetting.icon),
+    })), (isBackgroundImage && {
+        imageDesktop: normalizeApiString(popupSetting.image_desktop),
+        imageMobile: normalizeApiString(popupSetting.image_mobile),
+    })), ((popupSecondaryButton || popupPrimaryButton) && {
+        buttons: Object.assign(Object.assign({}, (popupSecondaryButton && { secondary: popupSecondaryButton })), (popupPrimaryButton && { primary: popupPrimaryButton })),
+    }));
+};
+const formatCTABannerTypeSingleSession = (data) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    if (!data) {
+        return {
+            type: 'single-image',
+            layout: 'image_overlay_content',
+            layoutPosition: 'left_banner',
+            fixSizeBanner: false,
+            listing: [],
+        };
+    }
+    const { cta_banner_type, layout, fix_size_banner, desktop_banner, mobile_banner, content_setting, popup_setting, advanced_settings, popup_display_button, } = data;
+    const defaultDescriptionColour = (_b = (_a = content_setting === null || content_setting === void 0 ? void 0 : content_setting.text) === null || _a === void 0 ? void 0 : _a.text_color) !== null && _b !== void 0 ? _b : '';
+    const header = content_setting === null || content_setting === void 0 ? void 0 : content_setting.header;
+    const text = content_setting === null || content_setting === void 0 ? void 0 : content_setting.text;
+    const buttons = content_setting === null || content_setting === void 0 ? void 0 : content_setting.buttons;
+    const primaryButton = buttons === null || buttons === void 0 ? void 0 : buttons.primary;
+    const secondaryButton = buttons === null || buttons === void 0 ? void 0 : buttons.secondary_button;
+    const buttonStyle = {
+        backgroundColor: (_c = buttons === null || buttons === void 0 ? void 0 : buttons.button_color) !== null && _c !== void 0 ? _c : '',
+        backgroundGradient: (_d = buttons === null || buttons === void 0 ? void 0 : buttons.gradient_button) !== null && _d !== void 0 ? _d : '',
+        openNewTab: Boolean(buttons === null || buttons === void 0 ? void 0 : buttons.open_new_tab),
+    };
+    const sharedPopupSetting = popup_setting
+        ? formatCtaBannerNestedPopupSetting(popup_setting, defaultDescriptionColour, buttonStyle)
+        : undefined;
+    const listing = [
+        {
+            banners: [
+                {
+                    desktop: normalizeApiString(desktop_banner),
+                    mobile: normalizeApiString(mobile_banner),
+                    titleColor: (_e = header === null || header === void 0 ? void 0 : header.text_color) !== null && _e !== void 0 ? _e : '',
+                    title: (_f = header === null || header === void 0 ? void 0 : header.header_content) !== null && _f !== void 0 ? _f : '',
+                    descriptionColor: (_g = text === null || text === void 0 ? void 0 : text.text_color) !== null && _g !== void 0 ? _g : '',
+                    description: (_h = text === null || text === void 0 ? void 0 : text.text_content) !== null && _h !== void 0 ? _h : '',
+                    buttons: {
+                        primary: {
+                            backgroundColor: buttonStyle.backgroundColor,
+                            backgroundGradient: buttonStyle.backgroundGradient,
+                            title: (_j = primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.button_name) !== null && _j !== void 0 ? _j : '',
+                            url: (_k = primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.button_link) !== null && _k !== void 0 ? _k : '',
+                            openNewTab: buttonStyle.openNewTab,
+                        },
+                        secondary: {
+                            backgroundColor: buttonStyle.backgroundColor,
+                            backgroundGradient: buttonStyle.backgroundGradient,
+                            title: (_l = secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.button_name) !== null && _l !== void 0 ? _l : '',
+                            url: (_m = secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.button_link) !== null && _m !== void 0 ? _m : '',
+                            openNewTab: buttonStyle.openNewTab,
+                        },
+                    },
+                },
+            ],
+        },
+    ];
+    return Object.assign(Object.assign(Object.assign({ type: cta_banner_type !== null && cta_banner_type !== void 0 ? cta_banner_type : 'single-image', layout: layout !== null && layout !== void 0 ? layout : 'image_overlay_content', layoutPosition: (_o = content_setting === null || content_setting === void 0 ? void 0 : content_setting.position) !== null && _o !== void 0 ? _o : 'left_banner', fixSizeBanner: Boolean(fix_size_banner), listing }, (sharedPopupSetting && Object.assign({ popupSetting: sharedPopupSetting }, (sharedPopupSetting.buttons && {
+        popupButtons: sharedPopupSetting.buttons,
+    })))), (advanced_settings && { advancedSettings: advanced_settings })), (popup_display_button && { popupDisplayButton: popup_display_button }));
+};
+const formatCTABannerTypeMultiSession = (data) => {
+    var _a, _b, _c, _d;
+    if (!data) {
+        return {
+            type: 'multiple-image',
+            layout: 'image_overlay_button',
+            gridLayout: 'layout_4_block',
+            shortReelLayout: false,
+            fixSizeBanner: false,
+            applyCarousel: false,
+            layoutKeyPillars: false,
+            expandAllCategories: false,
+            listing: [],
+        };
+    }
+    const { cta_banner_type, layout_key_pillars, layout, video_layout, short_reel_layout, fix_size_banner, apply_carousel, expand_all_categories, list_banners, color_list_banner, open_new_tab, popup_setting, advanced_settings, } = data;
+    const layoutKeyPillars = Boolean(layout_key_pillars);
+    const { layout: resolvedLayout, gridLayout } = resolveCtaBannerLayoutFromApi(layout, video_layout);
+    const defaultColor = {
+        title: (_a = color_list_banner === null || color_list_banner === void 0 ? void 0 : color_list_banner.title_color) !== null && _a !== void 0 ? _a : '',
+        description: (_b = color_list_banner === null || color_list_banner === void 0 ? void 0 : color_list_banner.description_color) !== null && _b !== void 0 ? _b : '',
+        button: (_c = color_list_banner === null || color_list_banner === void 0 ? void 0 : color_list_banner.button_color) !== null && _c !== void 0 ? _c : '',
+        gradient: (_d = color_list_banner === null || color_list_banner === void 0 ? void 0 : color_list_banner.gradient_button) !== null && _d !== void 0 ? _d : '',
+    };
+    const sharedPopupSetting = popup_setting
+        ? formatCtaBannerNestedPopupSetting(popup_setting, defaultColor.description)
+        : undefined;
+    const isSessionPopupMode = Boolean(sharedPopupSetting) &&
+        isCtaBannerMultiplePopupMode(advanced_settings);
+    const listingByLayout = layoutKeyPillars
+        ? list_banners !== null && list_banners !== void 0 ? list_banners : []
+        : [{ banners: list_banners }];
+    const listing = listingByLayout.map((groupBanner) => {
+        var _a, _b;
+        const isKeyPillar = layoutKeyPillars && 'key_pillars' in groupBanner;
+        const keyPillarData = isKeyPillar
+            ? (_a = groupBanner.key_pillars) !== null && _a !== void 0 ? _a : null
+            : null;
+        const banners = (_b = (isKeyPillar
+            ? groupBanner.banners
+            : list_banners)) !== null && _b !== void 0 ? _b : [];
+        return {
+            keyPillars: {
+                name: (keyPillarData === null || keyPillarData === void 0 ? void 0 : keyPillarData.name) || '',
+                slug: (keyPillarData === null || keyPillarData === void 0 ? void 0 : keyPillarData.slug) || '',
+            },
+            banners: banners.map((banner) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                const setting = banner.banner_setting;
+                const desktop = normalizeApiString(banner.desktop);
+                const mobile = normalizeApiString(banner.mobile);
+                const isPopupMode = Boolean((setting === null || setting === void 0 ? void 0 : setting.button_text) && isSessionPopupMode);
+                const popupSecondaryButton = formatCtaBannerPopupActionButton((_a = setting === null || setting === void 0 ? void 0 : setting.popup_buttons) === null || _a === void 0 ? void 0 : _a.first_button, {
+                    backgroundColor: defaultColor.button,
+                    backgroundGradient: defaultColor.gradient,
+                    openNewTab: true,
+                });
+                const popupPrimaryButton = formatCtaBannerPopupActionButton((_b = setting === null || setting === void 0 ? void 0 : setting.popup_buttons) === null || _b === void 0 ? void 0 : _b.second_button, {
+                    backgroundColor: defaultColor.button,
+                    backgroundGradient: defaultColor.gradient,
+                    openNewTab: true,
+                });
+                if (isPopupMode) {
+                    return Object.assign(Object.assign({ desktop,
+                        mobile, titleColor: defaultColor.title, title: (_c = setting === null || setting === void 0 ? void 0 : setting.title) !== null && _c !== void 0 ? _c : '', descriptionColor: defaultColor.description, description: (_d = setting === null || setting === void 0 ? void 0 : setting.description) !== null && _d !== void 0 ? _d : '' }, ((popupSecondaryButton || popupPrimaryButton) && {
+                        popupButtons: Object.assign(Object.assign({}, (popupSecondaryButton && {
+                            secondary: popupSecondaryButton,
+                        })), (popupPrimaryButton && { primary: popupPrimaryButton })),
+                    })), { buttons: {
+                            primary: {
+                                backgroundColor: defaultColor.button,
+                                backgroundGradient: defaultColor.gradient,
+                                title: (_e = setting === null || setting === void 0 ? void 0 : setting.button_text) !== null && _e !== void 0 ? _e : '',
+                                url: '',
+                                openNewTab: false,
+                                embedYoutube: false,
+                                youtubeLink: '',
+                            },
+                        } });
+                }
+                return {
+                    desktop,
+                    mobile,
+                    titleColor: defaultColor.title,
+                    title: (_f = setting === null || setting === void 0 ? void 0 : setting.title) !== null && _f !== void 0 ? _f : '',
+                    descriptionColor: defaultColor.description,
+                    description: (_g = setting === null || setting === void 0 ? void 0 : setting.description) !== null && _g !== void 0 ? _g : '',
+                    buttons: {
+                        primary: {
+                            backgroundColor: defaultColor.button,
+                            backgroundGradient: defaultColor.gradient,
+                            title: (_h = setting === null || setting === void 0 ? void 0 : setting.button_text) !== null && _h !== void 0 ? _h : '',
+                            url: (_j = setting === null || setting === void 0 ? void 0 : setting.button_link) !== null && _j !== void 0 ? _j : '',
+                            openNewTab: Boolean(open_new_tab),
+                            embedYoutube: Boolean(setting === null || setting === void 0 ? void 0 : setting.embed_youtube),
+                            youtubeLink: (_k = setting === null || setting === void 0 ? void 0 : setting.youtube_link) !== null && _k !== void 0 ? _k : '',
+                        },
+                    },
+                };
+            }),
+        };
+    });
+    return Object.assign(Object.assign({ type: cta_banner_type !== null && cta_banner_type !== void 0 ? cta_banner_type : 'multiple-image', layout: resolvedLayout, gridLayout, shortReelLayout: Boolean(short_reel_layout), fixSizeBanner: Boolean(fix_size_banner), applyCarousel: Boolean(apply_carousel), layoutKeyPillars, expandAllCategories: Boolean(expand_all_categories), listing }, (sharedPopupSetting && { popupSetting: sharedPopupSetting })), (advanced_settings && { advancedSettings: advanced_settings }));
+};
+const formatCTABanner = formatCTABannerTypeMultiSession;
+const formatCTABannerSession = (data) => {
+    return Object.assign(Object.assign({}, formatCommonProps(data)), (data.cta_banner_type === 'single-image'
+        ? formatCTABannerTypeSingleSession(data)
+        : formatCTABannerTypeMultiSession(data)));
+};
+
 exports.Types = index.index;
 exports.Constants = index$1.index;
 exports.Lead = index$2.index;
@@ -705,3 +960,8 @@ exports.InVisible = InVisible;
 exports.Pin2 = Pin2;
 exports.Search = Search;
 exports.Spinning = Spinning;
+exports.formatCTABanner = formatCTABanner;
+exports.formatCTABannerSession = formatCTABannerSession;
+exports.formatCTABannerTypeMultiSession = formatCTABannerTypeMultiSession;
+exports.formatCTABannerTypeSingleSession = formatCTABannerTypeSingleSession;
+exports.resolveCtaBannerLayoutFromApi = resolveCtaBannerLayoutFromApi;

package/build/{labelSorting-62408b0c.js → labelSorting-8bc84159.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-4243fe3f.js');
-require('./translationsContext-dc8be8ac.js');
-var togetherComponentGlobalContext = require('./utils-354feceb.js');
-var treePopoverMenu = require('./treePopoverMenu-20b3f0b0.js');
+var index = require('./index-82f751ea.js');
+require('./translationsContext-5e942b97.js');
+var togetherComponentGlobalContext = require('./utils-79087704.js');
+var treePopoverMenu = require('./treePopoverMenu-30c960be.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }