@hhgtech/hhg-components 1.29.349 → 1.29.350

package/build/index-fcc65dbf.js

@@ -0,0 +1,232 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
+var React = require('react');
+var core = require('@mantine/core');
+var useScreenSize = require('./useScreenSize-58be1181.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
+var styled = require('@emotion/styled');
+var togetherApiPaths = require('./togetherApiPaths.js');
+var constants = require('./constants-77bd9f3d.js');
+var post = require('./post-e81b3399.js');
+var index = require('./index-8d6980aa.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledSocialLinkPreview = styled__default["default"].div `
+  .link-info-container {
+    padding: 0.5rem 1rem;
+    background: ${(props) => props.color || '#f4faff'};
+  }
+  .link-image-wrapper {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    padding-top: 56.25%;
+    &.fetching {
+      background: lightgray;
+    }
+    .loading-spinner {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+  }
+`;
+
+const useExternalScript = ({ url, onLoad, onError }) => {
+    const [state, setState] = React.useState(url ? 'loading' : 'idle');
+    React.useEffect(() => {
+        if (!url) {
+            setState('idle');
+            return;
+        }
+        let script = document.querySelector(`script[src="${url}"]`);
+        const handleLoadScript = () => {
+            setState('ready');
+            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+        };
+        const handleErrorScript = () => {
+            setState('error');
+            onError === null || onError === void 0 ? void 0 : onError();
+        };
+        if (!script) {
+            script = document.createElement('script');
+            script.type = 'application/javascript';
+            script.src = url;
+            script.async = true;
+            document.body.appendChild(script);
+            script.addEventListener('load', handleLoadScript);
+            script.addEventListener('error', handleErrorScript);
+        }
+        script.addEventListener('load', handleLoadScript);
+        script.addEventListener('error', handleErrorScript);
+        return () => {
+            script.removeEventListener('load', handleLoadScript);
+            script.removeEventListener('error', handleErrorScript);
+        };
+    }, [url]);
+    return state;
+};
+
+const YoutubePlyr = ({ id, autoplay }) => {
+    const ref = React.useRef(null);
+    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.7.8/plyr.js' });
+    React.useEffect(() => {
+        if (!document.getElementById('hhg-plyr-player')) {
+            const link = document.createElement('link');
+            link.rel = 'stylesheet';
+            link.type = 'text/css';
+            link.href = 'https://cdn.plyr.io/3.7.8/plyr.css';
+            link.id = 'hhg-plyr-player';
+            document.head.appendChild(link);
+        }
+        if (state === 'ready' || typeof Plyr !== 'undefined') {
+            new Plyr(ref.current.querySelector('[data-id="player"]'), {
+                autoplay,
+                muted: true,
+            });
+        }
+    }, [state]);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(core.Box, { ref: ref, sx: {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                backgroundColor: '#000',
+                '&, > div': {
+                    width: '100%',
+                    height: '100%',
+                },
+            } },
+            React__default["default"].createElement("div", { "data-id": "player" },
+                React__default["default"].createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${id}?&mute=1&enablejsapi=1&rel=0`, allowFullScreen: true, frameBorder: "0" })))));
+};
+
+const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, onPushStatus, }) => {
+    const { data: { locale }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const [previewData, setPreviewData] = React.useState(null);
+    React.useEffect(() => {
+        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            if (image)
+                return;
+            if (!url)
+                return setPreviewData(null);
+            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
+            // fetch('./api/fetch-meta?url=' + encodeURIComponent(url))
+            //   .then((res) => res.json())
+            //   .then((res) =>
+            //     setPreviewData({
+            //       url,
+            //       image: res?.image || res?.logo,
+            //     }),
+            //   )
+            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.FETCH_PREVIEW, {
+                _locale: locale,
+            }, undefined, baseUrl), 'POST', {
+                data: {
+                    link: url,
+                },
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            }, !!baseUrl)
+                .then((res) => {
+                var _a, _b;
+                setPreviewData({
+                    url,
+                    image: ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.image) || ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.logo),
+                });
+            })
+                .catch(() => {
+                setPreviewData(null);
+            });
+        }))();
+    }, [url, image]);
+    const displayImage = image || (previewData === null || previewData === void 0 ? void 0 : previewData.image);
+    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
+    const youtubeVidId = React.useMemo(() => {
+        return post.youtubeVidIdGetter(displayUrl);
+    }, [displayUrl]);
+    const facebookVidId = React.useMemo(() => {
+        return (displayUrl.includes('facebook.com') || displayUrl.includes('fb.watch'));
+    }, [displayUrl]);
+    const responsiveWidth = React.useRef(0);
+    const responsiveHeight = React.useRef(0);
+    const [forceRerenderFB, setForceRerenderFB] = React.useState(false);
+    // FACEBOOK Video is not responsive for desktop browser
+    // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config
+    React.useEffect(() => {
+        const handleResize = () => {
+            var _a;
+            const containerRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            let toChangeSize = false;
+            if (containerRect &&
+                (!responsiveWidth.current ||
+                    Math.abs((responsiveWidth.current - containerRect.width) /
+                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.width)) > 0.2)) {
+                responsiveWidth.current = Math.floor(containerRect.width);
+                toChangeSize = true;
+            }
+            if (containerRect &&
+                (!responsiveHeight.current ||
+                    Math.abs((responsiveHeight.current - containerRect.height) /
+                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.height)) > 0.2)) {
+                responsiveHeight.current = Math.floor(containerRect.height);
+                toChangeSize = true;
+            }
+            if (toChangeSize) {
+                setForceRerenderFB((v) => !v);
+            }
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize, {
+            passive: true,
+        });
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    React.useEffect(() => {
+        if ((previewData === null || previewData === void 0 ? void 0 : previewData.image) && (previewData === null || previewData === void 0 ? void 0 : previewData.url)) {
+            onPushStatus === null || onPushStatus === void 0 ? void 0 : onPushStatus(true);
+        }
+    }, [previewData]);
+    const containerRef = React.useRef(null);
+    const _theme = core.useMantineTheme();
+    return (React__default["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__default["default"].createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__default["default"].createElement(YoutubePlyr, { id: youtubeVidId, autoplay: autoPlay })) : facebookVidId ? (React__default["default"].createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
+            position: 'absolute',
+            top: '50%',
+            left: '50%',
+            border: 'none',
+            overflow: 'hidden',
+            height: responsiveHeight.current,
+            width: responsiveWidth.current,
+            transform: 'translate(-50%, -50%)',
+        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+        React__default["default"].createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default["default"].createElement(index.Loading, { className: "loading-spinner" })) : (React__default["default"].createElement(useScreenSize.ImageWrap, { className: "link-image", src: displayImage || constants.DEFAULT_IMG, backupSrc: constants.DEFAULT_IMG, alt: displayUrl })))))));
+};
+
+exports.SocialLinkPreview = SocialLinkPreview;

