@hhgtech/hhg-components 1.29.24 → 1.29.26

package/build/{types-d9cf0821.js → types-e4ca7d02.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var react = require('@emotion/react');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+var useTranslations = require('./useTranslations-368c6b62.js');
 var debounce = require('lodash/debounce');
-var constants = require('./constants-d9460a1f.js');
+var constants = require('./constants-ad3d0d52.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-3637cdac.js');
-var index$2 = require('./index-4f845222.js');
-var theme = require('./theme-ccc3da72.js');
+var index$1 = require('./index-416100e9.js');
+var index$2 = require('./index-dfd15164.js');
+var theme = require('./theme-392525f4.js');
 var shuffle = require('lodash/shuffle');
-var useOutsideClick = require('./useOutsideClick-a604dc15.js');
-var utils = require('./utils-d9b1ed21.js');
+var useOutsideClick = require('./useOutsideClick-bb9559e3.js');
+var utils = require('./utils-4465d189.js');
 var Skeleton = require('react-loading-skeleton');
-var paths = require('./paths-95b64de8.js');
+var paths = require('./paths-e2553e24.js');
 var core = require('@mantine/core');
-var index = require('./index-0ffbc1f2.js');
-var cookieHelper = require('./cookieHelper-110230c8.js');
-var index$3 = require('./index-f3cd8065.js');
+var index = require('./index-22d51c78.js');
+var cookieHelper = require('./cookieHelper-4f31bb31.js');
+var index$3 = require('./index-5f6736d5.js');
 var core$1 = require('@hhgtech/icons/core');
-var ChevronDown = require('./ChevronDown-14cc8f9a.js');
+var ChevronDown = require('./ChevronDown-d6383d6a.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/types.js

@@ -2,55 +2,59 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Subot = require('./Subot-c105968a.js');
+var index = require('./index-611887ae.js');
 
 
 
 Object.defineProperty(exports, 'BabyGrowthChartDuration', {
 	enumerable: true,
-	get: function () { return Subot.BabyGrowthChartDuration; }
+	get: function () { return index.BabyGrowthChartDuration; }
 });
 Object.defineProperty(exports, 'BabyGrowthChartType', {
 	enumerable: true,
-	get: function () { return Subot.BabyGrowthChartType; }
+	get: function () { return index.BabyGrowthChartType; }
 });
 Object.defineProperty(exports, 'BabyGrowthResultTab', {
 	enumerable: true,
-	get: function () { return Subot.BabyGrowthResultTab; }
+	get: function () { return index.BabyGrowthResultTab; }
 });
-exports.ELEMENT_CONTROL_INPUT_TYPE = Subot.ELEMENT_CONTROL_INPUT_TYPE;
-exports.FULL_KEY_ADDRESS = Subot.FULL_KEY_ADDRESS;
+exports.ELEMENT_CONTROL_INPUT_TYPE = index.ELEMENT_CONTROL_INPUT_TYPE;
+exports.FULL_KEY_ADDRESS = index.FULL_KEY_ADDRESS;
 Object.defineProperty(exports, 'Gender', {
 	enumerable: true,
-	get: function () { return Subot.Gender; }
+	get: function () { return index.Gender; }
 });
 Object.defineProperty(exports, 'LOCALE', {
 	enumerable: true,
-	get: function () { return Subot.LOCALE; }
+	get: function () { return index.LOCALE; }
 });
 Object.defineProperty(exports, 'NodeActionType', {
 	enumerable: true,
-	get: function () { return Subot.NodeActionType; }
+	get: function () { return index.NodeActionType; }
 });
-exports.NodeFinalTypes = Subot.NodeFinalTypes;
+exports.NodeFinalTypes = index.NodeFinalTypes;
 Object.defineProperty(exports, 'NodeIntentType', {
 	enumerable: true,
-	get: function () { return Subot.NodeIntentType; }
+	get: function () { return index.NodeIntentType; }
 });
 Object.defineProperty(exports, 'NodeMultipleOptions', {
 	enumerable: true,
-	get: function () { return Subot.NodeMultipleOptions; }
+	get: function () { return index.NodeMultipleOptions; }
 });
 Object.defineProperty(exports, 'NodePosition', {
 	enumerable: true,
-	get: function () { return Subot.NodePosition; }
+	get: function () { return index.NodePosition; }
 });
 Object.defineProperty(exports, 'NodeType', {
 	enumerable: true,
-	get: function () { return Subot.NodeType; }
+	get: function () { return index.NodeType; }
 });
 Object.defineProperty(exports, 'OnboardingStep', {
 	enumerable: true,
-	get: function () { return Subot.OnboardingStep; }
+	get: function () { return index.OnboardingStep; }
 });
-exports.SubotType = Subot.SubotType;
+Object.defineProperty(exports, 'SocialType', {
+	enumerable: true,
+	get: function () { return index.SocialType; }
+});
+exports.SubotType = index.SubotType;

package/build/{useCategory-07e8695a.js → useCategory-da1891d8.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-var cookieHelper = require('./cookieHelper-110230c8.js');
-var useUniqueId = require('./useUniqueId-242a9815.js');
-var Subot = require('./Subot-c105968a.js');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+var cookieHelper = require('./cookieHelper-4f31bb31.js');
+var useUniqueId = require('./useUniqueId-32e41969.js');
+var index = require('./index-611887ae.js');
+var useTranslations = require('./useTranslations-368c6b62.js');
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());
@@ -153,7 +153,7 @@ const PREGNANCY_SLUG = {
 };
 // NOTE: this is temporary mapping on 13/02/2023, can be outdated due to changes from content team in the future
 const MAPPED_CATEGORY_SLUGS = {
-    [Subot.LOCALE.Vietnam]: {
+    [index.LOCALE.Vietnam]: {
         sexualWellness: 'suc-khoe-tinh-duc',
         health: 'suc-khoe',
         healthyEating: 'an-uong-lanh-manh',
@@ -167,7 +167,7 @@ const MAPPED_CATEGORY_SLUGS = {
         diabetes: 'tieu-duong-dai-thao-duong',
         healthyMind: 'tam-ly-tam-than',
     },
-    [Subot.LOCALE.Indonesia]: {
+    [index.LOCALE.Indonesia]: {
         pregnancy: 'kehamilan',
         parenting: 'parenting',
         health: 'sehat',
@@ -178,7 +178,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.Malaysia]: {
+    [index.LOCALE.Malaysia]: {
         pregnancy: 'kehamilan',
         parenting: 'keibubapaan',
         health: 'kesihatan',
@@ -189,7 +189,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.Cambodia]: {
+    [index.LOCALE.Cambodia]: {
         pregnancy: '%e1%9e%96%e1%9e%96%e1%9f%84%e1%9f%87',
         parenting: '%e1%9e%85%e1%9e%b7%e1%9e%89%e1%9f%92%e1%9e%85%e1%9e%b9%e1%9e%98%e1%9e%80%e1%9e%bc%e1%9e%93',
         health: '%e1%9e%9f%e1%9e%bb%e1%9e%81%e1%9e%97%e1%9e%b6%e1%9e%96%e1%9e%91%e1%9e%bc%e1%9e%91%e1%9f%85',
@@ -200,7 +200,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.PhilippinesEnglish]: {
+    [index.LOCALE.PhilippinesEnglish]: {
         pregnancy: 'pregnancy',
         parenting: 'parenting',
         health: 'health',
@@ -211,7 +211,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.PhilippinesTagalog]: {
+    [index.LOCALE.PhilippinesTagalog]: {
         pregnancy: 'pagbubuntis',
         parenting: 'pagiging-magulang',
         health: 'kalusugan',
@@ -222,7 +222,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.Thailand]: {
+    [index.LOCALE.Thailand]: {
         pregnancy: '%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%95%e0%b8%b1%e0%b9%89%e0%b8%87%e0%b8%84%e0%b8%a3%e0%b8%a3%e0%b8%a0%e0%b9%8c',
         parenting: '%e0%b8%9e%e0%b9%88%e0%b8%ad%e0%b9%81%e0%b8%a1%e0%b9%88%e0%b9%80%e0%b8%a5%e0%b8%b5%e0%b9%89%e0%b8%a2%e0%b8%87%e0%b8%a5%e0%b8%b9%e0%b8%81',
         health: '%e0%b8%aa%e0%b8%b8%e0%b8%82%e0%b8%a0%e0%b8%b2%e0%b8%9e',
@@ -233,7 +233,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.Myanmar]: {
+    [index.LOCALE.Myanmar]: {
         pregnancy: 'pregnancy',
         parenting: 'parenting',
         health: 'health',
@@ -244,7 +244,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.Taiwan]: {
+    [index.LOCALE.Taiwan]: {
         pregnancy: 'pregnancy',
         parenting: 'parenting',
         health: 'health',
@@ -255,7 +255,7 @@ const MAPPED_CATEGORY_SLUGS = {
         healthyEating: '',
         skinHealth: '',
     },
-    [Subot.LOCALE.India]: {
+    [index.LOCALE.India]: {
         pregnancy: 'pregnancy',
         parenting: 'parenting',
         health: 'health',

package/build/{useHealthToolCache-54fbfebc.js → useHealthToolCache-074dcde7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
-var getDynamicHealthTool = require('./getDynamicHealthTool-44fc2240.js');
+var getDynamicHealthTool = require('./getDynamicHealthTool-455e2be7.js');
 
 const useHealthToolsCache = (locale) => {
     const [allTools, setAllTools] = React.useState([]);

package/build/{useMantineLocale-b1e1aa4e.js → useMantineLocale-bedc7289.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var utils = require('./utils-d9b1ed21.js');
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var utils = require('./utils-4465d189.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var Subot = require('./Subot-c105968a.js');
+var index = require('./index-611887ae.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -62,28 +62,28 @@ const GlobalHeadingStyle = {
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {
-    [Subot.LOCALE.Vietnam]: 'vi',
-    [Subot.LOCALE.Cambodia]: 'km',
-    [Subot.LOCALE.India]: 'hi',
-    [Subot.LOCALE.Indonesia]: 'id',
-    [Subot.LOCALE.Malaysia]: 'ms',
-    [Subot.LOCALE.Thailand]: 'th',
-    [Subot.LOCALE.Taiwan]: 'zh-tw',
-    [Subot.LOCALE.PhilippinesTagalog]: 'tl-ph',
-    [Subot.LOCALE.PhilippinesEnglish]: 'en',
-    [Subot.LOCALE.Myanmar]: 'my',
+    [index.LOCALE.Vietnam]: 'vi',
+    [index.LOCALE.Cambodia]: 'km',
+    [index.LOCALE.India]: 'hi',
+    [index.LOCALE.Indonesia]: 'id',
+    [index.LOCALE.Malaysia]: 'ms',
+    [index.LOCALE.Thailand]: 'th',
+    [index.LOCALE.Taiwan]: 'zh-tw',
+    [index.LOCALE.PhilippinesTagalog]: 'tl-ph',
+    [index.LOCALE.PhilippinesEnglish]: 'en',
+    [index.LOCALE.Myanmar]: 'my',
 };
 const LOCALE_LOADERS = {
-    [Subot.LOCALE.Vietnam]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/vi.js')); }),
-    [Subot.LOCALE.Cambodia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/km.js')); }),
-    [Subot.LOCALE.India]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/hi.js')); }),
-    [Subot.LOCALE.Indonesia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/id.js')); }),
-    [Subot.LOCALE.Malaysia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/ms.js')); }),
-    [Subot.LOCALE.Thailand]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/th.js')); }),
-    [Subot.LOCALE.Taiwan]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/zh-tw.js')); }),
-    [Subot.LOCALE.PhilippinesTagalog]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/tl-ph.js')); }),
-    [Subot.LOCALE.PhilippinesEnglish]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/en.js')); }),
-    [Subot.LOCALE.Myanmar]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/my.js')); }),
+    [index.LOCALE.Vietnam]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/vi.js')); }),
+    [index.LOCALE.Cambodia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/km.js')); }),
+    [index.LOCALE.India]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/hi.js')); }),
+    [index.LOCALE.Indonesia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/id.js')); }),
+    [index.LOCALE.Malaysia]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/ms.js')); }),
+    [index.LOCALE.Thailand]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/th.js')); }),
+    [index.LOCALE.Taiwan]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/zh-tw.js')); }),
+    [index.LOCALE.PhilippinesTagalog]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/tl-ph.js')); }),
+    [index.LOCALE.PhilippinesEnglish]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/en.js')); }),
+    [index.LOCALE.Myanmar]: () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('dayjs/locale/my.js')); }),
 };
 const useMantineLocale = (locale) => {
     const [isLoaded, setIsLoaded] = React.useState(false);

package/build/{usePlacesAutocomplete-26179c23.js → usePlacesAutocomplete-9e9efd5b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/{useTranslations-3732dc1a.js → useTranslations-368c6b62.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-b98d0b5c.js');
+var translationsContext = require('./translationsContext-d66fd1d0.js');
 var formatString = require('string-format');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{utils-e7af4f3a.js → utils-634fda39.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var Subot = require('./Subot-c105968a.js');
+var index = require('./index-611887ae.js');
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {
-    [Subot.LOCALE.Vietnam]: 'VN',
-    [Subot.LOCALE.Cambodia]: 'KH',
-    [Subot.LOCALE.Indonesia]: 'ID',
-    [Subot.LOCALE.Malaysia]: 'MY',
-    [Subot.LOCALE.PhilippinesEnglish]: 'PH',
-    [Subot.LOCALE.PhilippinesTagalog]: 'PH',
-    [Subot.LOCALE.Taiwan]: 'TW',
-    [Subot.LOCALE.Thailand]: 'TH',
-    [Subot.LOCALE.Myanmar]: 'MM',
+    [index.LOCALE.Vietnam]: 'VN',
+    [index.LOCALE.Cambodia]: 'KH',
+    [index.LOCALE.Indonesia]: 'ID',
+    [index.LOCALE.Malaysia]: 'MY',
+    [index.LOCALE.PhilippinesEnglish]: 'PH',
+    [index.LOCALE.PhilippinesTagalog]: 'PH',
+    [index.LOCALE.Taiwan]: 'TW',
+    [index.LOCALE.Thailand]: 'TH',
+    [index.LOCALE.Myanmar]: 'MM',
 };
 const hiddenEmailChar = (str = '') => {
     const domainIndex = str.indexOf('@');

package/build/{utils-0315274d.js → utils-a0035e59.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var utils = require('./utils-d9b1ed21.js');
+var utils = require('./utils-4465d189.js');
 var React = require('react');
-var index = require('./index-79bc7fd4.js');
-var index$1 = require('./index-35b7a438.js');
-var Subot = require('./Subot-c105968a.js');
+var index = require('./index-e72aac09.js');
+var index$1 = require('./index-74490401.js');
+var index$2 = require('./index-611887ae.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -280,10 +280,10 @@ const LunarNewYearMapping = {
     2040: [12, 1],
 };
 const LunarNewYearLocale = [
-    Subot.LOCALE.Vietnam,
-    Subot.LOCALE.Taiwan,
-    Subot.LOCALE.Indonesia,
-    Subot.LOCALE.Malaysia,
+    index$2.LOCALE.Vietnam,
+    index$2.LOCALE.Taiwan,
+    index$2.LOCALE.Indonesia,
+    index$2.LOCALE.Malaysia,
 ];
 const isLunarNewYear = (date) => {
     const year = date.getFullYear();

package/build/{utils-1678b756.js → utils-adef9b10.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var tslib_es6 = require('./tslib.es6-a094238c.js');
-var theme = require('./theme-ccc3da72.js');
-var cookieHelper = require('./cookieHelper-110230c8.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
+var theme = require('./theme-392525f4.js');
+var cookieHelper = require('./cookieHelper-4f31bb31.js');
 var slugify = require('slugify');
-require('./index-0ffbc1f2.js');
+require('./index-22d51c78.js');
 var formatString = require('string-format');
-var isProduction = require('./isProduction-c69d639c.js');
+var isProduction = require('./isProduction-bb94485c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -44,6 +44,31 @@ Eye.defaultProps = {
     activeColor: theme.theme.colors.primaryBase,
 };
 
+const Instagram = (_a) => {
+    var { size } = _a, rest = tslib_es6.__rest(_a, ["size"]);
+    return (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, rest),
+        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint0_radial_1500_2234)" }),
+        React__default["default"].createElement("path", { d: "M24.8997 31.9831L7.13135 32C3.2223 32.0036 0.0213251 28.8088 0.016883 24.8997L2.96183e-06 7.13135C-0.00355072 3.2223 3.19121 0.0213251 7.10026 0.016883L24.8687 2.96183e-06C28.7777 -0.00355072 31.9787 3.19121 31.9831 7.10026L32 24.8687C32.0044 28.7786 28.8088 31.9796 24.8997 31.9831Z", fill: "url(#paint1_radial_1500_2234)" }),
+        React__default["default"].createElement("path", { d: "M16.0002 22.2191C12.5718 22.2191 9.78125 19.4295 9.78125 16.0002C9.78125 12.5709 12.5718 9.78125 16.0002 9.78125C19.4286 9.78125 22.2191 12.5709 22.2191 16.0002C22.2191 19.4295 19.4286 22.2191 16.0002 22.2191ZM16.0002 11.5581C13.5508 11.5581 11.5581 13.5508 11.5581 16.0002C11.5581 18.4496 13.5508 20.4423 16.0002 20.4423C18.4496 20.4423 20.4423 18.4496 20.4423 16.0002C20.4423 13.5508 18.4496 11.5581 16.0002 11.5581Z", fill: "white" }),
+        React__default["default"].createElement("path", { d: "M22.6637 10.6692C23.3997 10.6692 23.9963 10.0725 23.9963 9.33654C23.9963 8.60054 23.3997 8.00391 22.6637 8.00391C21.9277 8.00391 21.3311 8.60054 21.3311 9.33654C21.3311 10.0725 21.9277 10.6692 22.6637 10.6692Z", fill: "white" }),
+        React__default["default"].createElement("path", { d: "M21.3307 27.5491H10.6696C7.24121 27.5491 4.45068 24.7595 4.45068 21.3302V10.6691C4.45068 7.23983 7.24121 4.4502 10.6696 4.4502H21.3307C24.7591 4.4502 27.5496 7.23983 27.5496 10.6691V21.3302C27.5496 24.7595 24.7591 27.5491 21.3307 27.5491ZM10.6696 6.22704C8.22025 6.22704 6.22752 8.21976 6.22752 10.6691V21.3302C6.22752 23.7795 8.22025 25.7723 10.6696 25.7723H21.3307C23.78 25.7723 25.7728 23.7795 25.7728 21.3302V10.6691C25.7728 8.21976 23.78 6.22704 21.3307 6.22704H10.6696Z", fill: "white" }),
+        React__default["default"].createElement("defs", null,
+            React__default["default"].createElement("radialGradient", { id: "paint0_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(11.8959 32.0231) scale(39.8892 39.8892)" },
+                React__default["default"].createElement("stop", { stopColor: "#FFDD55" }),
+                React__default["default"].createElement("stop", { offset: "0.328", stopColor: "#FF543F" }),
+                React__default["default"].createElement("stop", { offset: "0.348", stopColor: "#FC5245" }),
+                React__default["default"].createElement("stop", { offset: "0.504", stopColor: "#E64771" }),
+                React__default["default"].createElement("stop", { offset: "0.643", stopColor: "#D53E91" }),
+                React__default["default"].createElement("stop", { offset: "0.761", stopColor: "#CC39A4" }),
+                React__default["default"].createElement("stop", { offset: "0.841", stopColor: "#C837AB" })),
+            React__default["default"].createElement("radialGradient", { id: "paint1_radial_1500_2234", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(5.14928 -0.399517) scale(26.4865 17.6479)" },
+                React__default["default"].createElement("stop", { stopColor: "#4168C9" }),
+                React__default["default"].createElement("stop", { offset: "0.999", stopColor: "#4168C9", stopOpacity: "0" })))));
+};
+Instagram.defaultProps = {
+    size: 24,
+};
+
 const Share = (_a) => {
     var { size, color, activeColor, isActive, isMarryBaby } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "activeColor", "isActive", "isMarryBaby"]);
     return isMarryBaby ? (React__default["default"].createElement("svg", Object.assign({ width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, rest),
@@ -71,24 +96,6 @@ Spinner.defaultProps = {
     size: 24,
 };
 
-const WhatsApp = (_a) => {
-    var { size, color: colorInit, useCurrentColor, isActive, activeColor } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);
-    const color = useCurrentColor
-        ? 'currentColor'
-        : isActive
-            ? activeColor
-            : colorInit;
-    const props = Object.assign({ width: size, height: size }, rest);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none" }, props),
-        React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00132 0.125C3.65869 0.125 0.12632 3.65737 0.12632 8C0.12632 9.52948 0.558762 10.9952 1.38268 12.2698L0.185496 14.9054C0.0762474 15.1467 0.117216 15.4335 0.290192 15.6337C0.422201 15.7885 0.613386 15.875 0.813675 15.875C0.872851 15.875 0.93658 15.8659 0.995756 15.8522L4.29142 14.9464C5.42943 15.5564 6.70399 15.875 8.00132 15.875C12.344 15.875 15.8763 12.3426 15.8763 8C15.8763 3.65737 12.344 0.125 8.00132 0.125ZM8.00132 14.5003C6.84966 14.5003 5.72076 14.1953 4.72842 13.6172C4.62372 13.5535 4.50081 13.5216 4.38246 13.5216C4.32329 13.5216 4.25956 13.5307 4.20038 13.5444L2.04727 14.1361L2.79836 12.4837C2.8985 12.2607 2.87574 11.9967 2.73008 11.7964C1.92892 10.6857 1.50558 9.37016 1.50558 8C1.50558 4.41756 4.41888 1.49971 8.00587 1.49971C11.5883 1.49971 14.5062 4.41301 14.5062 8C14.5016 11.5824 11.5838 14.5003 8.00132 14.5003Z", fill: color }),
-        React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0279 9.17924C10.7002 8.9835 10.2677 8.76045 9.88083 8.91978C9.58494 9.04268 9.39376 9.50699 9.19802 9.74824C9.09788 9.87115 8.97952 9.88936 8.82931 9.83018C7.70951 9.38408 6.85373 8.63755 6.23465 7.60879C6.12996 7.44947 6.14817 7.32202 6.27562 7.17635C6.46226 6.95785 6.69441 6.70749 6.74448 6.41161C6.79455 6.11573 6.65799 5.76978 6.53509 5.50576C6.38032 5.16891 6.20279 4.69095 5.86594 4.49976C5.5564 4.32678 5.14672 4.42238 4.86905 4.64543C4.39108 5.03235 4.16348 5.64232 4.16804 6.24319C4.16804 6.41616 4.1908 6.58459 4.23176 6.75301C4.32736 7.14904 4.51399 7.5223 4.71883 7.87736C4.8736 8.14138 5.04658 8.40084 5.22866 8.65121C5.82497 9.46602 6.5715 10.1716 7.43184 10.6996C7.86428 10.9636 8.32858 11.1958 8.80655 11.3551C9.34369 11.5326 9.8262 11.7193 10.4089 11.61C11.0188 11.4962 11.6197 11.1184 11.861 10.5312C11.9338 10.3582 11.9702 10.1625 11.9292 9.9804C11.8473 9.58892 11.3329 9.36132 11.0279 9.17924Z", fill: color })));
-};
-WhatsApp.defaultProps = {
-    size: 24,
-    color: theme.theme.colors.gray600,
-    activeColor: theme.theme.colors.primaryBase,
-};
-
 /*!
  * cookie
  * Copyright(c) 2012-2014 Roman Shtylman
@@ -1151,6 +1158,7 @@ exports.DUE_DATE_FORMAT = DUE_DATE_FORMAT;
 exports.DefaultComponentGlobalContextData = DefaultComponentGlobalContextData;
 exports.Eye = Eye;
 exports.HEALTH_TOOL_TYPE = HEALTH_TOOL_TYPE;
+exports.Instagram = Instagram;
 exports.LEAD_TOKEN_COOKIE = LEAD_TOKEN_COOKIE;
 exports.MAX_IMAGE_UPLOADS = MAX_IMAGE_UPLOADS;
 exports.PATHS = PATHS;
@@ -1159,7 +1167,6 @@ exports.Share = Share;
 exports.Spinner = Spinner;
 exports.TogetherComponentGlobalContext = TogetherComponentGlobalContext;
 exports.TogetherComponentGlobalContextProvider = TogetherComponentGlobalContextProvider;
-exports.WhatsApp = WhatsApp;
 exports.Z_INDEX = Z_INDEX;
 exports.callApi = callApi;
 exports.callApiWithAdminAuth = callApiWithAdminAuth;

package/build/vaccination.js

@@ -2,47 +2,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-a094238c.js');
+var tslib_es6 = require('./tslib.es6-52c61ae6.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-35b7a438.js');
+var index = require('./index-74490401.js');
 require('@mantine/dates');
-require('./index-0ffbc1f2.js');
-var Subot = require('./Subot-c105968a.js');
-require('./index-79bc7fd4.js');
-require('./useMantineLocale-b1e1aa4e.js');
-var index$1 = require('./index-4f845222.js');
-var theme = require('./theme-ccc3da72.js');
-var useTranslations = require('./useTranslations-3732dc1a.js');
+require('./index-22d51c78.js');
+var index$3 = require('./index-611887ae.js');
+require('./index-e72aac09.js');
+require('./useMantineLocale-bedc7289.js');
+var index$1 = require('./index-dfd15164.js');
+var theme = require('./theme-392525f4.js');
+var useTranslations = require('./useTranslations-368c6b62.js');
 var hooks = require('@mantine/hooks');
-var utils = require('./utils-d9b1ed21.js');
+var utils = require('./utils-4465d189.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-72221c61.js');
-require('./translationsContext-b98d0b5c.js');
+var index$2 = require('./index-8bda8035.js');
+require('./translationsContext-d66fd1d0.js');
 require('string-format');
 var other = require('@hhgtech/icons/other');
-var index$3 = require('./index-3a7bbe2f.js');
+var index$4 = require('./index-f0b80291.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
-var index$5 = require('./index-d740efa5.js');
-require('./index.styles-783940f7.js');
-var index$4 = require('./index-c6876acd.js');
-require('./constants-d9460a1f.js');
-require('./utils-0315274d.js');
-require('./utils-1678b756.js');
-require('./index.styled-1fc8ac57.js');
-require('./index-5336d417.js');
+var index$6 = require('./index-f2d2ab8d.js');
+require('./index.styles-87951480.js');
+var index$5 = require('./index-ab6076fa.js');
+require('./constants-ad3d0d52.js');
+require('./utils-a0035e59.js');
+require('./utils-adef9b10.js');
+require('./WhatsApp-07c8a89b.js');
+require('./index.styled-6282c58d.js');
+require('./index-dbc290d5.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-242a9815.js');
+require('./useUniqueId-32e41969.js');
 require('@hhgtech/icons/core');
 require('date-fns/locale');
-require('./isProduction-c69d639c.js');
+require('./isProduction-bb94485c.js');
 require('@emotion/react');
-require('./animation-158df58d.js');
+require('./animation-b9f31019.js');
 require('react-keyed-flatten-children');
-require('./cookieHelper-110230c8.js');
+require('./cookieHelper-4f31bb31.js');
 require('slugify');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -585,7 +586,7 @@ const RecordsByAgeGroup = (_a) => {
     //   }
     //   return null
     // }
-    var { schedules, age, onToggle, onTitleClick, gender = Subot.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
+    var { schedules, age, onToggle, onTitleClick, gender = index$3.Gender.Boy, hideBanner = false, name } = _a, rest = tslib_es6.__rest(_a, ["schedules", "age", "onToggle", "onTitleClick", "gender", "hideBanner", "name"]);
     // const currentIndex = useMemo(() => {
     //   let idx = schedules[0].id
     //   schedules.some((schedule, scheduleIndex) =>
@@ -609,7 +610,7 @@ const RecordsByAgeGroup = (_a) => {
     return (React__default["default"].createElement("div", Object.assign({}, rest), schedules.map((schedule, index) => {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, null, ((_a = schedule.timelines) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React__default["default"].createElement("div", { key: schedule.id },
-            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === Subot.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
+            schedule.title && !shouldHideBanner[index] && (React__default["default"].createElement(TimelineBanner, { content: schedule.title, gender: gender, icon: gender === index$3.Gender.Boy ? schedule.iconBoy : schedule.iconGirl, url: schedule.readMoreUrl, name: name })),
             schedule.timelines.map((timeline) => (React__default["default"].createElement(_ScheduleTimeline, { key: timeline.id, timeline: timeline, onTitleClick: onTitleClick, onToggle: onToggle, isCurrent: getIsCurrent(timeline) })))))));
     })));
 };
@@ -620,7 +621,7 @@ const noop = () => { };
 const _ConfirmModal = (_a) => {
     var { onSubmit, date } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "date"]);
     const { t } = useTranslations.useTranslations();
-    return (React__default["default"].createElement(index$3.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
+    return (React__default["default"].createElement(index$4.Modal, Object.assign({ withinPortal: true, zIndex: 500, styles: {
             body: {
                 padding: 32,
             },
@@ -632,7 +633,7 @@ const _ConfirmModal = (_a) => {
             React__default["default"].createElement("svg", { width: "80", height: "80", viewBox: "0 0 80 80", fill: "none" },
                 React__default["default"].createElement("path", { d: "M40 73.333c18.41 0 33.333-14.923 33.333-33.333S58.41 6.667 40 6.667 6.667 21.59 6.667 40 21.59 73.333 40 73.333", fill: "#FFB521" }),
                 React__default["default"].createElement("path", { d: "M39.325 48.609a2.48 2.48 0 0 1-2.48-2.48V29.147a2.48 2.48 0 1 1 4.959 0V46.13a2.48 2.48 0 0 1-2.48 2.479m.001 8.058a2.658 2.658 0 1 0 0-5.316 2.658 2.658 0 0 0 0 5.316", fill: "#fff" })),
-            React__default["default"].createElement(index$4.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
+            React__default["default"].createElement(index$5.Heading, { tag: "h4" }, t('babyVaccine.popup.confirm.title')),
             React__default["default"].createElement(index$1.Text, { size: "p2", color: "gray.6" },
                 React__default["default"].createElement("span", { dangerouslySetInnerHTML: {
                         __html: t('babyVaccine.popup.confirm.description', {
@@ -753,7 +754,7 @@ const _DefaultForm = (_a) => {
         React__default["default"].createElement("form", Object.assign({ onSubmit: form$1.onSubmit(onSubmit) }, rest),
             React__default["default"].createElement(core.Stack, { spacing: 20 },
                 React__default["default"].createElement(VaccineCardModal, { vaccineRecord: Object.assign(Object.assign({}, record), { status }), onToggle: (status) => form$1.setFieldValue('injected', status) }),
-                React__default["default"].createElement(index$5.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
+                React__default["default"].createElement(index$6.DatePicker, Object.assign({ label: React__default["default"].createElement(index$1.Text, { size: "s4", weight: "semiBold", color: theme.theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs__default["default"](date).isAfter(dayjs__default["default"]().add(7, 'D')) ||
                         dayjs__default["default"](date).isBefore(dayjs__default["default"](birthday, 'YYYY-MM-DD', true), 'D') }, form$1.getInputProps('date'))),
                 doses.length > 0 && (React__default["default"].createElement(core.Input.Wrapper, null,
                     React__default["default"].createElement(core.Input.Label, null,
@@ -878,7 +879,7 @@ const VaccineDetailPopup = (_a) => {
         return null;
     if (template === 'immunization' && !vaccineDetail)
         return null;
-    return (React__default["default"].createElement(index$3.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
+    return (React__default["default"].createElement(index$4.Modal, Object.assign({}, rest, { title: React__default["default"].createElement(index$1.Text, { size: "s3", weight: "semiBold" }, t('babyVaccine.popup.title')), withCloseButton: true, size: 500, styles: {
             content: {
                 [utils.MediaQueries.mbUp]: { height: 560 },
             },

package/package.json

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