@hhgtech/hhg-components 1.29.544 → 1.29.546

package/build/useResolvedCaptureUrls-e87e78a5.js

@@ -0,0 +1,83 @@
+'use strict';
+
+var React = require('react');
+var togetherComponentGlobalContext = require('./utils-1cb09f31.js');
+
+const GA_CLIENT_ID_KEY = 'ga_client_id';
+const COUNTRY_FROM_IP_KEY = 'user_ip_country';
+const ARTICLE_ID_KEY = 'article_id';
+const CATEGORY_SLUG_KEY = 'category_slug';
+const UTM_MEDIUM_KEY = 'utm_medium';
+const GA_CLIENT_ID_PLACEHOLDER = new RegExp(`\\{\\{${GA_CLIENT_ID_KEY}\\}\\}`, 'gi');
+const COUNTRY_FROM_IP_PLACEHOLDER = new RegExp(`\\{\\{${COUNTRY_FROM_IP_KEY}\\}\\}`, 'gi');
+const ARTICLE_ID_PLACEHOLDER = new RegExp(`\\{\\{${ARTICLE_ID_KEY}\\}\\}`, 'gi');
+const CATEGORY_SLUG_PLACEHOLDER = new RegExp(`\\{\\{${CATEGORY_SLUG_KEY}\\}\\}`, 'gi');
+const UTM_MEDIUM_PLACEHOLDER = new RegExp(`\\{\\{${UTM_MEDIUM_KEY}\\}\\}`, 'gi');
+function hasCaptureUrlPlaceholders(value) {
+    return (value.includes(GA_CLIENT_ID_KEY) ||
+        value.includes(COUNTRY_FROM_IP_KEY) ||
+        value.includes(ARTICLE_ID_KEY) ||
+        value.includes(CATEGORY_SLUG_KEY) ||
+        value.includes(UTM_MEDIUM_KEY));
+}
+function substituteCaptureUrlParams(url, params) {
+    var _a, _b, _c, _d, _e;
+    if (!hasCaptureUrlPlaceholders(url)) {
+        return url;
+    }
+    const gaClientId = (_a = params === null || params === void 0 ? void 0 : params.gaClientId) !== null && _a !== void 0 ? _a : '';
+    const countryFromUserIp = (_b = params === null || params === void 0 ? void 0 : params.countryFromUserIp) !== null && _b !== void 0 ? _b : '';
+    const articleId = (_c = params === null || params === void 0 ? void 0 : params.articleId) !== null && _c !== void 0 ? _c : '';
+    const categorySlug = (_d = params === null || params === void 0 ? void 0 : params.categorySlug) !== null && _d !== void 0 ? _d : '';
+    const utmMedium = (_e = params === null || params === void 0 ? void 0 : params.utmMedium) !== null && _e !== void 0 ? _e : '';
+    return url
+        .replace(GA_CLIENT_ID_PLACEHOLDER, btoa(gaClientId))
+        .replace(COUNTRY_FROM_IP_PLACEHOLDER, countryFromUserIp)
+        .replace(ARTICLE_ID_PLACEHOLDER, articleId)
+        .replace(CATEGORY_SLUG_PLACEHOLDER, categorySlug)
+        .replace(UTM_MEDIUM_PLACEHOLDER, utmMedium);
+}
+
+function useCaptureUrls(urls, params) {
+    const { gaClientId, countryFromUserIp, articleId, categorySlug, utmMedium } = params !== null && params !== void 0 ? params : {};
+    return React.useMemo(() => urls.map((url) => url
+        ? substituteCaptureUrlParams(url, {
+            gaClientId,
+            countryFromUserIp,
+            articleId,
+            categorySlug,
+            utmMedium,
+        })
+        : url), [urls, gaClientId, countryFromUserIp, articleId, categorySlug, utmMedium]);
+}
+
+function useCaptureUrlParams() {
+    const { data } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    return React.useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        return ({
+            gaClientId: (_a = data.gaClientId) !== null && _a !== void 0 ? _a : '',
+            countryFromUserIp: (_b = data.countryFromUserIp) !== null && _b !== void 0 ? _b : '',
+            articleId: (_c = data.articleId) !== null && _c !== void 0 ? _c : '',
+            categorySlug: (_d = data.categorySlug) !== null && _d !== void 0 ? _d : '',
+            utmMedium: (_e = data.utmMedium) !== null && _e !== void 0 ? _e : '',
+        });
+    }, [
+        data.gaClientId,
+        data.countryFromUserIp,
+        data.articleId,
+        data.categorySlug,
+        data.utmMedium,
+    ]);
+}
+
+function useResolvedCaptureUrls(urls, params) {
+    const storeParams = useCaptureUrlParams();
+    return useCaptureUrls(urls, params !== null && params !== void 0 ? params : storeParams);
+}
+
+exports.hasCaptureUrlPlaceholders = hasCaptureUrlPlaceholders;
+exports.substituteCaptureUrlParams = substituteCaptureUrlParams;
+exports.useCaptureUrlParams = useCaptureUrlParams;
+exports.useCaptureUrls = useCaptureUrls;
+exports.useResolvedCaptureUrls = useResolvedCaptureUrls;

