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

package/build/{InputDate-ef45fdaf.js → InputDate-8829bc93.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-791c26b9.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-38c88653.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-2e961850.js');
+var index = require('./index-8cafb4f2.js');
+var index$2 = require('./index-0b3bfc25.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

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

package/build/{MobileBottomNavigationIcon-ada941cf.js → MobileBottomNavigationIcon-78e666ee.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-791c26b9.js');
 var React = require('react');
-var index = require('./index-a86e3551.js');
+var index = require('./index-0b3bfc25.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-ed127b7d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -1,24 +1,25 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-d137fbf1.js');
+var index$2 = require('./index-145fe078.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-0b3bfc25.js');
+var index$1 = require('./index-f08c0840.js');
+var tslib_es6 = require('./tslib.es6-791c26b9.js');
+var index$6 = require('./index-8cafb4f2.js');
+var index$3 = require('./index-2870387c.js');
 var core = require('@mantine/core');
-var number = require('./number-80d65574.js');
-var index$4 = require('./index-13db236b.js');
+var number = require('./number-8b0a8021.js');
+var index$4 = require('./index-70a457b8.js');
 var hooks = require('@mantine/hooks');
-var index$5 = require('./index-966523f5.js');
-var index$7 = require('./index-a71db284.js');
+var post = require('./post-7ae37f51.js');
+var index$5 = require('./index-27893c0a.js');
+var index$7 = require('./index-b3c77709.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-ed127b7d.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-20286ea3.js}

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-dddf0cf3.js');
+var tslib_es6 = require('./tslib.es6-791c26b9.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-86aabf9b.js');
+var index$1 = require('./index-7972e880.js');
+var index$2 = require('./index-a8d89730.js');
+require('./tslib.es6-791c26b9.js');
 require('react');
-require('./index-f7bee208.js');
+require('./index-d7e9b181.js');
 require('@mantine/core');
-require('./shared-8155a748.js');
-require('./index-4ecce4e5.js');
-require('./index-d137fbf1.js');
+require('./shared-b590b7b5.js');
+require('./index-38c88653.js');
+require('./index-145fe078.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-fb1207e3.js');
+require('./index-f08c0840.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3f2b38cd.js');
+require('./Locale-2e961850.js');
 require('./constantsIsProduction.js');
-require('./index-552ef20d.js');
-require('./utils-0c9566fe.js');
+require('./index-ccc4c7f0.js');
+require('./utils-ed127b7d.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-a86e3551.js');
-require('./index-5a23f0b0.js');
+require('./index-0b3bfc25.js');
+require('./index-c266eac0.js');
 require('dayjs');
-require('./index-a13acf4f.js');
+require('./index-2870387c.js');
 require('@mantine/notifications');
-require('./index-c09074c7.js');
+require('./index-8cafb4f2.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-7cf8159d.js');
+require('./useUniqueId-d2ccd9ea.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-a74e6ba8.js');
+require('./translationsContext-0ceaca06.js');
+require('./index-6c1c689e.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-8eef0bf3.js');
+var index$1 = require('./index-06dbc7a8.js');
+var index$2 = require('./index-86aabf9b.js');
+var index$3 = require('./index-7effbae4.js');
+var index$4 = require('./index-2999617c.js');
+var index$5 = require('./index-bb338c89.js');
+var index$6 = require('./index-6a877167.js');
+var index$7 = require('./index-145fe078.js');
+var index$8 = require('./index-a8d89730.js');
+var index$9 = require('./index-be3c930a.js');
+var index$a = require('./index-c806ccf8.js');
+var index$b = require('./index-e0a0c637.js');
+var index$c = require('./index-c2efb8db.js');
+var index$d = require('./index-7972e880.js');
+var index$e = require('./index-d326e938.js');
+var index$f = require('./index-9e1a41f7.js');
+var index$g = require('./index-567c76c9.js');
+var index$h = require('./index-6a6fe18e.js');
+var index$i = require('./index-ccc4c7f0.js');
+var logoIcon = require('./logoIcon-f0ea281a.js');
+var index$j = require('./index-61446250.js');
+var index$k = require('./index-aa008f3d.js');
+var index$m = require('./index-cfdbd0cf.js');
+var index$n = require('./index-27b5e152.js');
+var InputDate = require('./InputDate-8829bc93.js');
+var index$l = require('./index-f8159be5.js');
 require('react');
-require('./index-a86e3551.js');
-require('./tslib.es6-dddf0cf3.js');
+require('./index-0b3bfc25.js');
+require('./tslib.es6-791c26b9.js');
 require('@mantine/core');
-require('./index-4ecce4e5.js');
+require('./index-38c88653.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-0c9566fe.js');
+require('./utils-ed127b7d.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-13db236b.js');
-require('./translationsContext-79f07e2f.js');
+require('./index-70a457b8.js');
+require('./translationsContext-0ceaca06.js');
 require('@mantine/carousel');
-require('./index-f7bee208.js');
-require('./shared-8155a748.js');
+require('./index-d7e9b181.js');
+require('./shared-b590b7b5.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3f2b38cd.js');
+require('./Locale-2e961850.js');
 require('@mantine/dates');
-require('./index-c09074c7.js');
+require('./index-8cafb4f2.js');
 require('date-fns/locale');
-require('./index-a13acf4f.js');
+require('./index-2870387c.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-fb1207e3.js');
-require('./index-5a23f0b0.js');
+require('./index-f08c0840.js');
+require('./index-c266eac0.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-762b5a6e.js');
-require('./index-3d0b9aaa.js');
+require('./index.styles-a74e6ba8.js');
+require('./index-6c1c689e.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-9860699b.js');
+require('./animation-fa5cd09a.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-7cf8159d.js');
+require('./useUniqueId-d2ccd9ea.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-4bdff1ac.js');
+require('./Spinner-20286ea3.js');
+require('./index-c2068d30.js');
+require('./paths-8ba1e8b6.js');
+require('./constants-fe615d15.js');
+require('./utils-d0e684ad.js');
+require('./index-79d92da4.js');
 require('js-cookie');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-cd6be5be.js');
+require('./constants-f6725b5b.js');
 require('vaul');