@hhgtech/hhg-components 1.29.553 → 1.29.555

package/build/esm/subot/subotInlineRevamp/with-theme.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { SubotInlineRevampContainerProps } from "./types";
-type Props = Omit<SubotInlineRevampContainerProps, 'bgColor' | 'primaryColor' | 'container_bg_image' | 'textColor' | 'textButtonColor' | 'bgContentColor' | 'bgImgFullContainer'>;
-declare const SubotInlineRevampWithTheme: ({ onLoadFirstNode, ...props }: Props) => React.JSX.Element;
+type Props = Omit<SubotInlineRevampContainerProps, 'bgColor' | 'primaryColor' | 'container_bg_image' | 'textColor' | 'textButtonColor' | 'bgContentColor' | 'bgImgFullContainer'> & {
+    withoutSkeleton?: boolean;
+};
+declare const SubotInlineRevampWithTheme: ({ onLoadFirstNode, withoutSkeleton, ...props }: Props) => React.JSX.Element;
 export default SubotInlineRevampWithTheme;

package/build/esm/subot.js

@@ -1,80 +1,80 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, useImperativeHandle, memo, useLayoutEffect } from 'react';
-import { d as NodeType, E as ELEMENT_CONTROL_INPUT_TYPE, f as NodeActionType, c as NodePosition, e as NodeFinalTypes, g as NodeMultipleOptions, N as NodeIntentType, F as FULL_KEY_ADDRESS, C as COMMON_DATE_TRANSLATE_KEY, h as SubotType } from './index-27d59823.js';
-import { _ as __awaiter, a as __rest } from './tslib.es6-9c5a21dd.js';
-import { b as basePath, G as GA_TOKEN_COOKIE, A as API_DATE_FORMAT, I as ISO_FORMAT, l as SSO_URL } from './index-cd77a8a5.js';
+import { d as NodeType, E as ELEMENT_CONTROL_INPUT_TYPE, f as NodeActionType, c as NodePosition, e as NodeFinalTypes, g as NodeMultipleOptions, N as NodeIntentType, F as FULL_KEY_ADDRESS, C as COMMON_DATE_TRANSLATE_KEY, h as SubotType } from './index-63975f23.js';
+import { _ as __awaiter, a as __rest } from './tslib.es6-632bf997.js';
+import { b as basePath, G as GA_TOKEN_COOKIE, A as API_DATE_FORMAT, I as ISO_FORMAT, l as SSO_URL } from './index-fbeefcc5.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-48dbbf37.js';
+import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-73b9f267.js';
 import formatString from 'string-format';
-import { b as getUserIdFromCookie, d as getSubotCookieId, e as getUserInfoFromCookie, f as getWindowId, o as overrideParamsByQuery, c as checkUntilFinished, g as getHelloSitesUrl, h as checkMobile, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, k as isFakeEmail, s as ssoIntents, l as getHhgIdFromCookie } from './index-70ddd366.js';
-export { T as TIME_RESET_RESEND_OTP, h as checkMobile, c as checkUntilFinished, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, g as getHelloSitesUrl, l as getHhgIdFromCookie, d as getSubotCookieId, b as getUserIdFromCookie, e as getUserInfoFromCookie, f as getWindowId, k as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-70ddd366.js';
+import { b as getUserIdFromCookie, d as getSubotCookieId, e as getUserInfoFromCookie, f as getWindowId, o as overrideParamsByQuery, c as checkUntilFinished, g as getHelloSitesUrl, h as checkMobile, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, k as isFakeEmail, s as ssoIntents, l as getHhgIdFromCookie } from './index-2d6090b5.js';
+export { T as TIME_RESET_RESEND_OTP, h as checkMobile, c as checkUntilFinished, i as clickAndOpenInNewTab, j as formatUrlWithEncrypedGa, g as getHelloSitesUrl, l as getHhgIdFromCookie, d as getSubotCookieId, b as getUserIdFromCookie, e as getUserInfoFromCookie, f as getWindowId, k as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-2d6090b5.js';
 import dayjs from 'dayjs';
 import { MAP_DOMAIN_BY_LOCALE, domainLocales } from './constantsDomainLocales.js';
-import { Box, Textarea, clsx } from '@mantine/core';
+import { Box, Textarea, clsx, Stack, Flex, Skeleton } from '@mantine/core';
 import classNames from 'classnames';
-import { C as Container$w } from './index-00b7fc46.js';
-import { L as Loading } from './index-67f1b12a.js';
+import { C as Container$w } from './index-0e6651a2.js';
+import { L as Loading } from './index-c2eaa338.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-15ced208.js';
-import { B as Button } from './index-fb24455e.js';
+import { M as MediaQueries } from './utils-8462eff3.js';
+import { B as Button } from './index-af78c4b5.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight as ArrowRight$1 } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
-import { C as CommonGAssets } from './index-7cbb866e.js';
+import { C as CommonGAssets } from './index-db08d571.js';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-ac0e5832.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-9a68035b.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-497858f5.js';
+import { T as Text } from './index-ffbf3d64.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-39139ecb.js';
+import { S as Select } from './index-2bc52c92.js';
 import '@mantine/dates';
-import './index-e288d524.js';
-import './index-9d87f0ef.js';
-import './index.styles-c5ded421.js';
-import './translationsContext-b7d141f9.js';
+import './index-85e64834.js';
+import './index-93b4db6c.js';
+import './index.styles-d71962b3.js';
+import './translationsContext-0b2f6cbc.js';
 import '@mantine/hooks';
-import './index-c720fa93.js';
+import './index-b1dafc3f.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-3d3f10ed.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-d745bee1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-e891a019.js';
-import { I as InputDate } from './InputDate-edc49e1a.js';
-import { B as Button$1 } from './index-a4f20e50.js';
-import { D as Dropdown } from './index-e240aa14.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-a2f1429c.js';
-import { g as getURLwithSSOTracking } from './utils-8568d428.js';
-import { T as TextArea } from './index-77ef23f9.js';
+import { L as LOCALE } from './Locale-41b2ca62.js';
+import { I as InputDate } from './InputDate-f1a84f4a.js';
+import { B as Button$1 } from './index-813d4ce7.js';
+import { D as Dropdown } from './index-08e7c341.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-282fd26e.js';
+import { g as getURLwithSSOTracking } from './utils-35d56dcf.js';
+import { T as TextArea } from './index-81b81c8f.js';
 import StarRatings from 'react-star-ratings';
 import { ArticleCard } from './moleculesArticleCard.js';
-import { T as Text$1 } from './index-874c0623.js';
-import { H as Heading } from './index-765123b0.js';
+import { T as Text$1 } from './index-934aec26.js';
+import { H as Heading$1 } from './index-1e126ce6.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-5ad5e1ba.js';
-import './WhatsApp-db7af3fa.js';
-import './Spinner-210db903.js';
-import './index-920fd9d1.js';
-import './shared-563102bf.js';
-import './index-4cc5219a.js';
+import './index-57b3bf93.js';
+import './WhatsApp-f2bff0e4.js';
+import './Spinner-aa1954d1.js';
+import './index-39c670d2.js';
+import './shared-97931396.js';
+import './index-57dfea82.js';
 import '@mantine/carousel';
-import './useUniqueId-2ef5cb40.js';
+import './useUniqueId-5ffce1e0.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'zustand';
-import './index-73637168.js';
-import './normalizeLink-e58a0f6a.js';
-import './healthTools-ad643e62.js';
+import './index-52032f0c.js';
+import './normalizeLink-deec0a0f.js';
+import './healthTools-be477047.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);
@@ -1340,6 +1340,25 @@ const StyledContainerFullscreen = styled.div `
       gap: 30px;
     }
 
+    &.si-no-left-info {
+      ${MediaQueries.mbUp} {
+        flex-direction: column;
+        align-items: flex-end;
+
+        .si-revamp-right {
+          max-width: 720px;
+          min-width: 0;
+          width: 100%;
+        }
+
+        .disclaimer-bottom.subot-form {
+          display: block;
+          width: 100%;
+          max-width: 720px;
+        }
+      }
+    }
+
     &.si-typeform-container {
       flex-direction: column;
       .si-revamp-left,
@@ -1946,8 +1965,14 @@ const StyledWrap$o = styled.div `
   }
 `;
 
+const hasSubotLeftInfo = (subotSettingData) => Boolean((subotSettingData === null || subotSettingData === void 0 ? void 0 : subotSettingData.inlineImage) ||
+    (subotSettingData === null || subotSettingData === void 0 ? void 0 : subotSettingData.inilneHeadline) ||
+    ((subotSettingData === null || subotSettingData === void 0 ? void 0 : subotSettingData.reviewByAvatar) && (subotSettingData === null || subotSettingData === void 0 ? void 0 : subotSettingData.reviewByName)));
 const Container$t = ({ subotSettingData, layout = 'vertical' }) => {
     const isShowExpert = subotSettingData.reviewByAvatar && subotSettingData.reviewByName;
+    if (!hasSubotLeftInfo(subotSettingData)) {
+        return null;
+    }
     return (React__default.createElement(StyledContainer$1, null,
         React__default.createElement(StyledWrap$o, { "data-layout": layout },
             subotSettingData.inlineImage && (React__default.createElement("img", { loading: "lazy", alt: "Inline heading", className: "si-image", src: subotSettingData.inlineImage })),
@@ -6407,13 +6432,17 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
         return;
     }, [bgImgFullContainer]);
     if (isFullContainer) {
-        return (React__default.createElement(StyledContainerFullscreen, { className: "si-container-fs", style: styleFullContainer },
-            React__default.createElement(Container$w, { className: `si-container ${typeFormProps ? 'si-typeform-container' : ''}` },
-                React__default.createElement("div", { className: "si-revamp-left" },
+        const showLeftInfo = hasSubotLeftInfo(subotSettingData);
+        return (React__default.createElement(StyledContainerFullscreen, { className: "si-container-fs", style: styleFullContainer, "data-has-left-info": showLeftInfo },
+            React__default.createElement(Container$w, { className: clsx('si-container', {
+                    'si-typeform-container': Boolean(typeFormProps),
+                    'si-no-left-info': !showLeftInfo,
+                }) },
+                showLeftInfo && (React__default.createElement("div", { className: "si-revamp-left" },
                     React__default.createElement(Container$t, { layout: (typeFormProps && locale) || isMobile
                             ? 'horizontal'
                             : 'vertical', subotSettingData: subotSettingData }),
-                    React__default.createElement(Container$v, { className: clsx(formClass, 'disclaimer-top') })),
+                    React__default.createElement(Container$v, { className: clsx(formClass, 'disclaimer-top') }))),
                 React__default.createElement("div", { className: "si-revamp-right" }, rendered),
                 React__default.createElement(Container$v, { className: clsx(formClass, 'disclaimer-bottom') }))));
     }
@@ -6465,10 +6494,176 @@ const ContainerWithProvider = (props) => {
         React__default.createElement(Container, null)));
 };
 
+const Root = styled(Box) `
+  position: relative;
+  background-color: var(--mantine-color-blue-0, #e7f5ff);
+
+  ${MediaQueries.mbDown} {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+
+  ${MediaQueries.mbUp} {
+    padding-top: 80px;
+    padding-bottom: 80px;
+    ${({ $isTypeForm }) => !$isTypeForm &&
+    `
+      min-height: calc(654px + 160px);
+    `}
+  }
+`;
+const Inner = styled(Container$w) `
+  display: flex;
+  gap: 24px;
+
+  ${({ $loading }) => !$loading &&
+    `
+    position: absolute;
+    visibility: hidden;
+    pointer-events: none;
+  `}
+
+  ${MediaQueries.mbDown} {
+    flex-direction: column;
+  }
+
+  ${MediaQueries.mbUp} {
+    gap: 30px;
+    ${({ $isTypeForm }) => $isTypeForm
+    ? `
+      flex-direction: column;
+    `
+    : `
+      flex-direction: row;
+    `}
+    ${({ $hasLeftInfo, $isTypeForm }) => !$hasLeftInfo &&
+    !$isTypeForm &&
+    `
+      justify-content: flex-end;
+    `}
+  }
+`;
+const ColLeft = styled(Stack) `
+  width: 100%;
+  max-width: 490px;
+
+  &[data-type-form='true'] {
+    max-width: 900px;
+  }
+`;
+const ColRight = styled(Flex) `
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 12px;
+  align-items: center;
+  justify-content: center;
+
+  ${MediaQueries.mbDown} {
+    min-height: 80vh;
+    width: 100%;
+  }
+
+  ${MediaQueries.mbUp} {
+    border-radius: 20px;
+    padding: 48px;
+    min-height: ${({ $isTypeForm }) => ($isTypeForm ? '550px' : '654px')};
+    width: ${({ $isTypeForm }) => ($isTypeForm ? '100%' : '720px')};
+    max-width: 720px;
+  }
+`;
+const Header = styled(Stack) `
+  ${MediaQueries.mbDown} {
+    flex-direction: row;
+    gap: 16px;
+  }
+`;
+const Heading = styled(Stack) `
+  ${MediaQueries.mbDown} {
+    width: calc(100% - 48px);
+  }
+`;
+const IconSkeleton = styled(Skeleton) `
+  ${MediaQueries.mbDown} {
+    width: 48px !important;
+    height: 48px !important;
+    min-width: 48px;
+  }
+`;
+const Form = styled.div `
+  ${({ $loading }) => $loading
+    ? `
+    position: absolute;
+    inset: 0;
+  `
+    : `
+    position: relative;
+  `}
+`;
+const DisclaimerRow = styled(Flex) `
+  gap: 8px;
+  align-items: center;
+
+  ${({ $isTypeForm }) => !$isTypeForm &&
+    `
+    ${MediaQueries.mbUp} {
+      display: none;
+    }
+  `}
+`;
+const SubotInlineSkeleton = ({ children, loading, hasLeftInfo = true, isTypeForm = false, }) => {
+    return (React__default.createElement(Root, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm },
+        React__default.createElement(Inner, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm, "$loading": loading, style: { opacity: Number(loading) } },
+            hasLeftInfo && (React__default.createElement(ColLeft, { spacing: 24, justify: "space-between", "data-type-form": isTypeForm },
+                React__default.createElement(Header, { spacing: isTypeForm ? 12 : 24 },
+                    React__default.createElement(IconSkeleton, { height: 64, width: 64, radius: "100%" }),
+                    React__default.createElement(Heading, { spacing: isTypeForm ? 8 : 16 }, isTypeForm ? (React__default.createElement(Skeleton, { height: 36, width: "100%", radius: 12 })) : (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(Skeleton, { height: 24, width: "100%", radius: 12 }),
+                        React__default.createElement(Skeleton, { height: 24, width: "70%", radius: 12 }))))),
+                React__default.createElement(Flex, { gap: 12, align: "center", sx: isTypeForm
+                        ? (theme) => ({
+                            [theme.fn.largerThan('sm')]: {
+                                marginLeft: 60,
+                                marginTop: -20,
+                            },
+                        })
+                        : undefined },
+                    React__default.createElement(Skeleton, { height: 40, width: 40, radius: "100%", sx: { flexShrink: 0 } }),
+                    React__default.createElement(Stack, { spacing: 8, sx: { width: '100%' } },
+                        React__default.createElement(Skeleton, { height: 12, width: isTypeForm ? '80%' : '100%', radius: 4 }),
+                        React__default.createElement(Skeleton, { height: 12, width: isTypeForm ? '30%' : '70%', radius: 4 }))))),
+            React__default.createElement(ColRight, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm },
+                React__default.createElement(Stack, { spacing: 16, sx: { width: '100%' } },
+                    React__default.createElement(Skeleton, { height: 32, width: "80%", radius: 8 }),
+                    React__default.createElement(Stack, { spacing: 8 },
+                        React__default.createElement(Skeleton, { height: 16, width: "100%", radius: 4 }),
+                        React__default.createElement(Skeleton, { height: 16, width: "100%", radius: 4 }),
+                        React__default.createElement(Skeleton, { height: 16, width: "40%", radius: 4 })),
+                    React__default.createElement(Skeleton, { height: 40, width: 130, radius: 8 }))),
+            React__default.createElement(DisclaimerRow, { "$isTypeForm": isTypeForm },
+                React__default.createElement(Skeleton, { height: 20, width: 20, radius: "100%" }),
+                React__default.createElement(Skeleton, { height: 16, width: 300, radius: 4 }))),
+        React__default.createElement(Form, { "$loading": loading, style: { opacity: Number(!loading) } }, children)));
+};
+
+const toLeftInfoSettings = (botData) => ({
+    inlineImage: botData.inline_image || '',
+    inilneHeadline: botData.inline_headline || '',
+    reviewByAvatar: botData.inline_avatar || '',
+    reviewByName: botData.inline_review || '',
+    reviewBySpecialty: botData.inline_speciality || '',
+    reviewByHospital: botData.inline_hospital_name || '',
+});
 const SubotInlineRevampWithTheme = (_a) => {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var { onLoadFirstNode } = _a, props = __rest(_a, ["onLoadFirstNode"]);
+    var { onLoadFirstNode, withoutSkeleton } = _a, props = __rest(_a, ["onLoadFirstNode", "withoutSkeleton"]);
     const [botData, setBotData] = useState(null);
+    const [isSkeletonVisible, setIsSkeletonVisible] = useState(!withoutSkeleton);
+    const isTypeForm = Boolean(props.typeFormProps);
+    const hasLeftInfo = useMemo(() => {
+        if (!botData)
+            return true;
+        return hasSubotLeftInfo(toLeftInfoSettings(botData));
+    }, [botData]);
     useEffect(() => {
         (() => __awaiter(void 0, void 0, void 0, function* () {
             const subotInlineFirstNode = yield Promise.resolve().then(function () { return index; }).then((res) => res.subotInlineFirstNode);
@@ -6478,13 +6673,21 @@ const SubotInlineRevampWithTheme = (_a) => {
         }))();
     }, [props.id]);
     useEffect(() => {
-        if (botData) {
-            onLoadFirstNode === null || onLoadFirstNode === void 0 ? void 0 : onLoadFirstNode(botData);
+        if (!botData)
+            return;
+        onLoadFirstNode === null || onLoadFirstNode === void 0 ? void 0 : onLoadFirstNode(botData);
+        if (withoutSkeleton) {
+            setIsSkeletonVisible(false);
+            return;
         }
-    }, [botData, onLoadFirstNode]);
-    if (!botData)
-        return null;
-    return (React__default.createElement(ContainerWithProvider, Object.assign({}, props, { primaryColor: (_c = (_b = botData.extra_settings) === null || _b === void 0 ? void 0 : _b.inline_styles) === null || _c === void 0 ? void 0 : _c.primary_color, textColor: (_e = (_d = botData.extra_settings) === null || _d === void 0 ? void 0 : _d.inline_styles) === null || _e === void 0 ? void 0 : _e.text_color, textButtonColor: (_g = (_f = botData.extra_settings) === null || _f === void 0 ? void 0 : _f.inline_styles) === null || _g === void 0 ? void 0 : _g.text_button_color, bgColor: (_j = (_h = botData.extra_settings) === null || _h === void 0 ? void 0 : _h.inline_styles) === null || _j === void 0 ? void 0 : _j.container_bg_color, bgContentColor: (_l = (_k = botData.extra_settings) === null || _k === void 0 ? void 0 : _k.inline_styles) === null || _l === void 0 ? void 0 : _l.content_bg_color, bgImgFullContainer: (_o = (_m = botData.extra_settings) === null || _m === void 0 ? void 0 : _m.inline_styles) === null || _o === void 0 ? void 0 : _o.container_bg_image })));
+        const timer = setTimeout(() => setIsSkeletonVisible(false), 600);
+        return () => clearTimeout(timer);
+    }, [botData, onLoadFirstNode, withoutSkeleton]);
+    const content = botData ? (React__default.createElement(ContainerWithProvider, Object.assign({}, props, { primaryColor: (_c = (_b = botData.extra_settings) === null || _b === void 0 ? void 0 : _b.inline_styles) === null || _c === void 0 ? void 0 : _c.primary_color, textColor: (_e = (_d = botData.extra_settings) === null || _d === void 0 ? void 0 : _d.inline_styles) === null || _e === void 0 ? void 0 : _e.text_color, textButtonColor: (_g = (_f = botData.extra_settings) === null || _f === void 0 ? void 0 : _f.inline_styles) === null || _g === void 0 ? void 0 : _g.text_button_color, bgColor: (_j = (_h = botData.extra_settings) === null || _h === void 0 ? void 0 : _h.inline_styles) === null || _j === void 0 ? void 0 : _j.container_bg_color, bgContentColor: (_l = (_k = botData.extra_settings) === null || _k === void 0 ? void 0 : _k.inline_styles) === null || _l === void 0 ? void 0 : _l.content_bg_color, bgImgFullContainer: (_o = (_m = botData.extra_settings) === null || _m === void 0 ? void 0 : _m.inline_styles) === null || _o === void 0 ? void 0 : _o.container_bg_image }))) : null;
+    if (withoutSkeleton) {
+        return content;
+    }
+    return (React__default.createElement(SubotInlineSkeleton, { loading: isSkeletonVisible, hasLeftInfo: hasLeftInfo, isTypeForm: isTypeForm }, content));
 };
 
 const SubotInlineContext = createContext({
@@ -9103,7 +9306,7 @@ const SubotInlineReview = styled(Text$1) `
     text-align: left;
   }
 `;
-const SubotInlineTitle = styled(Heading) `
+const SubotInlineTitle = styled(Heading$1) `
   text-align: center;
   margin-bottom: 8px;
 

package/build/esm/surveyOrPremiumBanner.js

@@ -1,64 +1,64 @@
 import 'react';
 import '@mantine/core';
-export { S as SurveyOrPremiumBanner } from './index-4f723310.js';
-import './utils-48dbbf37.js';
-import './index-920fd9d1.js';
-import './index-7cbb866e.js';
+export { S as SurveyOrPremiumBanner } from './index-f382f726.js';
+import './utils-73b9f267.js';
+import './index-39c670d2.js';
+import './index-db08d571.js';
 import './constantsDomainLocales.js';
-import './Locale-e891a019.js';
+import './Locale-41b2ca62.js';
 import './constantsIsProduction.js';
-import './index-cd77a8a5.js';
+import './index-fbeefcc5.js';
 import 'date-fns/locale';
-import './index-27d59823.js';
+import './index-63975f23.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './healthTools-ad643e62.js';
-import './tslib.es6-9c5a21dd.js';
-import './store-a2f1429c.js';
+import './healthTools-be477047.js';
+import './tslib.es6-632bf997.js';
+import './store-282fd26e.js';
 import 'zustand';
-import './index-73637168.js';
-import './normalizeLink-e58a0f6a.js';
+import './index-52032f0c.js';
+import './normalizeLink-deec0a0f.js';
 import './miscCookieHelper.js';
 import 'react-phone-number-input';
-import './index-4cc5219a.js';
-import './utils-15ced208.js';
+import './index-57dfea82.js';
+import './utils-8462eff3.js';
 import '@emotion/styled';
 import '@mantine/form';
-import './index-39139ecb.js';
+import './index-2bc52c92.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-9d87f0ef.js';
+import './index-93b4db6c.js';
 import '@mantine/carousel';
-import './index-497858f5.js';
-import './index-e288d524.js';
+import './index-ffbf3d64.js';
+import './index-85e64834.js';
 import 'dayjs';
 import '@mantine/notifications';
 import './miscTheme.js';
-import './shared-563102bf.js';
+import './shared-97931396.js';
 import 'classnames';
 import 'uuid';
-import './useUniqueId-2ef5cb40.js';
+import './useUniqueId-5ffce1e0.js';
 import '@emotion/react';
 import '@hhgtech/icons/core';
-import './index-fb24455e.js';
+import './index-af78c4b5.js';
 import '@mantine/dates';
-import './index.styles-c5ded421.js';
-import './index-c720fa93.js';
+import './index.styles-d71962b3.js';
+import './index-b1dafc3f.js';
 import './togetherApiPaths.js';
-import './translationsContext-b7d141f9.js';
-import './index-765123b0.js';
-import './useHealthToolCache-fdd745bf.js';
+import './translationsContext-0b2f6cbc.js';
+import './index-1e126ce6.js';
+import './useHealthToolCache-10279c29.js';
 import './miscGetDynamicHealthTool.js';
-import './core-305838f9.js';
-import './index-5ad5e1ba.js';
-import './WhatsApp-db7af3fa.js';
-import './Spinner-210db903.js';
-import './index-ebab77ed.js';
-import './index-619463bb.js';
+import './core-22cb4139.js';
+import './index-57b3bf93.js';
+import './WhatsApp-f2bff0e4.js';
+import './Spinner-aa1954d1.js';
+import './index-c469c9a3.js';
+import './index-ae1d96a1.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-70ddd366.js';
+import './index-2d6090b5.js';
 import 'slugify';
 import 'string-format';
-import './constants-ac0e5832.js';
+import './constants-9a68035b.js';

package/build/esm/surveyQuestionCard.js

@@ -1,15 +1,15 @@
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-89ab38f1.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-a396b71e.js';
 import 'react';
-import './index-a4f20e50.js';
-import './tslib.es6-9c5a21dd.js';
-import './index-fb24455e.js';
+import './index-813d4ce7.js';
+import './tslib.es6-632bf997.js';
+import './index-af78c4b5.js';
 import '@mantine/core';
-import './shared-563102bf.js';
-import './index-9d87f0ef.js';
-import './index-497858f5.js';
-import './index-765123b0.js';
-import './index-e51cbe2d.js';
+import './shared-97931396.js';
+import './index-93b4db6c.js';
+import './index-ffbf3d64.js';
+import './index-1e126ce6.js';
+import './index-422c0abd.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-15ced208.js';
-import './index-a241edf3.js';
+import './utils-8462eff3.js';
+import './index-7f54f05a.js';

package/build/esm/{surveyThankyouCard-89ab38f1.js → surveyThankyouCard-a396b71e.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useRef } from 'react';
-import { B as Button } from './index-a4f20e50.js';
-import { T as Text } from './index-497858f5.js';
-import { H as Heading } from './index-765123b0.js';
-import { I as Input } from './index-e51cbe2d.js';
-import { T as TextArea } from './index-a241edf3.js';
+import { B as Button } from './index-813d4ce7.js';
+import { T as Text } from './index-ffbf3d64.js';
+import { H as Heading } from './index-1e126ce6.js';
+import { I as Input } from './index-422c0abd.js';
+import { T as TextArea } from './index-7f54f05a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/together/components/molecules/socialLinkPreview/index.d.ts

@@ -7,6 +7,8 @@ export type Props = {
     style?: CSSProperties;
     autoPlay?: boolean;
     forceType?: VideoType.SHORTS | VideoType.VIDEO;
+    /** When true, infer short vs landscape layout from the URL. Default is landscape video. */
+    detectTypeFromUrl?: boolean;
     /** `width:height` (e.g. `16:9`, `9:16`). Overrides auto short/landscape padding when set. */
     ratio?: string;
     /** Thumbnail / Plyr poster: `cover` fills frame (default), `contain` shows full image with possible letterboxing. */
@@ -14,5 +16,5 @@ export type Props = {
     baseUrl?: string;
     onPushStatus?: (val: boolean) => void;
 };
-declare const SocialLinkPreview: ({ url, image, className, style, baseUrl, autoPlay, forceType, ratio, posterFit, onPushStatus, }: Props) => React.JSX.Element;
+declare const SocialLinkPreview: ({ url, image, className, style, baseUrl, autoPlay, forceType, detectTypeFromUrl, ratio, posterFit, onPushStatus, }: Props) => React.JSX.Element;
 export { SocialLinkPreview };