package/build/useTogetherAuthRequiredAction.js

@@ -4,23 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var store = require('./store-bb6f9909.js');
-var togetherComponentGlobalContext = require('./utils-302bc65c.js');
-var constants = require('./constants-762249c4.js');
-require('./tslib.es6-2c2ed574.js');
+var store = require('./store-a7a2e443.js');
+var togetherComponentGlobalContext = require('./utils-1cb09f31.js');
+var constants = require('./constants-f8ac7c13.js');
+require('./tslib.es6-c7c1810e.js');
 require('zustand');
-require('./index-e083a917.js');
+require('./index-a89607b0.js');
 require('./constantsIsProduction.js');
-require('./normalizeLink-20e290e8.js');
+require('./normalizeLink-8a4b1c8b.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fbe01177.js');
-require('./index-6ce6e395.js');
+require('./Locale-e2326e86.js');
+require('./index-9a002fcd.js');
 require('date-fns/locale');
-require('./index-da3b86cd.js');
+require('./index-f2d6d4fe.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('react-phone-number-input');
-require('./index-3b44943e.js');
+require('./index-3a113d38.js');
+require('js-cookie');
+require('uuid');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');

package/build/{utils-0cc6746b.js → utils-01450786.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var constants$1 = require('./constants-3fbd741a.js');
-require('./index-6ce6e395.js');
-var index = require('./index-da3b86cd.js');
+var constants$1 = require('./constants-68973efb.js');
+require('./index-9a002fcd.js');
+var index = require('./index-f2d6d4fe.js');
 var formatString = require('string-format');
-var constants = require('./constants-f734b4e4.js');
+var constants = require('./constants-5be0524e.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -168,22 +168,7 @@ const checkAvailableSpotlight = (spotlight) => {
 const formatVideoItem = (data) => {
     if (typeof data === 'undefined' || !data)
         return null;
-    return {
-        id: data.ID || '',
-        videoId: data.video_id || '',
-        url: data.video_url || '',
-        title: data.video_title || '',
-        type: data.type || index.VideoType.VIDEO,
-        totalView: data.total_view || 0,
-        description: data.description || '',
-        createTime: data.create_time || '',
-        duration: data.duration || 0,
-        image: data.image || '',
-        imageMedium: data.image_medium || '',
-        imageThumbnail: data.image_thumbnail || '',
-        active: false,
-        articleLink: data.article_link || '',
-    };
+    return Object.assign(Object.assign(Object.assign(Object.assign({ id: data.ID || '', videoId: data.video_id || '', url: data.video_url || '', title: data.video_title || '', type: data.type || index.VideoType.VIDEO }, (data.total_view > 0 ? { totalView: data.total_view } : {})), { description: data.description || '', createTime: data.create_time || '' }), (data.duration > 0 ? { duration: data.duration } : {})), { image: data.image || '', imageMedium: data.image_medium || '', imageThumbnail: data.image_thumbnail || '', active: false, articleLink: data.article_link || '' });
 };
 function hexToRgb(hex, returnObj = false) {
     let alpha = false, h = hex.slice(hex.startsWith('#') ? 1 : 0);

package/build/{utils-302bc65c.js → utils-1cb09f31.js}

@@ -1,20 +1,68 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-2c2ed574.js');
-var index = require('./index-3b44943e.js');
+var tslib_es6 = require('./tslib.es6-c7c1810e.js');
+var index$1 = require('./index-3a113d38.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var slugify = require('slugify');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var formatString = require('string-format');
 var React = require('react');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-762249c4.js');
+var constants = require('./constants-f8ac7c13.js');
+var Cookies = require('js-cookie');
+var index = require('./index-9a002fcd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var slugify__default = /*#__PURE__*/_interopDefault(slugify);
 var formatString__default = /*#__PURE__*/_interopDefault(formatString);
 var React__default = /*#__PURE__*/_interopDefault(React);
+var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
+
+const GEOJS_COUNTRY_API = 'https://get.geojs.io/v1/ip/country.json';
+let cachedCountryFromUserIp = null;
+let countryFromUserIpPromise = null;
+function getGaClientId() {
+    if (typeof window === 'undefined')
+        return '';
+    const gaClientId = Cookies__default["default"].get(index.GA_TOKEN_COOKIE) || '';
+    if (!gaClientId)
+        return '';
+    try {
+        return gaClientId;
+    }
+    catch (_a) {
+        return '';
+    }
+}
+function fetchCountryFromUserIp() {
+    return tslib_es6.__awaiter(this, void 0, void 0, function* () {
+        if (cachedCountryFromUserIp !== null) {
+            return cachedCountryFromUserIp;
+        }
+        if (typeof window === 'undefined') {
+            return '';
+        }
+        if (!countryFromUserIpPromise) {
+            countryFromUserIpPromise = fetch(GEOJS_COUNTRY_API)
+                .then((res) => {
+                if (!res.ok) {
+                    throw new Error(`geojs responded with ${res.status}`);
+                }
+                return res.json();
+            })
+                .then((data) => {
+                cachedCountryFromUserIp = (data.country || '').toLowerCase();
+                return cachedCountryFromUserIp;
+            })
+                .catch(() => '')
+                .finally(() => {
+                countryFromUserIpPromise = null;
+            });
+        }
+        return countryFromUserIpPromise;
+    });
+}
 
 const DefaultComponentGlobalContextData = {
     locale: 'vi-VN',
@@ -39,14 +87,60 @@ exports.GlobalData = DefaultComponentGlobalContextData;
 const TogetherComponentGlobalContextProvider = ({ locale = 'vi-VN', children, userInfo, router, env = {
     isMarryBaby: false,
     togetherBasePath: '/community',
-}, sanitizeFunction = (s) => s, pushNotifications = () => false, formatMessage, }) => {
+}, sanitizeFunction = (s) => s, pushNotifications = () => false, formatMessage, helloWellnessEnabled, }) => {
     const [togetherUserId, setTogetherUserId] = React.useState();
+    const [gaClientId, setGaClientId] = React.useState('');
+    const [countryFromUserIp, setCountryFromUserIp] = React.useState('');
+    const [articleId, setArticleId] = React.useState('');
+    const [categorySlug, setCategorySlug] = React.useState('');
+    const [utmMedium, setUtmMedium] = React.useState('');
+    const setCaptureUrlPageParams = React.useCallback((params) => {
+        var _a, _b, _c;
+        setArticleId((_a = params.articleId) !== null && _a !== void 0 ? _a : '');
+        setCategorySlug((_b = params.categorySlug) !== null && _b !== void 0 ? _b : '');
+        setUtmMedium((_c = params.utmMedium) !== null && _c !== void 0 ? _c : '');
+    }, []);
+    React.useEffect(() => {
+        const syncGaClientId = () => {
+            const nextGaClientId = getGaClientId();
+            if (nextGaClientId) {
+                setGaClientId(nextGaClientId);
+            }
+        };
+        if (!getGaClientId()) {
+            index$1.checkUntilFinished({
+                condition: () => Boolean(getGaClientId()),
+                finished: syncGaClientId,
+            });
+        }
+        else {
+            syncGaClientId();
+        }
+    }, []);
+    React.useEffect(() => {
+        if (!helloWellnessEnabled)
+            return;
+        let cancelled = false;
+        fetchCountryFromUserIp().then((nextCountryFromUserIp) => {
+            if (cancelled || !nextCountryFromUserIp)
+                return;
+            setCountryFromUserIp(nextCountryFromUserIp);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [helloWellnessEnabled]);
     exports.GlobalData = {
         userInfo,
         locale,
         togetherUserId,
         router,
         env,
+        gaClientId,
+        countryFromUserIp,
+        articleId,
+        categorySlug,
+        utmMedium,
     };
     React.useEffect(() => {
         if (userInfo === null || userInfo === void 0 ? void 0 : userInfo.id) {
@@ -65,10 +159,16 @@ const TogetherComponentGlobalContextProvider = ({ locale = 'vi-VN', children, us
                 togetherUserId,
                 router,
                 env,
+                gaClientId,
+                countryFromUserIp,
+                articleId,
+                categorySlug,
+                utmMedium,
             },
             action: {
                 pushNotifications,
                 sanitizeFunction,
+                setCaptureUrlPageParams,
             },
             formatMessage,
         } }, children));
@@ -224,7 +324,7 @@ const callApiWithOptionalAuth = (urlData, method = 'GET', options, reqCookie) =>
     try {
         const url = typeof urlData === 'string' ? urlData : urlData.url;
         const backupUrl = typeof urlData === 'string' ? urlData : urlData.backupUrl;
-        const parsedCookie = index.cookie.parse(reqCookie || '');
+        const parsedCookie = index$1.cookie.parse(reqCookie || '');
         const token = parsedCookie[constants.BEARER_TOKEN_COOKIE];
         const cookie = token || miscCookieHelper.getCookie(constants.BEARER_TOKEN_COOKIE);
         if (cookie && cookie.length) {
@@ -261,7 +361,7 @@ const callApiWithOptionalAuth = (urlData, method = 'GET', options, reqCookie) =>
 });
 const callApiWithAuth = (url, method, options, reqCookie) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        const parsedCookie = index.cookie.parse(reqCookie || '');
+        const parsedCookie = index$1.cookie.parse(reqCookie || '');
         const token = parsedCookie[constants.BEARER_TOKEN_COOKIE];
         const cookie = token || miscCookieHelper.getCookie(constants.BEARER_TOKEN_COOKIE);
         if (cookie && cookie.length) {
@@ -278,7 +378,7 @@ const callApiWithAuth = (url, method, options, reqCookie) => tslib_es6.__awaiter
 });
 const callApiWithAdminAuth = (url, method, options, reqCookie) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        const parsedCookie = index.cookie.parse(reqCookie || '');
+        const parsedCookie = index$1.cookie.parse(reqCookie || '');
         const token = parsedCookie[constants.BEARER_ADMIN_TOKEN_COOKIE];
         const cookie = token || miscCookieHelper.getCookie(constants.BEARER_ADMIN_TOKEN_COOKIE);
         if (cookie && cookie.length) {

package/build/{utils-0c8cc4cf.js → utils-24dd8a9a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var healthTools = require('./healthTools-9d73d292.js');
-var index = require('./index-e083a917.js');
-var store = require('./store-bb6f9909.js');
-var index$1 = require('./index-da3b86cd.js');
-var Locale = require('./Locale-fbe01177.js');
+var healthTools = require('./healthTools-a3a08d8a.js');
+var index = require('./index-a89607b0.js');
+var store = require('./store-a7a2e443.js');
+var index$1 = require('./index-f2d6d4fe.js');
+var Locale = require('./Locale-e2326e86.js');
 
 const isFeatureWhatsAppEnabled = [
     Locale.LOCALE.Indonesia,

package/build/{utils-7210e0bb.js → utils-329de5fe.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-da3b86cd.js');
-var Locale = require('./Locale-fbe01177.js');
+require('./index-f2d6d4fe.js');
+var Locale = require('./Locale-e2326e86.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/{utils-f5279ce3.js → utils-9dd2352f.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6ce6e395.js');
+var index = require('./index-9a002fcd.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-b92a8b1c.js');
+var utils = require('./utils-9b8f2dca.js');
 var Skeleton = require('react-loading-skeleton');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');

package/build/vaccination.js

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-2c2ed574.js');
+var tslib_es6 = require('./tslib.es6-c7c1810e.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-1e5e2223.js');
+var index$5 = require('./index-fbf5e628.js');
 require('@mantine/dates');
-require('./index-6ce6e395.js');
-var index$7 = require('./index-da3b86cd.js');
-require('./index-b0ce6f8f.js');
-var index$3 = require('./index-024542ed.js');
-var index$2 = require('./index-a31ed3e1.js');
-var index$1 = require('./index-3d563586.js');
+require('./index-9a002fcd.js');
+var index$7 = require('./index-f2d6d4fe.js');
+require('./index-9586920a.js');
+var index$3 = require('./index-0f4bac16.js');
+var index$2 = require('./index-7f556509.js');
+var index$1 = require('./index-51c684fe.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-59a9827e.js');
-require('./index.styles-691de58f.js');
-var index = require('./index-3643ff1b.js');
+require('./index-edd7dbd6.js');
+require('./index.styles-41d46dff.js');
+var index = require('./index-9b4e9c7c.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-b92a8b1c.js');
-require('./index-eba09ec0.js');
+var utils = require('./utils-9b8f2dca.js');
+require('./index-578e44e6.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-acf80f95.js');
-require('./translationsContext-78113889.js');
+var index$4 = require('./index-15057403.js');
+require('./translationsContext-3dda78c8.js');
 var other = require('@hhgtech/icons/other');
-var index$6 = require('./index-af9c3c64.js');
-var index$8 = require('./index-16480bf7.js');
+var index$6 = require('./index-c326c0b4.js');
+var index$8 = require('./index-b5aa2306.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$a = require('./index-a11c6c43.js');
-var index$9 = require('./index-d54fe628.js');
+var index$a = require('./index-73fa808e.js');
+var index$9 = require('./index-4383490a.js');
 require('@mantine/carousel');
-require('./shared-60ad3e5a.js');
+require('./shared-68aa272f.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-18ea5b53.js');
+require('./useUniqueId-9a00e57f.js');
 require('./constantsSite.js');
-require('./Locale-fbe01177.js');
+require('./Locale-e2326e86.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('date-fns/locale');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hhgtech/hhg-components",
-  "version": "1.29.544",
+  "version": "1.29.546",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [