@hhgtech/hhg-components 1.29.553 → 1.29.554

package/build/esm/togetherMoleculesProfileDetail.js

@@ -1,26 +1,26 @@
-import './tslib.es6-9c5a21dd.js';
+import './tslib.es6-88c4a6c3.js';
 import 'react';
 import 'dayjs';
-import './index-c720fa93.js';
-import './index-a13eabce.js';
-import './dataTransform-a0afd053.js';
+import './index-a90c695c.js';
+import './index-0494243f.js';
+import './dataTransform-ff6c479e.js';
 import './togetherApiPaths.js';
-import './utils-48dbbf37.js';
-export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-b482d0bd.js';
-import './index-eed1e073.js';
-import './index-920fd9d1.js';
+import './utils-7bf25182.js';
+export { a as ProfileDetail, b as TabDataInit, T as TabName, U as UserType } from './index-d316b2f5.js';
+import './index-6f92c792.js';
+import './index-51f03fb2.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
-import './index-fb24455e.js';
-import './shared-563102bf.js';
-import './index-9d87f0ef.js';
-import './index-497858f5.js';
-import './index-a4f20e50.js';
-import './index-70ddd366.js';
-import './index-cd77a8a5.js';
+import './index-4d9dc68f.js';
+import './shared-14bc508b.js';
+import './index-a68aaa02.js';
+import './index-baffeb85.js';
+import './index-426c2142.js';
+import './index-6e96b655.js';
+import './index-f08a9fea.js';
 import 'date-fns/locale';
-import './index-27d59823.js';
-import './Locale-e891a019.js';
+import './index-a6365bfe.js';
+import './Locale-1f2c21eb.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-ac0e5832.js';
+import './constants-f51c0226.js';
 import '@hhgtech/icons/core';
-import './index-7cbb866e.js';
-import './index-4cc5219a.js';
-import './utils-15ced208.js';
+import './index-869c8fb8.js';
+import './index-0d7710c3.js';
+import './utils-7233a650.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-39139ecb.js';
+import './index-38840843.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-e288d524.js';
+import './index-6e10940c.js';
 import '@mantine/notifications';
 import 'classnames';
-import './useUniqueId-2ef5cb40.js';
+import './useUniqueId-37f1fceb.js';
 import '@emotion/react';
 import '@mantine/dates';
-import './index.styles-c5ded421.js';
+import './index.styles-40ea7bc6.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-a2f1429c.js';
+import './store-8dea051b.js';
 import 'zustand';
-import './index-73637168.js';
-import './normalizeLink-e58a0f6a.js';
+import './index-c36decda.js';
+import './normalizeLink-0605f30f.js';
 import 'react-phone-number-input';
-import './post-da596755.js';
-import './translationsContext-b7d141f9.js';
+import './post-4cb9f8a8.js';
+import './translationsContext-d27f5a58.js';
 import 'dayjs/plugin/relativeTime';
-import './index-c1690542.js';
-import './paths-539a8c42.js';
-import './constants-8f6a146a.js';
-import './index-5ad5e1ba.js';
-import './WhatsApp-db7af3fa.js';
-import './Spinner-210db903.js';
-import './index-212541b8.js';
-import './index-4098393b.js';
-import './index-765123b0.js';
-import './index-619463bb.js';
+import './index-1d807322.js';
+import './paths-738c1322.js';
+import './constants-268ac492.js';
+import './index-0e1dcf59.js';
+import './WhatsApp-c880711d.js';
+import './Spinner-aafa7c71.js';
+import './index-4c6a29e0.js';
+import './index-e25129e1.js';
+import './index-91740e7a.js';
+import './index-97b62aad.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-99ffde25.js';
-export { P as PopoverMenu } from './index-115de151.js';
-import './tslib.es6-9c5a21dd.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-f71c46a0.js';
+export { P as PopoverMenu } from './index-c92c5f97.js';
+import './tslib.es6-88c4a6c3.js';
 import 'react';
