@hhgtech/hhg-components 1.29.76 → 1.29.78

package/build/{index-a6ab742a.js → index-de879d05.js}

@@ -1,110 +1,62 @@
 'use strict';
 
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-526a845c.js');
-var theme = require('./theme-4d2a1014.js');
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
-var utils$1 = require('./utils-83337870.js');
+var theme = require('./theme-040e6fd9.js');
+var utils = require('./utils-a2ad9aa3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const StyledPopup = styled__default["default"].div `
-  position: fixed;
-  left: 50%;
-
-  padding: 0 16px 32px;
-  background-color: ${theme.theme.colors.white};
-  border-radius: ${theme.theme.borderRadius};
-  box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
-  transform: translate(-50%, -50%);
-  transition: all 0.5s ease-in-out;
-  visibility: hidden;
-
-  &[data-open='true'] {
-    z-index: 400;
-    top: 50%;
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &[data-open='false'] {
-    top: -50%;
-  }
-
-  &[data-type='lead'] {
-    width: 332px;
-    height: 460px;
-
-    div {
-      top: -15px;
-      right: -15px;
-    }
-  }
-
-  &[data-type='form'] {
-    width: 496px;
-    height: 548px;
-    ${utils.MediaQueries.mbDown} {
-      width: 340px;
-    }
-  }
+const StyledUserAvatar = styled__default["default"].div `
+  width: ${(props) => props.size || 40}px;
+  height: ${(props) => props.size || 40}px;
+  flex-shrink: 0;
+  cursor: pointer;
 
-  &[data-type='confirm'] {
-    ${utils.MediaQueries.mbDown} {
-      width: calc(100% - 32px);
-    }
-    ${utils.MediaQueries.mbUp} {
-      width: 100%;
-      max-width: 407px;
-    }
+  img {
+    border-radius: 50%;
   }
 
-  .popup-content {
-    position: relative;
-    z-index: 111;
+  .avatar {
+    width: 100%;
     height: 100%;
-    padding: 16px;
+    object-fit: cover;
   }
 
-  .close-button {
-    position: absolute;
-    top: 16px;
-    right: 0;
-    cursor: pointer;
-
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
+  .avatar-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: ${theme.theme.colors.secondaryBase};
+    border-radius: 50%;
+    color: white;
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1;
   }
-`;
-const StyledPopupWrapper = styled__default["default"].div `
-  position: fixed;
-  z-index: 110;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  align-items: center;
-  background: rgba(38, 38, 38, 0.3);
 
-  &[data-open='false'] {
-    display: none;
+  &[data-is-marrybaby='true'] {
+    .avatar-default {
+      background-color: ${theme.theme.mbColors.pink};
+    }
   }
 `;
 
-const Popup = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', enableAnimation = true, }) => {
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(StyledPopup, { "data-open": isOpen, "data-type": type, "data-animation": enableAnimation },
-            React__default["default"].createElement("div", { className: `${className || ''} popup-content` },
-                !!closeIcon && (React__default["default"].createElement("div", { className: "close-button", onClick: onClose }, closeIcon)),
-                children)),
-        React__default["default"].createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: onClose })));
+const UserAvatar = (_a) => {
+    var { className, isMarryBaby: isMarryBabyProp, style, avatar, username, size } = _a, rest = tslib_es6.__rest(_a, ["className", "isMarryBaby", "style", "avatar", "username", "size"]);
+    const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(defaultClassWrapper.TogetherComponentGlobalContext);
+    const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
+    const [tempAvatar, setTempAvatar] = React.useState(false);
+    return (React__default["default"].createElement(StyledUserAvatar, Object.assign({ "data-is-marrybaby": isMarryBaby, className: className, style: style, size: size }, rest), avatar && !tempAvatar ? (React__default["default"].createElement("img", { loading: "lazy", src: avatar, className: `avatar`, alt: "avatar", onError: () => {
+            // e.currentTarget.onerror = null
+            if (!tempAvatar)
+                setTempAvatar(true);
+        } })) : (React__default["default"].createElement("div", { className: "avatar avatar-default" }, username && (username === null || username === void 0 ? void 0 : username.length) > 0 ? username[0].toUpperCase() : 'A'))));
 };
 
 const formatAuthor = (author) => {
@@ -794,51 +746,99 @@ var dataTransform = /*#__PURE__*/Object.freeze({
   formatBabyGrowthContent: formatBabyGrowthContent
 });
 
-const StyledUserAvatar = styled__default["default"].div `
-  width: ${(props) => props.size || 40}px;
-  height: ${(props) => props.size || 40}px;
-  flex-shrink: 0;
-  cursor: pointer;
+const StyledPopup = styled__default["default"].div `
+  position: fixed;
+  left: 50%;
 
-  img {
-    border-radius: 50%;
+  padding: 0 16px 32px;
+  background-color: ${theme.theme.colors.white};
+  border-radius: ${theme.theme.borderRadius};
+  box-shadow: 0px 4px 8px ${theme.theme.colors.gray200};
+  transform: translate(-50%, -50%);
+  transition: all 0.5s ease-in-out;
+  visibility: hidden;
+
+  &[data-open='true'] {
+    z-index: 400;
+    top: 50%;
+    opacity: 1;
+    visibility: visible;
   }
 
-  .avatar {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+  &[data-open='false'] {
+    top: -50%;
   }
 
-  .avatar-default {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: ${theme.theme.colors.secondaryBase};
-    border-radius: 50%;
-    color: white;
-    font-size: 1em;
-    font-weight: bold;
-    line-height: 1;
+  &[data-type='lead'] {
+    width: 332px;
+    height: 460px;
+
+    div {
+      top: -15px;
+      right: -15px;
+    }
   }
 
-  &[data-is-marrybaby='true'] {
-    .avatar-default {
-      background-color: ${theme.theme.mbColors.pink};
+  &[data-type='form'] {
+    width: 496px;
+    height: 548px;
+    ${utils.MediaQueries.mbDown} {
+      width: 340px;
     }
   }
+
+  &[data-type='confirm'] {
+    ${utils.MediaQueries.mbDown} {
+      width: calc(100% - 32px);
+    }
+    ${utils.MediaQueries.mbUp} {
+      width: 100%;
+      max-width: 407px;
+    }
+  }
+
+  .popup-content {
+    position: relative;
+    z-index: 111;
+    height: 100%;
+    padding: 16px;
+  }
+
+  .close-button {
+    position: absolute;
+    top: 16px;
+    right: 0;
+    cursor: pointer;
+
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+    }
+  }
+`;
+const StyledPopupWrapper = styled__default["default"].div `
+  position: fixed;
+  z-index: 110;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  background: rgba(38, 38, 38, 0.3);
+
+  &[data-open='false'] {
+    display: none;
+  }
 `;
 
-const UserAvatar = (_a) => {
-    var { className, isMarryBaby: isMarryBabyProp, style, avatar, username, size } = _a, rest = tslib_es6.__rest(_a, ["className", "isMarryBaby", "style", "avatar", "username", "size"]);
-    const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = React.useContext(utils$1.TogetherComponentGlobalContext);
-    const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;
-    const [tempAvatar, setTempAvatar] = React.useState(false);
-    return (React__default["default"].createElement(StyledUserAvatar, Object.assign({ "data-is-marrybaby": isMarryBaby, className: className, style: style, size: size }, rest), avatar && !tempAvatar ? (React__default["default"].createElement("img", { loading: "lazy", src: avatar, className: `avatar`, alt: "avatar", onError: () => {
-            // e.currentTarget.onerror = null
-            if (!tempAvatar)
-                setTempAvatar(true);
-        } })) : (React__default["default"].createElement("div", { className: "avatar avatar-default" }, username && (username === null || username === void 0 ? void 0 : username.length) > 0 ? username[0].toUpperCase() : 'A'))));
+const Popup = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', enableAnimation = true, }) => {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledPopup, { "data-open": isOpen, "data-type": type, "data-animation": enableAnimation },
+            React__default["default"].createElement("div", { className: `${className || ''} popup-content` },
+                !!closeIcon && (React__default["default"].createElement("div", { className: "close-button", onClick: onClose }, closeIcon)),
+                children)),
+        React__default["default"].createElement(StyledPopupWrapper, { "data-open": isOpen, onClick: onClose })));
 };
 
 exports.Popup = Popup;

package/build/{index-b1720522.js → index-e1d386b9.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
 var core = require('@mantine/core');
-var constants = require('./constants-6781c0a5.js');
+var index = require('./index-714baad1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -27,13 +27,13 @@ const Input = (_a) => {
             return {};
         }
     }, [trackingAttributes]);
-    return (React__default["default"].createElement(constants.StyledInput, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][0], style: style },
-        label && (React__default["default"].createElement(constants.Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
+    return (React__default["default"].createElement(index.StyledInput, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, color: _theme.fn.primaryColor(), shadowColor: _theme.colors[_theme.primaryColor][0], style: style },
+        label && (React__default["default"].createElement(index.Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
         React__default["default"].createElement("div", { style: { position: 'relative' } },
             CustomInput ? (CustomInput) : (React__default["default"].createElement("input", Object.assign({ id: name, name: name, onChange: (e) => onChange && onChange(e.target.value), type: type, "aria-label": type, value: value, disabled: isDisabled, autoComplete: autoComplete, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', className: inputClassName, enterKeyHint: enterKeyHint }, gaAttributes, rest))),
-            DisplayIcon && (React__default["default"].createElement(constants.StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
-            ActionIcon && (React__default["default"].createElement(constants.StyledActionIcon, { className: "actionIcon", onClick: onActionClick }, ActionIcon))),
-        errorMessage && errorMessage.length > 0 && showErrorMessage && (React__default["default"].createElement(constants.StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
+            DisplayIcon && (React__default["default"].createElement(index.StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
+            ActionIcon && (React__default["default"].createElement(index.StyledActionIcon, { className: "actionIcon", onClick: onActionClick }, ActionIcon))),
+        errorMessage && errorMessage.length > 0 && showErrorMessage && (React__default["default"].createElement(index.StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
 };
 
 exports.Input = Input;

package/build/{index-b71ec348.js → index-e76edc59.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
-var theme = require('./theme-4d2a1014.js');
-var utils = require('./utils-83337870.js');
-var Instagram = require('./Instagram-86b7bc15.js');
-var WhatsApp = require('./WhatsApp-6b693d67.js');
+var theme = require('./theme-040e6fd9.js');
+var defaultClassWrapper = require('./defaultClassWrapper-8ac3b7f0.js');
+var Instagram = require('./Instagram-f68f1dae.js');
+var index = require('./index-fbc4ad0a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -64,10 +64,10 @@ const Share = (_a) => {
 
 const Icon = {
     Share,
-    Eye: utils.Eye,
-    WhatsApp: WhatsApp.WhatsApp,
+    Eye: defaultClassWrapper.Eye,
+    WhatsApp: index.WhatsApp,
     ArrowRightTail,
-    Spinner: utils.Spinner,
+    Spinner: defaultClassWrapper.Spinner,
     Cart,
     CartWithAdd,
     Instagram: Instagram.Instagram,

package/build/{index-1f765864.js → index-f5c1576f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-48aca6d7.js');
+var index = require('./index-bd99a93f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{WhatsApp-6b693d67.js → index-fbc4ad0a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6abfcd13.js');
+var tslib_es6 = require('./tslib.es6-a8c3b1ed.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -27,4 +27,279 @@ WhatsApp.defaultProps = {
     size: 24,
 };
 
+/*!
+ * 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 field-content in RFC 7230 sec 3.2
+ *
+ * field-content = field-vchar [ 1*( SP / HTAB ) field-vchar ]
+ * field-vchar   = VCHAR / obs-text
+ * obs-text      = %x80-FF
+ */
+
+var fieldContentRegExp = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
+
+/**
+ * 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} [options]
+ * @return {object}
+ * @public
+ */
+
+function parse(str, options) {
+  if (typeof str !== 'string') {
+    throw new TypeError('argument str must be a string');
+  }
+
+  var obj = {};
+  var opt = options || {};
+  var dec = opt.decode || decode;
+
+  var index = 0;
+  while (index < str.length) {
+    var eqIdx = str.indexOf('=', index);
+
+    // no more cookie pairs
+    if (eqIdx === -1) {
+      break
+    }
+
+    var endIdx = str.indexOf(';', index);
+
+    if (endIdx === -1) {
+      endIdx = str.length;
+    } else if (endIdx < eqIdx) {
+      // backtrack on prior semicolon
+      index = str.lastIndexOf(';', eqIdx - 1) + 1;
+      continue
+    }
+
+    var key = str.slice(index, eqIdx).trim();
+
+    // only assign once
+    if (undefined === obj[key]) {
+      var val = str.slice(eqIdx + 1, endIdx).trim();
+
+      // quoted values
+      if (val.charCodeAt(0) === 0x22) {
+        val = val.slice(1, -1);
+      }
+
+      obj[key] = tryDecode(val, dec);
+    }
+
+    index = endIdx + 1;
+  }
+
+  return obj;
+}
+
+/**
+ * Serialize data into a cookie header.
+ *
+ * Serialize the a name value pair into a cookie string suitable for
+ * http headers. An optional options object specified cookie parameters.
+ *
+ * serialize('foo', 'bar', { httpOnly: true })
+ *   => "foo=bar; httpOnly"
+ *
+ * @param {string} name
+ * @param {string} val
+ * @param {object} [options]
+ * @return {string}
+ * @public
+ */
+
+function serialize(name, val, options) {
+  var opt = options || {};
+  var enc = opt.encode || encode;
+
+  if (typeof enc !== 'function') {
+    throw new TypeError('option encode is invalid');
+  }
+
+  if (!fieldContentRegExp.test(name)) {
+    throw new TypeError('argument name is invalid');
+  }
+
+  var value = enc(val);
+
+  if (value && !fieldContentRegExp.test(value)) {
+    throw new TypeError('argument val is invalid');
+  }
+
+  var str = name + '=' + value;
+
+  if (null != opt.maxAge) {
+    var maxAge = opt.maxAge - 0;
+
+    if (isNaN(maxAge) || !isFinite(maxAge)) {
+      throw new TypeError('option maxAge is invalid')
+    }
+
+    str += '; Max-Age=' + Math.floor(maxAge);
+  }
+
+  if (opt.domain) {
+    if (!fieldContentRegExp.test(opt.domain)) {
+      throw new TypeError('option domain is invalid');
+    }
+
+    str += '; Domain=' + opt.domain;
+  }
+
+  if (opt.path) {
+    if (!fieldContentRegExp.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.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
+}
+
+/**
+ * URL-encode value.
+ *
+ * @param {string} str
+ * @returns {string}
+ */
+
+function encode (val) {
+  return encodeURIComponent(val)
+}
+
+/**
+ * Determine if value is a Date.
+ *
+ * @param {*} val
+ * @private
+ */
+
+function isDate (val) {
+  return __toString.call(val) === '[object Date]' ||
+    val instanceof 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
+};
+
 exports.WhatsApp = WhatsApp;
+exports.cookie = cookie;

package/build/{index-07db6c89.js → index-fd9e9e31.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-var index$1 = require('./index-b8cc819b.js');
-var isProduction = require('./isProduction-f7507b6e.js');
+var index$1 = require('./index-d38624f2.js');
+var isProduction = require('./isProduction-cc2f71e7.js');
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',
@@ -499,7 +499,7 @@ const CARE_LOCALES = [
     'id-ID',
     // 'en-PH',
     // 'tl-PH',
-    // 'ms-MY',
+    ...(isProduction.isProduction ? [] : ['ms-MY']),
     //  'zh-TW'
 ];
 const CARE_BOOKING_LOCALES = ['vi-VN', 'id-ID'];