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

package/build/esm/togetherMoleculesProfileDetail.js

@@ -1,26 +1,26 @@
-import './tslib.es6-93aa8f12.js';
+import './tslib.es6-e8301414.js';
 import 'react';
 import 'dayjs';
-import './index-a3b71d67.js';
-import './index-5ff6f220.js';
-import './dataTransform-35189612.js';
+import './index-00e60ff4.js';
+import './index-098e9551.js';
+import './dataTransform-deafa298.js';
 import './togetherApiPaths.js';
-import './utils-aa4cf4f2.js';
-export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-3e30333c.js';
-import './index-b3e36254.js';
-import './index-fad85dbc.js';
+import './utils-d33b75d9.js';
+export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-2d41d05a.js';
+import './index-34de4e8a.js';
+import './index-386bd963.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
-import './index-49eaac83.js';
-import './shared-47c5ed2f.js';
-import './index-920b0729.js';
-import './index-6580ebec.js';
-import './index-5b88f1d2.js';
-import './index-ccd70bdf.js';
-import './index-20de1094.js';
+import './index-a85fa1ec.js';
+import './shared-ff6668c5.js';
+import './index-c8b57f1a.js';
+import './index-cd8deb84.js';
+import './index-8ab7187e.js';
+import './index-aa49c973.js';
+import './index-0418d8ce.js';
 import 'date-fns/locale';
-import './index-ba706942.js';
-import './Locale-67fb4e9b.js';
+import './index-1bed4b30.js';
+import './Locale-574fe0ae.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -30,39 +30,39 @@ import 'uuid';
 import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
-import './constants-438a26d7.js';
+import './constants-1857270b.js';
 import '@hhgtech/icons/core';
-import './index-578f906d.js';
-import './index-af84dee6.js';
-import './utils-13f5d721.js';
+import './index-5f582eb1.js';
+import './index-65f59393.js';
+import './utils-180e09c3.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-b748bcd6.js';
+import './index-a253b69f.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-31c848ae.js';
+import './index-cf08696e.js';
 import '@mantine/notifications';
 import 'classnames';
-import './useUniqueId-b0791454.js';
+import './useUniqueId-daf6402f.js';
 import '@emotion/react';
 import '@mantine/dates';
-import './index.styles-62e88e3e.js';
+import './index.styles-2efb7b19.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-56c5ba57.js';
+import './store-ef2e53a0.js';
 import 'zustand';
-import './index-d7b48af7.js';
-import './normalizeLink-e6cdb3d0.js';
+import './index-0e25984f.js';
+import './normalizeLink-c74e4594.js';
 import 'react-phone-number-input';
-import './post-8fac4bf8.js';
-import './translationsContext-fd0a148f.js';
+import './post-5a7ea78b.js';
+import './translationsContext-6d8b09b2.js';
 import 'dayjs/plugin/relativeTime';
-import './index-ab4886e2.js';
-import './paths-bf1df853.js';
-import './constants-e94ab8d3.js';
-import './index-5fb201d5.js';
-import './WhatsApp-6511b61b.js';
-import './Spinner-193e7588.js';
-import './index-47ae4418.js';
-import './index-fe937023.js';
-import './index-d0c829ea.js';
-import './index-1480ffa9.js';
+import './index-1964cc65.js';
+import './paths-ece88779.js';
+import './constants-60ad6b18.js';
+import './index-4a944721.js';
+import './WhatsApp-712e5174.js';
+import './Spinner-626842d5.js';
+import './index-328e010e.js';
+import './index-03c8996e.js';
+import './index-08af5fd0.js';
+import './index-90a8d676.js';

package/build/esm/togetherOrganisms.js

@@ -1,26 +1,26 @@
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-791207d8.js';
-export { P as PopoverMenu } from './index-b3023212.js';
-import './tslib.es6-93aa8f12.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-2cdce64b.js';
+export { P as PopoverMenu } from './index-68416762.js';
+import './tslib.es6-e8301414.js';
 import 'react';
-import './index-5b88f1d2.js';
-import './index-49eaac83.js';
+import './index-8ab7187e.js';
+import './index-a85fa1ec.js';
 import '@mantine/core';
-import './shared-47c5ed2f.js';
-import './index-920b0729.js';
-import './index-d0c829ea.js';
-import './index-6580ebec.js';
-import './index-fad85dbc.js';
-import './translationsContext-fd0a148f.js';
+import './shared-ff6668c5.js';
+import './index-c8b57f1a.js';
+import './index-08af5fd0.js';
+import './index-cd8deb84.js';
+import './index-386bd963.js';
+import './translationsContext-6d8b09b2.js';
 import 'innertext';
