@hhgtech/hhg-components 1.29.399 → 1.29.401-beta-1

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SubotInlineRevampViewProps } from "./types";
-declare const ViewWithMemo: React.MemoExoticComponent<({ loading, backgroundImage, isShowFooter, isFullContainer, isDisabledAnimationOnMobile, subotSettingData, onCloseMobile, bgImgFullContainer, }: SubotInlineRevampViewProps) => React.JSX.Element>;
+declare const ViewWithMemo: React.MemoExoticComponent<({ loading, backgroundImage, isShowFooter, isFullContainer, isDisabledAnimationOnMobile, subotSettingData, onCloseMobile, bgImgFullContainer, typeFormId, }: SubotInlineRevampViewProps) => React.JSX.Element>;
 export default ViewWithMemo;

package/build/subot.js

@@ -3,76 +3,76 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-16f0aeeb.js');
-var tslib_es6 = require('./tslib.es6-97425e61.js');
-var index$3 = require('./index-7475131b.js');
+var index$2 = require('./index-8fd724dc.js');
+var tslib_es6 = require('./tslib.es6-c55abb1b.js');
+var index$3 = require('./index-50045e4d.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-5f8b4e7f.js');
+var togetherComponentGlobalContext = require('./utils-090e54e2.js');
 var formatString = require('string-format');
-var index$1 = require('./index-cf17940b.js');
+var index$1 = require('./index-84bfafb2.js');
 var dayjs = require('dayjs');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$b = require('./index-10b95e90.js');
-var index$a = require('./index-b384072d.js');
+var index$b = require('./index-c244762d.js');
+var index$a = require('./index-08899900.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-cd67bc5d.js');
-var index$4 = require('./index-fbd05bc5.js');
+var utils = require('./utils-a8bd859c.js');
+var index$4 = require('./index-1474847c.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-61e9bfd6.js');
+var index$5 = require('./index-32c77e8c.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-10ae73e0.js');
+var constants = require('./constants-4e7a1ba0.js');
 var uuid = require('uuid');
-var index$6 = require('./index-37611ae3.js');
+var index$6 = require('./index-8f000fc8.js');
 var miscTheme = require('./miscTheme.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-81e89aec.js');
+var index$7 = require('./index-da72cd72.js');
 require('@mantine/dates');
-require('./useMantineLocale-002f61df.js');
-require('./index.styles-51231c47.js');
-require('./translationsContext-45628868.js');
+require('./useMantineLocale-db2c0beb.js');
+require('./index.styles-3e40592a.js');
+require('./translationsContext-74ac8abd.js');
 require('@mantine/hooks');
-require('./other-66f690d0.js');
-require('./index-58fb05d1.js');
+require('./other-64fbc3cc.js');
+require('./index-ba77b9aa.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-70105466.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-a227c5cc.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-7d311a82.js');
-var InputDate = require('./InputDate-ef6eaef9.js');
-var index$8 = require('./index-7945ab79.js');
-var index$9 = require('./index-c899fdb0.js');
-var store = require('./store-f9e2da02.js');
-var utils$1 = require('./utils-c3412f5c.js');
+var Locale = require('./Locale-6232befb.js');
+var InputDate = require('./InputDate-16d7c719.js');
+var index$8 = require('./index-dcba4466.js');
+var index$9 = require('./index-d59282e3.js');
+var store = require('./store-5ab66419.js');
+var utils$1 = require('./utils-83eae446.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-5810088d.js');
+require('./index-f9ce8b1b.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-4260cbfd.js');
-require('./WhatsApp-81a9ff8c.js');
-require('./Spinner-d4d4f9a8.js');
-require('./index-7c00d272.js');
-require('./useScreenSize-f362a389.js');
+require('./index-1146d7b8.js');
+require('./WhatsApp-2502c66f.js');
+require('./Spinner-2eef396e.js');
+require('./index-49cc020a.js');
+require('./useScreenSize-a9d39944.js');
 require('@mantine/carousel');
-require('./useUniqueId-024219f4.js');
+require('./useUniqueId-8e54bcfb.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('@emotion/react');
 require('zustand');
-require('./index-dd3abf0a.js');
-require('./normalizeLink-11728b65.js');
-require('./healthTools-9ec64cf3.js');
+require('./index-e8681d04.js');
+require('./normalizeLink-893cb2c5.js');
+require('./healthTools-aab40ad6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -837,7 +837,7 @@ const SubotInlineContext = React.createContext({
     setLoading: () => null,
     userInfo: null,
 });
