@hhgtech/hhg-components 1.29.544-beta-2 → 1.29.544-beta-4

package/build/{InputDate-ed914738.js → InputDate-2d3106d9.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cb62c20b.js');
+var tslib_es6 = require('./tslib.es6-689393bc.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-10d0b125.js');
+var index$1 = require('./index-2dd94e1f.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-babc75a2.js');
-var Locale = require('./Locale-34d9b653.js');
-var index$2 = require('./index-074ccb35.js');
+var index = require('./index-94fc1de3.js');
+var Locale = require('./Locale-6139558f.js');
+var index$2 = require('./index-2cd4ed7a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-dc3af1ff.js → LastPeriod-9fe359a3.js}

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

package/build/{MobileBottomNavigationIcon-979f7f40.js → MobileBottomNavigationIcon-8e0e54c1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cb62c20b.js');
+var tslib_es6 = require('./tslib.es6-689393bc.js');
 var React = require('react');
-var index = require('./index-074ccb35.js');
+var index = require('./index-2cd4ed7a.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-40d45105.js');
+var utils = require('./utils-bed104c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-5540a6be.js → SiteWideBanner-ed8ee781.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-5544e58f.js');
+var index$2 = require('./index-24fba5f3.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-074ccb35.js');
-var index$1 = require('./index-bf905c58.js');
-var tslib_es6 = require('./tslib.es6-cb62c20b.js');
-var index$6 = require('./index-babc75a2.js');
-var index$5 = require('./index-86a9aa43.js');
+var index = require('./index-2cd4ed7a.js');
+var index$1 = require('./index-2b4b33aa.js');
+var tslib_es6 = require('./tslib.es6-689393bc.js');
+var index$6 = require('./index-94fc1de3.js');
+var index$3 = require('./index-c642be04.js');
 var core = require('@mantine/core');
-var number = require('./number-309e23d5.js');
-var index$3 = require('./index-6dce0505.js');
+var number = require('./number-e8009fae.js');
+var index$4 = require('./index-654f9949.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-414c156f.js');
-var index$7 = require('./index-6e737b49.js');
+var index$5 = require('./index-287231c4.js');
+var index$7 = require('./index-43f7feee.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core$1 = require('@hhgtech/icons/core');
 var Cookies = require('js-cookie');
-var utils = require('./utils-40d45105.js');
+var utils = require('./utils-bed104c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -167,6 +167,20 @@ const LanguageLabel = ({ locale, label, href, }) => {
         React__default["default"].createElement("span", null, label)));
 };
 
+const normalizeVideoItemData = (data) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const thumbnail = data.thumbnail ||
+        data.imageMedium ||
+        data.image ||
+        data.imageThumbnail ||
+        '';
+    return Object.assign(Object.assign(Object.assign(Object.assign({ id: (_a = data.id) !== null && _a !== void 0 ? _a : '', videoId: (_b = data.videoId) !== null && _b !== void 0 ? _b : '', url: data.url, title: (_c = data.title) !== null && _c !== void 0 ? _c : '', type: (_d = data.type) !== null && _d !== void 0 ? _d : index$3.VideoType.VIDEO }, (data.totalView != null && data.totalView > 0
+        ? { totalView: data.totalView }
+        : {})), { description: (_e = data.description) !== null && _e !== void 0 ? _e : '', createTime: (_f = data.createTime) !== null && _f !== void 0 ? _f : '' }), (data.duration != null && data.duration > 0
+        ? { duration: data.duration }
+        : {})), { image: thumbnail, imageMedium: thumbnail, imageThumbnail: thumbnail, active: (_g = data.active) !== null && _g !== void 0 ? _g : false, articleLink: (_h = data.articleLink) !== null && _h !== void 0 ? _h : '' });
+};
+
 var useStyles$1 = core.createStyles((theme, { layout, radius }) => {
     const itemRadius = radius !== null && radius !== void 0 ? radius : 4;
     return {
@@ -265,7 +279,9 @@ function secondsTo24HoursFormat(sec_num = 0) {
 }
 function buildVideoSubtitle({ totalView, createTime, formatTotalView, }) {
     return [
-        typeof totalView === 'number' ? formatTotalView(totalView) : null,
+        typeof totalView === 'number' && totalView > 0
+            ? formatTotalView(totalView)
+            : null,
         createTime,
     ]
         .filter(Boolean)
@@ -279,7 +295,7 @@ const ShortsItem = (_a) => {
         name: 'VideoItem__ShortsItem',
         styles,
     });
-    const { t } = index$3.useTranslations();
+    const { t } = index$4.useTranslations();
     const subTitle = React.useMemo(() => buildVideoSubtitle({
         totalView,
         createTime,
@@ -460,11 +476,11 @@ var useStyles = core.createStyles((theme, { active, layout, radius, useVideoType
 const VideoItem$1 = (_a) => {
     var { isMobile, data, styles, className, classNames, layout, radius = 4, playIcon, hideInfo = false, loading = false, useVideoTypeThumbnail = false } = _a, boxProps = tslib_es6.__rest(_a, ["isMobile", "data", "styles", "className", "classNames", "layout", "radius", "playIcon", "hideInfo", "loading", "useVideoTypeThumbnail"]);
     const { title, imageMedium, createTime, totalView, active, duration } = data;
-    const { locale, t } = index$3.useTranslations();
+    const { locale, t } = index$4.useTranslations();
     const { cx, classes, theme } = useStyles({ active, layout, radius, useVideoTypeThumbnail }, { name: 'VideoItem__VideoItem', classNames, styles });
     const PlayIcon = playIcon || Play;
     const subTitle = React.useMemo(() => ({
-        visible: Boolean(totalView || createTime),
+        visible: Boolean((totalView != null && totalView > 0) || createTime),
         formated: buildVideoSubtitle({
             totalView,
             createTime,
@@ -476,7 +492,7 @@ const VideoItem$1 = (_a) => {
     const handleThumbError = (e) => {
         e.currentTarget.src = fallbackThumbSrc;
     };
-    const durationLabel = typeof duration === 'number' && duration > 0
+    const durationLabel = duration != null && typeof duration === 'number' && duration > 0
         ? secondsTo24HoursFormat(duration)
         : undefined;
     const shouldRenderVideoInfo = !hideInfo && (loading || Boolean(title) || subTitle.visible);
@@ -567,7 +583,7 @@ const VideoPlayerModal = (_a) => {
     const { type, url } = data;
     const os = hooks.useOs();
     const isIos = os === 'ios';
-    return (React__default["default"].createElement(index$4.Modal, Object.assign({ size: type === index$5.VideoType.SHORTS ? (isMobile ? 360 : 375) : core.rem(1128), withCloseButton: true, styles: (theme) => ({
+    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) => ({
             header: {
                 padding: 0,
                 paddingBottom: 8,
@@ -625,16 +641,20 @@ const VideoPlayerModal = (_a) => {
                 },
             },
         }) }, rest),
-        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, isShort: type === index$5.VideoType.SHORTS, autoScaleByVideoType: true })));
+        React__default["default"].createElement(index$7.SocialLinkPreview, { key: url, url: url || '', autoPlay: !isIos, isShort: type === index$3.VideoType.SHORTS, autoScaleByVideoType: true })));
 };
 
 const VideoItem = React.forwardRef((_a, ref) => {
     var { data, layout = 'default', disableDefaultFn, redirectToLandingPage, onClick, dataEventCategory, dataEventAction, isMobile, loading, hideInfo = false, useVideoTypeThumbnail = false } = _a, props = tslib_es6.__rest(_a, ["data", "layout", "disableDefaultFn", "redirectToLandingPage", "onClick", "dataEventCategory", "dataEventAction", "isMobile", "loading", "hideInfo", "useVideoTypeThumbnail"]);
-    const { articleLink, id, videoId, title, url, type } = data;
+    const normalizedData = React.useMemo(() => normalizeVideoItemData(data), [data]);
+    const { articleLink, id, videoId, title, url, type } = normalizedData;
     const [showModal, setShowModal] = React.useState(false);
-    const href = articleLink || `/videos/${type}/?id=${id}`;
-    const { locale } = index$3.useTranslations();
-    const dataEventLabel = React.useMemo(() => `https://${constantsDomainLocales.domainLocales[locale]}${href}`, [href, locale]);
+    const hasLandingPageTarget = Boolean(articleLink) || (id !== '' && id != null);
+    const href = articleLink || (hasLandingPageTarget ? `/videos/${type}/?id=${id}` : '#');
+    const { locale } = index$4.useTranslations();
+    const dataEventLabel = React.useMemo(() => articleLink || hasLandingPageTarget
+        ? `https://${constantsDomainLocales.domainLocales[locale]}${href}`
+        : url, [articleLink, hasLandingPageTarget, href, locale, url]);
     const persistVideoDetailForLanding = () => {
         localStorage.setItem(index$6.VIDEO_DETAIL_TEMP_STORAGE, JSON.stringify({
             articleLink,
@@ -679,8 +699,8 @@ const VideoItem = React.forwardRef((_a, ref) => {
                 : undefined,
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        type === index$5.VideoType.SHORTS && !useVideoTypeThumbnail ? (React__default["default"].createElement(ShortsItem, Object.assign({}, props, commonProps, { data: data, layout: layout, isMobile: isMobile, loading: loading, hideInfo: hideInfo }))) : (React__default["default"].createElement(VideoItem$1, Object.assign({}, props, commonProps, { layout: layout, data: data, isMobile: isMobile, loading: loading, hideInfo: hideInfo, useVideoTypeThumbnail: useVideoTypeThumbnail }))),
-        !articleLink && (React__default["default"].createElement(VideoPlayerModal, { opened: Boolean(showModal), data: data, onClose: () => setShowModal(false), isMobile: isMobile }))));
+        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 }))));
 });
 VideoItem.displayName = 'VideoItem';
 

package/build/{Spinner-4416809d.js → Spinner-886a46a1.js}

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

package/build/{WhatsApp-8fa6a865.js → WhatsApp-2957a518.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-cb62c20b.js');
+var tslib_es6 = require('./tslib.es6-689393bc.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-5d018a77.js');
-var index$1 = require('./index-e352bc7c.js');
-var index$2 = require('./index-08763346.js');
-require('./tslib.es6-cb62c20b.js');
+var index = require('./index-6ac87803.js');
+var index$1 = require('./index-1bb6e943.js');
+var index$2 = require('./index-82c272f7.js');
+require('./tslib.es6-689393bc.js');
 require('react');
-require('./index-3a6eaa49.js');
+require('./index-4a7c8307.js');
 require('@mantine/core');
-require('./shared-a6fde5f5.js');
-require('./index-10d0b125.js');
-require('./index-5544e58f.js');
+require('./shared-aa5337db.js');
+require('./index-2dd94e1f.js');
+require('./index-24fba5f3.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-bf905c58.js');
+require('./index-2b4b33aa.js');
 require('./constantsDomainLocales.js');
-require('./Locale-34d9b653.js');
+require('./Locale-6139558f.js');
 require('./constantsIsProduction.js');
-require('./index-dd46d5b5.js');
-require('./utils-40d45105.js');
+require('./index-0d0a39bd.js');
+require('./utils-bed104c2.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-074ccb35.js');
-require('./index-f2c12d3f.js');
+require('./index-2cd4ed7a.js');
+require('./index-5675e8c9.js');
 require('dayjs');
-require('./index-86a9aa43.js');
+require('./index-c642be04.js');
 require('@mantine/notifications');
-require('./index-babc75a2.js');
+require('./index-94fc1de3.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-20a71dad.js');
+require('./useUniqueId-ea5b9491.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-d21d675e.js');
-require('./translationsContext-b1a4d285.js');
-require('./index-716944b7.js');
+require('./index.styles-16b1990e.js');
+require('./translationsContext-37cb1e02.js');
+require('./index-9d02c1d9.js');
 
 
 

package/build/atoms.js

@@ -2,82 +2,82 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-596ef27b.js');
-var index$1 = require('./index-71f86463.js');
-var index$2 = require('./index-5d018a77.js');
-var index$3 = require('./index-94459123.js');
-var index$4 = require('./index-a940703a.js');
-var index$5 = require('./index-c2942eeb.js');
-var index$6 = require('./index-ecc92149.js');
-var index$7 = require('./index-5544e58f.js');
-var index$8 = require('./index-08763346.js');
-var index$9 = require('./index-454a08eb.js');
-var index$a = require('./index-db263b45.js');
-var index$b = require('./index-e3383be5.js');
-var index$c = require('./index-61dfb170.js');
-var index$d = require('./index-e352bc7c.js');
-var index$e = require('./index-0eea947f.js');
-var index$f = require('./index-9fb40948.js');
-var index$g = require('./index-f9954877.js');
-var index$h = require('./index-1edec752.js');
-var index$i = require('./index-dd46d5b5.js');
-var logoIcon = require('./logoIcon-ec7a273a.js');
-var index$j = require('./index-f7083639.js');
-var index$k = require('./index-74f79772.js');
-var index$m = require('./index-23d0cf47.js');
-var index$n = require('./index-b287d739.js');
-var InputDate = require('./InputDate-ed914738.js');
-var index$l = require('./index-336f688f.js');
+var index = require('./index-30e218e6.js');
+var index$1 = require('./index-9159053f.js');
+var index$2 = require('./index-6ac87803.js');
+var index$3 = require('./index-82948018.js');
+var index$4 = require('./index-aca0ae23.js');
+var index$5 = require('./index-2c563511.js');
+var index$6 = require('./index-bb667cab.js');
+var index$7 = require('./index-24fba5f3.js');
+var index$8 = require('./index-82c272f7.js');
+var index$9 = require('./index-27166154.js');
+var index$a = require('./index-0379b623.js');
+var index$b = require('./index-ad51720f.js');
+var index$c = require('./index-b695d4d2.js');
+var index$d = require('./index-1bb6e943.js');
+var index$e = require('./index-b3a2069b.js');
+var index$f = require('./index-7f095ee2.js');
+var index$g = require('./index-24e4d1d7.js');
+var index$h = require('./index-5cb2e656.js');
+var index$i = require('./index-0d0a39bd.js');
+var logoIcon = require('./logoIcon-b6f1d6ac.js');
+var index$j = require('./index-317887e5.js');
+var index$k = require('./index-4454f158.js');
+var index$m = require('./index-981a73de.js');
+var index$n = require('./index-60563482.js');
+var InputDate = require('./InputDate-2d3106d9.js');
+var index$l = require('./index-a7e1631a.js');
 require('react');
-require('./index-074ccb35.js');
-require('./tslib.es6-cb62c20b.js');
+require('./index-2cd4ed7a.js');
+require('./tslib.es6-689393bc.js');
 require('@mantine/core');
-require('./index-10d0b125.js');
+require('./index-2dd94e1f.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-40d45105.js');
+require('./utils-bed104c2.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-6dce0505.js');
-require('./translationsContext-b1a4d285.js');
+require('./index-654f9949.js');
+require('./translationsContext-37cb1e02.js');
 require('@mantine/carousel');
-require('./index-3a6eaa49.js');
-require('./shared-a6fde5f5.js');
+require('./index-4a7c8307.js');
+require('./shared-aa5337db.js');
 require('./constantsDomainLocales.js');
-require('./Locale-34d9b653.js');
+require('./Locale-6139558f.js');
 require('@mantine/dates');
-require('./index-babc75a2.js');
+require('./index-94fc1de3.js');
 require('date-fns/locale');
-require('./index-86a9aa43.js');
+require('./index-c642be04.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-bf905c58.js');
-require('./index-f2c12d3f.js');
+require('./index-2b4b33aa.js');
+require('./index-5675e8c9.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-d21d675e.js');
-require('./index-716944b7.js');
+require('./index.styles-16b1990e.js');
+require('./index-9d02c1d9.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-37f5d3ea.js');
+require('./animation-611b37ac.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-20a71dad.js');
+require('./useUniqueId-ea5b9491.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-8fa6a865.js');
-require('./Spinner-4416809d.js');
-require('./index-c05a9967.js');
-require('./paths-0a60bc4a.js');
-require('./constants-3d05d137.js');
-require('./utils-d2153035.js');
-require('./index-62c0efa4.js');
+require('./WhatsApp-2957a518.js');
+require('./Spinner-886a46a1.js');
+require('./index-fdba2022.js');
+require('./paths-eeeed844.js');
+require('./constants-bd066cc5.js');
+require('./utils-ff5efe32.js');
+require('./index-91c2ec1b.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-9a281dd9.js');
+require('./constants-34b7a5ce.js');
 require('vaul');