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

package/build/{InputDate-183f2bbe.js → InputDate-06d84026.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6bf483d.js');
+var tslib_es6 = require('./tslib.es6-669a0503.js');
 var React = require('react');
 var core = require('@mantine/core');
 var classNames = require('classnames');
 var dayjs = require('dayjs');
-var index$1 = require('./index-fc9338a0.js');
+var index$1 = require('./index-d765bd69.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-9eca67de.js');
-var Locale = require('./Locale-b19ed52c.js');
-var index$2 = require('./index-819b146a.js');
+var index = require('./index-9a6bdb44.js');
+var Locale = require('./Locale-175603f0.js');
+var index$2 = require('./index-4dfa6ee2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-daaf2e47.js → LastPeriod-4315037b.js}

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

package/build/{MobileBottomNavigationIcon-74d65740.js → MobileBottomNavigationIcon-d9a94997.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6bf483d.js');
+var tslib_es6 = require('./tslib.es6-669a0503.js');
 var React = require('react');
-var index = require('./index-819b146a.js');
+var index = require('./index-4dfa6ee2.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-45191a5a.js');
+var utils = require('./utils-f17c4229.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{SiteWideBanner-11e05dc6.js → SiteWideBanner-02451ec8.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-e73c2d81.js');
+var index$2 = require('./index-0b11770f.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-819b146a.js');
-var index$1 = require('./index-9ab71bcb.js');
-var tslib_es6 = require('./tslib.es6-d6bf483d.js');
-var index$6 = require('./index-9eca67de.js');
-var index$5 = require('./index-ec60afe1.js');
+var index = require('./index-4dfa6ee2.js');
+var index$1 = require('./index-a48a1c58.js');
+var tslib_es6 = require('./tslib.es6-669a0503.js');
+var index$6 = require('./index-9a6bdb44.js');
+var index$3 = require('./index-9f58c7b6.js');
 var core = require('@mantine/core');
-var number = require('./number-63f5cea6.js');
-var index$3 = require('./index-71921f98.js');
+var number = require('./number-ee1a7a92.js');
+var index$4 = require('./index-55e4e175.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-86f6b529.js');
-var index$7 = require('./index-684db9e1.js');
+var index$5 = require('./index-7fa32177.js');
+var index$7 = require('./index-5c44ecc9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var core$1 = require('@hhgtech/icons/core');
 var Cookies = require('js-cookie');
-var utils = require('./utils-45191a5a.js');
+var utils = require('./utils-f17c4229.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-e8168510.js → Spinner-5445da9a.js}

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

package/build/{WhatsApp-1d634d80.js → WhatsApp-3517532c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d6bf483d.js');
+var tslib_es6 = require('./tslib.es6-669a0503.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-07be814a.js');
-var index$1 = require('./index-61e7c5cb.js');
-var index$2 = require('./index-03f59668.js');
-require('./tslib.es6-d6bf483d.js');
+var index = require('./index-da17efc3.js');
+var index$1 = require('./index-84504a3a.js');
+var index$2 = require('./index-07ee7814.js');
+require('./tslib.es6-669a0503.js');
 require('react');
-require('./index-89fc1692.js');
+require('./index-6ea931a0.js');
 require('@mantine/core');
-require('./shared-36845ff0.js');
-require('./index-fc9338a0.js');
-require('./index-e73c2d81.js');
+require('./shared-5d7eeccc.js');
+require('./index-d765bd69.js');
+require('./index-0b11770f.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-9ab71bcb.js');
+require('./index-a48a1c58.js');
 require('./constantsDomainLocales.js');
-require('./Locale-b19ed52c.js');
+require('./Locale-175603f0.js');
 require('./constantsIsProduction.js');
-require('./index-b4f2c260.js');
-require('./utils-45191a5a.js');
+require('./index-d4378152.js');
+require('./utils-f17c4229.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-819b146a.js');
-require('./index-e081c1d9.js');
+require('./index-4dfa6ee2.js');
+require('./index-cbae35cc.js');
 require('dayjs');
-require('./index-ec60afe1.js');
+require('./index-9f58c7b6.js');
 require('@mantine/notifications');
-require('./index-9eca67de.js');
+require('./index-9a6bdb44.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-bf2f98ee.js');
+require('./useUniqueId-170430cc.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-95252484.js');
-require('./translationsContext-1e6a3332.js');
-require('./index-94581da6.js');
+require('./index.styles-cc6bbc3b.js');
+require('./translationsContext-a1c55720.js');
+require('./index-aeb83000.js');
 
 
 

package/build/atoms.js

@@ -2,82 +2,82 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-cb859ff8.js');
-var index$1 = require('./index-8762b347.js');
-var index$2 = require('./index-07be814a.js');
-var index$3 = require('./index-d36d8f7d.js');
-var index$4 = require('./index-3c498b2a.js');
-var index$5 = require('./index-6821250e.js');
-var index$6 = require('./index-112fc7e1.js');
-var index$7 = require('./index-e73c2d81.js');
-var index$8 = require('./index-03f59668.js');
-var index$9 = require('./index-5be746e3.js');
-var index$a = require('./index-ecf6693f.js');
-var index$b = require('./index-18425aea.js');
-var index$c = require('./index-704f372b.js');
-var index$d = require('./index-61e7c5cb.js');
-var index$e = require('./index-9ee23b62.js');
-var index$f = require('./index-09ed29c5.js');
-var index$g = require('./index-10be1470.js');
-var index$h = require('./index-9c7e7c9b.js');
-var index$i = require('./index-b4f2c260.js');
-var logoIcon = require('./logoIcon-8589b7c6.js');
-var index$j = require('./index-2d14370b.js');
-var index$k = require('./index-4a9de61b.js');
-var index$m = require('./index-c396e99d.js');
-var index$n = require('./index-001f4b21.js');
-var InputDate = require('./InputDate-183f2bbe.js');
-var index$l = require('./index-cadb3b7e.js');
+var index = require('./index-9e34c795.js');
+var index$1 = require('./index-e7203c05.js');
+var index$2 = require('./index-da17efc3.js');
+var index$3 = require('./index-ca7a0a90.js');
+var index$4 = require('./index-12bc5a22.js');
+var index$5 = require('./index-b8e46430.js');
+var index$6 = require('./index-eccc9a5d.js');
+var index$7 = require('./index-0b11770f.js');
+var index$8 = require('./index-07ee7814.js');
+var index$9 = require('./index-8afc34b9.js');
+var index$a = require('./index-2b12dcad.js');
+var index$b = require('./index-139516ea.js');
+var index$c = require('./index-801c9c5c.js');
+var index$d = require('./index-84504a3a.js');
+var index$e = require('./index-59fd8421.js');
+var index$f = require('./index-58e4923f.js');
+var index$g = require('./index-f2778ad1.js');
+var index$h = require('./index-b9786bf7.js');
+var index$i = require('./index-d4378152.js');
+var logoIcon = require('./logoIcon-6aa18304.js');
+var index$j = require('./index-ce74e400.js');
+var index$k = require('./index-c0123bf9.js');
+var index$m = require('./index-bd8f5983.js');
+var index$n = require('./index-4fb918dd.js');
+var InputDate = require('./InputDate-06d84026.js');
+var index$l = require('./index-c2e31b6f.js');
 require('react');
-require('./index-819b146a.js');
-require('./tslib.es6-d6bf483d.js');
+require('./index-4dfa6ee2.js');
+require('./tslib.es6-669a0503.js');
 require('@mantine/core');
-require('./index-fc9338a0.js');
+require('./index-d765bd69.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-45191a5a.js');
+require('./utils-f17c4229.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-71921f98.js');
-require('./translationsContext-1e6a3332.js');
+require('./index-55e4e175.js');
+require('./translationsContext-a1c55720.js');
 require('@mantine/carousel');
-require('./index-89fc1692.js');
-require('./shared-36845ff0.js');
+require('./index-6ea931a0.js');
+require('./shared-5d7eeccc.js');
 require('./constantsDomainLocales.js');
-require('./Locale-b19ed52c.js');
+require('./Locale-175603f0.js');
 require('@mantine/dates');
-require('./index-9eca67de.js');
+require('./index-9a6bdb44.js');
 require('date-fns/locale');
-require('./index-ec60afe1.js');
+require('./index-9f58c7b6.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-9ab71bcb.js');
-require('./index-e081c1d9.js');
+require('./index-a48a1c58.js');
+require('./index-cbae35cc.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-95252484.js');
-require('./index-94581da6.js');
+require('./index.styles-cc6bbc3b.js');
+require('./index-aeb83000.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-33427bc2.js');
+require('./animation-14a7c1fa.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-bf2f98ee.js');
+require('./useUniqueId-170430cc.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-1d634d80.js');
-require('./Spinner-e8168510.js');
-require('./index-74fe1f88.js');
-require('./paths-a5dc8db4.js');
-require('./constants-115c4ac9.js');
-require('./utils-4823ff80.js');
-require('./index-1ac02531.js');
+require('./WhatsApp-3517532c.js');
+require('./Spinner-5445da9a.js');
+require('./index-31ce7b50.js');
+require('./paths-3a906ec5.js');
+require('./constants-1c87a9da.js');
+require('./utils-661f90a9.js');
+require('./index-0ba5756b.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-737124c5.js');
+require('./constants-c6ad631c.js');
 require('vaul');