@hhgtech/hhg-components 1.29.551 → 1.29.552

package/build/{InputDate-7a8cbf15.js → InputDate-e89362f6.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-cfa6e63c.js');
+var index$1 = require('./index-0a331f08.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var Locale = require('./Locale-62760427.js');
-var index = require('./index-de050cc2.js');
-var index$2 = require('./index-5584a515.js');
+var Locale = require('./Locale-1956090e.js');
+var index = require('./index-e0a73ca6.js');
+var index$2 = require('./index-bb75cbd7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-10de4510.js → LastPeriod-ef6e9ffe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-2cc1b87c.js → MobileBottomNavigationIcon-1687a8b0.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
 var React = require('react');
-var index = require('./index-5584a515.js');
+var index = require('./index-bb75cbd7.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-62a8a766.js');
+var utils = require('./utils-bf082f93.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-27e55ff9.js → SiteWideBanner-c63280de.js}

@@ -1,24 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-f6f51afc.js');
+var index$2 = require('./index-9d84eeda.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-5584a515.js');
-var index$1 = require('./index-fd2a8ce6.js');
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
-var index$6 = require('./index-de050cc2.js');
-var index$3 = require('./index-ecd739a8.js');
+var index = require('./index-bb75cbd7.js');
+var index$1 = require('./index-01a72f38.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
+var index$6 = require('./index-e0a73ca6.js');
+var index$3 = require('./index-66240e12.js');
 var core = require('@mantine/core');
-var number = require('./number-2d2070f4.js');
-var index$4 = require('./index-b090a394.js');
+var number = require('./number-6d90e76b.js');
+var index$4 = require('./index-582e1a4b.js');
 var hooks = require('@mantine/hooks');
-var index$5 = require('./index-6bc28a5d.js');
-var index$7 = require('./index-e159ad47.js');
+var post = require('./post-ccaf590e.js');
+var index$5 = require('./index-ccb3dd00.js');
+var index$7 = require('./index-3bdf2cef.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core$1 = require('@hhgtech/icons/core');
 var Cookies = require('js-cookie');
-var utils = require('./utils-62a8a766.js');
+var utils = require('./utils-bf082f93.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -579,11 +580,14 @@ const VideoItem$1 = (_a) => {
 };
 
 const VideoPlayerModal = (_a) => {
-    var { data, isMobile } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile"]);
-    const { type, url } = data;
+    var { data, isMobile, forceType } = _a, rest = tslib_es6.__rest(_a, ["data", "isMobile", "forceType"]);
+    const { url } = data;
     const os = hooks.useOs();
     const isIos = os === 'ios';
-    return (React__default["default"].createElement(index$5.Modal, Object.assign({ size: type === index$3.VideoType.SHORTS ? (isMobile ? 360 : 375) : core.rem(1128), withCloseButton: true, styles: (theme) => ({
+    const isShort = forceType != null
+        ? forceType === index$3.VideoType.SHORTS
+        : post.isShortOrReelVideoUrl(url);
+    return (React__default["default"].createElement(index$5.Modal, Object.assign({ size: isShort ? (isMobile ? 360 : 375) : 1128, withCloseButton: true, styles: (theme) => ({
             header: {
                 padding: 0,
                 paddingBottom: 8,
@@ -595,17 +599,10 @@ const VideoPlayerModal = (_a) => {
                     right: 10,
                 },
             },
-            body: {
-                padding: 0,
-            },
-            content: {
-                boxShadow: 'none',
-                backgroundColor: 'transparent',
-                borderRadius: 0,
-                [theme.fn.largerThan('sm')]: {
+            body: Object.assign({ padding: 0 }, (!isShort && { overflow: 'hidden' })),
+            content: Object.assign(Object.assign({ boxShadow: 'none', backgroundColor: 'transparent', borderRadius: 0 }, (!isShort && { overflow: 'hidden' })), { [theme.fn.largerThan('sm')]: {
                     position: 'relative',
-                },
-            },
+                } }),
             heading: {
                 [theme.fn.smallerThan('sm')]: {},
             },
@@ -641,11 +638,11 @@ const VideoPlayerModal = (_a) => {
                 },
             },
         }) }, rest),
-        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, isShort: type === index$3.VideoType.SHORTS, autoScaleByVideoType: true })));
+        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, forceType: forceType })));
 };
 
 const VideoItem = React.forwardRef((_a, ref) => {
-    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, dataEventLabel: dataEventLabelProp, isMobile, loading, hideInfo = false, useVideoTypeThumbnail = false } = _a, props = tslib_es6.__rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "dataEventLabel", "isMobile", "loading", "hideInfo", "useVideoTypeThumbnail"]);
+    var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, dataEventLabel: dataEventLabelProp, isMobile, loading, hideInfo = false, useVideoTypeThumbnail = false, forceTypeModal } = _a, props = tslib_es6.__rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "dataEventLabel", "isMobile", "loading", "hideInfo", "useVideoTypeThumbnail", "forceTypeModal"]);
     const normalizedData = React.useMemo(() => normalizeVideoItemData(data), [data]);
     const { articleLink, id, videoId, title, url, type } = normalizedData;
     const [showModal, setShowModal] = React.useState(false);
@@ -716,7 +713,7 @@ const VideoItem = React.forwardRef((_a, ref) => {
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         type === index$3.VideoType.SHORTS && !useVideoTypeThumbnail ? (React__default["default"].createElement(ShortsItem, Object.assign({}, props, commonProps, { data: normalizedData, layout: layout, isMobile: isMobile, loading: loading, hideInfo: hideInfo }))) : (React__default["default"].createElement(VideoItem$1, Object.assign({}, props, commonProps, { layout: layout, data: normalizedData, isMobile: isMobile, loading: loading, hideInfo: hideInfo, useVideoTypeThumbnail: useVideoTypeThumbnail }))),
-        !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: normalizedData, onClose: () => setShowModal(false), isMobile: isMobile, closeButtonProps: modalCloseTrackingProps, overlayProps: modalCloseTrackingProps }))));
+        !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: normalizedData, onClose: () => setShowModal(false), isMobile: isMobile, forceType: forceTypeModal, closeButtonProps: modalCloseTrackingProps, overlayProps: modalCloseTrackingProps }))));
 });
 VideoItem.displayName = 'VideoItem';
 