-import './index-c1708591.js';
-import './utils-13f5d721.js';
+import './index-40782935.js';
+import './utils-180e09c3.js';
 import 'react-dom';
-import './utils-aa4cf4f2.js';
-import './index-ccd70bdf.js';
-import './index-20de1094.js';
+import './utils-d33b75d9.js';
+import './index-aa49c973.js';
+import './index-0418d8ce.js';
 import 'date-fns/locale';
-import './index-ba706942.js';
-import './Locale-67fb4e9b.js';
+import './index-1bed4b30.js';
+import './Locale-574fe0ae.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -31,55 +31,55 @@ import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-438a26d7.js';
+import './constants-1857270b.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-eaf9555d.js';
-import './dataTransform-35189612.js';
-import './post-8fac4bf8.js';
-import './index-506ec992.js';
-import './index-fe937023.js';
+import './index-691abf63.js';
+import './dataTransform-deafa298.js';
+import './post-5a7ea78b.js';
+import './index-83e6a9db.js';
+import './index-03c8996e.js';
 import '@emotion/react';
-import './index-47ae4418.js';
-import './editor-9cbdea8d.js';
+import './index-328e010e.js';
+import './editor-3efa7927.js';
 import 'lodash/debounce';
-import './useUniqueId-b0791454.js';
+import './useUniqueId-daf6402f.js';
 import '@hhgtech/icons/other';
-import './index-c1fe223b.js';
-import './index-0b6f2c0a.js';
+import './index-073f0e8f.js';
+import './index-34665ec4.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
-import './index-af84dee6.js';
-import './index-578f906d.js';
+import './index-65f59393.js';
+import './index-5f582eb1.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-56c5ba57.js';
+import './store-ef2e53a0.js';
 import 'zustand';
-import './index-d7b48af7.js';
-import './normalizeLink-e6cdb3d0.js';
+import './index-0e25984f.js';
+import './normalizeLink-c74e4594.js';
 import 'react-phone-number-input';
-import './treePopoverMenu-4b2c18b1.js';
-import './index-5fb201d5.js';
-import './WhatsApp-6511b61b.js';
-import './Spinner-193e7588.js';
-import './index-b748bcd6.js';
+import './treePopoverMenu-86efd3e1.js';
+import './index-4a944721.js';
+import './WhatsApp-712e5174.js';
+import './Spinner-626842d5.js';
+import './index-a253b69f.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-31c848ae.js';
+import './index-cf08696e.js';
 import 'dayjs';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-62e88e3e.js';
-import './index-a3b71d67.js';
+import './index.styles-2efb7b19.js';
+import './index-00e60ff4.js';
 import 'date-fns';
-import './index-b3e36254.js';
+import './index-34de4e8a.js';
 import 'dayjs/plugin/relativeTime';
-import './index-ab4886e2.js';
-import './paths-bf1df853.js';
-import './constants-e94ab8d3.js';
-import './index-1480ffa9.js';
-import './index-3e30333c.js';
-import './index-5ff6f220.js';
-import './index-24103d2d.js';
-import './index-7fa04868.js';
+import './index-1964cc65.js';
+import './paths-ece88779.js';
+import './constants-60ad6b18.js';
+import './index-90a8d676.js';
+import './index-2d41d05a.js';
+import './index-098e9551.js';
+import './index-7dd80113.js';
+import './index-294f0250.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,32 +1,32 @@
-import './tslib.es6-93aa8f12.js';
+import './tslib.es6-e8301414.js';
 import 'react';
-import './index-5b88f1d2.js';
-import './index-eaf9555d.js';
-import './index-6580ebec.js';
-import './index-fad85dbc.js';
+import './index-8ab7187e.js';
+import './index-691abf63.js';
+import './index-cd8deb84.js';
+import './index-386bd963.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-b0791454.js';
-import './utils-aa4cf4f2.js';
-export { R as RichTextEditor, R as default } from './editor-9cbdea8d.js';
+import './useUniqueId-daf6402f.js';
+import './utils-d33b75d9.js';
+export { R as RichTextEditor, R as default } from './editor-3efa7927.js';
 import './togetherApiPaths.js';
-import './constants-438a26d7.js';
-import './post-8fac4bf8.js';
-import './index-47ae4418.js';
-import './index-b3023212.js';
-import './index-49eaac83.js';
+import './constants-1857270b.js';
+import './post-5a7ea78b.js';
+import './index-328e010e.js';
+import './index-68416762.js';
+import './index-a85fa1ec.js';
 import '@mantine/core';
