@hhgtech/hhg-components 1.29.434-beta-14 → 1.29.434-beta-16

package/build/{InputDate-c679bff5.js → InputDate-575db89a.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-7977b0a8.js');
+var text = require('./text-70333112.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-eac3ab1a.js');
-var Locale = require('./Locale-3b1932db.js');
-var index$1 = require('./index-d265088b.js');
+var index = require('./index-dd26354c.js');
+var Locale = require('./Locale-01386e14.js');
+var index$1 = require('./index-1eaaa3ef.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-36ec3f12.js → LastPeriod-7884b7c6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{MobileBottomNavigationIcon-efca7b24.js → MobileBottomNavigationIcon-f25db0b6.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
-var index = require('./index-d265088b.js');
+var index = require('./index-1eaaa3ef.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-ad01fd80.js');
+var utils = require('./utils-5cd81897.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-b2d3df35.js → RatingStarsInput-cf68e671.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
-var index$5 = require('./index-73bd5c93.js');
+var index$5 = require('./index-83847a8e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-eac3ab1a.js');
-require('./index-16ca8115.js');
-var index$b = require('./index-636beb06.js');
-require('./index-347f20c0.js');
-var index$3 = require('./index-d265088b.js');
-var index$f = require('./index-95f41961.js');
-require('./index.styles-7a125a73.js');
-require('./translationsContext-2a67ce91.js');
+var index$7 = require('./index-dd26354c.js');
+require('./index-88918ccb.js');
+var index$b = require('./index-cf6163a4.js');
+require('./index-478887ed.js');
+var index$3 = require('./index-1eaaa3ef.js');
+var index$f = require('./index-fde2b098.js');
+require('./index.styles-5864dd08.js');
+require('./translationsContext-3e912393.js');
 require('@mantine/hooks');
-require('./text-7977b0a8.js');
-var utils = require('./utils-ad01fd80.js');
-require('./index-4aa587a0.js');
-var index$2 = require('./index-9e4278fa.js');
+require('./text-70333112.js');
+var utils = require('./utils-5cd81897.js');
+require('./index-10167ed1.js');
+var index$2 = require('./index-6d7c7a67.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-2bfbf974.js');
+var index$4 = require('./index-76838889.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-157c5cf3.js');
+var index$6 = require('./index-5ea87b7a.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var useOutsideClick = require('./useOutsideClick-5ab9fbcf.js');
+var useOutsideClick = require('./useOutsideClick-01af428d.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$a = require('./index-d674ff74.js');
-var index$8 = require('./index-2abd2ae7.js');
-var index$9 = require('./index-33434f47.js');
-var index$c = require('./index-ec0a57cf.js');
+var index$a = require('./index-be7d6dd0.js');
+var index$8 = require('./index-b1d9cd3c.js');
+var index$9 = require('./index-1afe5f1f.js');
+var index$c = require('./index-006625aa.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-ea8a2035.js');
-var index$d = require('./index-6fd25e06.js');
+var index$e = require('./index-b70d132d.js');
+var index$d = require('./index-d5b4259f.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-3b1932db.js');
+var Locale = require('./Locale-01386e14.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-ee64c0e8.js');
-var index$h = require('./index-3c1c4bfa.js');
+var index$g = require('./index-5b4d0eca.js');
+var index$h = require('./index-d5b1114a.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -5053,7 +5053,7 @@ const StyledFilterItem$1 = styled__default["default"].div `
   color: ${miscTheme.theme.colors.gray800};
   text-align: center;
   font-size: 0.8125rem;
-  border-radius: 0.5rem;
+  border-radius: 12px;
   line-height: 1.25rem;
   background-color: ${miscTheme.theme.colors.white};
   white-space: nowrap;
@@ -5101,6 +5101,12 @@ function QuickFilter(_a) {
         }), "data-event-label": item.label }), item.label)))));
 }
 