package/build/{Spinner-bf8b5771.js → Spinner-4a6432b8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-d275dadb.js → WhatsApp-5651c89e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-efb072e2.js');
+var tslib_es6 = require('./tslib.es6-315aba8c.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-16102e73.js');
-var index$1 = require('./index-b3ea98d9.js');
-var index$2 = require('./index-4f99f0e2.js');
-require('./tslib.es6-efb072e2.js');
+var index = require('./index-3ff4e8ba.js');
+var index$1 = require('./index-d8f66220.js');
+var index$2 = require('./index-69d42420.js');
+require('./tslib.es6-315aba8c.js');
 require('react');
-require('./index-ba888211.js');
+require('./index-5c64f80e.js');
 require('@mantine/core');
-require('./shared-acb27ce3.js');
-require('./index-cfa6e63c.js');
-require('./index-f6f51afc.js');
+require('./shared-be6ed85b.js');
+require('./index-0a331f08.js');
+require('./index-9d84eeda.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-fd2a8ce6.js');
+require('./index-01a72f38.js');
 require('./constantsDomainLocales.js');
-require('./Locale-62760427.js');
+require('./Locale-1956090e.js');
 require('./constantsIsProduction.js');
-require('./index-fcd47e39.js');
-require('./utils-62a8a766.js');
+require('./index-b6f744c2.js');
+require('./utils-bf082f93.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5584a515.js');
-require('./index-526f4e9a.js');
+require('./index-bb75cbd7.js');
+require('./index-d24e5f80.js');
 require('dayjs');
-require('./index-ecd739a8.js');
+require('./index-66240e12.js');
 require('@mantine/notifications');
-require('./index-de050cc2.js');
+require('./index-e0a73ca6.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-9a03065c.js');
+require('./useUniqueId-f40d860e.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-f0004ce9.js');
-require('./translationsContext-58fd12e9.js');
-require('./index-2cad548d.js');
+require('./index.styles-c34164e9.js');
+require('./translationsContext-f91d74fc.js');
+require('./index-4120f736.js');
 
 
 

package/build/atoms.js

@@ -2,83 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-84cf11b3.js');
-var index$1 = require('./index-0fbca7f9.js');
-var index$2 = require('./index-16102e73.js');
-var index$3 = require('./index-660e68d7.js');
-var index$4 = require('./index-52917032.js');
-var index$5 = require('./index-b6c15ae1.js');
-var index$6 = require('./index-0c36c9e7.js');
-var index$7 = require('./index-f6f51afc.js');
-var index$8 = require('./index-4f99f0e2.js');
-var index$9 = require('./index-08408003.js');
-var index$a = require('./index-0dcb564e.js');
-var index$b = require('./index-c72962e1.js');
-var index$c = require('./index-87de7648.js');
-var index$d = require('./index-b3ea98d9.js');
-var index$e = require('./index-cc31ab82.js');
-var index$f = require('./index-57323ebd.js');
-var index$g = require('./index-7a637bdd.js');
-var index$h = require('./index-4e0fce1c.js');
-var index$i = require('./index-fcd47e39.js');
-var logoIcon = require('./logoIcon-c86052df.js');
-var index$j = require('./index-2ad63a11.js');
-var index$k = require('./index-c8fc4f53.js');
-var index$m = require('./index-bdbb7629.js');
-var index$n = require('./index-da684f1d.js');
-var InputDate = require('./InputDate-7a8cbf15.js');
-var index$l = require('./index-8eb26c3b.js');
+var index = require('./index-c47e83ce.js');
+var index$1 = require('./index-af9d3043.js');
+var index$2 = require('./index-3ff4e8ba.js');
+var index$3 = require('./index-64ab7109.js');
+var index$4 = require('./index-55092fd3.js');
+var index$5 = require('./index-2643ba4a.js');
+var index$6 = require('./index-cfd9be6c.js');
+var index$7 = require('./index-9d84eeda.js');
+var index$8 = require('./index-69d42420.js');
+var index$9 = require('./index-d1b32a9a.js');
+var index$a = require('./index-5e8906c1.js');
+var index$b = require('./index-950f519f.js');
+var index$c = require('./index-e80b05a8.js');
+var index$d = require('./index-d8f66220.js');
+var index$e = require('./index-dce9ffc1.js');
+var index$f = require('./index-6d6a3a9a.js');
+var index$g = require('./index-7ffa9ef3.js');
+var index$h = require('./index-336fe98b.js');
+var index$i = require('./index-b6f744c2.js');
+var logoIcon = require('./logoIcon-64a1380c.js');
+var index$j = require('./index-3e50c91a.js');
+var index$k = require('./index-eed0afc4.js');
+var index$m = require('./index-8b1d1818.js');
+var index$n = require('./index-b79f8af6.js');
+var InputDate = require('./InputDate-e89362f6.js');
+var index$l = require('./index-e2ede1cb.js');
 require('react');
-require('./index-5584a515.js');
-require('./tslib.es6-efb072e2.js');
+require('./index-bb75cbd7.js');
+require('./tslib.es6-315aba8c.js');
 require('@mantine/core');
-require('./index-cfa6e63c.js');
+require('./index-0a331f08.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-62a8a766.js');
+require('./utils-bf082f93.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-b090a394.js');
-require('./translationsContext-58fd12e9.js');
+require('./index-582e1a4b.js');
+require('./translationsContext-f91d74fc.js');
 require('@mantine/carousel');
-require('./index-ba888211.js');
-require('./shared-acb27ce3.js');
+require('./index-5c64f80e.js');
+require('./shared-be6ed85b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-62760427.js');
+require('./Locale-1956090e.js');
 require('@mantine/dates');
-require('./index-de050cc2.js');
+require('./index-e0a73ca6.js');
 require('date-fns/locale');
-require('./index-ecd739a8.js');
+require('./index-66240e12.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-fd2a8ce6.js');
-require('./index-526f4e9a.js');
+require('./index-01a72f38.js');
+require('./index-d24e5f80.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-f0004ce9.js');
-require('./index-2cad548d.js');
+require('./index.styles-c34164e9.js');
+require('./index-4120f736.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-34361cea.js');
+require('./animation-03c5da23.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-9a03065c.js');
+require('./useUniqueId-f40d860e.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-d275dadb.js');
-require('./Spinner-bf8b5771.js');
-require('./index-d969f723.js');
-require('./paths-25132cd2.js');
-require('./constants-d68c31bf.js');
-require('./utils-7974b5ec.js');
-require('./index-298ebdaf.js');
+require('./WhatsApp-5651c89e.js');
+require('./Spinner-4a6432b8.js');
+require('./index-8a17ef42.js');
+require('./paths-3b6efd05.js');
+require('./constants-9bfe88a5.js');
+require('./utils-a01dde41.js');
+require('./index-eae53e6e.js');
 require('js-cookie');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-d1cfb0a0.js');
+require('./constants-fad0caca.js');
 require('vaul');