-const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer, bgColor: _bgColor, primaryColor: _primaryColor, textColor, textButtonColor, bgContentColor, bgImgFullContainer, isDisabledAnimationOnMobile, onCloseMobile, userInfo, }) => {
+const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer, bgColor: _bgColor, primaryColor: _primaryColor, textColor, textButtonColor, bgContentColor, bgImgFullContainer, isDisabledAnimationOnMobile, onCloseMobile, userInfo, typeFormId, isMobile, locale, }) => {
     const { formatMessage: f, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const ref = React.useRef(null);
     // const { formatMessage: f } = useIntl()
@@ -1141,6 +1141,9 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
         isDisabledAnimationOnMobile,
         onCloseMobile,
         userInfo,
+        typeFormId,
+        isMobile,
+        locale,
     }), [
         activeId,
         onNext,
@@ -1159,6 +1162,9 @@ const SubotInlineProvider = ({ children, articleLink, subotId, isFullContainer,
         onCloseMobile,
         userInfo,
         bgImgFullContainer,
+        typeFormId,
+        isMobile,
+        locale,
     ]);
     if (!listNodes.length) {
         return null;
@@ -1193,6 +1199,17 @@ const SubotInlineRevampContainer = styled__default["default"].div `
     left: 0;
     right: 0;
     bottom: 0;
+    &.si-typeform {
+      display: block;
+      padding: 0;
+      border: 0;
+      background: #fff !important;
+
+      ${utils.MediaQueries.mbDown} {
+        max-height: none;
+        height: auto;
+      }
+    }
   }
 
   .si-container-placeholder {
@@ -1266,12 +1283,14 @@ const SubotInlineRevampContainer = styled__default["default"].div `
       border-radius: 20px;
 
       &.si-full-container-config {
-        height: 654px;
-        max-height: 654px;
-
-        & + .si-container-placeholder {
+        &:not(.si-typeform) {
           height: 654px;
           max-height: 654px;
+
+          & + .si-container-placeholder {
+            height: 654px;
+            max-height: 654px;
+          }
         }
       }
     }
@@ -1333,6 +1352,26 @@ const StyledContainerFullscreen = styled__default["default"].div `
       flex-direction: row;
       gap: 30px;
     }
+
+    &.si-typeform-container {
+      flex-direction: column;
+      .si-revamp-left,
+      .si-revamp-right {
+        max-width: none;
+      }
+      ${utils.MediaQueries.mbDown} {
+        .si-revamp-right {
+          height: 80vh;
+          margin-left: -16px;
+          margin-right: -16px;
+          div,
+          iframe {
+            height: 100%;
+            border-radius: 0;
+          }
+        }
+      }
+    }
   }
 
   .si-revamp-right {
@@ -1374,6 +1413,7 @@ const StyledContainerFullscreen = styled__default["default"].div `
 
     .si-image {
       width: 64px;
+      flex-shrink: 0;
     }
 
     .si-headline {
@@ -1798,6 +1838,10 @@ const Markdown = (_a) => {
     return React__default["default"].createElement(MarkdownStyled, Object.assign({}, props, { className: classes }));
 };
 
+const StyledContainer$1 = styled__default["default"].div `
+  display: flex;
+  gap: 24px;
+`;
 const StyledWrap$o = styled__default["default"].div `
   display: flex;
   gap: 24px;
@@ -1856,24 +1900,28 @@ const StyledWrap$o = styled__default["default"].div `
     }
   }
   /* ·  */
-`;
-const Container$t = ({ subotSettingData }) => {
+`;
+
+const Container$t = ({ subotSettingData, layout = 'vertical' }) => {
     const isShowExpert = subotSettingData.reviewByAvatar && subotSettingData.reviewByName;
-    return (React__default["default"].createElement(StyledWrap$o, null,
-        subotSettingData.inlineImage && (React__default["default"].createElement("img", { loading: "lazy", alt: "Inline heading", className: "si-image", src: subotSettingData.inlineImage })),
-        subotSettingData.inilneHeadline && (React__default["default"].createElement("h2", { className: "si-headline" },
-            React__default["default"].createElement(Markdown, null, subotSettingData.inilneHeadline))),
-        isShowExpert && (React__default["default"].createElement("div", { className: "si-review-by" },
-            React__default["default"].createElement("div", { className: "si-review-by-avatar" },
-                React__default["default"].createElement("img", { loading: "lazy", src: subotSettingData.reviewByAvatar, alt: subotSettingData.reviewByName })),
-            React__default["default"].createElement("div", { className: "si-review-by-info" },
-                React__default["default"].createElement(Markdown, { className: "si-review-by-name" }, subotSettingData.reviewByName),
-                React__default["default"].createElement("p", { className: "si-review-by-branch" }, [
-                    subotSettingData.reviewBySpecialty,
-                    subotSettingData.reviewByHospital,
-                ]
-                    .filter(Boolean)
-                    .map((s, idx) => (React__default["default"].createElement("span", { key: idx }, s)))))))));
+    return (React__default["default"].createElement(StyledContainer$1, null,
+        layout === 'horizontal' && subotSettingData.inlineImage && (React__default["default"].createElement("div", { className: "si-image" },
+            React__default["default"].createElement("img", { loading: "lazy", alt: "Inline heading", src: subotSettingData.inlineImage }))),
+        React__default["default"].createElement(StyledWrap$o, null,
+            subotSettingData.inlineImage && layout === 'vertical' && (React__default["default"].createElement("img", { loading: "lazy", alt: "Inline heading", className: "si-image", src: subotSettingData.inlineImage })),
+            subotSettingData.inilneHeadline && (React__default["default"].createElement("h2", { className: "si-headline" },
+                React__default["default"].createElement(Markdown, null, subotSettingData.inilneHeadline))),
+            isShowExpert && (React__default["default"].createElement("div", { className: "si-review-by" },
+                React__default["default"].createElement("div", { className: "si-review-by-avatar" },
+                    React__default["default"].createElement("img", { loading: "lazy", src: subotSettingData.reviewByAvatar, alt: subotSettingData.reviewByName })),
+                React__default["default"].createElement("div", { className: "si-review-by-info" },
+                    React__default["default"].createElement(Markdown, { className: "si-review-by-name" }, subotSettingData.reviewByName),
+                    React__default["default"].createElement("p", { className: "si-review-by-branch" }, [
+                        subotSettingData.reviewBySpecialty,
+                        subotSettingData.reviewByHospital,
+                    ]
+                        .filter(Boolean)
+                        .map((s, idx) => (React__default["default"].createElement("span", { key: idx }, s))))))))));
 };
 Container$t.displayName = 'SubotInlineInfoSection';
 
@@ -6239,12 +6287,16 @@ const Container$1 = ({ onClickStart }) => {
 };
 Container$1.displayName = 'SubotInlineNodeContainer';
 
+const TypeFormView = ({ typeFormId, locale, }) => {
+    return (React__default["default"].createElement(core.Box, { component: "iframe", src: `https://${!constantsIsProduction.isProduction ? 'discover.' : ''}${constantsDomainLocales.domainLocales[locale]}/typeform/${typeFormId}`, width: "100%", height: "100%", sx: { display: 'block', border: 'none', borderRadius: 'inherit' }, allowFullScreen: true }));
+};
+
 const transition = {
     type: 'spring',
     damping: 25,
     stiffness: 120,
 };
-const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisabledAnimationOnMobile, subotSettingData, onCloseMobile, bgImgFullContainer, }) => {
+const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisabledAnimationOnMobile, subotSettingData, onCloseMobile, bgImgFullContainer, typeFormId, }) => {
     const style = React.useMemo(() => ({
         backgroundImage: backgroundImage
             ? `url("${backgroundImage}")`
@@ -6252,6 +6304,7 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
         backgroundRepeat: 'no-repeat',
         backgroundPosition: 'center',
     }), [backgroundImage]);
+    const { isMobile, locale } = React.useContext(SubotInlineContext);
     const [isDisplayFullMobile, setIsDisplayFullMobile] = React.useState(false);
     React.useEffect(() => {
         if (isDisplayFullMobile) {
@@ -6276,16 +6329,17 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
         React__default["default"].createElement(framerMotion.motion.div, { style: style, layout: true, transition: isDisabledAnimationOnMobile ? undefined : transition, className: cn__default["default"]('si-inline-revamp-container', {
                 'si-container-open': isFullScreenMobile,
                 'si-full-container-config': isFullContainer,
+                'si-typeform': typeFormId,
             }) },
-            isFullScreenMobile && (React__default["default"].createElement("button", { className: "si-close-btn", onClick: handleOnClose },
+            isFullScreenMobile && !typeFormId && (React__default["default"].createElement("button", { className: "si-close-btn", onClick: handleOnClose },
                 React__default["default"].createElement(Close, null))),
-            React__default["default"].createElement(NodeContextProvider, null,
+            typeFormId && locale ? (React__default["default"].createElement(TypeFormView, { locale: locale, typeFormId: typeFormId })) : (React__default["default"].createElement(NodeContextProvider, null,
                 React__default["default"].createElement("div", { className: "subot-inline-revamp-container", "data-show-footer": isShowFooter },
                     loading && !isShowFooter && React__default["default"].createElement(index$a.Loading, { className: "si-loading" }),
                     React__default["default"].createElement(Container$1, { onClickStart: () => {
                             setIsDisplayFullMobile(true);
                         } })),
-                isShowFooter && React__default["default"].createElement(Container$u, null))),
+                isShowFooter && React__default["default"].createElement(Container$u, null)))),
         React__default["default"].createElement("div", { className: "si-container-placeholder" })));
     const styleFullContainer = React.useMemo(() => {
         if (bgImgFullContainer) {
@@ -6299,12 +6353,13 @@ const View = ({ loading, backgroundImage, isShowFooter, isFullContainer, isDisab
         return;
     }, [bgImgFullContainer]);
     if (isFullContainer) {
-        return (React__default["default"].createElement(StyledContainerFullscreen, { style: styleFullContainer },
-            React__default["default"].createElement(index$b.Container, { className: "si-container" },
+        return (React__default["default"].createElement(StyledContainerFullscreen, { className: "si-container-fs", style: styleFullContainer },
+            React__default["default"].createElement(index$b.Container, { className: `si-container ${typeFormId ? 'si-typeform-container' : ''}` },
                 React__default["default"].createElement("div", { className: "si-revamp-left" },
-                    React__default["default"].createElement(Container$t, { subotSettingData: subotSettingData }),
-                    React__default["default"].createElement(Container$v, null)),
-                React__default["default"].createElement("div", { className: "si-revamp-right" }, rendered))));
+                    React__default["default"].createElement(Container$t, { layout: typeFormId && locale && !isMobile ? 'horizontal' : 'vertical', subotSettingData: subotSettingData }),
+                    !typeFormId && React__default["default"].createElement(Container$v, null)),
+                React__default["default"].createElement("div", { className: "si-revamp-right" }, rendered),
+                typeFormId && React__default["default"].createElement(Container$v, null))));
     }
     return rendered;
 };
@@ -6312,7 +6367,7 @@ const ViewWithMemo = React.memo(View);
 ViewWithMemo.displayName = 'SubotInlineRevampView';
 
 const Container = () => {
-    const { loading, listNodes, isShowFooter, activeId, isFullContainer, isDisabledAnimationOnMobile, onCloseMobile, userInfo, bgImgFullContainer, } = React.useContext(SubotInlineContext);
+    const { loading, listNodes, isShowFooter, activeId, isFullContainer, isDisabledAnimationOnMobile, onCloseMobile, userInfo, bgImgFullContainer, typeFormId, } = React.useContext(SubotInlineContext);
     const backgroundImage = React.useMemo(() => {
         var _a, _b;
         const foundNode = listNodes.find((n) => n.id == activeId);
@@ -6344,6 +6399,7 @@ const Container = () => {
         isDisabledAnimationOnMobile,
         subotSettingData,
         onCloseMobile,
+        typeFormId,
     };
     return React__default["default"].createElement(ViewWithMemo, Object.assign({}, computedProps));
 };

package/build/surveyOrPremiumBanner.js

@@ -4,64 +4,64 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-47ee55ff.js');
-require('./utils-5f8b4e7f.js');
-require('./index-7c00d272.js');
-require('./index-61e9bfd6.js');
+var surveyOrPremiumBanner = require('./index-b630e1de.js');
+require('./utils-090e54e2.js');
+require('./index-49cc020a.js');
+require('./index-32c77e8c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-7d311a82.js');
+require('./Locale-6232befb.js');
 require('./constantsIsProduction.js');
-require('./index-7475131b.js');
+require('./index-50045e4d.js');
 require('date-fns/locale');
-require('./index-16f0aeeb.js');
+require('./index-8fd724dc.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./healthTools-9ec64cf3.js');
-require('./tslib.es6-97425e61.js');
-require('./store-f9e2da02.js');
+require('./healthTools-aab40ad6.js');
+require('./tslib.es6-c55abb1b.js');
+require('./store-5ab66419.js');
 require('zustand');
-require('./index-dd3abf0a.js');
-require('./normalizeLink-11728b65.js');
+require('./index-e8681d04.js');
+require('./normalizeLink-893cb2c5.js');
 require('./miscCookieHelper.js');
-require('./useScreenSize-f362a389.js');
+require('./useScreenSize-a9d39944.js');
 require('@emotion/styled');
-require('./utils-cd67bc5d.js');
+require('./utils-a8bd859c.js');
 require('@mantine/form');
-require('./index-81e89aec.js');
+require('./index-da72cd72.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-37611ae3.js');
-require('./other-66f690d0.js');
+require('./index-8f000fc8.js');
+require('./other-64fbc3cc.js');
 require('./miscTheme.js');
-require('./useMantineLocale-002f61df.js');
+require('./useMantineLocale-db2c0beb.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-fbd05bc5.js');
+require('./index-1474847c.js');
 require('classnames');
-require('./useUniqueId-024219f4.js');
+require('./useUniqueId-8e54bcfb.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-51231c47.js');
-require('./index-58fb05d1.js');
+require('./index.styles-3e40592a.js');
+require('./index-ba77b9aa.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-45628868.js');
-require('./index-10af1ffd.js');
-require('./useHealthToolCache-29256a80.js');
+require('./translationsContext-74ac8abd.js');
+require('./index-d6ddc798.js');
+require('./useHealthToolCache-6a4b69b8.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-ca7d2c18.js');
-require('./index-4260cbfd.js');
-require('./WhatsApp-81a9ff8c.js');
-require('./Spinner-d4d4f9a8.js');
-require('./index-6ba10210.js');
-require('./index-163d5552.js');
+require('./core-faaf3e41.js');
+require('./index-1146d7b8.js');
+require('./WhatsApp-2502c66f.js');
+require('./Spinner-2eef396e.js');
+require('./index-3b9cb8b3.js');
+require('./index-e4e075fd.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-5810088d.js');
+require('./index-f9ce8b1b.js');
 require('slugify');
 require('string-format');
-require('./constants-10ae73e0.js');
+require('./constants-4e7a1ba0.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-7a0d81c0.js');
+var surveyThankyouCard = require('./surveyThankyouCard-24f685eb.js');
 require('react');
-require('./index-7945ab79.js');
-require('./tslib.es6-97425e61.js');
-require('./index-fbd05bc5.js');
+require('./index-dcba4466.js');
+require('./tslib.es6-c55abb1b.js');
+require('./index-1474847c.js');
 require('@mantine/core');
-require('./index-37611ae3.js');
-require('./other-66f690d0.js');
-require('./index-10af1ffd.js');
-require('./index-1fb1f6a6.js');
+require('./index-8f000fc8.js');
+require('./other-64fbc3cc.js');
+require('./index-d6ddc798.js');
+require('./index-518f792d.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-cd67bc5d.js');
-require('./index-99b5a1d3.js');
+require('./utils-a8bd859c.js');
+require('./index-4428c27a.js');
 
 
 

package/build/{surveyThankyouCard-7a0d81c0.js → surveyThankyouCard-24f685eb.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-7945ab79.js');
-var index$1 = require('./index-37611ae3.js');
-var index = require('./index-10af1ffd.js');
-var index$3 = require('./index-1fb1f6a6.js');
-var index$2 = require('./index-99b5a1d3.js');
+var index$4 = require('./index-dcba4466.js');
+var index$1 = require('./index-8f000fc8.js');
+var index = require('./index-d6ddc798.js');
+var index$3 = require('./index-518f792d.js');
+var index$2 = require('./index-4428c27a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');