@hhgtech/hhg-components 1.29.553 → 1.29.554

package/build/{store-efa17c23.js → store-5d39995e.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-feaaf611.js');
+var tslib_es6 = require('./tslib.es6-9317c37f.js');
 var zustand = require('zustand');
-var index = require('./index-3e197a2d.js');
+var index = require('./index-3213fc91.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$1 = require('./index-c353c001.js');
+var index$1 = require('./index-9bbfa7fd.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 
 const mergePhone = (phone, areaCode) => {

package/build/subot/subotInlineRevamp/subotInlineInfoSection/index.d.ts

@@ -10,6 +10,7 @@ type Props = {
     };
     layout?: 'horizontal' | 'vertical';
 };
+export declare const hasSubotLeftInfo: (subotSettingData?: Props['subotSettingData']) => boolean;
 declare const Container: {
     ({ subotSettingData, layout }: Props): React.JSX.Element;
     displayName: string;

package/build/subot/subotInlineRevamp/subotInlineSkeleton/index.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    loading: boolean;
+    hasLeftInfo?: boolean;
+    isTypeForm?: boolean;
+};
+declare const SubotInlineSkeleton: ({ children, loading, hasLeftInfo, isTypeForm, }: Props) => React.JSX.Element;
+export { SubotInlineSkeleton };

package/build/subot/subotInlineRevamp/types.d.ts

@@ -60,6 +60,7 @@ export type SubotInlineRevampContainerProps = {
     typeFormProps?: TypeFormProp;
     locale?: LOCALE;
     onLoadFirstNode?: (data: any) => void;
+    withoutSkeleton?: boolean;
 } & CommonProps;
 export type SubotInlineRevampViewProps = {
     loading: boolean;

package/build/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/subot.js

@@ -3,81 +3,81 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-c80bb0c6.js');
-var tslib_es6 = require('./tslib.es6-feaaf611.js');
-var index$3 = require('./index-c353c001.js');
+var index$2 = require('./index-4805f361.js');
+var tslib_es6 = require('./tslib.es6-9317c37f.js');
+var index$3 = require('./index-9bbfa7fd.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-103a3370.js');
+var togetherComponentGlobalContext = require('./utils-85128ab0.js');
 var formatString = require('string-format');
-var index$1 = require('./index-127609a7.js');
+var index$1 = require('./index-4d144bb1.js');
 var dayjs = require('dayjs');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core = require('@mantine/core');
 var classNames = require('classnames');
-var index$b = require('./index-0442c827.js');
-var index$a = require('./index-438e8712.js');
+var index$b = require('./index-a826ebf2.js');
+var index$a = require('./index-6c6ad0de.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-ae7ec188.js');
-var index$4 = require('./index-7ef77bae.js');
+var utils = require('./utils-29b39c19.js');
+var index$4 = require('./index-fb5b8780.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
-var index$5 = require('./index-776279ee.js');
+var index$5 = require('./index-4928e6cb.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-59bd922c.js');
+var constants = require('./constants-f5fb1577.js');
 var uuid = require('uuid');
-var index$6 = require('./index-10a3dcd0.js');
+var index$6 = require('./index-452385c2.js');
 var miscTheme = require('./miscTheme.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-25d69f41.js');
+var index$7 = require('./index-ff220754.js');
 require('@mantine/dates');
-require('./index-a749064e.js');
-require('./index-fa93a5d4.js');
-require('./index.styles-e8063e8d.js');
-require('./translationsContext-8324ef61.js');
+require('./index-113cd536.js');
+require('./index-44f7c2cc.js');
+require('./index.styles-60eb6d12.js');
+require('./translationsContext-72338430.js');
 require('@mantine/hooks');
-require('./index-46026925.js');
+require('./index-20dd9502.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-4bab5d05.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-9fd0dc2b.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-1dc99da3.js');
-var InputDate = require('./InputDate-3e078f47.js');
-var index$8 = require('./index-61778747.js');
-var index$9 = require('./index-47103a38.js');
-var store = require('./store-efa17c23.js');
-var utils$1 = require('./utils-f575675e.js');
-var index$c = require('./index-bdca7bf6.js');
+var Locale = require('./Locale-6027c1ec.js');
+var InputDate = require('./InputDate-2547f698.js');
+var index$8 = require('./index-2603a6a2.js');
+var index$9 = require('./index-3bb06f35.js');
+var store = require('./store-5d39995e.js');
+var utils$1 = require('./utils-2d71161d.js');
+var index$c = require('./index-dfed3252.js');
 var StarRatings = require('react-star-ratings');
 var moleculesArticleCard = require('./moleculesArticleCard.js');
-var index$d = require('./index-8054de1a.js');
-var index$e = require('./index-3a405a90.js');
+var index$d = require('./index-4d1ee0ac.js');
+var index$e = require('./index-35a03a0e.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-2af45616.js');
-require('./WhatsApp-bb431d76.js');
-require('./Spinner-f0c4ae4b.js');
-require('./index-e495722f.js');
-require('./shared-182770fc.js');
-require('./index-67c56c38.js');
+require('./index-2689399c.js');
+require('./WhatsApp-3f452a30.js');
+require('./Spinner-3f40d397.js');
+require('./index-34ada199.js');
+require('./shared-31ce35a6.js');
+require('./index-53be891c.js');
 require('@mantine/carousel');
-require('./useUniqueId-9f7e31d4.js');
+require('./useUniqueId-28701d60.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('zustand');
-require('./index-3e197a2d.js');
-require('./normalizeLink-d9022167.js');
-require('./healthTools-44892d1c.js');
+require('./index-3213fc91.js');
+require('./normalizeLink-e312ce03.js');
+require('./healthTools-6e3d4d7e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1358,6 +1358,25 @@ const StyledContainerFullscreen = styled__default["default"].div `
       gap: 30px;
     }
 
+    &.si-no-left-info {
+      ${utils.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,
@@ -1964,8 +1983,14 @@ const StyledWrap$o = styled__default["default"].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["default"].createElement(StyledContainer$1, null,
         React__default["default"].createElement(StyledWrap$o, { "data-layout": layout },
             subotSettingData.inlineImage && (React__default["default"].createElement("img", { loading: "lazy", alt: "Inline heading", className: "si-image", src: subotSettingData.inlineImage })),
@@ -6425,13 +6450,17 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
         return;
     }, [bgImgFullContainer]);
     if (isFullContainer) {
-        return (React__default["default"].createElement(StyledContainerFullscreen, { className: "si-container-fs", style: styleFullContainer },
-            React__default["default"].createElement(index$b.Container, { className: `si-container ${typeFormProps ? 'si-typeform-container' : ''}` },
-                React__default["default"].createElement("div", { className: "si-revamp-left" },
+        const showLeftInfo = hasSubotLeftInfo(subotSettingData);
+        return (React__default["default"].createElement(StyledContainerFullscreen, { className: "si-container-fs", style: styleFullContainer, "data-has-left-info": showLeftInfo },
+            React__default["default"].createElement(index$b.Container, { className: core.clsx('si-container', {
+                    'si-typeform-container': Boolean(typeFormProps),
+                    'si-no-left-info': !showLeftInfo,
+                }) },
+                showLeftInfo && (React__default["default"].createElement("div", { className: "si-revamp-left" },
                     React__default["default"].createElement(Container$t, { layout: (typeFormProps && locale) || isMobile
                             ? 'horizontal'
                             : 'vertical', subotSettingData: subotSettingData }),
-                    React__default["default"].createElement(Container$v, { className: core.clsx(formClass, 'disclaimer-top') })),
+                    React__default["default"].createElement(Container$v, { className: core.clsx(formClass, 'disclaimer-top') }))),
                 React__default["default"].createElement("div", { className: "si-revamp-right" }, rendered),
                 React__default["default"].createElement(Container$v, { className: core.clsx(formClass, 'disclaimer-bottom') }))));
     }
@@ -6483,10 +6512,164 @@ const ContainerWithProvider = (props) => {
         React__default["default"].createElement(Container, null)));
 };
 
+const Root = styled__default["default"](core.Box) `
+  position: relative;
+  background-color: var(--mantine-color-blue-0, #e7f5ff);
+
+  ${utils.MediaQueries.mbDown} {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+
+  ${utils.MediaQueries.mbUp} {
+    padding-top: 80px;
+    padding-bottom: 80px;
+    ${({ $isTypeForm }) => !$isTypeForm &&
+    `
+      height: calc(654px + 160px);
+    `}
+  }
+`;
+const Inner = styled__default["default"](index$b.Container) `
+  display: flex;
+  gap: 24px;
+
+  ${utils.MediaQueries.mbDown} {
+    flex-direction: column;
+  }
+
+  ${utils.MediaQueries.mbUp} {
+    gap: 30px;
+    ${({ $isTypeForm }) => $isTypeForm
+    ? `
+      flex-direction: column;
+    `
+    : `
+      flex-direction: row;
+    `}
+    ${({ $hasLeftInfo, $isTypeForm }) => !$hasLeftInfo &&
+    !$isTypeForm &&
+    `
+      justify-content: flex-end;
+    `}
+  }
+`;
+const ColLeft = styled__default["default"](core.Stack) `
+  width: 100%;
+  max-width: 490px;
+
+  &[data-type-form='true'] {
+    max-width: 900px;
+  }
+`;
+const ColRight = styled__default["default"](core.Flex) `
+  background-color: #fff;
+  border-radius: 12px;
+  padding: 12px;
+  align-items: center;
+  justify-content: center;
+
+  ${utils.MediaQueries.mbDown} {
+    height: 80vh;
+    max-height: ${({ $isTypeForm }) => ($isTypeForm ? 'none' : '480px')};
+    width: 100%;
+  }
+
+  ${utils.MediaQueries.mbUp} {
+    border-radius: 20px;
+    padding: 48px;
+    height: ${({ $isTypeForm }) => ($isTypeForm ? '550px' : '654px')};
+    width: ${({ $isTypeForm }) => ($isTypeForm ? '100%' : '720px')};
+    max-width: 720px;
+  }
+`;
+const Header = styled__default["default"](core.Stack) `
+  ${utils.MediaQueries.mbDown} {
+    flex-direction: row;
+    gap: 16px;
+  }
+`;
+const Heading = styled__default["default"](core.Stack) `
+  ${utils.MediaQueries.mbDown} {
+    width: calc(100% - 48px);
+  }
+`;
+const IconSkeleton = styled__default["default"](core.Skeleton) `
+  ${utils.MediaQueries.mbDown} {
+    width: 48px !important;
+    height: 48px !important;
+    min-width: 48px;
+  }
+`;
+const Form = styled__default["default"].div `
+  position: absolute;
+  inset: 0;
+`;
+const DisclaimerRow = styled__default["default"](core.Flex) `
+  gap: 8px;
+  align-items: center;
+
+  ${({ $isTypeForm }) => !$isTypeForm &&
+    `
+    ${utils.MediaQueries.mbUp} {
+      display: none;
+    }
+  `}
+`;
+const SubotInlineSkeleton = ({ children, loading, hasLeftInfo = true, isTypeForm = false, }) => {
+    return (React__default["default"].createElement(Root, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm },
+        React__default["default"].createElement(Inner, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm, style: { opacity: Number(loading) } },
+            hasLeftInfo && (React__default["default"].createElement(ColLeft, { spacing: 24, justify: "space-between", "data-type-form": isTypeForm },
+                React__default["default"].createElement(Header, { spacing: isTypeForm ? 12 : 24 },
+                    React__default["default"].createElement(IconSkeleton, { height: 64, width: 64, radius: "100%" }),
+                    React__default["default"].createElement(Heading, { spacing: isTypeForm ? 8 : 16 }, isTypeForm ? (React__default["default"].createElement(core.Skeleton, { height: 36, width: "100%", radius: 12 })) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(core.Skeleton, { height: 24, width: "100%", radius: 12 }),
+                        React__default["default"].createElement(core.Skeleton, { height: 24, width: "70%", radius: 12 }))))),
+                React__default["default"].createElement(core.Flex, { gap: 12, align: "center", sx: isTypeForm
+                        ? (theme) => ({
+                            [theme.fn.largerThan('sm')]: {
+                                marginLeft: 60,
+                                marginTop: -20,
+                            },
+                        })
+                        : undefined },
+                    React__default["default"].createElement(core.Skeleton, { height: 40, width: 40, radius: "100%", sx: { flexShrink: 0 } }),
+                    React__default["default"].createElement(core.Stack, { spacing: 8, sx: { width: '100%' } },
+                        React__default["default"].createElement(core.Skeleton, { height: 12, width: isTypeForm ? '80%' : '100%', radius: 4 }),
+                        React__default["default"].createElement(core.Skeleton, { height: 12, width: isTypeForm ? '30%' : '70%', radius: 4 }))))),
+            React__default["default"].createElement(ColRight, { "$hasLeftInfo": hasLeftInfo, "$isTypeForm": isTypeForm },
+                React__default["default"].createElement(core.Stack, { spacing: 16, sx: { width: '100%' } },
+                    React__default["default"].createElement(core.Skeleton, { height: 32, width: "80%", radius: 8 }),
+                    React__default["default"].createElement(core.Stack, { spacing: 8 },
+                        React__default["default"].createElement(core.Skeleton, { height: 16, width: "100%", radius: 4 }),
+                        React__default["default"].createElement(core.Skeleton, { height: 16, width: "100%", radius: 4 }),
+                        React__default["default"].createElement(core.Skeleton, { height: 16, width: "40%", radius: 4 })),
+                    React__default["default"].createElement(core.Skeleton, { height: 40, width: 130, radius: 8 }))),
+            React__default["default"].createElement(DisclaimerRow, { "$isTypeForm": isTypeForm },
+                React__default["default"].createElement(core.Skeleton, { height: 20, width: 20, radius: "100%" }),
+                React__default["default"].createElement(core.Skeleton, { height: 16, width: 300, radius: 4 }))),
+        React__default["default"].createElement(Form, { 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 = tslib_es6.__rest(_a, ["onLoadFirstNode"]);
+    var { onLoadFirstNode, withoutSkeleton } = _a, props = tslib_es6.__rest(_a, ["onLoadFirstNode", "withoutSkeleton"]);
     const [botData, setBotData] = React.useState(null);
+    const [isSkeletonVisible, setIsSkeletonVisible] = React.useState(!withoutSkeleton);
+    const isTypeForm = Boolean(props.typeFormProps);
+    const hasLeftInfo = React.useMemo(() => {
+        if (!botData)
+            return true;
+        return hasSubotLeftInfo(toLeftInfoSettings(botData));
+    }, [botData]);
     React.useEffect(() => {
         (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
             const subotInlineFirstNode = yield Promise.resolve().then(function () { return index; }).then((res) => res.subotInlineFirstNode);
@@ -6496,13 +6679,21 @@ const SubotInlineRevampWithTheme = (_a) => {
         }))();
     }, [props.id]);
     React.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["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["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["default"].createElement(SubotInlineSkeleton, { loading: isSkeletonVisible, hasLeftInfo: hasLeftInfo, isTypeForm: isTypeForm }, content));
 };
 
 const SubotInlineContext = React.createContext({

package/build/surveyOrPremiumBanner.js

@@ -4,68 +4,68 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-05fc79f5.js');
-require('./utils-103a3370.js');
-require('./index-e495722f.js');
-require('./index-776279ee.js');
+var surveyOrPremiumBanner = require('./index-cb9a1472.js');
+require('./utils-85128ab0.js');
+require('./index-34ada199.js');
+require('./index-4928e6cb.js');
 require('./constantsDomainLocales.js');
-require('./Locale-1dc99da3.js');
+require('./Locale-6027c1ec.js');
 require('./constantsIsProduction.js');
-require('./index-c353c001.js');
+require('./index-9bbfa7fd.js');
 require('date-fns/locale');
-require('./index-c80bb0c6.js');
+require('./index-4805f361.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./healthTools-44892d1c.js');
-require('./tslib.es6-feaaf611.js');
-require('./store-efa17c23.js');
+require('./healthTools-6e3d4d7e.js');
+require('./tslib.es6-9317c37f.js');
+require('./store-5d39995e.js');
 require('zustand');
-require('./index-3e197a2d.js');
-require('./normalizeLink-d9022167.js');
+require('./index-3213fc91.js');
+require('./normalizeLink-e312ce03.js');
 require('./miscCookieHelper.js');
 require('react-phone-number-input');
-require('./index-67c56c38.js');
-require('./utils-ae7ec188.js');
+require('./index-53be891c.js');
+require('./utils-29b39c19.js');
 require('@emotion/styled');
 require('@mantine/form');
-require('./index-25d69f41.js');
+require('./index-ff220754.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-fa93a5d4.js');
+require('./index-44f7c2cc.js');
 require('@mantine/carousel');
-require('./index-10a3dcd0.js');
-require('./index-a749064e.js');
+require('./index-452385c2.js');
+require('./index-113cd536.js');
 require('dayjs');
 require('@mantine/notifications');
 require('./miscTheme.js');
-require('./shared-182770fc.js');
+require('./shared-31ce35a6.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-9f7e31d4.js');
+require('./useUniqueId-28701d60.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
-require('./index-7ef77bae.js');
+require('./index-fb5b8780.js');
 require('@mantine/dates');
-require('./index.styles-e8063e8d.js');
-require('./index-46026925.js');
+require('./index.styles-60eb6d12.js');
+require('./index-20dd9502.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-8324ef61.js');
-require('./index-3a405a90.js');
-require('./useHealthToolCache-91d1f157.js');
+require('./translationsContext-72338430.js');
+require('./index-35a03a0e.js');
+require('./useHealthToolCache-cf6ce4f2.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-875d8385.js');
-require('./index-2af45616.js');
-require('./WhatsApp-bb431d76.js');
-require('./Spinner-f0c4ae4b.js');
-require('./index-04b9c89d.js');
-require('./index-302e7aee.js');
+require('./core-58cb9ace.js');
+require('./index-2689399c.js');
+require('./WhatsApp-3f452a30.js');
+require('./Spinner-3f40d397.js');
+require('./index-7c9ddae6.js');
+require('./index-09e79858.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-127609a7.js');
+require('./index-4d144bb1.js');
 require('slugify');
 require('string-format');
-require('./constants-59bd922c.js');
+require('./constants-f5fb1577.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-eb4bca5a.js');
+var surveyThankyouCard = require('./surveyThankyouCard-ff5be3cc.js');
 require('react');
-require('./index-61778747.js');
-require('./tslib.es6-feaaf611.js');
-require('./index-7ef77bae.js');
+require('./index-2603a6a2.js');
+require('./tslib.es6-9317c37f.js');
+require('./index-fb5b8780.js');
 require('@mantine/core');
-require('./shared-182770fc.js');
-require('./index-fa93a5d4.js');
-require('./index-10a3dcd0.js');
-require('./index-3a405a90.js');
-require('./index-cea6a9c9.js');
+require('./shared-31ce35a6.js');
+require('./index-44f7c2cc.js');
+require('./index-452385c2.js');
+require('./index-35a03a0e.js');
+require('./index-7f6fc052.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-ae7ec188.js');
-require('./index-1f787cab.js');
+require('./utils-29b39c19.js');
+require('./index-80924990.js');
 
 
 

package/build/{surveyThankyouCard-eb4bca5a.js → surveyThankyouCard-ff5be3cc.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-61778747.js');
-var index$1 = require('./index-10a3dcd0.js');
-var index = require('./index-3a405a90.js');
-var index$3 = require('./index-cea6a9c9.js');
-var index$2 = require('./index-1f787cab.js');
+var index$4 = require('./index-2603a6a2.js');
+var index$1 = require('./index-452385c2.js');
+var index = require('./index-35a03a0e.js');
+var index$3 = require('./index-7f6fc052.js');
+var index$2 = require('./index-80924990.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/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 };