-import './shared-47c5ed2f.js';
-import './index-920b0729.js';
+import './shared-ff6668c5.js';
+import './index-c8b57f1a.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-13f5d721.js';
-import './translationsContext-fd0a148f.js';
-import './index-ccd70bdf.js';
-import './index-20de1094.js';
+import './utils-180e09c3.js';
+import './translationsContext-6d8b09b2.js';
+import './index-aa49c973.js';
+import './index-0418d8ce.js';
 import 'date-fns/locale';
-import './index-ba706942.js';
-import './Locale-67fb4e9b.js';
+import './index-1bed4b30.js';
+import './Locale-574fe0ae.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';

package/build/esm/togetherShareBox.js

@@ -1,21 +1,21 @@
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { T as Text } from './index-6580ebec.js';
-import { u as useTranslations } from './index-fad85dbc.js';
+import { T as Text } from './index-cd8deb84.js';
+import { u as useTranslations } from './index-386bd963.js';
 import { theme } from './miscTheme.js';
-import { u as useScreenSize, I as ImageWrap } from './index-af84dee6.js';
-import { T as TogetherComponentGlobalContext } from './utils-aa4cf4f2.js';
+import { u as useScreenSize, I as ImageWrap } from './index-65f59393.js';
+import { T as TogetherComponentGlobalContext } from './utils-d33b75d9.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-13f5d721.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-93aa8f12.js';
+import './tslib.es6-e8301414.js';
 import '@mantine/core';
-import './index-920b0729.js';
-import './translationsContext-fd0a148f.js';
-import './index-ccd70bdf.js';
-import './index-20de1094.js';
+import './index-c8b57f1a.js';
+import './translationsContext-6d8b09b2.js';
+import './index-aa49c973.js';
+import './index-0418d8ce.js';
 import 'date-fns/locale';
-import './index-ba706942.js';
-import './Locale-67fb4e9b.js';
+import './index-1bed4b30.js';
+import './Locale-574fe0ae.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
@@ -26,7 +26,7 @@ import './miscCookieHelper.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-438a26d7.js';
+import './constants-1857270b.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{transform-9787ba76.js → transform-057dae17.js}

@@ -1,67 +1,67 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-93aa8f12.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-e8301414.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio, a as Carousel } from './index-b748bcd6.js';
+import { R as Radio, a as Carousel } from './index-a253b69f.js';
 import { Stack, Group, createStyles, getStylesRef, useMantineTheme, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal as Modal$1, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, Z as ZINDEX_SSO } from './index-20de1094.js';
-import './index-ba706942.js';
-import { C as CommonGAssets } from './index-578f906d.js';
-import './index-31c848ae.js';
-import { T as Text } from './index-6580ebec.js';
-import { B as Button$1 } from './index-49eaac83.js';
-import { F as FontWeight } from './index-920b0729.js';
-import './index.styles-62e88e3e.js';
-import './translationsContext-fd0a148f.js';
+import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, c as ZINDEX_SSO } from './index-0418d8ce.js';
+import './index-1bed4b30.js';
+import { C as CommonGAssets } from './index-5f582eb1.js';
+import './index-cf08696e.js';
+import { T as Text } from './index-cd8deb84.js';
+import { B as Button$1 } from './index-a85fa1ec.js';
+import { F as FontWeight } from './index-c8b57f1a.js';
+import './index.styles-2efb7b19.js';
+import './translationsContext-6d8b09b2.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-13f5d721.js';
-import './index-a3b71d67.js';
-import { i as isInternalLink } from './SiteWideBanner-4cef3cd7.js';
+import { M as MediaQueries } from './utils-180e09c3.js';
+import './index-00e60ff4.js';
+import { i as isInternalLink } from './SiteWideBanner-7eaf7c8e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-c7a7ac76.js';
+import { C as Checkbox, a as PureInput, b as IntrinsicImage, c as POPUP_CONTAINED_IMAGE_MAX, P as Pagination$1, d as SearchInput, I as ImageWrapV2 } from './index-c72e7e57.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-31f66281.js';
+import { L as Logo } from './index-62cb320a.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-f7d639be.js';
+import { a as useOutsideClick } from './useOutsideClick-c2afa344.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-5b88f1d2.js';
-import { u as useScreenSize, I as ImageWrap } from './index-af84dee6.js';
-import { u as useTranslations, f as format$1 } from './index-fad85dbc.js';
+import { B as Button } from './index-8ab7187e.js';
+import { u as useScreenSize, I as ImageWrap } from './index-65f59393.js';
+import { u as useTranslations, f as format$1 } from './index-386bd963.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-5e9b7799.js';
+import { D as Dropdown } from './index-e6a274f1.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-eaf9555d.js';
-import { D as Drawer } from './index-b936f94c.js';
-import { D as DrawerBottom } from './index-79847772.js';
-import { M as Modal } from './index-1480ffa9.js';
-import { f as formatArticle } from './dataTransform-35189612.js';
+import { I as Input } from './index-691abf63.js';
+import { D as Drawer } from './index-c58eb8c5.js';
+import { D as DrawerBottom } from './index-fa92e865.js';
+import { M as Modal } from './index-90a8d676.js';
+import { f as formatArticle } from './dataTransform-deafa298.js';
 import { DISCOVER_PATHS } from './togetherApiPaths.js';