package/build/index.js

@@ -2,144 +2,146 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-e1a39c0f.js');
-var index$1 = require('./index-54096852.js');
-var index$6 = require('./index-78c6c6cf.js');
+var index = require('./index-44bf2ce1.js');
+var index$1 = require('./index-a64f9470.js');
+var index$6 = require('./index-4f002d8f.js');
 var React = require('react');
-var ChevronDown = require('./ChevronDown-de1ece98.js');
-var Close = require('./Close-f7a2dac0.js');
-var Google = require('./Google-09fa7368.js');
-var Visible = require('./Visible-ba7b3d53.js');
-var index$2 = require('./index-923ca659.js');
-var index$3 = require('./index-da6b25ba.js');
-var index$4 = require('./index-69e5e1b3.js');
-var index$5 = require('./index-affa5696.js');
-var index$7 = require('./index-ca0aaa30.js');
-var index$8 = require('./index-10563d2d.js');
-var index$9 = require('./index-7c731bb3.js');
-var index$a = require('./index-7831797f.js');
-var index$b = require('./index-293b14b4.js');
-var index$c = require('./index-66035c29.js');
-var index$d = require('./index-e5cda5ef.js');
-var index$e = require('./index-86fb82cb.js');
-var index$f = require('./index-4840213b.js');
-var index$g = require('./index-7d74a494.js');
-var index$h = require('./index-c44ce30e.js');
-var index$i = require('./index-2ac16096.js');
-var index$j = require('./index-801f831e.js');
-var logoIcon = require('./logoIcon-f344c366.js');
-var useScreenSize = require('./useScreenSize-23da1322.js');
-var index$k = require('./index-d3eee893.js');
-var index$l = require('./index-6c7afdca.js');
-var index$m = require('./index-f30ece98.js');
+var ChevronDown = require('./ChevronDown-2195239e.js');
+var Close = require('./Close-dc4cd6ac.js');
+var Google = require('./Google-84f1002c.js');
+var Visible = require('./Visible-6dbbaff6.js');
+var index$2 = require('./index-1e05e5e9.js');
+var index$3 = require('./index-aee0f71e.js');
+var index$4 = require('./index-9fba1db4.js');
+var index$5 = require('./index-232df9c6.js');
+var index$7 = require('./index-0e3a9ce5.js');
+var index$8 = require('./index-4b2fa3e2.js');
+var index$9 = require('./index-2594073e.js');
+var index$a = require('./index-36ac7272.js');
+var index$b = require('./index-82a721a9.js');
+var index$c = require('./index-347809f9.js');
+var index$d = require('./index-17123607.js');
+var index$e = require('./index-26574e0f.js');
+var index$f = require('./index-52f4d9ac.js');
+var index$g = require('./index-88bffee6.js');
+var index$h = require('./index-af34cbca.js');
+var index$i = require('./index-d46c2bee.js');
+var index$j = require('./index-0ae0683e.js');
+var logoIcon = require('./logoIcon-144a4c63.js');
+var useScreenSize = require('./useScreenSize-58be1181.js');
+var index$k = require('./index-4d6e6a6f.js');
+var index$l = require('./index-8b7337b6.js');
+var index$m = require('./index-4d8a8f2a.js');
 var moleculesArticleCard = require('./moleculesArticleCard.js');
 var moleculesArticleCardV2 = require('./moleculesArticleCardV2.js');