-import './index-a4f20e50.js';
-import './index-fb24455e.js';
+import './index-426c2142.js';
+import './index-4d9dc68f.js';
 import '@mantine/core';
-import './shared-563102bf.js';
-import './index-9d87f0ef.js';
-import './index-765123b0.js';
-import './index-497858f5.js';
-import './index-920fd9d1.js';
-import './translationsContext-b7d141f9.js';
+import './shared-14bc508b.js';
+import './index-a68aaa02.js';
+import './index-91740e7a.js';
+import './index-baffeb85.js';
+import './index-51f03fb2.js';
+import './translationsContext-d27f5a58.js';
 import 'innertext';
-import './index-cfac0a71.js';
-import './utils-15ced208.js';
+import './index-f36262e3.js';
+import './utils-7233a650.js';
 import 'react-dom';
-import './utils-48dbbf37.js';
-import './index-70ddd366.js';
-import './index-cd77a8a5.js';
+import './utils-7bf25182.js';
+import './index-6e96b655.js';
+import './index-f08a9fea.js';
 import 'date-fns/locale';
-import './index-27d59823.js';
-import './Locale-e891a019.js';
+import './index-a6365bfe.js';
+import './Locale-1f2c21eb.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-ac0e5832.js';
+import './constants-f51c0226.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-e51cbe2d.js';
-import './dataTransform-a0afd053.js';
-import './post-da596755.js';
-import './index-8f04da7b.js';
-import './index-4098393b.js';
+import './index-1102f24e.js';
+import './dataTransform-ff6c479e.js';
+import './post-4cb9f8a8.js';
+import './index-58e4f71f.js';
+import './index-e25129e1.js';
 import '@emotion/react';
-import './index-212541b8.js';
-import './editor-2a227419.js';
+import './index-4c6a29e0.js';
+import './editor-0edfba01.js';
 import 'lodash/debounce';
-import './useUniqueId-2ef5cb40.js';
+import './useUniqueId-37f1fceb.js';
 import '@hhgtech/icons/other';
-import './index-07c5406c.js';
-import './index-eede9580.js';
+import './index-6b4da80b.js';
+import './index-da8682dc.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
-import './index-4cc5219a.js';
-import './index-7cbb866e.js';
+import './index-0d7710c3.js';
+import './index-869c8fb8.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-a2f1429c.js';
+import './store-8dea051b.js';
 import 'zustand';
-import './index-73637168.js';
-import './normalizeLink-e58a0f6a.js';
+import './index-c36decda.js';
+import './normalizeLink-0605f30f.js';
 import 'react-phone-number-input';
-import './treePopoverMenu-a4988764.js';
-import './index-5ad5e1ba.js';
-import './WhatsApp-db7af3fa.js';
-import './Spinner-210db903.js';
-import './index-39139ecb.js';
+import './treePopoverMenu-1933d9f4.js';
+import './index-0e1dcf59.js';
+import './WhatsApp-c880711d.js';
+import './Spinner-aafa7c71.js';
+import './index-38840843.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-e288d524.js';
+import './index-6e10940c.js';
 import 'dayjs';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-c5ded421.js';
-import './index-c720fa93.js';
+import './index.styles-40ea7bc6.js';
+import './index-a90c695c.js';
 import 'date-fns';
-import './index-eed1e073.js';
+import './index-6f92c792.js';
 import 'dayjs/plugin/relativeTime';
-import './index-c1690542.js';
-import './paths-539a8c42.js';
-import './constants-8f6a146a.js';
-import './index-619463bb.js';
-import './index-b482d0bd.js';
-import './index-a13eabce.js';
-import './index-a58cbd6a.js';
-import './index-38e5b6fc.js';
+import './index-1d807322.js';
+import './paths-738c1322.js';
+import './constants-268ac492.js';
+import './index-97b62aad.js';
+import './index-d316b2f5.js';
+import './index-0494243f.js';
+import './index-894f99aa.js';
+import './index-38d95bab.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,32 +1,32 @@
-import './tslib.es6-9c5a21dd.js';
+import './tslib.es6-88c4a6c3.js';
 import 'react';
-import './index-a4f20e50.js';
-import './index-e51cbe2d.js';
-import './index-497858f5.js';
-import './index-920fd9d1.js';
+import './index-426c2142.js';
+import './index-1102f24e.js';
+import './index-baffeb85.js';
+import './index-51f03fb2.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-2ef5cb40.js';
-import './utils-48dbbf37.js';
-export { R as RichTextEditor, R as default } from './editor-2a227419.js';
+import './useUniqueId-37f1fceb.js';
+import './utils-7bf25182.js';
+export { R as RichTextEditor, R as default } from './editor-0edfba01.js';
 import './togetherApiPaths.js';
-import './constants-ac0e5832.js';
-import './post-da596755.js';
-import './index-212541b8.js';
-import './index-115de151.js';
-import './index-fb24455e.js';
+import './constants-f51c0226.js';
+import './post-4cb9f8a8.js';
+import './index-4c6a29e0.js';
+import './index-c92c5f97.js';
+import './index-4d9dc68f.js';
 import '@mantine/core';
-import './shared-563102bf.js';
-import './index-9d87f0ef.js';
+import './shared-14bc508b.js';
+import './index-a68aaa02.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-15ced208.js';
-import './translationsContext-b7d141f9.js';
-import './index-70ddd366.js';
-import './index-cd77a8a5.js';
+import './utils-7233a650.js';
+import './translationsContext-d27f5a58.js';
+import './index-6e96b655.js';
+import './index-f08a9fea.js';
 import 'date-fns/locale';
-import './index-27d59823.js';
-import './Locale-e891a019.js';
+import './index-a6365bfe.js';
+import './Locale-1f2c21eb.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-497858f5.js';
-import { u as useTranslations } from './index-920fd9d1.js';
+import { T as Text } from './index-baffeb85.js';
+import { u as useTranslations } from './index-51f03fb2.js';
 import { theme } from './miscTheme.js';
-import { u as useScreenSize, I as ImageWrap } from './index-4cc5219a.js';
-import { T as TogetherComponentGlobalContext } from './utils-48dbbf37.js';
+import { u as useScreenSize, I as ImageWrap } from './index-0d7710c3.js';
+import { T as TogetherComponentGlobalContext } from './utils-7bf25182.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-15ced208.js';
+import { M as MediaQueries } from './utils-7233a650.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-9c5a21dd.js';
+import './tslib.es6-88c4a6c3.js';
 import '@mantine/core';
-import './index-9d87f0ef.js';
-import './translationsContext-b7d141f9.js';
-import './index-70ddd366.js';
-import './index-cd77a8a5.js';
+import './index-a68aaa02.js';
+import './translationsContext-d27f5a58.js';
+import './index-6e96b655.js';
+import './index-f08a9fea.js';
 import 'date-fns/locale';
-import './index-27d59823.js';
-import './Locale-e891a019.js';
+import './index-a6365bfe.js';
+import './Locale-1f2c21eb.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-ac0e5832.js';
+import './constants-f51c0226.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{transform-6d1dd5d7.js → transform-1ad75f94.js}

