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

package/build/{utils-0cc6746b.js → utils-211f191d.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-2346cf9c.js');
+require('./index-2a7802e2.js');
+var index = require('./index-01cd7594.js');
 var formatString = require('string-format');
-var constants = require('./constants-f734b4e4.js');
+var constants = require('./constants-9dfa0506.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-7210e0bb.js → utils-52cb7cc2.js}

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

package/build/{utils-302bc65c.js → utils-6dd9bbba.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-d943330a.js');
+var index$1 = require('./index-d9bb97ac.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-b68a7fb3.js');
+var Cookies = require('js-cookie');
+var index = require('./index-2a7802e2.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-f5279ce3.js → utils-7cfa9346.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-6ce6e395.js');
+var index = require('./index-2a7802e2.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-d609f225.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-d943330a.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$5 = require('./index-1e5e2223.js');
+var index$5 = require('./index-fbbf7190.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-2a7802e2.js');
+var index$7 = require('./index-01cd7594.js');
+require('./index-ab1664f5.js');
+var index$3 = require('./index-fcffe1fa.js');
+var index$2 = require('./index-6821a630.js');
+var index$1 = require('./index-458c34cd.js');
 var miscTheme = require('./miscTheme.js');
-require('./index-59a9827e.js');
-require('./index.styles-691de58f.js');
-var index = require('./index-3643ff1b.js');
+require('./index-53f509dc.js');
+require('./index.styles-d0c1155f.js');
+var index = require('./index-c6552415.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-b92a8b1c.js');
-require('./index-eba09ec0.js');
+var utils = require('./utils-d609f225.js');
+require('./index-3eb9104c.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-acf80f95.js');
-require('./translationsContext-78113889.js');
+var index$4 = require('./index-d498d269.js');
+require('./translationsContext-9282d674.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-c434e838.js');
+var index$8 = require('./index-b03300bb.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-c190d2b3.js');
+var index$9 = require('./index-5ec53100.js');
 require('@mantine/carousel');
-require('./shared-60ad3e5a.js');
+require('./shared-8138e65f.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-18ea5b53.js');
+require('./useUniqueId-6f7e0795.js');
 require('./constantsSite.js');
-require('./Locale-fbe01177.js');
+require('./Locale-a58a0889.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-beta-1",
   "main": "build/index.js",
   "module": "build/esm/index.js",
   "files": [

package/build/esm/index-95942e9e.js

@@ -1,339 +0,0 @@
-/*!
- * cookie
- * Copyright(c) 2012-2014 Roman Shtylman
- * Copyright(c) 2015 Douglas Christopher Wilson
- * MIT Licensed
- */
-
-/**
- * Module exports.
- * @public
- */
-
-var parse_1 = parse;
-var serialize_1 = serialize;
-
-/**
- * Module variables.
- * @private
- */
-
-var __toString = Object.prototype.toString;
-
-/**
- * RegExp to match cookie-name in RFC 6265 sec 4.1.1
- * This refers out to the obsoleted definition of token in RFC 2616 sec 2.2
- * which has been replaced by the token definition in RFC 7230 appendix B.
- *
- * cookie-name       = token
- * token             = 1*tchar
- * tchar             = "!" / "#" / "$" / "%" / "&" / "'" /
- *                     "*" / "+" / "-" / "." / "^" / "_" /
- *                     "`" / "|" / "~" / DIGIT / ALPHA
- */
-
-var cookieNameRegExp = /^[!#$%&'*+\-.^_`|~0-9A-Za-z]+$/;
-
-/**
- * RegExp to match cookie-value in RFC 6265 sec 4.1.1
- *
- * cookie-value      = *cookie-octet / ( DQUOTE *cookie-octet DQUOTE )
- * cookie-octet      = %x21 / %x23-2B / %x2D-3A / %x3C-5B / %x5D-7E
- *                     ; US-ASCII characters excluding CTLs,
- *                     ; whitespace DQUOTE, comma, semicolon,
- *                     ; and backslash
- */
-
-var cookieValueRegExp = /^("?)[\u0021\u0023-\u002B\u002D-\u003A\u003C-\u005B\u005D-\u007E]*\1$/;
-
-/**
- * RegExp to match domain-value in RFC 6265 sec 4.1.1
- *
- * domain-value      = <subdomain>
- *                     ; defined in [RFC1034], Section 3.5, as
- *                     ; enhanced by [RFC1123], Section 2.1
- * <subdomain>       = <label> | <subdomain> "." <label>
- * <label>           = <let-dig> [ [ <ldh-str> ] <let-dig> ]
- *                     Labels must be 63 characters or less.
- *                     'let-dig' not 'letter' in the first char, per RFC1123
- * <ldh-str>         = <let-dig-hyp> | <let-dig-hyp> <ldh-str>
- * <let-dig-hyp>     = <let-dig> | "-"
- * <let-dig>         = <letter> | <digit>
- * <letter>          = any one of the 52 alphabetic characters A through Z in
- *                     upper case and a through z in lower case
- * <digit>           = any one of the ten digits 0 through 9
- *
- * Keep support for leading dot: https://github.com/jshttp/cookie/issues/173
- *
- * > (Note that a leading %x2E ("."), if present, is ignored even though that
- * character is not permitted, but a trailing %x2E ("."), if present, will
- * cause the user agent to ignore the attribute.)
- */
-
-var domainValueRegExp = /^([.]?[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)([.][a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?)*$/i;
-
-/**
- * RegExp to match path-value in RFC 6265 sec 4.1.1
- *
- * path-value        = <any CHAR except CTLs or ";">
- * CHAR              = %x01-7F
- *                     ; defined in RFC 5234 appendix B.1
- */
-
-var pathValueRegExp = /^[\u0020-\u003A\u003D-\u007E]*$/;
-
-/**
- * Parse a cookie header.
- *
- * Parse the given cookie header string into an object
- * The object has the various cookies as keys(names) => values
- *
- * @param {string} str
- * @param {object} [opt]
- * @return {object}
- * @public
- */
-
-function parse(str, opt) {
-  if (typeof str !== 'string') {
-    throw new TypeError('argument str must be a string');
-  }
-
-  var obj = {};
-  var len = str.length;
-  // RFC 6265 sec 4.1.1, RFC 2616 2.2 defines a cookie name consists of one char minimum, plus '='.
-  if (len < 2) return obj;
-
-  var dec = (opt && opt.decode) || decode;
-  var index = 0;
-  var eqIdx = 0;
-  var endIdx = 0;
-
-  do {
-    eqIdx = str.indexOf('=', index);
-    if (eqIdx === -1) break; // No more cookie pairs.
-
-    endIdx = str.indexOf(';', index);
-
-    if (endIdx === -1) {
-      endIdx = len;
-    } else if (eqIdx > endIdx) {
-      // backtrack on prior semicolon
-      index = str.lastIndexOf(';', eqIdx - 1) + 1;
-      continue;
-    }
-
-    var keyStartIdx = startIndex(str, index, eqIdx);
-    var keyEndIdx = endIndex(str, eqIdx, keyStartIdx);
-    var key = str.slice(keyStartIdx, keyEndIdx);
-
-    // only assign once
-    if (!obj.hasOwnProperty(key)) {
-      var valStartIdx = startIndex(str, eqIdx + 1, endIdx);
-      var valEndIdx = endIndex(str, endIdx, valStartIdx);
-
-      if (str.charCodeAt(valStartIdx) === 0x22 /* " */ && str.charCodeAt(valEndIdx - 1) === 0x22 /* " */) {
-        valStartIdx++;
-        valEndIdx--;
-      }
-
-      var val = str.slice(valStartIdx, valEndIdx);
-      obj[key] = tryDecode(val, dec);
-    }
-
-    index = endIdx + 1;
-  } while (index < len);
-
-  return obj;
-}
-
-function startIndex(str, index, max) {
-  do {
-    var code = str.charCodeAt(index);
-    if (code !== 0x20 /*   */ && code !== 0x09 /* \t */) return index;
-  } while (++index < max);
-  return max;
-}
-
-function endIndex(str, index, min) {
-  while (index > min) {
-    var code = str.charCodeAt(--index);
-    if (code !== 0x20 /*   */ && code !== 0x09 /* \t */) return index + 1;
-  }
-  return min;
-}
-
-/**
- * Serialize data into a cookie header.
- *
- * Serialize a name value pair into a cookie string suitable for
- * http headers. An optional options object specifies cookie parameters.
- *
- * serialize('foo', 'bar', { httpOnly: true })
- *   => "foo=bar; httpOnly"
- *
- * @param {string} name
- * @param {string} val
- * @param {object} [opt]
- * @return {string}
- * @public
- */
-
-function serialize(name, val, opt) {
-  var enc = (opt && opt.encode) || encodeURIComponent;
-
-  if (typeof enc !== 'function') {
-    throw new TypeError('option encode is invalid');
-  }
-
-  if (!cookieNameRegExp.test(name)) {
-    throw new TypeError('argument name is invalid');
-  }
-
-  var value = enc(val);
-
-  if (!cookieValueRegExp.test(value)) {
-    throw new TypeError('argument val is invalid');
-  }
-
-  var str = name + '=' + value;
-  if (!opt) return str;
-
-  if (null != opt.maxAge) {
-    var maxAge = Math.floor(opt.maxAge);
-
-    if (!isFinite(maxAge)) {
-      throw new TypeError('option maxAge is invalid')
-    }
-
-    str += '; Max-Age=' + maxAge;
-  }
-
-  if (opt.domain) {
-    if (!domainValueRegExp.test(opt.domain)) {
-      throw new TypeError('option domain is invalid');
-    }
-
-    str += '; Domain=' + opt.domain;
-  }
-
-  if (opt.path) {
-    if (!pathValueRegExp.test(opt.path)) {
-      throw new TypeError('option path is invalid');
-    }
-
-    str += '; Path=' + opt.path;
-  }
-
-  if (opt.expires) {
-    var expires = opt.expires;
-
-    if (!isDate(expires) || isNaN(expires.valueOf())) {
-      throw new TypeError('option expires is invalid');
-    }
-
-    str += '; Expires=' + expires.toUTCString();
-  }
-
-  if (opt.httpOnly) {
-    str += '; HttpOnly';
-  }
-
-  if (opt.secure) {
-    str += '; Secure';
-  }
-
-  if (opt.partitioned) {
-    str += '; Partitioned';
-  }
-
-  if (opt.priority) {
-    var priority = typeof opt.priority === 'string'
-      ? opt.priority.toLowerCase() : opt.priority;
-
-    switch (priority) {
-      case 'low':
-        str += '; Priority=Low';
-        break
-      case 'medium':
-        str += '; Priority=Medium';
-        break
-      case 'high':
-        str += '; Priority=High';
-        break
-      default:
-        throw new TypeError('option priority is invalid')
-    }
-  }
-
-  if (opt.sameSite) {
-    var sameSite = typeof opt.sameSite === 'string'
-      ? opt.sameSite.toLowerCase() : opt.sameSite;
-
-    switch (sameSite) {
-      case true:
-        str += '; SameSite=Strict';
-        break;
-      case 'lax':
-        str += '; SameSite=Lax';
-        break;
-      case 'strict':
-        str += '; SameSite=Strict';
-        break;
-      case 'none':
-        str += '; SameSite=None';
-        break;
-      default:
-        throw new TypeError('option sameSite is invalid');
-    }
-  }
-
-  return str;
-}
-
-/**
- * URL-decode string value. Optimized to skip native call when no %.
- *
- * @param {string} str
- * @returns {string}
- */
-
-function decode (str) {
-  return str.indexOf('%') !== -1
-    ? decodeURIComponent(str)
-    : str
-}
-
-/**
- * Determine if value is a Date.
- *
- * @param {*} val
- * @private
- */
-
-function isDate (val) {
-  return __toString.call(val) === '[object Date]';
-}
-
-/**
- * Try decoding a string using a decoding function.
- *
- * @param {string} str
- * @param {function} decode
- * @private
- */
-
-function tryDecode(str, decode) {
-  try {
-    return decode(str);
-  } catch (e) {
-    return str;
-  }
-}
-
-var cookie = {
-	parse: parse_1,
-	serialize: serialize_1
-};
-
-export { cookie as c };

package/build/esm/types-22bdbe8f.js

@@ -1,5 +0,0 @@
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-export { types as t };