@hhgtech/hhg-components 1.29.551-beta-1 → 1.29.551-beta-2

package/build/{InputDate-ef45fdaf.js → InputDate-f9ccc30a.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-244719c7.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-4ecce4e5.js');
+var index$1 = require('./index-25552405.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var Locale = require('./Locale-3f2b38cd.js');
-var index = require('./index-c09074c7.js');
-var index$2 = require('./index-a86e3551.js');
+var Locale = require('./Locale-fa4a9d22.js');
+var index = require('./index-1ccca596.js');
+var index$2 = require('./index-82f751ea.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-4b92c299.js → LastPeriod-9aa74253.js}

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

package/build/{MobileBottomNavigationIcon-ada941cf.js → MobileBottomNavigationIcon-cb5151b2.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-244719c7.js');
 var React = require('react');
-var index = require('./index-a86e3551.js');
+var index = require('./index-82f751ea.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-0c9566fe.js');
+var utils = require('./utils-a0b48245.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-6add4465.js → SiteWideBanner-19497bef.js}

@@ -1,24 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-d137fbf1.js');
+var index$2 = require('./index-8d993a61.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-a86e3551.js');
-var index$1 = require('./index-fb1207e3.js');
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
-var index$6 = require('./index-c09074c7.js');
-var index$3 = require('./index-a13acf4f.js');
+var index = require('./index-82f751ea.js');
+var index$1 = require('./index-de167d7a.js');
+var tslib_es6 = require('./tslib.es6-244719c7.js');
+var index$6 = require('./index-1ccca596.js');
+var index$3 = require('./index-1245362d.js');
 var core = require('@mantine/core');
-var number = require('./number-80d65574.js');
-var index$4 = require('./index-13db236b.js');
+var number = require('./number-ff1380e3.js');
+var index$4 = require('./index-c2c4b986.js');
 var hooks = require('@mantine/hooks');
-var index$5 = require('./index-966523f5.js');
-var index$7 = require('./index-a71db284.js');
+var post = require('./post-1582680b.js');
+var index$5 = require('./index-c91a10be.js');
+var index$7 = require('./index-48a63380.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core$1 = require('@hhgtech/icons/core');
 var Cookies = require('js-cookie');
-var utils = require('./utils-0c9566fe.js');
+var utils = require('./utils-a0b48245.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-652ae016.js → Spinner-45c5d694.js}

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

package/build/{WhatsApp-9a13d2f9.js → WhatsApp-b0e96484.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-244719c7.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-7dc91eb3.js');
-var index$1 = require('./index-668ec936.js');
-var index$2 = require('./index-66d62a0b.js');
-require('./tslib.es6-dddf0cf3.js');
+var index = require('./index-75711f2c.js');
+var index$1 = require('./index-9223faed.js');
+var index$2 = require('./index-2389f1df.js');
+require('./tslib.es6-244719c7.js');
 require('react');
-require('./index-f7bee208.js');
+require('./index-6fc2444e.js');
 require('@mantine/core');
-require('./shared-8155a748.js');
-require('./index-4ecce4e5.js');
-require('./index-d137fbf1.js');
+require('./shared-0de5708b.js');
+require('./index-25552405.js');
+require('./index-8d993a61.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-fb1207e3.js');
+require('./index-de167d7a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3f2b38cd.js');
+require('./Locale-fa4a9d22.js');
 require('./constantsIsProduction.js');
-require('./index-552ef20d.js');
-require('./utils-0c9566fe.js');
+require('./index-90f40b8d.js');
+require('./utils-a0b48245.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-a86e3551.js');
-require('./index-5a23f0b0.js');
+require('./index-82f751ea.js');
+require('./index-c34a8b75.js');
 require('dayjs');
-require('./index-a13acf4f.js');
+require('./index-1245362d.js');
 require('@mantine/notifications');
-require('./index-c09074c7.js');
+require('./index-1ccca596.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-7cf8159d.js');
+require('./useUniqueId-fd965672.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-762b5a6e.js');
-require('./translationsContext-79f07e2f.js');
-require('./index-3d0b9aaa.js');
+require('./index.styles-d8e05b17.js');
+require('./translationsContext-5e942b97.js');
+require('./index-e1d21004.js');
 
 
 

package/build/atoms.js

@@ -2,83 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-4665ad46.js');
-var index$1 = require('./index-63b80339.js');
-var index$2 = require('./index-7dc91eb3.js');
-var index$3 = require('./index-3ba9145b.js');
-var index$4 = require('./index-396da2bb.js');
-var index$5 = require('./index-8ee06a99.js');
-var index$6 = require('./index-bfc561a7.js');
-var index$7 = require('./index-d137fbf1.js');
-var index$8 = require('./index-66d62a0b.js');
-var index$9 = require('./index-a2212225.js');
-var index$a = require('./index-f3aba98b.js');
-var index$b = require('./index-dd72afad.js');
-var index$c = require('./index-7da74908.js');
-var index$d = require('./index-668ec936.js');
-var index$e = require('./index-c118a185.js');
-var index$f = require('./index-d27aa40b.js');
-var index$g = require('./index-8fb242a4.js');
-var index$h = require('./index-96d5576f.js');
-var index$i = require('./index-552ef20d.js');
-var logoIcon = require('./logoIcon-74c49d08.js');
-var index$j = require('./index-10c644a3.js');
-var index$k = require('./index-79c8161a.js');
-var index$m = require('./index-4691654c.js');
-var index$n = require('./index-6c79ea72.js');
-var InputDate = require('./InputDate-ef45fdaf.js');
-var index$l = require('./index-38a20bf1.js');
+var index = require('./index-6e610775.js');
+var index$1 = require('./index-a39ed3a7.js');
+var index$2 = require('./index-75711f2c.js');
+var index$3 = require('./index-d4e9b8bc.js');
+var index$4 = require('./index-9bc7af97.js');
+var index$5 = require('./index-3c8c451b.js');
+var index$6 = require('./index-90c9b7e5.js');
+var index$7 = require('./index-8d993a61.js');
+var index$8 = require('./index-2389f1df.js');
+var index$9 = require('./index-ddf78646.js');
+var index$a = require('./index-446a8358.js');
+var index$b = require('./index-2af3c2cc.js');
+var index$c = require('./index-e6ed9235.js');
+var index$d = require('./index-9223faed.js');
+var index$e = require('./index-136f6fc2.js');
+var index$f = require('./index-f3cb7bfb.js');
+var index$g = require('./index-80465a32.js');
+var index$h = require('./index-78bc9800.js');
+var index$i = require('./index-90f40b8d.js');
+var logoIcon = require('./logoIcon-818f88fb.js');
+var index$j = require('./index-23db55d9.js');
+var index$k = require('./index-411a6f39.js');
+var index$m = require('./index-ff4f40c8.js');
+var index$n = require('./index-7126c674.js');
+var InputDate = require('./InputDate-f9ccc30a.js');
+var index$l = require('./index-c0215b1a.js');
 require('react');
-require('./index-a86e3551.js');
-require('./tslib.es6-dddf0cf3.js');
+require('./index-82f751ea.js');
+require('./tslib.es6-244719c7.js');
 require('@mantine/core');
-require('./index-4ecce4e5.js');
+require('./index-25552405.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-0c9566fe.js');
+require('./utils-a0b48245.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-13db236b.js');
-require('./translationsContext-79f07e2f.js');
+require('./index-c2c4b986.js');
+require('./translationsContext-5e942b97.js');
 require('@mantine/carousel');
-require('./index-f7bee208.js');
-require('./shared-8155a748.js');
+require('./index-6fc2444e.js');
+require('./shared-0de5708b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3f2b38cd.js');
+require('./Locale-fa4a9d22.js');
 require('@mantine/dates');
-require('./index-c09074c7.js');
+require('./index-1ccca596.js');
 require('date-fns/locale');
-require('./index-a13acf4f.js');
+require('./index-1245362d.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-fb1207e3.js');
-require('./index-5a23f0b0.js');
+require('./index-de167d7a.js');
+require('./index-c34a8b75.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-762b5a6e.js');
-require('./index-3d0b9aaa.js');
+require('./index.styles-d8e05b17.js');
+require('./index-e1d21004.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-9860699b.js');
+require('./animation-1e2b30b1.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-7cf8159d.js');
+require('./useUniqueId-fd965672.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-9a13d2f9.js');
-require('./Spinner-652ae016.js');
-require('./index-a0c4ff1c.js');
-require('./paths-15823a54.js');
-require('./constants-28ff30cd.js');
-require('./utils-ef5203e5.js');
-require('./index-e1b57c93.js');
+require('./WhatsApp-b0e96484.js');
+require('./Spinner-45c5d694.js');
+require('./index-0a53f8cd.js');
+require('./paths-81b277f3.js');
+require('./constants-ac220450.js');
+require('./utils-79087704.js');
+require('./index-9bfa870b.js');
 require('js-cookie');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-cd6be5be.js');
+require('./constants-1a196bb1.js');
 require('vaul');