@hhgtech/hhg-components 1.29.552 → 1.29.553-beta-2

package/build/togetherMoleculesProfileDetail.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-315aba8c.js');
+require('./tslib.es6-240a62d8.js');
 require('react');
 require('dayjs');
-require('./index-4120f736.js');
-require('./index-94dd0919.js');
-require('./dataTransform-eb25e4d4.js');
+require('./index-c4c21c27.js');
+require('./index-3ad2e2e3.js');
+require('./dataTransform-6027a673.js');
 require('./togetherApiPaths.js');
-require('./utils-a01dde41.js');
-var togetherMoleculesProfileDetail = require('./index-a5d0105e.js');
-require('./index-83466253.js');
-require('./index-582e1a4b.js');
+require('./utils-d8f7f9ef.js');
+var togetherMoleculesProfileDetail = require('./index-91fb91cc.js');
+require('./index-0448eeb0.js');
+require('./index-c43e6017.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
-require('./index-5c64f80e.js');
-require('./shared-be6ed85b.js');
-require('./index-0a331f08.js');
-require('./index-bb75cbd7.js');
-require('./index-3ff4e8ba.js');
-require('./index-eae53e6e.js');
-require('./index-e0a73ca6.js');
+require('./index-98067c4d.js');
+require('./shared-cf6129bc.js');
+require('./index-844ef61d.js');
+require('./index-d65455b7.js');
+require('./index-1b707a19.js');
+require('./index-6e7af8ed.js');
+require('./index-6495b47f.js');
 require('date-fns/locale');
-require('./index-66240e12.js');
-require('./Locale-1956090e.js');
+require('./index-ee78104c.js');
+require('./Locale-2dcd9a6f.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -34,42 +34,42 @@ require('uuid');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
-require('./constants-fad0caca.js');
+require('./constants-50f1e307.js');
 require('@hhgtech/icons/core');
-require('./index-01a72f38.js');
-require('./index-b6f744c2.js');
-require('./utils-bf082f93.js');
+require('./index-34a718b9.js');
+require('./index-cfaf0a74.js');
+require('./utils-7c45f70d.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index-9d84eeda.js');
+require('./index-f942c64f.js');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-d24e5f80.js');
+require('./index-cf00d316.js');
 require('@mantine/notifications');
 require('classnames');
-require('./useUniqueId-f40d860e.js');
+require('./useUniqueId-fb61d1db.js');
 require('@emotion/react');
 require('@mantine/dates');
-require('./index.styles-c34164e9.js');
+require('./index.styles-985a21d2.js');
 require('./useTogetherAuthRequiredAction.js');
-require('./store-e6bde6db.js');
+require('./store-b021c1ea.js');
 require('zustand');
-require('./index-5e30a6c0.js');
-require('./normalizeLink-51f7714f.js');
+require('./index-6977822b.js');
+require('./normalizeLink-a435335f.js');
 require('react-phone-number-input');
-require('./post-ccaf590e.js');
-require('./translationsContext-f91d74fc.js');
+require('./post-dc8514d8.js');
+require('./translationsContext-35c2097f.js');
 require('dayjs/plugin/relativeTime');
-require('./index-6d6a3a9a.js');
-require('./paths-3b6efd05.js');
-require('./constants-9bfe88a5.js');
-require('./index-d1b32a9a.js');
-require('./WhatsApp-5651c89e.js');
-require('./Spinner-4a6432b8.js');
-require('./index-a56490b5.js');
-require('./index-5173e1b7.js');
-require('./index-69d42420.js');
-require('./index-ccb3dd00.js');
+require('./index-aaafa7e8.js');
+require('./paths-a6e92b0c.js');
+require('./constants-d33d5a9d.js');
+require('./index-5d220052.js');
+require('./WhatsApp-c4fc0b41.js');
+require('./Spinner-0bd9c9c9.js');
+require('./index-c74a0e53.js');
+require('./index-b82a2f01.js');
+require('./index-da0ed934.js');
+require('./index-76c91953.js');
 
 
 

package/build/togetherOrganisms.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-72470fc1.js');
-var index$1 = require('./index-7ed40c6c.js');
-require('./tslib.es6-315aba8c.js');
+var index = require('./index-187a9317.js');
+var index$1 = require('./index-da211d23.js');
+require('./tslib.es6-240a62d8.js');
 require('react');
-require('./index-3ff4e8ba.js');
-require('./index-5c64f80e.js');
+require('./index-1b707a19.js');
+require('./index-98067c4d.js');
 require('@mantine/core');
-require('./shared-be6ed85b.js');
-require('./index-0a331f08.js');
-require('./index-69d42420.js');
-require('./index-bb75cbd7.js');
-require('./index-582e1a4b.js');
-require('./translationsContext-f91d74fc.js');
+require('./shared-cf6129bc.js');
+require('./index-844ef61d.js');
+require('./index-da0ed934.js');
+require('./index-d65455b7.js');
+require('./index-c43e6017.js');
+require('./translationsContext-35c2097f.js');
 require('innertext');
-require('./index-b96f97f3.js');
-require('./utils-bf082f93.js');
+require('./index-050b687f.js');
+require('./utils-7c45f70d.js');
 require('react-dom');
-require('./utils-a01dde41.js');
-require('./index-eae53e6e.js');
-require('./index-e0a73ca6.js');
+require('./utils-d8f7f9ef.js');
+require('./index-6e7af8ed.js');
+require('./index-6495b47f.js');
 require('date-fns/locale');
-require('./index-66240e12.js');
-require('./Locale-1956090e.js');
+require('./index-ee78104c.js');
+require('./Locale-2dcd9a6f.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -35,58 +35,58 @@ require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-fad0caca.js');
+require('./constants-50f1e307.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index-5e8906c1.js');
-require('./dataTransform-eb25e4d4.js');
-require('./post-ccaf590e.js');
-require('./index-f4036dd5.js');
-require('./index-5173e1b7.js');
+require('./index-0a8205af.js');
+require('./dataTransform-6027a673.js');
+require('./post-dc8514d8.js');
+require('./index-1a70c094.js');
+require('./index-b82a2f01.js');
 require('@emotion/react');
-require('./index-a56490b5.js');
-require('./editor-8c2e45c6.js');
+require('./index-c74a0e53.js');
+require('./editor-9abd4fb0.js');
 require('lodash/debounce');
-require('./useUniqueId-f40d860e.js');
+require('./useUniqueId-fb61d1db.js');
 require('@hhgtech/icons/other');
-require('./index-0c7631ea.js');
-require('./index-e48fca24.js');
+require('./index-310f59ff.js');
+require('./index-bc06c292.js');
 require('./miscDefaultClassWrapper.js');
 require('./togetherShareBox.js');
-require('./index-b6f744c2.js');
-require('./index-01a72f38.js');
+require('./index-cfaf0a74.js');
+require('./index-34a718b9.js');
 require('./useTogetherAuthRequiredAction.js');
-require('./store-e6bde6db.js');
+require('./store-b021c1ea.js');
 require('zustand');
-require('./index-5e30a6c0.js');
-require('./normalizeLink-51f7714f.js');
+require('./index-6977822b.js');
+require('./normalizeLink-a435335f.js');
 require('react-phone-number-input');
-require('./treePopoverMenu-558285b2.js');
-require('./index-d1b32a9a.js');
-require('./WhatsApp-5651c89e.js');
-require('./Spinner-4a6432b8.js');
-require('./index-9d84eeda.js');
+require('./treePopoverMenu-57bf239d.js');
+require('./index-5d220052.js');
+require('./WhatsApp-c4fc0b41.js');
+require('./Spinner-0bd9c9c9.js');
+require('./index-f942c64f.js');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-d24e5f80.js');
+require('./index-cf00d316.js');
 require('dayjs');
 require('@mantine/notifications');
 require('classnames');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-c34164e9.js');
-require('./index-4120f736.js');
+require('./index.styles-985a21d2.js');
+require('./index-c4c21c27.js');
 require('date-fns');
-require('./index-83466253.js');
+require('./index-0448eeb0.js');
 require('dayjs/plugin/relativeTime');
-require('./index-6d6a3a9a.js');
-require('./paths-3b6efd05.js');
-require('./constants-9bfe88a5.js');
-require('./index-ccb3dd00.js');
-require('./index-a5d0105e.js');
-require('./index-94dd0919.js');
-require('./index-3bdf2cef.js');
-require('./index-2643ba4a.js');
+require('./index-aaafa7e8.js');
+require('./paths-a6e92b0c.js');
+require('./constants-d33d5a9d.js');
+require('./index-76c91953.js');
+require('./index-91fb91cc.js');
+require('./index-3ad2e2e3.js');
+require('./index-631308fc.js');
+require('./index-53ff483c.js');
 
 
 

package/build/togetherRichTextEditor.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-315aba8c.js');
+require('./tslib.es6-240a62d8.js');
 require('react');
-require('./index-3ff4e8ba.js');
-require('./index-5e8906c1.js');
-require('./index-bb75cbd7.js');
-require('./index-582e1a4b.js');
+require('./index-1b707a19.js');
+require('./index-0a8205af.js');
+require('./index-d65455b7.js');
+require('./index-c43e6017.js');
 require('lodash/debounce');
 require('./miscCookieHelper.js');
-require('./useUniqueId-f40d860e.js');
-require('./utils-a01dde41.js');
-var togetherRichTextEditor = require('./editor-8c2e45c6.js');
+require('./useUniqueId-fb61d1db.js');
+require('./utils-d8f7f9ef.js');
+var togetherRichTextEditor = require('./editor-9abd4fb0.js');
 require('./togetherApiPaths.js');
-require('./constants-fad0caca.js');
-require('./post-ccaf590e.js');
-require('./index-a56490b5.js');
-require('./index-7ed40c6c.js');
-require('./index-5c64f80e.js');
+require('./constants-50f1e307.js');
+require('./post-dc8514d8.js');
+require('./index-c74a0e53.js');
+require('./index-da211d23.js');
+require('./index-98067c4d.js');
 require('@mantine/core');
-require('./shared-be6ed85b.js');
-require('./index-0a331f08.js');
+require('./shared-cf6129bc.js');
+require('./index-844ef61d.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-bf082f93.js');
-require('./translationsContext-f91d74fc.js');
-require('./index-eae53e6e.js');
-require('./index-e0a73ca6.js');
+require('./utils-7c45f70d.js');
+require('./translationsContext-35c2097f.js');
+require('./index-6e7af8ed.js');
+require('./index-6495b47f.js');
 require('date-fns/locale');
-require('./index-66240e12.js');
-require('./Locale-1956090e.js');
+require('./index-ee78104c.js');
+require('./Locale-2dcd9a6f.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');

package/build/togetherShareBox.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-bb75cbd7.js');
-var index$1 = require('./index-582e1a4b.js');
+var index$2 = require('./index-d65455b7.js');
+var index$1 = require('./index-c43e6017.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-b6f744c2.js');
-var togetherComponentGlobalContext = require('./utils-a01dde41.js');
+var index = require('./index-cfaf0a74.js');
+var togetherComponentGlobalContext = require('./utils-d8f7f9ef.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-bf082f93.js');
+var utils = require('./utils-7c45f70d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-require('./tslib.es6-315aba8c.js');
+require('./tslib.es6-240a62d8.js');
 require('@mantine/core');
-require('./index-0a331f08.js');
-require('./translationsContext-f91d74fc.js');
-require('./index-eae53e6e.js');
-require('./index-e0a73ca6.js');
+require('./index-844ef61d.js');
+require('./translationsContext-35c2097f.js');
+require('./index-6e7af8ed.js');
+require('./index-6495b47f.js');
 require('date-fns/locale');
-require('./index-66240e12.js');
-require('./Locale-1956090e.js');
+require('./index-ee78104c.js');
+require('./Locale-2dcd9a6f.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
@@ -30,7 +30,7 @@ require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-fad0caca.js');
+require('./constants-50f1e307.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{transform-ae4b915e.js → transform-6a676799.js}

@@ -1,68 +1,68 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-315aba8c.js');
+var tslib_es6 = require('./tslib.es6-240a62d8.js');
 var React = require('react');
-var index$4 = require('./index-9d84eeda.js');
+var index$4 = require('./index-f942c64f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-e0a73ca6.js');
-require('./index-66240e12.js');
-var index$a = require('./index-01a72f38.js');
-require('./index-d24e5f80.js');
-var index$2 = require('./index-bb75cbd7.js');
-var index$g = require('./index-5c64f80e.js');
-var index$e = require('./index-0a331f08.js');
-require('./index.styles-c34164e9.js');
-require('./translationsContext-f91d74fc.js');
+var index$6 = require('./index-6495b47f.js');
+require('./index-ee78104c.js');
+var index$a = require('./index-34a718b9.js');
+require('./index-cf00d316.js');
+var index$2 = require('./index-d65455b7.js');
+var index$g = require('./index-98067c4d.js');
+var index$e = require('./index-844ef61d.js');
+require('./index.styles-985a21d2.js');
+require('./translationsContext-35c2097f.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-bf082f93.js');
-require('./index-4120f736.js');
-var SiteWideBanner = require('./SiteWideBanner-c63280de.js');
+var utils = require('./utils-7c45f70d.js');
+require('./index-c4c21c27.js');
+var SiteWideBanner = require('./SiteWideBanner-07a5eebf.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-64ab7109.js');
+var index$3 = require('./index-289788d6.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$5 = require('./index-950f519f.js');
+var index$5 = require('./index-e91ac465.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-d7c7e74d.js');
+var useOutsideClick = require('./useOutsideClick-4c2564ca.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-3ff4e8ba.js');
-var index$7 = require('./index-b6f744c2.js');
-var index$8 = require('./index-582e1a4b.js');
+var index$9 = require('./index-1b707a19.js');
+var index$7 = require('./index-cfaf0a74.js');
+var index$8 = require('./index-c43e6017.js');
 var classNames = require('classnames');
-var index$b = require('./index-dccff787.js');
+var index$b = require('./index-e2ea231d.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-5e8906c1.js');
-var index$c = require('./index-cfd9be6c.js');
-var index$h = require('./index-b79f8af6.js');
-var index$i = require('./index-ccb3dd00.js');
-var dataTransform = require('./dataTransform-eb25e4d4.js');
+var index$d = require('./index-0a8205af.js');
+var index$c = require('./index-ae8b335d.js');
+var index$h = require('./index-52d1b636.js');
+var index$i = require('./index-76c91953.js');
+var dataTransform = require('./dataTransform-6027a673.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-a01dde41.js');
+var togetherComponentGlobalContext = require('./utils-d8f7f9ef.js');
 var innertext = require('innertext');
-var Locale = require('./Locale-1956090e.js');
-var index$f = require('./index-eae53e6e.js');
-var constants = require('./constants-fad0caca.js');
+var Locale = require('./Locale-2dcd9a6f.js');
+var index$f = require('./index-6e7af8ed.js');
+var constants = require('./constants-50f1e307.js');
 var dayjs = require('dayjs');
 var moleculesArticleCard = require('./moleculesArticleCard.js');
 var uuid = require('uuid');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$j = require('./index-cdda7573.js');
-var index$k = require('./index-eed0afc4.js');
+var index$j = require('./index-f4747f85.js');
+var index$k = require('./index-9509bf3a.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var index$l = require('./index-8b1d1818.js');
+var index$l = require('./index-c6c5360c.js');
 var carousel = require('@mantine/carousel');
-var constants$1 = require('./constants-e4214ba5.js');
+var constants$1 = require('./constants-53904f56.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -3068,6 +3068,20 @@ function PopupBoostArticleCard({ article, isMobile, className = 'article-card',
         } }));
 }
 
+function PopupContainedImage(_a) {
+    var { overlay, wrapperProps, className, style } = _a, imageProps = tslib_es6.__rest(_a, ["overlay", "wrapperProps", "className", "style"]);
+    return (React__namespace["default"].createElement(core.Box, Object.assign({}, wrapperProps, { sx: Object.assign({ position: 'relative', lineHeight: 0, width: '100%' }, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.sx) }),
+        React__namespace["default"].createElement(index$3.IntrinsicImage, Object.assign({ className: className, style: style }, imageProps)),
+        overlay ? (React__namespace["default"].createElement(core.Box, { sx: {
+                position: 'absolute',
+                inset: 0,
+                zIndex: 1,
+                lineHeight: 'normal',
+                display: 'flex',
+                flexDirection: 'column',
+            } }, overlay)) : null));
+}
+
 const BOOST_POPUP_TRACKING_CATEGORY = 'Popup Suggest Article';
 const BOOST_POPUP_GTAG_EVENTS = {
     swipeToClose: 'swipe_to_close',
@@ -3317,7 +3331,6 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
         }
     };
     const boostCarePathSourceLabel = getBoostSourceLabel(boostCarePath === null || boostCarePath === void 0 ? void 0 : boostCarePath.permalink);
-    const boostCustomSourceLabel = getBoostSourceLabel(boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.link);
     const hasBoostData = (boostType === 'article' && !!boostArticle) ||
         (boostType === 'carepath' && !!boostCarePath) ||
         (boostType === 'custom' && !!(boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.link));
@@ -3353,8 +3366,10 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
     };
     const contentEle = (React__namespace["default"].createElement(core.Box, { sx: { position: 'relative' } },
         React__namespace["default"].createElement(core.Stack, { "data-boost-type": boostType, sx: (theme) => ({
-                gap: 12,
-                [theme.fn.largerThan('sm')]: { gap: 16 },
+                gap: boostType === 'custom' ? 0 : 12,
+                [theme.fn.largerThan('sm')]: {
+                    gap: boostType === 'custom' ? 0 : 16,
+                },
                 '.article-card': {
                     // Clicks go to the boost overlay `<a>`; keep ArticleCard markup unchanged.
                     a: {
@@ -3436,60 +3451,86 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
                     } })))) : null,
             boostType === 'custom' && boostCustom ? (React__namespace["default"].createElement(core.Box, { sx: {
                     display: 'grid',
-                    gap: 12,
+                    gap: 0,
                 } },
-                boostCustom.image ? (React__namespace["default"].createElement(core.Box, { sx: (theme) => ({
-                        marginLeft: -16,
-                        marginRight: -16,
-                        [theme.fn.largerThan('sm')]: { marginTop: -16 },
-                        width: 'calc(100% + 32px)',
-                        aspectRatio: '16 / 8',
-                        overflow: 'hidden',
-                    }) },
-                    React__namespace["default"].createElement("img", { src: boostCustom.image, alt: boostCustom.title, loading: "lazy", style: {
-                            width: '100%',
-                            height: '100%',
-                            objectFit: 'cover',
-                            display: 'block',
-                        } }))) : null,
-                React__namespace["default"].createElement(core.Stack, { spacing: 5 },
-                    React__namespace["default"].createElement(core.Stack, { spacing: 3 },
-                        React__namespace["default"].createElement(core.Box, { sx: {
-                                textTransform: 'uppercase',
-                                fontWeight: 'normal',
-                                fontSize: '12px',
-                                lineHeight: '15px',
-                                color: '#65676B',
-                            } }, boostCustomSourceLabel),
-                        React__namespace["default"].createElement(core.Box, { sx: {
-                                fontSize: '16px',
-                                lineHeight: '19px',
-                                fontWeight: 500,
-                            } }, boostCustom.title)),
+                boostCustom.image ? (React__namespace["default"].createElement(PopupContainedImage, { src: boostCustom.image, alt: boostCustom.title, maxWidth: index$3.POPUP_CONTAINED_IMAGE_MAX.boost.width, maxHeight: index$3.POPUP_CONTAINED_IMAGE_MAX.boost.height, viewportWidthGap: index$3.POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap, viewportHeightGap: index$3.POPUP_CONTAINED_IMAGE_MAX.boost.viewportHeightGap })) : null,
+                (!!boostCustom.title || !!boostCustom.description) && (React__namespace["default"].createElement(core.Stack, { spacing: 5, sx: { padding: 16, paddingBottom: 0 } },
+                    !!boostCustom.title && (React__namespace["default"].createElement(core.Box, { sx: {
+                            fontSize: '16px',
+                            lineHeight: '19px',
+                            fontWeight: 500,
+                        } }, boostCustom.title)),
                     !!boostCustom.description && (React__namespace["default"].createElement(index$2.Text, { size: "p3", lineClamp: 2, sx: {
                             fontSize: '14px',
                             lineHeight: '19px',
                             color: '#65676B',
                         }, dangerouslySetInnerHTML: {
                             __html: boostCustom.description,
-                        } }))))) : null,
-            React__namespace["default"].createElement(index$g.Button, { variant: "primary", fullWidth: true }, viewDetailText)),
+                        } })))))) : null,
+            React__namespace["default"].createElement(core.Box, { sx: boostType === 'custom'
+                    ? {
+                        padding: 16,
+                    }
+                    : undefined },
+                React__namespace["default"].createElement(index$g.Button, { variant: "primary", fullWidth: true }, viewDetailText))),
         React__namespace["default"].createElement(core.Box, Object.assign({ component: "a", href: boostingUrl }, boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.viewDetail, currentUrl), { target: "_blank", rel: "noopener noreferrer", "aria-label": viewDetailText, onClick: handleBoostOverlayClick, sx: {
                 position: 'absolute',
                 inset: 0,
                 zIndex: 2,
                 cursor: 'pointer',
                 backgroundColor: 'transparent',
-            } }))));
+            } })),
+        boostType === 'custom' && (boostCustom === null || boostCustom === void 0 ? void 0 : boostCustom.image) ? (React__namespace["default"].createElement(core.Box, Object.assign({ component: "button", type: "button", "aria-label": "Close" }, boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), { onClick: (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                handleDismiss();
+            }, sx: {
+                position: 'absolute',
+                top: 8,
+                right: 8,
+                zIndex: 3,
+                width: 32,
+                height: 32,
+                minWidth: 32,
+                borderRadius: '50%',
+                border: 'none',
+                padding: 0,
+                backgroundColor: '#fff',
+                color: '#000',
+                boxShadow: '0 1px 4px rgba(0, 0, 0, 0.16)',
+                cursor: 'pointer',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                '&:hover': {
+                    backgroundColor: '#fff',
+                },
+            } }),
+            React__namespace["default"].createElement("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+                React__namespace["default"].createElement("path", { d: "M9.99981 10.8432L14.0583 14.9017C14.1691 15.0125 14.3083 15.0691 14.476 15.0717C14.6437 15.0743 14.7854 15.0176 14.9013 14.9017C15.0172 14.7858 15.0752 14.6453 15.0752 14.4802C15.0752 14.3151 15.0172 14.1746 14.9013 14.0587L10.8429 10.0002L14.9013 5.9417C15.0121 5.83094 15.0688 5.69172 15.0713 5.52402C15.0739 5.35634 15.0172 5.21456 14.9013 5.09866C14.7854 4.98276 14.6449 4.9248 14.4798 4.9248C14.3147 4.9248 14.1742 4.98276 14.0583 5.09866L9.99981 9.15712L5.94133 5.09866C5.83057 4.98789 5.69135 4.93122 5.52365 4.92866C5.35598 4.92609 5.21419 4.98276 5.09829 5.09866C4.98239 5.21456 4.92444 5.35506 4.92444 5.52018C4.92444 5.6853 4.98239 5.82581 5.09829 5.9417L9.15675 10.0002L5.09829 14.0587C4.98752 14.1694 4.93085 14.3087 4.9283 14.4763C4.92572 14.644 4.98239 14.7858 5.09829 14.9017C5.21419 15.0176 5.3547 15.0756 5.51982 15.0756C5.68493 15.0756 5.82544 15.0176 5.94133 14.9017L9.99981 10.8432Z" })))) : null));
     return isMobile ? (React__namespace["default"].createElement(index$h.DrawerBottom, { isMobile: true, isOpen: opened, onClose: handleDismiss, onRelease: handleBoostDrawerRelease, drawerOverlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl) },
-        React__namespace["default"].createElement(core.Stack, { spacing: 16, sx: { padding: 16, paddingTop: 0 } },
-            React__namespace["default"].createElement(index$2.Text, { size: "s2" }, modalHeading),
-            contentEle))) : (React__namespace["default"].createElement(index$i.Modal, { title: React__namespace["default"].createElement(index$2.Text, { size: "s2" }, modalHeading), size: 568, opened: opened, onClose: handleDismiss, closeButtonProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), overlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), zIndex: 500, styles: {
-            body: {
-                '&:not(:only-child)': {
-                    paddingTop: 16,
+        React__namespace["default"].createElement(core.Stack, { spacing: boostType === 'custom' ? 0 : 16, sx: boostType === 'custom'
+                ? { padding: 0 }
+                : { padding: 16, paddingTop: 0 } },
+            boostType !== 'custom' ? React__namespace["default"].createElement(index$2.Text, { size: "s2" }, modalHeading) : null,
+            contentEle))) : (React__namespace["default"].createElement(index$i.Modal, { title: boostType === 'custom' ? undefined : (React__namespace["default"].createElement(index$2.Text, { size: "s2" }, modalHeading)), size: boostType === 'custom' ? 'auto' : 568, opened: opened, onClose: handleDismiss, withCloseButton: boostType !== 'custom', closeButtonProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), overlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl), zIndex: 500, styles: {
+            content: boostType === 'custom'
+                ? {
+                    position: 'relative',
+                    width: 'fit-content',
+                    maxWidth: `min(${index$3.POPUP_CONTAINED_IMAGE_MAX.boost.width}px, calc(100vw - ${index$3.POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap}px))`,
+                    overflow: 'hidden',
+                }
+                : undefined,
+            body: boostType === 'custom'
+                ? {
+                    padding: '0 !important',
+                }
+                : {
+                    '&:not(:only-child)': {
+                        paddingTop: 16,
+                    },
                 },
-            },
         } }, contentEle));
 }
 
@@ -7002,6 +7043,7 @@ exports.ModalGallery = ModalGallery;
 exports.ModalGalleryProvider = ModalGalleryProvider;
 exports.PopupBoostArticleCard = PopupBoostArticleCard;
 exports.PopupBoostPageView = PopupBoostPageView;
+exports.PopupContainedImage = PopupContainedImage;
 exports.QuickFilter = QuickFilter;
 exports.QuickFilterWrapLine = QuickFilterWrapLine;
 exports.RadioGroup = RadioGroup;