-var index$n = require('./index-91f78d81.js');
-var index$o = require('./index-08dbe4bb.js');
-var index$p = require('./index-a9517b32.js');
-var index$q = require('./index-e785998a.js');
-var index$r = require('./index-c246a805.js');
+var index$n = require('./index-f9428b8a.js');
+var index$o = require('./index-d65d2702.js');
+var index$p = require('./index-2c357711.js');
+var index$q = require('./index-89d3b1dd.js');
+var index$r = require('./index-585064ac.js');
 var progressBar = require('./progressBar.js');
-var surveyThankyouCard = require('./surveyThankyouCard-b17d0ead.js');
+var surveyThankyouCard = require('./surveyThankyouCard-dcfc997b.js');
 var mobileBottomNavigation = require('./mobileBottomNavigation.js');
-var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-2425b88d.js');
-var healthToolsCardWrapper = require('./index-30e77221.js');
-var index$s = require('./index-e5b187b5.js');
+var mobileBottomNavigationIcon = require('./MobileBottomNavigationIcon-c9a7bab2.js');
+var healthToolsCardWrapper = require('./index-80f1173f.js');
+var index$s = require('./index-fa38fcaf.js');
 var embeddedHeathToolCards_dueDate_dueDate = require('./embeddedHeathToolCards_dueDate_dueDate.js');
 var embeddedHeathToolCards_bmi_bmi = require('./embeddedHeathToolCards_bmi_bmi.js');
-var index$t = require('./index-bacfdf72.js');
+var index$t = require('./index-620e269f.js');
 var embeddedHeathToolCards_babyGrowth = require('./embeddedHeathToolCards_babyGrowth.js');
 var embeddedHeathToolCards_babyPoop = require('./embeddedHeathToolCards_babyPoop.js');