-import { c as callApi, g as getDiscoverApiPath } from './utils-aa4cf4f2.js';
+import { c as callApi, g as getDiscoverApiPath } from './utils-d33b75d9.js';
 import innertext from 'innertext';
-import { L as LOCALE } from './Locale-67fb4e9b.js';
-import { g as getHelloSitesUrl } from './index-ccd70bdf.js';
-import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-438a26d7.js';
+import { L as LOCALE } from './Locale-574fe0ae.js';
+import { g as getHelloSitesUrl } from './index-aa49c973.js';
+import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-1857270b.js';
 import dayjs from 'dayjs';
 import { ArticleCard } from './moleculesArticleCard.js';
 import { v4 } from 'uuid';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-6dbfb1e5.js';
-import { L as Loading } from './index-3fbf6eed.js';
+import { A as ArrowRightBlue } from './index-2419bfb8.js';
+import { L as Loading } from './index-04a4bbfc.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './index-269dd8f8.js';
+import { C as Close } from './index-f18c5b60.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
-import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-acf0895e.js';
+import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-e7896436.js';
 
 const StarFull = (_a) => {
     var { color, stroke } = _a, props = __rest(_a, ["color", "stroke"]);
@@ -3031,6 +3031,20 @@ function PopupBoostArticleCard({ article, isMobile, className = 'article-card',
         } }));
 }
 