@@ -1,67 +1,67 @@
-import { a as __rest, _ as __awaiter } from './tslib.es6-9c5a21dd.js';
+import { a as __rest, _ as __awaiter } from './tslib.es6-88c4a6c3.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-39139ecb.js';
+import { R as Radio, a as Carousel } from './index-38840843.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, c as ZINDEX_SSO } from './index-cd77a8a5.js';
-import './index-27d59823.js';
-import { C as CommonGAssets } from './index-7cbb866e.js';
-import './index-e288d524.js';
-import { T as Text } from './index-497858f5.js';
-import { B as Button$1 } from './index-fb24455e.js';
-import { F as FontWeight } from './index-9d87f0ef.js';
-import './index.styles-c5ded421.js';
-import './translationsContext-b7d141f9.js';
+import { L as LOCALE_SPECS, F as FAVICONS, I as ISO_FORMAT, c as ZINDEX_SSO } from './index-f08a9fea.js';
+import './index-a6365bfe.js';
+import { C as CommonGAssets } from './index-869c8fb8.js';
+import './index-6e10940c.js';
+import { T as Text } from './index-baffeb85.js';
+import { B as Button$1 } from './index-4d9dc68f.js';
+import { F as FontWeight } from './index-a68aaa02.js';
+import './index.styles-40ea7bc6.js';
+import './translationsContext-d27f5a58.js';
 import { useDisclosure } from '@mantine/hooks';
-import { M as MediaQueries } from './utils-15ced208.js';
-import './index-c720fa93.js';
-import { i as isInternalLink } from './SiteWideBanner-35694800.js';
+import { M as MediaQueries } from './utils-7233a650.js';
+import './index-a90c695c.js';
+import { i as isInternalLink } from './SiteWideBanner-46dbb873.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-5488a25b.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-86242a29.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-638ac752.js';
+import { L as Logo } from './index-b325fe26.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-2d1b55e5.js';
+import { a as useOutsideClick } from './useOutsideClick-b208aceb.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-a4f20e50.js';
-import { u as useScreenSize, I as ImageWrap } from './index-4cc5219a.js';
-import { u as useTranslations, f as format$1 } from './index-920fd9d1.js';
+import { B as Button } from './index-426c2142.js';
+import { u as useScreenSize, I as ImageWrap } from './index-0d7710c3.js';
+import { u as useTranslations, f as format$1 } from './index-51f03fb2.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-e240aa14.js';
+import { D as Dropdown } from './index-a64ad725.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-e51cbe2d.js';
-import { D as Drawer } from './index-f50c5e3e.js';
-import { D as DrawerBottom } from './index-d5669044.js';
-import { M as Modal } from './index-619463bb.js';
-import { f as formatArticle } from './dataTransform-a0afd053.js';
+import { I as Input } from './index-1102f24e.js';
+import { D as Drawer } from './index-43220436.js';
+import { D as DrawerBottom } from './index-3746cae6.js';
+import { M as Modal } from './index-97b62aad.js';
+import { f as formatArticle } from './dataTransform-ff6c479e.js';
 import { DISCOVER_PATHS } from './togetherApiPaths.js';
-import { c as callApi, g as getDiscoverApiPath } from './utils-48dbbf37.js';
+import { c as callApi, g as getDiscoverApiPath } from './utils-7bf25182.js';
 import innertext from 'innertext';
-import { L as LOCALE } from './Locale-e891a019.js';
-import { g as getHelloSitesUrl } from './index-70ddd366.js';
-import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-ac0e5832.js';
+import { L as LOCALE } from './Locale-1f2c21eb.js';
+import { g as getHelloSitesUrl } from './index-6e96b655.js';
+import { P as POST_DATE_FORMAT, D as DEFAULT_AVATAR_IMG, a as DEFAULT_IMG } from './constants-f51c0226.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-a64fed33.js';
-import { L as Loading } from './index-67f1b12a.js';
+import { A as ArrowRightBlue } from './index-9b74f61a.js';
+import { L as Loading } from './index-68a238fa.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './index-2c7e9d23.js';
+import { C as Close } from './index-66dc5d98.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
-import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-aaf9e01a.js';
+import { D as DEFAULT_HEADER_HEIGHT_MOBILE } from './constants-f45319ae.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: isMobile ? '100%' : 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',
-            } }))));
+            } })),
+        !isMobile && 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-19d32434.js → translationsProvider-05e50df0.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-b7d141f9.js';
+import { T as TranslationsContext } from './translationsContext-d27f5a58.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';