-var index$u = require('./index-5597150a.js');
+var index$u = require('./index-3154eb57.js');
 var embeddedHeathToolCards_targetHeartRate = require('./embeddedHeathToolCards_targetHeartRate.js');
-var index$v = require('./index-f4073ef9.js');
+var index$v = require('./index-2d9bcaeb.js');
 var embeddedHeathToolCards_bmrBmr = require('./embeddedHeathToolCards_bmrBmr.js');
 var embeddedHeathToolCards_ovulation_ovulation = require('./embeddedHeathToolCards_ovulation_ovulation.js');
-var index$w = require('./index-6dcbaf78.js');
-var index$x = require('./index-bd8d3d98.js');
+var index$w = require('./index-5c3e82a8.js');
+var index$x = require('./index-2b7732a8.js');
 var embeddedHeathToolCards_babyVaccine = require('./embeddedHeathToolCards_babyVaccine.js');
 var embeddedHeathToolCards_pwg_pwg = require('./embeddedHeathToolCards_pwg_pwg.js');
-var index$y = require('./index-e79b74ad.js');
-var index$z = require('./index-74841ceb.js');
-var index$A = require('./index-251bc19b.js');
-var index$B = require('./index-082c1f5c.js');
-var surveyOrPremiumBanner = require('./index-d679f0b1.js');
-var index$C = require('./index-d5bd7852.js');
-var index$D = require('./index-abe62ca7.js');
-var index$E = require('./index-2643e607.js');
+var index$y = require('./index-a47352b7.js');
+var index$z = require('./index-a701bc62.js');
+var index$A = require('./index-b0338dab.js');
+var index$B = require('./index-c5c8c633.js');
+var surveyOrPremiumBanner = require('./index-c3d5b656.js');
+var index$C = require('./index-4ff1cefe.js');
+var index$D = require('./index-c182ddcd.js');
+var index$E = require('./index-8ea58f0a.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-818e3329.js');
+var navigationProfileButton = require('./index-a2146821.js');
 var profileNavigation = require('./profileNavigation.js');
