@hhgtech/hhg-components 1.29.77 → 1.29.79

package/build/{index-f9919edd.js → index-875d81d3.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
-require('./index-2ef89336.js');
+require('./index-e914bc7c.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-38b2495c.js');
-require('./index-bc8ea61e.js');
-require('./index-b3edc143.js');
-require('./useMantineLocale-b2014fa7.js');
-var index = require('./index-5ef6d523.js');
-require('./theme-9f0f3820.js');
-require('./translationsContext-bfbdca60.js');
+require('./index-517f6538.js');
+require('./index-0b957c10.js');
+require('./index-e932125b.js');
+require('./useMantineLocale-97b962eb.js');
+var index = require('./index-5aac5fb6.js');
+require('./theme-416e0fd4.js');
+require('./translationsContext-6f3c14ea.js');
 require('string-format');
 require('@mantine/hooks');
-require('./utils-07a0efea.js');
+require('./utils-3a589c92.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1867685a.js → index-8c04d412.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
-var index = require('./index-bc8ea61e.js');
+var index = require('./index-0b957c10.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-b3edc143.js');
-var theme = require('./theme-9f0f3820.js');
-var index$1 = require('./index-2ef89336.js');
-var index$3 = require('./index-f9919edd.js');
+var index$2 = require('./index-e932125b.js');
+var theme = require('./theme-416e0fd4.js');
+var index$1 = require('./index-e914bc7c.js');
+var index$3 = require('./index-875d81d3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ebe8498b.js → index-a903fdaa.js}

@@ -1,48 +1,48 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
-var index$2 = require('./index-2ef89336.js');
+var index$2 = require('./index-e914bc7c.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-9f0f3820.js');
-var index = require('./index-5ef6d523.js');
-var index$1 = require('./index-b3edc143.js');
-var index$3 = require('./index-38b2495c.js');
-var normalizeLink = require('./normalizeLink-e4b395be.js');
-var routing = require('./routing-b981f60b.js');
-var index$4 = require('./index-65c1110f.js');
-var index$a = require('./index-9b49e11b.js');
-var useTranslations = require('./useTranslations-7cf26ebc.js');
+var theme = require('./theme-416e0fd4.js');
+var index = require('./index-5aac5fb6.js');
+var index$1 = require('./index-e932125b.js');
+var index$3 = require('./index-517f6538.js');
+var normalizeLink = require('./normalizeLink-23b10200.js');
+var routing = require('./routing-40d4f591.js');
+var index$4 = require('./index-5033f644.js');
+var index$b = require('./index-74b64958.js');
+var useTranslations = require('./useTranslations-76f64595.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-bc8ea61e.js');
-require('./useMantineLocale-b2014fa7.js');
-require('./translationsContext-bfbdca60.js');
+var index$6 = require('./index-0b957c10.js');
+require('./useMantineLocale-97b962eb.js');
+require('./translationsContext-6f3c14ea.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-07a0efea.js');
-var constants = require('./constants-39c86c0a.js');
+var utils = require('./utils-3a589c92.js');
+var constants = require('./constants-94957c92.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-027dab7c.js');
-var ChevronDown = require('./ChevronDown-4759a935.js');
+var defaultClassWrapper = require('./defaultClassWrapper-feaae206.js');
+var ChevronDown = require('./ChevronDown-2775b53a.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-2ad99c01.js');
-var constants$1 = require('./constants-451fe312.js');
-var index$8 = require('./index-028a4e83.js');
-var index$7 = require('./index-8c0b1c02.js');
-var useIsInit = require('./useIsInit-35d2df26.js');
-require('./index.styles-7b2242d2.js');
-require('./utils-2bce0db7.js');
-require('./WhatsApp-3fd26435.js');
-require('./index.styled-07682ea0.js');
-require('./index-f9037c98.js');
+var index$5 = require('./index-42621fec.js');
+var index$9 = require('./index-6036e2a0.js');
+var index$8 = require('./index-aff82754.js');
+var index$7 = require('./index-e39f5b25.js');
+var useIsInit = require('./useIsInit-bb64ffbf.js');
+require('./index.styles-61201019.js');
+require('./utils-120200ad.js');
+require('./index-aefa01a7.js');
+require('./index.styled-8c14cf6c.js');
+require('./index-d54d6c50.js');
 var other = require('@hhgtech/icons/other');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$9 = require('./index-058eef4b.js');
+var index$a = require('./index-d8c60733.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-44b6c361.js');
+var core$2 = require('./core-279a7b4f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -292,7 +292,7 @@ const useCSSFocusPopupHelper = (configs) => {
     };
 };
 
-const StyledPopup$1 = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledPopup$1 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: absolute;
     right: 0;
     transition: all 0.5s ease-in-out;
@@ -329,7 +329,7 @@ const StyledPopup$1 = utils$1.setDefaultClass(styled__default["default"].div `
       padding-bottom: 70px;
     }
   `, 'hhgcomp-navprofilebutton-popup');
-const StyledPopupWrapper = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledPopupWrapper = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     position: fixed;
     z-index: 150;
     top: var(--header-bottom, 56px);
@@ -1094,7 +1094,7 @@ const NavigationProvider = (_a) => {
     const [currentUrl, setCurrentUrl] = React__default["default"].useState(() => {
         return (props.currentUrl ||
             `https://${props.siteType === 'marryBaby'
-                ? utils$1.domainLocalesMarryBaby[props.locale || 'en-PH']
+                ? defaultClassWrapper.domainLocalesMarryBaby[props.locale || 'en-PH']
                 : index$3.domainLocales[props.locale || 'en-PH']}${props.projectType === 'together'
                 ? '/community'
                 : props.projectType === 'ecom'
@@ -1517,7 +1517,7 @@ const StyledDes$2 = styled__default["default"].p `
     padding: 0;
   }
 `;
-const StyledContentWrapper$2 = utils$1.setDefaultClass(styled__default["default"].div `
+const StyledContentWrapper$2 = defaultClassWrapper.setDefaultClass(styled__default["default"].div `
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -1597,7 +1597,7 @@ const Item$4 = ({ item, index = 0 }) => {
     const { locale, configs: { statics }, } = React.useContext(NavigationContext);
     if (!item)
         return null;
-    const href = `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
+    const href = `${statics.CARE_URL_FE}/${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.HOSPITAL}/${item.slug}-${item.id}`;
     return (React__default["default"].createElement(StyledItem$5, { key: item.id, href: href, "data-event-category": "Hamburger Navigation", "data-event-action": `Care Click ${index + 1}`, "data-event-label": href },
         React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('navCareCardBg.svg'), alt: "", className: "bg-svg", loading: "lazy" }),
         React__default["default"].createElement(StyledImageCard$3, null,
@@ -2464,7 +2464,7 @@ const MenuServiceList = ({ closePopup, menuItems = [] }) => {
             React__default["default"].createElement(Categories, { UrlFE: statics.HOME_PAGE_URL, titleBtnViewMore: t('home.navigator.menuItem.allCategories'), menuItems: menuItems, headingTitle: t('home.navigator.menuItem.healthCategories'), onClosePopup: closePopup, activeItem: activeMenuService }),
             activeMenuService === 'categories' && (React__default["default"].createElement(CategorySpotlights, { spotlightsList: (categories === null || categories === void 0 ? void 0 : categories.spotlights) || [], hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}/spotlight/` })),
             activeMenuService === 'tools' && (React__default["default"].createElement(ToolSpotlights, { spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, hrefViewMore: `${statics.HOME_PAGE_URL}${locale === 'tl-PH' ? '/fil' : ''}${((_a = index$3.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.HEALTH_TOOLS) || ''}` })),
-            activeMenuService === 'care' && (React__default["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
+            activeMenuService === 'care' && (React__default["default"].createElement(CareSpotlights, { spotlights: care === null || care === void 0 ? void 0 : care.spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_b = index$9.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b.SPECIALTIES}` })),
             activeMenuService === 'together' && (React__default["default"].createElement(CommunitySpotlights, { spotlights: together === null || together === void 0 ? void 0 : together.spotlights })),
             activeMenuService === 'ecom' && (React__default["default"].createElement(EcomSpotlights, { helpfulUrls: ecom === null || ecom === void 0 ? void 0 : ecom.helpfulUrls })))));
 };
@@ -2870,7 +2870,7 @@ const getTogetherUserPostsApiPath = (locale, isMarryBaby, apiDomain, params) =>
 };
 const getCareSearchUrl = ({ type, specialtySlug, locale, }) => {
     var _a, _b;
-    return `${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = constants$1.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
+    return `${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.ALL}/${((_b = index$9.LOCALIZED_SLUGS[locale]) === null || _b === void 0 ? void 0 : _b[type]) || 'doctor'}/${specialtySlug !== null && specialtySlug !== void 0 ? specialtySlug : ''}`;
 };
 const formatSpotlightsList = (spotlight) => {
     if (!spotlight)
@@ -2911,10 +2911,10 @@ const BtnClosePopup = ({ onClosePopup }) => {
 
 const PopupWrapper = ({ onClosePopup, isDisplay, children, isNavMenu, hideCloseBtn, }) => {
     return (React__default["default"].createElement("div", { className: "hhgcomp-navigation-popupwrapper-menuwrapper top-menu-health-tools", "data-is-display": !!isDisplay, "data-is-nav-menu": !!isNavMenu },
-        React__default["default"].createElement(index$9.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
+        React__default["default"].createElement(index$a.Container, { className: "hhgcomp-navigation-popupwrapper-menuwrapper-child" },
             !hideCloseBtn && (React__default["default"].createElement("div", { className: styles.container },
                 React__default["default"].createElement(BtnClosePopup, { onClosePopup: onClosePopup }))),
-            React__default["default"].createElement(index$9.Container, { className: styles.gridContainer }, children))));
+            React__default["default"].createElement(index$a.Container, { className: styles.gridContainer }, children))));
 };
 
 const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [], }) => {
@@ -2935,7 +2935,7 @@ const MenuCareList = ({ careSpecialties = [], isOpen, onClose, spotlights = [],
                     thumbnail: (specialty === null || specialty === void 0 ? void 0 : specialty.thumbnail) || '',
                 };
             })) || [] }),
-        React__default["default"].createElement(CareSpotlights, { spotlights: spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_a = constants$1.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.SPECIALTIES}/` })));
+        React__default["default"].createElement(CareSpotlights, { spotlights: spotlights, hrefViewMore: `${statics.CARE_URL_FE}/${(_a = index$9.LOCALIZED_SLUGS[locale]) === null || _a === void 0 ? void 0 : _a.SPECIALTIES}/` })));
 };
 
 const MenuCategoriesList = ({ categories = [], spotlightsList = [], onClose, isOpen, }) => {
@@ -2999,18 +2999,18 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
     React.useEffect(() => {
         setTimeout(() => {
             if (item.id === 'care' || item.id === 'ecom') {
-                Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-lottie')); }).then((lottie) => {
+                Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('lottie-light-react')); }).then((lottie) => {
                     setLottie(() => lottie.default);
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-c26d2588.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-15fac518.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-c527be69.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-cd1f9e9e.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
@@ -3030,16 +3030,14 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
             background: '#E3F2FF',
         };
     return (React__default["default"].createElement(Tag, { tabIndex: 0, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": item.link, className: styles$1.itemNavButton, ref: containerRef },
-        React__default["default"].createElement(index$2.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { options: {
-                    loop: true,
-                    autoplay: true,
-                    animationData: iconJson,
-                }, height: 28, width: 28 })) : (React__default["default"].createElement("a", { href: normalizeLink.normalizeLinkSlash(item.link + '/') },
-                React__default["default"].createElement(Lottie, { options: {
-                        loop: true,
-                        autoplay: true,
-                        animationData: iconJson,
-                    }, height: 28, width: 28 })))) : hasIcon ? (React__default["default"].createElement("div", { style: {
+        React__default["default"].createElement(index$2.Button, { variant: "light", leftIcon: Lottie && iconJson ? (linkOnly ? (React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+                    width: 28,
+                    height: 28,
+                } })) : (React__default["default"].createElement("a", { href: normalizeLink.normalizeLinkSlash(item.link + '/') },
+                React__default["default"].createElement(Lottie, { animationData: iconJson, loop: true, autoplay: true, style: {
+                        width: 28,
+                        height: 28,
+                    } })))) : hasIcon ? (React__default["default"].createElement("div", { style: {
                     width: 28,
                     height: 28,
                 } }, item.id === 'care' ? (React__default["default"].createElement(InitialDoctor, null)) : item.id === 'ecom' ? (React__default["default"].createElement(InitialCart, null)) : null)) : null, styles: {
@@ -3059,7 +3057,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
         item.popupType === 'categories' ? (React__default["default"].createElement(MenuCategoriesList, { categories: categories === null || categories === void 0 ? void 0 : categories.items, spotlightsList: categories === null || categories === void 0 ? void 0 : categories.spotlights, onClose: onClose })) : item.popupType === 'tools' ? (React__default["default"].createElement(MenuHealthToolsList, { locale: locale, healthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.items, spotlightHealthTools: healthTools === null || healthTools === void 0 ? void 0 : healthTools.spotlights, onClose: onClose })) : item.popupType === 'together' ? (React__default["default"].createElement(MenuCommunitiesList, { communities: together === null || together === void 0 ? void 0 : together.items, spotlights: together === null || together === void 0 ? void 0 : together.spotlights, onClose: onClose })) : item.popupType === 'care' ? (React__default["default"].createElement(MenuCareList, { careSpecialties: care === null || care === void 0 ? void 0 : care.items, spotlights: care === null || care === void 0 ? void 0 : care.spotlights, onClose: onClose })) : null));
 };
 
-const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, }) => {
+const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent, subHead, }) => {
     var _a;
     const { siteType, isMobile = false, locale, sitewideBanner, sitewideBannerShown = true, sponsorComponent, onBookingClick, currentUrl, onLoginClick, cartNumber, 
     // ssrMenuContent: { categories, healthTools, care, together },
@@ -3136,7 +3134,7 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                         flexShrink: 0,
                     }, href: HOME_PAGE_URL },
                     React__default["default"].createElement("div", null,
-                        React__default["default"].createElement(index$a.Logo, { style: {
+                        React__default["default"].createElement(index$b.Logo, { style: {
                                 display: 'flex',
                             }, type: logoType, badge: locale === 'id-ID' && (React__default["default"].createElement("img", { src: index$1.CommonGAssets.getAssetPath('sehat-badge.png'), width: "56", height: "23", loading: "lazy" })), dateForSeasonal: new Date(), locale: locale, key: typeof window !== 'undefined' ? 'client' : 'server' })))),
                 !isMobile && (React__default["default"].createElement(React__default["default"].Fragment, null, siteType === 'marryBaby' ? (React__default["default"].createElement(NavigationMenu, { menuItems: menuItems })) : (enableSearchBar && React__default["default"].createElement(NavigtionSearch, { siteType: siteType }))))),
@@ -3166,7 +3164,8 @@ const NavigationBar = ({ onTopBarAppears, languageMenu, menuItems, logoComponent
                     locale,
                     isMobile,
                 })
-            : null));
+            : null,
+        subHead && subHead));
 };
 const NavigtionSearch = ({ siteType }) => (React__default["default"].createElement(DisplayWrapper, { mediaQueryKey: "mbUp", className: siteType === 'marryBaby' ? 'marry-baby' : '' },
     React__default["default"].createElement(SearchInput, { id: "desktop" })));