+function ListQuickFilter(_a) {
+    var { filterOptions } = _a, restProps = tslib_es6.__rest(_a, ["filterOptions"]);
+    const { handleChangeFilter, filters } = useListContext();
+    return (React__namespace["default"].createElement(QuickFilter, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: (value) => handleChangeFilter(value, filterOptions), activeFilter: filters })));
+}
+
 const splitArrayByRowSizes = (items, rowSize) => {
     const result = [];
     const row1 = items.slice(0, rowSize);
@@ -5167,8 +5173,6 @@ function QuickFilterWrapLine(_a) {
         if (typeof window !== 'undefined') {
             setWidthOfWindow(window.innerWidth);
         }
-    }, []);
-    React.useEffect(() => {
         if (containerOfFilter.current) {
             const filterWidth = containerOfFilter.current.scrollWidth;
             setWidthOfFilter(filterWidth);
@@ -5224,13 +5228,10 @@ function QuickFilterWrapLine(_a) {
     return (React__namespace["default"].createElement(StyledVaccineFilter, { ref: containerOfFilter, className: "flex flex-nowrap gap-2 overflow-x-auto snap-x max-w-full" }, handleRenderItem()));
 }
 
-function ListQuickFilter(_a) {
-    var { filterOptions, service_type } = _a, restProps = tslib_es6.__rest(_a, ["filterOptions", "service_type"]);
+function ListQuickFilterWrapline(_a) {
+    var { filterOptions } = _a, restProps = tslib_es6.__rest(_a, ["filterOptions"]);
     const { handleChangeFilter, filters } = useListContext();
-    if (service_type === index$7.SERVICE_TYPE.VACCINE) {
-        return (React__namespace["default"].createElement(QuickFilterWrapLine, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: (value) => handleChangeFilter(value, filterOptions), activeFilter: filters })));
-    }
-    return (React__namespace["default"].createElement(QuickFilter, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: (value) => handleChangeFilter(value, filterOptions), activeFilter: filters })));
+    return (React__namespace["default"].createElement(QuickFilterWrapLine, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: (value) => handleChangeFilter(value, filterOptions), activeFilter: filters })));
 }
 
 function LoadMore(_a) {
@@ -5288,6 +5289,7 @@ const List = {
     Item,
     LoadMore,
     QuickFilter: ListQuickFilter,
+    QuickFilterWrapLine: ListQuickFilterWrapline,
 };
 
 const StyleCardItem = styled__default["default"].div `
@@ -5332,11 +5334,15 @@ const StyleCardItem = styled__default["default"].div `
     flex-direction: column;
   }
 `;
-styled__default["default"].div `
-  position: relative;
-  width: 85px;
+const StyledImageWrap = styled__default["default"](index$8.ImageWrap) `
+  width: 84px;
+  height: 84px;
+  padding: 2px;
+  object-fit: contain;
+  object-position: center;
   flex-shrink: 0;
-  border-radius: 0.5rem;
+  aspect-ratio: 1;
+  align-self: baseline;
 `;
 
 function CardListItem({ title, href, description, logo, defaultImage, LinkComponent = 'a', children, contentInfo, className, }) {
@@ -5349,7 +5355,7 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
             contentInfo),
         React__namespace["default"].createElement(LinkComponent, { href: href },
             React__namespace["default"].createElement(core.AspectRatio, { ratio: 1, bg: "#EFF4FF", className: "logo" },
-                React__namespace["default"].createElement(index$8.ImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage }))),
+                React__namespace["default"].createElement(StyledImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage }))),
         children));
 }
 
@@ -5406,7 +5412,7 @@ const GeneralInfoContainer = styled__default["default"].div `
 
 const ProductImage = styled__default["default"](index$8.ImageWrap) `
   width: 100%;
