@hhgtech/hhg-components 1.29.553 → 1.29.555-beta-1

package/build/togetherMoleculesProfileDetail.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-feaaf611.js');
+require('./tslib.es6-7a838cb6.js');
 require('react');
 require('dayjs');
-require('./index-46026925.js');
-require('./index-e72192a1.js');
-require('./dataTransform-8eedcc78.js');
+require('./index-a7cab9fd.js');
+require('./index-d35828f4.js');
+require('./dataTransform-f415e1a1.js');
 require('./togetherApiPaths.js');
-require('./utils-103a3370.js');
-var togetherMoleculesProfileDetail = require('./index-9532004e.js');
-require('./index-70d0e0c7.js');
-require('./index-e495722f.js');
+require('./utils-b88fd64e.js');
+var togetherMoleculesProfileDetail = require('./index-8d94b6fc.js');
+require('./index-611b1d8b.js');
+require('./index-5206f009.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
-require('./index-7ef77bae.js');
-require('./shared-182770fc.js');
-require('./index-fa93a5d4.js');
-require('./index-10a3dcd0.js');
-require('./index-61778747.js');
-require('./index-127609a7.js');
-require('./index-c353c001.js');
+require('./index-87168517.js');
+require('./shared-1c04e441.js');
+require('./index-61027646.js');
+require('./index-6cf77cf9.js');
+require('./index-c4f8dd98.js');
+require('./index-c4ac1d1a.js');
+require('./index-0cc624c6.js');
 require('date-fns/locale');
-require('./index-c80bb0c6.js');
-require('./Locale-1dc99da3.js');
+require('./index-e419a8f0.js');
+require('./Locale-6a5024de.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-59bd922c.js');
+require('./constants-86e5090a.js');
 require('@hhgtech/icons/core');
-require('./index-776279ee.js');
-require('./index-67c56c38.js');
-require('./utils-ae7ec188.js');
+require('./index-b9e30562.js');
+require('./index-0ce18d03.js');
+require('./utils-268860b4.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index-25d69f41.js');
+require('./index-201d381a.js');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-a749064e.js');
+require('./index-22c2ab81.js');
 require('@mantine/notifications');
 require('classnames');
-require('./useUniqueId-9f7e31d4.js');
+require('./useUniqueId-b369d908.js');
 require('@emotion/react');
 require('@mantine/dates');
-require('./index.styles-e8063e8d.js');
+require('./index.styles-e143ecde.js');
 require('./useTogetherAuthRequiredAction.js');
-require('./store-efa17c23.js');
+require('./store-7cec70b0.js');
 require('zustand');
-require('./index-3e197a2d.js');
-require('./normalizeLink-d9022167.js');
+require('./index-c40bfb61.js');
+require('./normalizeLink-3420d35c.js');
 require('react-phone-number-input');
-require('./post-d8714337.js');
-require('./translationsContext-8324ef61.js');
+require('./post-6cc80bd9.js');
+require('./translationsContext-c3d85a7c.js');
 require('dayjs/plugin/relativeTime');
-require('./index-e5e7f004.js');
-require('./paths-f0179464.js');
-require('./constants-907b1509.js');
-require('./index-2af45616.js');
-require('./WhatsApp-bb431d76.js');
-require('./Spinner-f0c4ae4b.js');
-require('./index-84a27a53.js');
-require('./index-f5045c9c.js');
-require('./index-3a405a90.js');
-require('./index-302e7aee.js');
+require('./index-73b2ecaf.js');
+require('./paths-16b1b1ae.js');
+require('./constants-fe3545d2.js');
+require('./index-48e8f9e9.js');
+require('./WhatsApp-34baf39b.js');
+require('./Spinner-6ce0f90a.js');
+require('./index-33b31988.js');
+require('./index-240d5c2f.js');
+require('./index-35bea7c4.js');
+require('./index-66d3a59a.js');
 
 
 

package/build/togetherOrganisms.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-c41541b9.js');
-var index$1 = require('./index-7d38cc80.js');
-require('./tslib.es6-feaaf611.js');
+var index = require('./index-8fda91f5.js');
+var index$1 = require('./index-3301c4e8.js');
+require('./tslib.es6-7a838cb6.js');
 require('react');
-require('./index-61778747.js');
-require('./index-7ef77bae.js');
+require('./index-c4f8dd98.js');
+require('./index-87168517.js');
 require('@mantine/core');
-require('./shared-182770fc.js');
-require('./index-fa93a5d4.js');
-require('./index-3a405a90.js');
-require('./index-10a3dcd0.js');
-require('./index-e495722f.js');
-require('./translationsContext-8324ef61.js');
+require('./shared-1c04e441.js');
+require('./index-61027646.js');
+require('./index-35bea7c4.js');
+require('./index-6cf77cf9.js');
+require('./index-5206f009.js');
+require('./translationsContext-c3d85a7c.js');
 require('innertext');
-require('./index-3c15fcf9.js');
-require('./utils-ae7ec188.js');
+require('./index-5525e2e5.js');
+require('./utils-268860b4.js');
 require('react-dom');
-require('./utils-103a3370.js');
-require('./index-127609a7.js');
-require('./index-c353c001.js');
+require('./utils-b88fd64e.js');
+require('./index-c4ac1d1a.js');
+require('./index-0cc624c6.js');
 require('date-fns/locale');
-require('./index-c80bb0c6.js');
-require('./Locale-1dc99da3.js');
+require('./index-e419a8f0.js');
+require('./Locale-6a5024de.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-59bd922c.js');
+require('./constants-86e5090a.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./index-cea6a9c9.js');
-require('./dataTransform-8eedcc78.js');
-require('./post-d8714337.js');
-require('./index-d98aec1c.js');
-require('./index-f5045c9c.js');
+require('./index-f90435f3.js');
+require('./dataTransform-f415e1a1.js');
+require('./post-6cc80bd9.js');
+require('./index-07aebb45.js');
+require('./index-240d5c2f.js');
 require('@emotion/react');
-require('./index-84a27a53.js');
-require('./editor-67f85cd7.js');
+require('./index-33b31988.js');
+require('./editor-73cc8294.js');
 require('lodash/debounce');
-require('./useUniqueId-9f7e31d4.js');
+require('./useUniqueId-b369d908.js');
 require('@hhgtech/icons/other');
-require('./index-6f0b2e1a.js');
-require('./index-fea83ee8.js');
+require('./index-d2585937.js');
+require('./index-2be0b168.js');
 require('./miscDefaultClassWrapper.js');
 require('./togetherShareBox.js');
-require('./index-67c56c38.js');
-require('./index-776279ee.js');
+require('./index-0ce18d03.js');
+require('./index-b9e30562.js');
 require('./useTogetherAuthRequiredAction.js');
-require('./store-efa17c23.js');
+require('./store-7cec70b0.js');
 require('zustand');
-require('./index-3e197a2d.js');
-require('./normalizeLink-d9022167.js');
+require('./index-c40bfb61.js');
+require('./normalizeLink-3420d35c.js');
 require('react-phone-number-input');
-require('./treePopoverMenu-28c48fba.js');
-require('./index-2af45616.js');
-require('./WhatsApp-bb431d76.js');
-require('./Spinner-f0c4ae4b.js');
-require('./index-25d69f41.js');
+require('./treePopoverMenu-eba417c4.js');
+require('./index-48e8f9e9.js');
+require('./WhatsApp-34baf39b.js');
+require('./Spinner-6ce0f90a.js');
+require('./index-201d381a.js');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-a749064e.js');
+require('./index-22c2ab81.js');
 require('dayjs');
 require('@mantine/notifications');
 require('classnames');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-e8063e8d.js');
-require('./index-46026925.js');
+require('./index.styles-e143ecde.js');
+require('./index-a7cab9fd.js');
 require('date-fns');
-require('./index-70d0e0c7.js');
+require('./index-611b1d8b.js');
 require('dayjs/plugin/relativeTime');
-require('./index-e5e7f004.js');
-require('./paths-f0179464.js');
-require('./constants-907b1509.js');
-require('./index-302e7aee.js');
-require('./index-9532004e.js');
-require('./index-e72192a1.js');
-require('./index-bb9a181d.js');
-require('./index-224f04d2.js');
+require('./index-73b2ecaf.js');
+require('./paths-16b1b1ae.js');
+require('./constants-fe3545d2.js');
+require('./index-66d3a59a.js');
+require('./index-8d94b6fc.js');
+require('./index-d35828f4.js');
+require('./index-82614f22.js');
+require('./index-7f4f4f31.js');
 
 
 

package/build/togetherRichTextEditor.js

@@ -2,35 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-feaaf611.js');
+require('./tslib.es6-7a838cb6.js');
 require('react');
-require('./index-61778747.js');
-require('./index-cea6a9c9.js');
-require('./index-10a3dcd0.js');
-require('./index-e495722f.js');
+require('./index-c4f8dd98.js');
+require('./index-f90435f3.js');
+require('./index-6cf77cf9.js');
+require('./index-5206f009.js');
 require('lodash/debounce');
 require('./miscCookieHelper.js');
-require('./useUniqueId-9f7e31d4.js');
-require('./utils-103a3370.js');
-var togetherRichTextEditor = require('./editor-67f85cd7.js');
+require('./useUniqueId-b369d908.js');
+require('./utils-b88fd64e.js');
+var togetherRichTextEditor = require('./editor-73cc8294.js');
 require('./togetherApiPaths.js');
-require('./constants-59bd922c.js');
-require('./post-d8714337.js');
-require('./index-84a27a53.js');
-require('./index-7d38cc80.js');
-require('./index-7ef77bae.js');
+require('./constants-86e5090a.js');
+require('./post-6cc80bd9.js');
+require('./index-33b31988.js');
+require('./index-3301c4e8.js');
+require('./index-87168517.js');
 require('@mantine/core');
-require('./shared-182770fc.js');
-require('./index-fa93a5d4.js');
+require('./shared-1c04e441.js');
+require('./index-61027646.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-ae7ec188.js');
-require('./translationsContext-8324ef61.js');
-require('./index-127609a7.js');
-require('./index-c353c001.js');
+require('./utils-268860b4.js');
+require('./translationsContext-c3d85a7c.js');
+require('./index-c4ac1d1a.js');
+require('./index-0cc624c6.js');
 require('date-fns/locale');
-require('./index-c80bb0c6.js');
-require('./Locale-1dc99da3.js');
+require('./index-e419a8f0.js');
+require('./Locale-6a5024de.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-10a3dcd0.js');
-var index$1 = require('./index-e495722f.js');
+var index$2 = require('./index-6cf77cf9.js');
+var index$1 = require('./index-5206f009.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-67c56c38.js');
-var togetherComponentGlobalContext = require('./utils-103a3370.js');
+var index = require('./index-0ce18d03.js');
+var togetherComponentGlobalContext = require('./utils-b88fd64e.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-ae7ec188.js');
+var utils = require('./utils-268860b4.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-require('./tslib.es6-feaaf611.js');
+require('./tslib.es6-7a838cb6.js');
 require('@mantine/core');
-require('./index-fa93a5d4.js');
-require('./translationsContext-8324ef61.js');
-require('./index-127609a7.js');
-require('./index-c353c001.js');
+require('./index-61027646.js');
+require('./translationsContext-c3d85a7c.js');
+require('./index-c4ac1d1a.js');
+require('./index-0cc624c6.js');
 require('date-fns/locale');
-require('./index-c80bb0c6.js');
-require('./Locale-1dc99da3.js');
+require('./index-e419a8f0.js');
+require('./Locale-6a5024de.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-59bd922c.js');
+require('./constants-86e5090a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{transform-09f6fafe.js → transform-e821794a.js}

@@ -1,68 +1,68 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-feaaf611.js');
+var tslib_es6 = require('./tslib.es6-7a838cb6.js');
 var React = require('react');
-var index$4 = require('./index-25d69f41.js');
+var index$4 = require('./index-201d381a.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-c353c001.js');
-require('./index-c80bb0c6.js');
-var index$a = require('./index-776279ee.js');
-require('./index-a749064e.js');
-var index$2 = require('./index-10a3dcd0.js');
-var index$g = require('./index-7ef77bae.js');
-var index$e = require('./index-fa93a5d4.js');
-require('./index.styles-e8063e8d.js');
-require('./translationsContext-8324ef61.js');
+var index$6 = require('./index-0cc624c6.js');
+require('./index-e419a8f0.js');
+var index$a = require('./index-b9e30562.js');
+require('./index-22c2ab81.js');
+var index$2 = require('./index-6cf77cf9.js');
+var index$g = require('./index-87168517.js');
+var index$e = require('./index-61027646.js');
+require('./index.styles-e143ecde.js');
+require('./translationsContext-c3d85a7c.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-ae7ec188.js');
-require('./index-46026925.js');
-var SiteWideBanner = require('./SiteWideBanner-28ab87e4.js');
+var utils = require('./utils-268860b4.js');
+require('./index-a7cab9fd.js');
+var SiteWideBanner = require('./SiteWideBanner-62165441.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$3 = require('./index-b0b0a77c.js');
+var index$3 = require('./index-c5010fbd.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$5 = require('./index-bdf4af1f.js');
+var index$5 = require('./index-41f1c17a.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-fe561091.js');
+var useOutsideClick = require('./useOutsideClick-cce6ea4e.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-61778747.js');
-var index$7 = require('./index-67c56c38.js');
-var index$8 = require('./index-e495722f.js');
+var index$9 = require('./index-c4f8dd98.js');
+var index$7 = require('./index-0ce18d03.js');
+var index$8 = require('./index-5206f009.js');
 var classNames = require('classnames');
-var index$b = require('./index-47103a38.js');
+var index$b = require('./index-8832f85c.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-cea6a9c9.js');
-var index$c = require('./index-3a0047ab.js');
-var index$h = require('./index-65952200.js');
-var index$i = require('./index-302e7aee.js');
-var dataTransform = require('./dataTransform-8eedcc78.js');
+var index$d = require('./index-f90435f3.js');
+var index$c = require('./index-0ec7c8ee.js');
+var index$h = require('./index-fcec15e5.js');
+var index$i = require('./index-66d3a59a.js');
+var dataTransform = require('./dataTransform-f415e1a1.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-103a3370.js');
+var togetherComponentGlobalContext = require('./utils-b88fd64e.js');
 var innertext = require('innertext');
-var Locale = require('./Locale-1dc99da3.js');
-var index$f = require('./index-127609a7.js');
-var constants = require('./constants-59bd922c.js');
+var Locale = require('./Locale-6a5024de.js');
+var index$f = require('./index-c4ac1d1a.js');
+var constants = require('./constants-86e5090a.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-91ad1b0a.js');
-var index$k = require('./index-438e8712.js');
+var index$j = require('./index-165f9e49.js');
+var index$k = require('./index-386d9f31.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
-var index$l = require('./index-32cb613c.js');
+var index$l = require('./index-c785c53e.js');
 var carousel = require('@mantine/carousel');
-var constants$1 = require('./constants-a6892c92.js');
+var constants$1 = require('./constants-f132d5c3.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: isMobile ? '100%' : 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',
-            } }))));
+            } })),
+        !isMobile && 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;