-var index$F = require('./index-2ec2e22f.js');
-var useScrollbarSize = require('./useScrollbarSize-4ff147e9.js');
-var useCategory = require('./useCategory-d6102fc5.js');
-var useHealthToolCache = require('./useHealthToolCache-6c22500d.js');
-var useIsInit = require('./useIsInit-32887485.js');
-var useOutsideClick = require('./useOutsideClick-5f93addc.js');
-var useUniqueId = require('./useUniqueId-31a8ced9.js');
+var index$F = require('./index-d68340ee.js');
+var useScrollbarSize = require('./useScrollbarSize-17773592.js');
+var useCategory = require('./useCategory-993eb216.js');
+var useHealthToolCache = require('./useHealthToolCache-68c4213c.js');
+var useIsInit = require('./useIsInit-3a02c33f.js');
+var useOutsideClick = require('./useOutsideClick-59fd150e.js');
+var useUniqueId = require('./useUniqueId-17e9a8d5.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var dataTransform = require('./dataTransform-e1b2da85.js');
-var types = require('./types-78001fd6.js');
-var constants = require('./constants-adcd504a.js');
-var index$G = require('./index-684d0882.js');
-var index$H = require('./index-293892eb.js');
-var treePopoverMenu = require('./treePopoverMenu-6493d54c.js');
-var labelSorting = require('./labelSorting-d221a981.js');
-var togetherMoleculesCardAuthor = require('./index-de872eb4.js');
-var index$I = require('./index-6624dc27.js');
-var index$J = require('./index-d586f960.js');
+var dataTransform = require('./dataTransform-c05d6333.js');
+var types = require('./types-149e0fce.js');
+var constants = require('./constants-77bd9f3d.js');
+var index$G = require('./index-2dd85aab.js');
+var index$H = require('./index-12c0405a.js');
+var treePopoverMenu = require('./treePopoverMenu-49b646ab.js');
+var labelSorting = require('./labelSorting-564e4df0.js');
+var togetherMoleculesCardAuthor = require('./index-cc632370.js');
+var index$I = require('./index-5efb2208.js');
+var index$J = require('./index-26e97252.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var togetherMoleculesProfileDetail = require('./index-f0964133.js');
-var togetherMoleculesPostImagePreview = require('./index-4c3d9fab.js');
-var index$K = require('./index-ede81ff3.js');
-var index$L = require('./index-4d72db3c.js');
-var togetherComponentGlobalContext = require('./utils-cfd7bb44.js');
+var togetherMoleculesProfileDetail = require('./index-9642ac3c.js');
+var togetherMoleculesPostImagePreview = require('./index-32f95d0a.js');
+var index$K = require('./index-fcc65dbf.js');
+var index$L = require('./index-6c1fbee0.js');
+var index$M = require('./index-50880e9a.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
 var careBookingSearchBar = require('./careBookingSearchBar.js');
 var careBookingSearchBarV2 = require('./careBookingSearchBarV2.js');
-var types$1 = require('./types-9a594994.js');
-var constants$1 = require('./constants-3dd494fd.js');
-var localizeNumberFormat = require('./localizeNumberFormat-7ba78458.js');
-var animation = require('./animation-8e372e43.js');
+var types$1 = require('./types-a7bacf6e.js');
+var constants$1 = require('./constants-b45a0f52.js');
+var localizeNumberFormat = require('./localizeNumberFormat-b4acc554.js');
+var animation = require('./animation-4f0b0b74.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var dataTransform$1 = require('./dataTransform-cd43633f.js');
-var normalizeLink = require('./normalizeLink-7ccd3c22.js');
+var number = require('./number-0a06f73a.js');
+var normalizeLink = require('./normalizeLink-ed076d28.js');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-0b96a051.js');
+var utils = require('./utils-62602343.js');
 var miscGetDynamicHealthTool = require('./miscGetDynamicHealthTool.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
 var miscScreenSizeContext = require('./miscScreenSizeContext.js');
-require('./Locale-fe94e6b7.js');
+var dataTransform$1 = require('./dataTransform-7c8a111b.js');
+require('./Locale-efeb4779.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-400729ae.js');
+require('./tslib.es6-7610e8e4.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-d49e78ee.js');
+require('./index-e89d6ea8.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5ffb9c80.js');
-require('./other-55a9988c.js');
-require('./useMantineLocale-5e25dbd7.js');
+require('./index-e4b83bc5.js');
+require('./other-5db125e1.js');
+require('./useMantineLocale-5e96023c.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-92c78315.js');
+require('./index-0bb69a29.js');
 require('classnames');
 require('@hhgtech/icons/core');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
 require('@mantine/dates');
-require('./index.styles-f3cba150.js');
-require('./translationsContext-f04b6541.js');
-require('./index-d1a1f50a.js');
-require('./WhatsApp-11a5928c.js');
-require('./Spinner-29efc69e.js');
+require('./index.styles-7eb232b9.js');
+require('./translationsContext-58c99c1f.js');
+require('./index-bb0404b6.js');
+require('./WhatsApp-adce873a.js');
+require('./Spinner-eee4bad2.js');
 require('@emotion/react');
-require('./index-c2b6c6df.js');
-require('./paths-1762008b.js');
+require('./index-9395f53e.js');
+require('./paths-8c7855d4.js');
 require('vaul');
 require('innertext');
 require('lodash/throttle');
@@ -154,39 +156,40 @@ require('@hhgtech/icons/arrow');
 require('lottie-light-react');
 require('react-day-picker/DayPickerInput');
 require('react-dom');
-require('./LastPeriod-3540a6b9.js');
+require('./LastPeriod-fa62c38f.js');
 require('@mantine/form');
-require('./index-2b8d5922.js');
-require('./index-239a44cd.js');
+require('./index-4c7a785b.js');
+require('./index-4ea6199f.js');
 require('react-hook-form');
 require('./embeddedHeathToolCards_helpers.js');
-require('./index-ed9cdb03.js');
-require('./constants-a0dcf322.js');
-require('./utils-f03f5aa2.js');
-require('./store-90450103.js');
+require('./index-36927fc3.js');
+require('./constants-121d4cd0.js');
+require('./index-5e555a2c.js');
+require('./utils-130c6b01.js');
+require('./store-3db31396.js');
 require('zustand');
 require('./togetherApiPaths.js');
-require('./index-70053705.js');
-require('./index-4d2dd5d2.js');
+require('./index-dd2622f2.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./constants-dcf07a2b.js');
-require('./index-24f74a6c.js');
+require('./constants-68bbb45a.js');
+require('./index-1a670332.js');
 require('dayjs/plugin/relativeTime');
 require('string-format');
 require('lodash/debounce');
-require('./core-bf635a4c.js');
-require('./post-68372a5c.js');
-require('./editor-40cb6590.js');
+require('./core-493a4c1f.js');
+require('./index-8d6980aa.js');
+require('./post-e81b3399.js');
+require('./editor-dbfb4abe.js');
 require('react-contenteditable');
-require('./index-0c666eec.js');
-require('./index-2340bde2.js');
+require('./index-a52b0815.js');
+require('./index-546256c8.js');
 require('slugify');
-require('./utils-36e81afa.js');
+require('./utils-d40974e0.js');
 require('react-loading-skeleton');
 require('lodash/shuffle');
-require('./index-c1280c9e.js');
+require('./index-c0a1f14f.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -388,6 +391,8 @@ exports.BabyVaccineCardEmbed = embeddedHeathToolCards_babyVaccine.BabyVaccineCar
 exports.PWGCardEmbed = embeddedHeathToolCards_pwg_pwg.PWGCardEmbed;
 exports.PWGForm = index$y.PWGForm;
 exports.LanguageSwitcher = index$z.LanguageSwitcher;
+exports.VideoItem = index$z.VideoItem;
+exports.VideoPlayerModal = index$z.VideoPlayerModal;
 exports.PillCarousel = index$A.PillCarousel;
 exports.AddressInput = index$B.AddressInput;
 exports.MAPPING_CATEGORY_PREMIUM_API_TYPE = surveyOrPremiumBanner.MAPPING_CATEGORY_PREMIUM_API_TYPE;
@@ -448,7 +453,6 @@ exports.InputCommentBar = index$J.InputCommentBar;
 exports.PopupDanger = index$J.PopupDanger;
 exports.PopupFrame = index$J.PopupFrame;
 exports.SharePopup = index$J.SharePopup;
-exports.SocialLinkPreview = index$J.SocialLinkPreview;
 exports.SubmitReportForm = index$J.SubmitReportForm;
 exports.ShareBox = togetherShareBox.ShareBox;
 exports.PostContent = togetherMoleculesProfileDetail.PostContent;
@@ -460,13 +464,14 @@ Object.defineProperty(exports, 'TabNameInProfileDetail', {
 exports.ImagePreviewPopup = togetherMoleculesPostImagePreview.ImagePreviewPopup;
 exports.PostImagePreview = togetherMoleculesPostImagePreview.PostImagePreview;
 exports.PostSingleImageViewPopup = togetherMoleculesPostImagePreview.PostSingleImageViewPopup;
-exports.CardPost = index$K.CardPost;
-exports.CardPostPopoverMore = index$K.CardPostPopoverMore;
-exports.CardReply = index$K.CardReply;
-exports.CardReplyPopover = index$K.CardReplyPopover;
-exports.SourceList = index$K.SourceList;
-exports.VerifiedTag = index$K.VerifiedTag;
-exports.PopoverMenu = index$L.PopoverMenu;
+exports.SocialLinkPreview = index$K.SocialLinkPreview;
+exports.CardPost = index$L.CardPost;
+exports.CardPostPopoverMore = index$L.CardPostPopoverMore;
+exports.CardReply = index$L.CardReply;
+exports.CardReplyPopover = index$L.CardReplyPopover;
+exports.SourceList = index$L.SourceList;
+exports.VerifiedTag = index$L.VerifiedTag;
+exports.PopoverMenu = index$M.PopoverMenu;
 exports.DefaultComponentGlobalContextData = togetherComponentGlobalContext.DefaultComponentGlobalContextData;
 Object.defineProperty(exports, 'GlobalData', {
   enumerable: true,
@@ -494,8 +499,7 @@ exports.slideOutUp = animation.slideOutUp;
 exports.deleteCookie = miscCookieHelper.deleteCookie;
 exports.getCookie = miscCookieHelper.getCookie;
 exports.setCookie = miscCookieHelper.setCookie;
-exports.abbreviateNumber = dataTransform$1.abbreviateNumber;
-exports.formatPill = dataTransform$1.formatPill;
+exports.abbreviateNumber = number.abbreviateNumber;
 exports.getCareApiDomain = normalizeLink.getCareApiDomain;
 exports.getCurrentBaseUrl = normalizeLink.getCurrentBaseUrl;
 exports.getCurrentSsoUrl = normalizeLink.getCurrentSsoUrl;
@@ -521,6 +525,7 @@ exports.getSocialList = miscGetSocialList.getSocialList;
 exports.ScreenSizeContext = miscScreenSizeContext.ScreenSizeContext;
 exports.ScreenSizeContextProvider = miscScreenSizeContext.ScreenSizeContextProvider;
 exports.getWindowSizeGroups = miscScreenSizeContext.getWindowSizeGroups;
+exports.formatPill = dataTransform$1.formatPill;
 exports.ChatbotBg = ChatbotBg;
 exports.CheckCircle = CheckCircle;
 exports.ChevronLeft = ChevronLeft;

package/build/interfaces/constants/index.d.ts

@@ -20,6 +20,7 @@ export declare const ECOM_LOCALES: string[];
 export declare const DATA_PRIVACY_LOCALES: string[];
 export declare const CARE_LOCALES: string[];
 export declare const CARE_BOOKING_LOCALES: string[];
+export declare const VIDEO_LOCALES: string[];
 export declare const FAVICONS: {
     [key: string]: ({
         type: 'link';
@@ -83,3 +84,4 @@ export declare const GA_TOKEN_COOKIE = "_ga";
 export declare const API_DATE_FORMAT = "YYYY-MM-DD";
 export declare const DATE_FNS_DATE_FORMAT = "dd-MM-yyyy";
 export declare const ZINDEX_SSO = 9999999;
+export declare const VIDEO_DETAIL_TEMP_STORAGE = "video_item_detail";

package/build/interfaces/types/Video.d.ts

@@ -0,0 +1,36 @@
+export declare enum VideoType {
+    VIDEO = "video",
+    SHORTS = "short",
+    PODCAST = "podcast"
+}
+export type VideoItemTypeApi = {
+    ID: number;
+    video_id: string;
+    video_url: string;
+    video_title: string;
+    type: VideoType;
+    total_view: number;
+    description: string;
+    create_time: string;
+    duration: number;
+    image: string;
+    image_medium: string;
+    image_thumbnail: string;
+    article_link: string;
+};
+export type VideoItemType = {
+    id: number | string;
+    videoId: string;
+    url: string;
+    title: string;
+    description: string;
+    type: VideoType;
+    totalView: number;
+    createTime: string;
+    duration: number;
+    image: string;
+    imageMedium: string;
+    imageThumbnail: string;
+    active: boolean;
+    articleLink: string;
+};

package/build/interfaces/types/index.d.ts

@@ -119,6 +119,7 @@ export * from "./Onboarding";
 export * from "./BabyVaccination";
 export * from "./Subot";
 export * from "./SubotInline";
+export * from "./Video";
 export type OvulationLocalStoredType = {
     cycle: number;
     periodDateStart: Date;