-  object-fit: cover;
+  object-fit: contain;
   object-position: center;
   aspect-ratio: 375/190;
 `;
@@ -5474,8 +5480,8 @@ const Center = styled__default["default"].div `
   height: 100%;
 `;
 
-const VoucherItem = ({ image, title, description, onClick, className, }) => {
-    return (React__namespace["default"].createElement(StyledContainer$1, { className: className, onClick: onClick },
+const VoucherItem = ({ image, title, description, onClick, className, dataTracking = {}, }) => {
+    return (React__namespace["default"].createElement(StyledContainer$1, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
         React__namespace["default"].createElement(core.Grid, { gutter: "8px" },
             React__namespace["default"].createElement(core.Grid.Col, { span: "content" },
                 React__namespace["default"].createElement(Center, null,

package/build/{Spinner-a39af7c6.js → Spinner-a5e7f294.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{WhatsApp-d55525a8.js → WhatsApp-1925d19e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-85a2c8e0.js');
+var tslib_es6 = require('./tslib.es6-2bfd6981.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/adapters.js

@@ -2,45 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-d674ff74.js');
-var index$1 = require('./index-f437305f.js');
-var index$2 = require('./index-e284a81f.js');
-require('./tslib.es6-85a2c8e0.js');
+var index = require('./index-be7d6dd0.js');
+var index$1 = require('./index-b48228ff.js');
+var index$2 = require('./index-3a4cbf72.js');
+require('./tslib.es6-2bfd6981.js');
 require('react');
-require('./index-95f41961.js');
+require('./index-fde2b098.js');
 require('@mantine/core');
-require('./shared-763aa8db.js');
-require('./text-7977b0a8.js');
-require('./index-73bd5c93.js');
+require('./shared-7e4ca573.js');
+require('./text-70333112.js');
+require('./index-83847a8e.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-636beb06.js');
+require('./index-cf6163a4.js');
 require('./constantsDomainLocales.js');
-require('./Locale-3b1932db.js');
+require('./Locale-01386e14.js');
 require('./constantsIsProduction.js');
-require('./index-2abd2ae7.js');
-require('./utils-ad01fd80.js');
+require('./index-b1d9cd3c.js');
+require('./utils-5cd81897.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-d265088b.js');
-require('./index-347f20c0.js');
+require('./index-1eaaa3ef.js');
+require('./index-478887ed.js');
 require('dayjs');
-require('./index-16ca8115.js');
+require('./index-88918ccb.js');
 require('@mantine/notifications');
-require('./index-eac3ab1a.js');
+require('./index-dd26354c.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-4cf645c4.js');
+require('./useUniqueId-08a9a9a3.js');
 require('@emotion/react');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-7a125a73.js');
-require('./translationsContext-2a67ce91.js');
-require('./index-4aa587a0.js');
+require('./index.styles-5864dd08.js');
+require('./translationsContext-3e912393.js');
+require('./index-10167ed1.js');
 
 
 

package/build/atoms.js

@@ -2,81 +2,81 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-5fe3afd8.js');
-var index$1 = require('./index-91ce1cb6.js');
-var index$2 = require('./index-d674ff74.js');
-var index$3 = require('./index-2bfbf974.js');
-var index$4 = require('./index-e4ba57fb.js');
-var index$5 = require('./index-01afc1b7.js');
-var index$6 = require('./index-6fd25e06.js');
-var index$7 = require('./index-73bd5c93.js');
-var index$8 = require('./index-e284a81f.js');
-var index$9 = require('./index-6d41ca23.js');
-var index$a = require('./index-ea8a2035.js');
-var index$b = require('./index-157c5cf3.js');
-var index$c = require('./index-5442725f.js');
-var index$d = require('./index-f437305f.js');
-var index$e = require('./index-90acf4bd.js');
-var index$f = require('./index-13308057.js');
-var index$g = require('./index-f965fb44.js');
-var index$h = require('./index-4296d57b.js');
-var index$i = require('./index-2abd2ae7.js');
-var logoIcon = require('./logoIcon-085bb5b8.js');
-var index$j = require('./index-233c15aa.js');
-var index$k = require('./index-3c1c4bfa.js');
-var index$l = require('./index-6d44f43f.js');
-var InputDate = require('./InputDate-c679bff5.js');
+var index = require('./index-b2171271.js');
+var index$1 = require('./index-e6bbb189.js');
+var index$2 = require('./index-be7d6dd0.js');
+var index$3 = require('./index-76838889.js');
+var index$4 = require('./index-cd045182.js');
+var index$5 = require('./index-45eaddf3.js');
+var index$6 = require('./index-d5b4259f.js');
+var index$7 = require('./index-83847a8e.js');
+var index$8 = require('./index-3a4cbf72.js');
+var index$9 = require('./index-2d0c099a.js');
+var index$a = require('./index-b70d132d.js');
+var index$b = require('./index-5ea87b7a.js');
+var index$c = require('./index-ad8ea758.js');
+var index$d = require('./index-b48228ff.js');
+var index$e = require('./index-d229ed10.js');
+var index$f = require('./index-d5c8882a.js');
+var index$g = require('./index-05759592.js');
+var index$h = require('./index-e4983814.js');
+var index$i = require('./index-b1d9cd3c.js');
+var logoIcon = require('./logoIcon-ac700c7f.js');
+var index$j = require('./index-e7cd39a3.js');
+var index$k = require('./index-d5b1114a.js');
+var index$l = require('./index-90cb9aaa.js');
+var InputDate = require('./InputDate-575db89a.js');
 require('react');
-require('./index-d265088b.js');
-require('./tslib.es6-85a2c8e0.js');
+require('./index-1eaaa3ef.js');
+require('./tslib.es6-2bfd6981.js');
 require('@mantine/core');
-require('./text-7977b0a8.js');
+require('./text-70333112.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-ad01fd80.js');
+require('./utils-5cd81897.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-eab9c42a.js');
+require('./Close-c6d51b0c.js');
 require('@mantine/carousel');
-require('./index-95f41961.js');
-require('./shared-763aa8db.js');
+require('./index-fde2b098.js');
+require('./shared-7e4ca573.js');
 require('@mantine/dates');
-require('./index-eac3ab1a.js');
+require('./index-dd26354c.js');
 require('date-fns/locale');
-require('./index-16ca8115.js');
-require('./Locale-3b1932db.js');
+require('./index-88918ccb.js');
+require('./Locale-01386e14.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-636beb06.js');
-require('./index-347f20c0.js');
+require('./index-cf6163a4.js');
+require('./index-478887ed.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-7a125a73.js');
-require('./translationsContext-2a67ce91.js');
-require('./index-4aa587a0.js');
+require('./index.styles-5864dd08.js');
+require('./translationsContext-3e912393.js');
+require('./index-10167ed1.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-82ef22bc.js');
+require('./animation-ef9915ad.js');
 require('classnames');
 require('uuid');
-require('./useUniqueId-4cf645c4.js');
+require('./useUniqueId-08a9a9a3.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-d55525a8.js');
-require('./Spinner-a39af7c6.js');
-require('./index-030b763d.js');
-require('./index-33434f47.js');
-require('./paths-97f76c39.js');
-require('./constants-4dab94eb.js');
-require('./utils-97258aec.js');
-require('./index-d0639df0.js');
+require('./WhatsApp-1925d19e.js');
+require('./Spinner-a5e7f294.js');
+require('./index-66be9dc4.js');
+require('./index-1afe5f1f.js');
+require('./paths-547f596e.js');
+require('./constants-6450392f.js');
+require('./utils-4bbb9386.js');
+require('./index-f4fbb923.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-6941f213.js');
+require('./constants-02abc986.js');
 require('vaul');