+function PopupContainedImage(_a) {
+    var { overlay, wrapperProps, className, style } = _a, imageProps = __rest(_a, ["overlay", "wrapperProps", "className", "style"]);
+    return (React__default.createElement(Box, Object.assign({}, wrapperProps, { sx: Object.assign({ position: 'relative', lineHeight: 0, width: '100%' }, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.sx) }),
+        React__default.createElement(IntrinsicImage, Object.assign({ className: className, style: style }, imageProps)),
+        overlay ? (React__default.createElement(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',
@@ -3280,7 +3294,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));
@@ -3316,8 +3329,10 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
     };
     const contentEle = (React__default.createElement(Box, { sx: { position: 'relative' } },
         React__default.createElement(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: {
@@ -3399,60 +3414,86 @@ function PopupBoostPageView({ source, articleId, primaryCategoryId, postId, comm
                     } })))) : null,
             boostType === 'custom' && boostCustom ? (React__default.createElement(Box, { sx: {
                     display: 'grid',
-                    gap: 12,
+                    gap: 0,
                 } },
-                boostCustom.image ? (React__default.createElement(Box, { sx: (theme) => ({
-                        marginLeft: -16,
-                        marginRight: -16,
-                        [theme.fn.largerThan('sm')]: { marginTop: -16 },
-                        width: 'calc(100% + 32px)',
-                        aspectRatio: '16 / 8',
-                        overflow: 'hidden',
-                    }) },
-                    React__default.createElement("img", { src: boostCustom.image, alt: boostCustom.title, loading: "lazy", style: {
-                            width: '100%',
-                            height: '100%',
-                            objectFit: 'cover',
-                            display: 'block',
-                        } }))) : null,
-                React__default.createElement(Stack, { spacing: 5 },
-                    React__default.createElement(Stack, { spacing: 3 },
-                        React__default.createElement(Box, { sx: {
-                                textTransform: 'uppercase',
-                                fontWeight: 'normal',
-                                fontSize: '12px',
-                                lineHeight: '15px',
-                                color: '#65676B',
-                            } }, boostCustomSourceLabel),
-                        React__default.createElement(Box, { sx: {
-                                fontSize: '16px',
-                                lineHeight: '19px',
-                                fontWeight: 500,
-                            } }, boostCustom.title)),
+                boostCustom.image ? (React__default.createElement(PopupContainedImage, { src: boostCustom.image, alt: boostCustom.title, maxWidth: POPUP_CONTAINED_IMAGE_MAX.boost.width, maxHeight: POPUP_CONTAINED_IMAGE_MAX.boost.height, viewportWidthGap: POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap, viewportHeightGap: POPUP_CONTAINED_IMAGE_MAX.boost.viewportHeightGap })) : null,
+                (!!boostCustom.title || !!boostCustom.description) && (React__default.createElement(Stack, { spacing: 5, sx: { padding: 16, paddingBottom: 0 } },
+                    !!boostCustom.title && (React__default.createElement(Box, { sx: {
+                            fontSize: '16px',
+                            lineHeight: '19px',
+                            fontWeight: 500,
+                        } }, boostCustom.title)),
                     !!boostCustom.description && (React__default.createElement(Text, { size: "p3", lineClamp: 2, sx: {
                             fontSize: '14px',
                             lineHeight: '19px',
                             color: '#65676B',
                         }, dangerouslySetInnerHTML: {
                             __html: boostCustom.description,
-                        } }))))) : null,
-            React__default.createElement(Button$1, { variant: "primary", fullWidth: true }, viewDetailText)),
+                        } })))))) : null,
+            React__default.createElement(Box, { sx: boostType === 'custom'
+                    ? {
+                        padding: 16,
+                    }
+                    : undefined },
+                React__default.createElement(Button$1, { variant: "primary", fullWidth: true }, viewDetailText))),
         React__default.createElement(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__default.createElement(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__default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": true },
+                React__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__default.createElement(DrawerBottom, { isMobile: true, isOpen: opened, onClose: handleDismiss, onRelease: handleBoostDrawerRelease, drawerOverlayProps: boostPopupTrackingData(BOOST_POPUP_TRACKING_ACTION.closeCard, currentUrl) },
-        React__default.createElement(Stack, { spacing: 16, sx: { padding: 16, paddingTop: 0 } },
-            React__default.createElement(Text, { size: "s2" }, modalHeading),
-            contentEle))) : (React__default.createElement(Modal, { title: React__default.createElement(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__default.createElement(Stack, { spacing: boostType === 'custom' ? 0 : 16, sx: boostType === 'custom'
+                ? { padding: 0 }
+                : { padding: 16, paddingTop: 0 } },
+            boostType !== 'custom' ? React__default.createElement(Text, { size: "s2" }, modalHeading) : null,
+            contentEle))) : (React__default.createElement(Modal, { title: boostType === 'custom' ? undefined : (React__default.createElement(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(${POPUP_CONTAINED_IMAGE_MAX.boost.width}px, calc(100vw - ${POPUP_CONTAINED_IMAGE_MAX.boost.viewportWidthGap}px))`,
+                    overflow: 'hidden',
+                }
+                : undefined,
+            body: boostType === 'custom'
+                ? {
+                    padding: '0 !important',
+                }
+                : {
+                    '&:not(:only-child)': {
+                        paddingTop: 16,
+                    },
                 },
-            },
         } }, contentEle));
 }
 
@@ -6941,4 +6982,4 @@ const formatSiteWideBanner = (sitewideBanner, type = 'home') => {
     };
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, getBmiPersistedUnitSystem as E, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, formatSiteWideBanner as J, StarFull as K, List as L, ModalGallery as M, StarHalf as N, StarUpgrade as O, PopupBoostArticleCard as P, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, PopupBoostPageView as k, FixedBottomAdBlock as l, SummaryInfo as m, ListContext as n, useList as o, QuickFilterWrapLine as p, CardListItem as q, useModalGalleryContext as r, ModalGalleryProvider as s, CertificateItem as t, useListContext as u, RatingStars as v, RatingStarsInput as w, MAX_RATING as x, AnsweredByDoctor as y, BMI_STORAGE_IMPERIAL_LOCALES as z };
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, BMI_STORAGE_IMPERIAL_LOCALES as E, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, getBmiPersistedUnitSystem as J, formatSiteWideBanner as K, List as L, ModalGallery as M, StarFull as N, StarHalf as O, PopupBoostArticleCard as P, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, StarUpgrade as U, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, PopupBoostPageView as k, PopupContainedImage as l, FixedBottomAdBlock as m, SummaryInfo as n, ListContext as o, useList as p, QuickFilterWrapLine as q, CardListItem as r, useModalGalleryContext as s, ModalGalleryProvider as t, useListContext as u, CertificateItem as v, RatingStars as w, RatingStarsInput as x, MAX_RATING as y, AnsweredByDoctor as z };

package/build/esm/{translationsProvider-3d10fe0b.js → translationsProvider-e245d954.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-fd0a148f.js';
+import { T as TranslationsContext } from './translationsContext-6d8b09b2.js';
 import defaultTranslations from './i18n-values/en-PH.js';
 import hiTranslations from './i18n-values/hi-IN.js';
 import idTranslations from './i18n-values/id-ID.js';