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

package/build/{InputDate-177f1171.js → InputDate-f9ccc30a.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c8322ddb.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-c57675db.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-4bb23d26.js');
-var index = require('./index-e144886a.js');
-var index$2 = require('./index-4243fe3f.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-5f6b9856.js → LastPeriod-9aa74253.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c8322ddb.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-7a8131e6.js → MobileBottomNavigationIcon-cb5151b2.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c8322ddb.js');
+var tslib_es6 = require('./tslib.es6-244719c7.js');
 var React = require('react');
-var index = require('./index-4243fe3f.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-656d8ea4.js');
+var utils = require('./utils-a0b48245.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-3d64f044.js → SiteWideBanner-19497bef.js}

@@ -1,24 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-544ce7c3.js');
+var index$2 = require('./index-8d993a61.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-4243fe3f.js');
-var index$1 = require('./index-379c076f.js');
-var tslib_es6 = require('./tslib.es6-c8322ddb.js');
-var index$6 = require('./index-e144886a.js');
-var index$3 = require('./index-41ffb454.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-463e20fd.js');
-var index$4 = require('./index-fc0d2466.js');
+var number = require('./number-ff1380e3.js');
+var index$4 = require('./index-c2c4b986.js');
 var hooks = require('@mantine/hooks');
-var index$5 = require('./index-fa2221fb.js');
-var index$7 = require('./index-4ee0a60c.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-656d8ea4.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-614f33bd.js → Spinner-45c5d694.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c8322ddb.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-a446e61e.js → WhatsApp-b0e96484.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c8322ddb.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-9003eb31.js');
-var index$1 = require('./index-ace96c1c.js');
-var index$2 = require('./index-6ed1558b.js');
-require('./tslib.es6-c8322ddb.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-9b0cd15b.js');
+require('./index-6fc2444e.js');
 require('@mantine/core');
-require('./shared-534839b2.js');
-require('./index-c57675db.js');
-require('./index-544ce7c3.js');
+require('./shared-0de5708b.js');
+require('./index-25552405.js');
+require('./index-8d993a61.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-379c076f.js');
+require('./index-de167d7a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-4bb23d26.js');
+require('./Locale-fa4a9d22.js');
 require('./constantsIsProduction.js');
-require('./index-ba334ae6.js');
-require('./utils-656d8ea4.js');
+require('./index-90f40b8d.js');
+require('./utils-a0b48245.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-4243fe3f.js');
-require('./index-d41c1fc4.js');
+require('./index-82f751ea.js');
+require('./index-c34a8b75.js');
 require('dayjs');
-require('./index-41ffb454.js');
+require('./index-1245362d.js');
 require('@mantine/notifications');
-require('./index-e144886a.js');
+require('./index-1ccca596.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-891be34b.js');
+require('./useUniqueId-fd965672.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-85eba29d.js');
-require('./translationsContext-dc8be8ac.js');
-require('./index-27104e22.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-8c7ac648.js');
-var index$1 = require('./index-699623d5.js');
-var index$2 = require('./index-9003eb31.js');
-var index$3 = require('./index-a24e5625.js');
-var index$4 = require('./index-aa668063.js');
-var index$5 = require('./index-79a03490.js');
-var index$6 = require('./index-bd979d27.js');
-var index$7 = require('./index-544ce7c3.js');
-var index$8 = require('./index-6ed1558b.js');
-var index$9 = require('./index-37259954.js');
-var index$a = require('./index-28276772.js');
-var index$b = require('./index-0fdd17f3.js');
-var index$c = require('./index-8e353d18.js');
-var index$d = require('./index-ace96c1c.js');
-var index$e = require('./index-f3d8340b.js');
-var index$f = require('./index-6dbd78d9.js');
-var index$g = require('./index-d8fe5eaf.js');
-var index$h = require('./index-10200f0c.js');
-var index$i = require('./index-ba334ae6.js');
-var logoIcon = require('./logoIcon-d01d5127.js');
-var index$j = require('./index-a96e621a.js');
-var index$k = require('./index-0853de40.js');
-var index$m = require('./index-d81234ce.js');
-var index$n = require('./index-d03ef95b.js');
-var InputDate = require('./InputDate-177f1171.js');
-var index$l = require('./index-88cc9c7a.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-4243fe3f.js');
-require('./tslib.es6-c8322ddb.js');
+require('./index-82f751ea.js');
+require('./tslib.es6-244719c7.js');
 require('@mantine/core');
-require('./index-c57675db.js');
+require('./index-25552405.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-656d8ea4.js');
+require('./utils-a0b48245.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-fc0d2466.js');
-require('./translationsContext-dc8be8ac.js');
+require('./index-c2c4b986.js');
+require('./translationsContext-5e942b97.js');
 require('@mantine/carousel');
-require('./index-9b0cd15b.js');
-require('./shared-534839b2.js');
+require('./index-6fc2444e.js');
+require('./shared-0de5708b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-4bb23d26.js');
+require('./Locale-fa4a9d22.js');
 require('@mantine/dates');
-require('./index-e144886a.js');
+require('./index-1ccca596.js');
 require('date-fns/locale');
-require('./index-41ffb454.js');
+require('./index-1245362d.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-379c076f.js');
-require('./index-d41c1fc4.js');
+require('./index-de167d7a.js');
+require('./index-c34a8b75.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-85eba29d.js');
-require('./index-27104e22.js');
+require('./index.styles-d8e05b17.js');
+require('./index-e1d21004.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-bbb9a265.js');
+require('./animation-1e2b30b1.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-891be34b.js');
+require('./useUniqueId-fd965672.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-a446e61e.js');
-require('./Spinner-614f33bd.js');
-require('./index-cba40d01.js');
-require('./paths-5c0ff74c.js');
-require('./constants-1a1151c9.js');
-require('./utils-354feceb.js');
-require('./index-d39755b6.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-b3b0aafd.js');
+require('./constants-1a196bb1.js');
 require('vaul');