@@ -3360,7 +3359,7 @@ const StyledContainer = styled__default["default"].div `
 
 const _NavigationV2 = (props) => {
     var _a, _b;
-    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, } = props;
+    const { isMobile, locale, onTopBarAppears, languageOptions, sponsorComponent, sitewideBanner, sitewideBannerShown, className, logoComponent, subHead, } = props;
     const services = useNavServices();
     useInsider();
     const isShowingSiteWideBanner = sitewideBannerShown && !!sitewideBanner;
@@ -3378,7 +3377,7 @@ const _NavigationV2 = (props) => {
             '--header-bottom': headerBottom + 'px',
         }, className: className },
         React__default["default"].createElement("section", { ref: headerRef },
-            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, languageMenu: React__default["default"].createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
+            React__default["default"].createElement(NavigationBar, { menuItems: services, onTopBarAppears: onTopBarAppears, logoComponent: logoComponent, subHead: subHead, languageMenu: React__default["default"].createElement(LanguageSwitcher, { languageOptions: languageOptions, locale: locale }) }))));
 };
 const NavigationV2 = (props) => {
     const propsWithDefaultValues = Object.assign({ siteType: 'helloSites', projectType: 'discover', locale: 'vi-VN', activeMenuService: 'categories', ssrMenuContent: {} }, props);

package/build/{WhatsApp-3fd26435.js → index-aefa01a7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.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-028a4e83.js → index-aff82754.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-fd9cd13e.js');
+var tslib_es6 = require('./tslib.es6-dd1fc8f2.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-5ef6d523.js');
+var index = require('./index-5aac5fb6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }