@hhgtech/hhg-components 1.29.434-beta-8 → 1.29.434-beta-9

package/build/{InputDate-707dcc06.js → InputDate-5c5a886e.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-213662a1.js');
+var tslib_es6 = require('./tslib.es6-6465097a.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-4f091e0b.js');
+var text = require('./text-f043a2ed.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-0996cccf.js');
-var Locale = require('./Locale-81abf486.js');
-var index$1 = require('./index-72407873.js');
+var index = require('./index-763697ad.js');
+var Locale = require('./Locale-aba625ef.js');
+var index$1 = require('./index-f029572e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-9670b658.js → LastPeriod-f6c00a55.js}

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

package/build/{MobileBottomNavigationIcon-dfd1916c.js → MobileBottomNavigationIcon-bea1ec08.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-213662a1.js');
+var tslib_es6 = require('./tslib.es6-6465097a.js');
 var React = require('react');
-var index = require('./index-72407873.js');
+var index = require('./index-f029572e.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-35e93587.js');
+var utils = require('./utils-aa8dec86.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-2a865fa2.js → RatingStarsInput-df602da2.js}

@@ -1,52 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-213662a1.js');
+var tslib_es6 = require('./tslib.es6-6465097a.js');
 var React = require('react');
-var index$5 = require('./index-f2a0380b.js');
+var index$5 = require('./index-21a3777a.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-0996cccf.js');
-require('./index-1b4184e7.js');
-var index$b = require('./index-66f42f6d.js');
-require('./index-7a3a45cf.js');
-var index$3 = require('./index-72407873.js');
-var index$f = require('./index-1c0beeef.js');
-require('./index.styles-a64282b5.js');
-require('./translationsContext-7d892b6d.js');
+var index$7 = require('./index-763697ad.js');
+require('./index-c567851e.js');
+var index$b = require('./index-b3caf7c4.js');
+require('./index-5762a1f9.js');
+var index$3 = require('./index-f029572e.js');
+var index$f = require('./index-0b3a95fd.js');
+require('./index.styles-221cd30d.js');
+require('./translationsContext-2fcb2127.js');
 require('@mantine/hooks');
-require('./text-4f091e0b.js');
-var utils = require('./utils-35e93587.js');
-require('./index-ad1fa8e6.js');
-var index$2 = require('./index-e1d78818.js');
+require('./text-f043a2ed.js');
+var utils = require('./utils-aa8dec86.js');
+require('./index-6d245ce7.js');
+var index$2 = require('./index-3f55e6c8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-7949c670.js');
+var index$4 = require('./index-a968c722.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-bfba0b20.js');
+var index$6 = require('./index-9cc3c5a1.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-9f878199.js');
+var useOutsideClick = require('./useOutsideClick-52406348.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-80c30ad6.js');
-var index$8 = require('./index-152e11f8.js');
-var index$9 = require('./index-77a65767.js');
-var index$c = require('./index-9ce99caa.js');
+var index$a = require('./index-4baf4ddc.js');
+var index$8 = require('./index-6657e053.js');
+var index$9 = require('./index-3500465d.js');
+var index$c = require('./index-9042de40.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-52dbe08c.js');
-var index$d = require('./index-6b9760c0.js');
+var index$e = require('./index-64adc16d.js');
+var index$d = require('./index-e16c7e60.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-81abf486.js');
+var Locale = require('./Locale-aba625ef.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-0013f04a.js');
-var index$h = require('./index-7959af3f.js');
+var index$g = require('./index-a8e78cf2.js');
+var index$h = require('./index-a7700885.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -2073,7 +2073,7 @@ const StyledTitleSection = styled__default["default"].p `
     }
   }
 `;
-const StyledDescription$2 = styled__default["default"].p `
+const StyledDescription$3 = styled__default["default"].p `
   margin-top: 2px;
   color: ${miscTheme.theme.colors.white};
   font-size: 12px;
@@ -2116,7 +2116,7 @@ const CookieAcceptConfirm = ({ className, policiesUrl, onAcceptClick, translatio
 }, title = '', description = '', theme = 'helloSites', isOpen = true, useDefaultPosition = true, trackingAttributes, }) => {
     return (React__namespace["default"].createElement(StyledAcceptCardContainer, { className: className, "data-theme": theme, "data-is-open": isOpen, "data-default-position": useDefaultPosition },
         React__namespace["default"].createElement(StyledTitleSection, { "data-has-content": !!title }, title),
-        React__namespace["default"].createElement(StyledDescription$2, { dangerouslySetInnerHTML: {
+        React__namespace["default"].createElement(StyledDescription$3, { dangerouslySetInnerHTML: {
                 __html: description,
             } }),
         React__namespace["default"].createElement(StyledButtonGroup, null,
@@ -4785,7 +4785,7 @@ const StyledTextContent = styled__default["default"].div `
   font-size: 0.9375rem;
   line-height: 1.5rem;
 `;
-const StyledTitle$2 = styled__default["default"].span `
+const StyledTitle$3 = styled__default["default"].span `
   font-weight: 600;
 `;
 const StyledSubTitle = styled__default["default"].span `
@@ -4817,7 +4817,7 @@ const HPVScreener = ({ onClick, className }) => {
                                 "1.2M ",
                                 t('detail.screened')))),
                     React__namespace["default"].createElement(StyledTextContent, null,
-                        React__namespace["default"].createElement(StyledTitle$2, null, t('detail.hpvScreenerTitle')),
+                        React__namespace["default"].createElement(StyledTitle$3, null, t('detail.hpvScreenerTitle')),
                         ' ',
                         React__namespace["default"].createElement(StyledSubTitle, null, t('detail.hpvScreenerSubtitle')))),
                 React__namespace["default"].createElement("div", { style: { alignSelf: 'flex-start' } },
@@ -4831,34 +4831,33 @@ const HPVScreener = ({ onClick, className }) => {
 const StyledHorizontalContainer = styled__default["default"].div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
-  column-gap: ${core.rem(16)};
+  column-gap: 10px;
 `;
 const StyledVerticalContainer = styled__default["default"].div `
   display: grid;
   grid-template-columns: repeat(2, 1fr);
-  row-gap: ${core.rem(24)};
+  row-gap: 1.5rem;
 
   .span-2 {
     grid-column: 1 / span 2;
   }
 `;
 const StyledVerticalContent = styled__default["default"].div `
+  position: relative;
   display: flex;
   flex-direction: column;
-  gap: ${core.rem(2)};
+  gap: 12px;
+  justify-content: center;
   align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
 `;
-const StyledTitle$1 = styled__default["default"].div `
-  font-size: ${core.rem(15)};
+const StyledTitle$2 = styled__default["default"].div `
+  font-size: 15px;
   font-weight: 600;
-  color: #111111;
-  line-height: ${core.rem(24)};
 `;
-const StyledDescription$1 = styled__default["default"].div `
-  color: ${miscTheme.theme.colors.gray700};
+const StyledDescription$2 = styled__default["default"].div `
+  font-size: 13px;
   font-weight: 400;
-  line-height: ${core.rem(20)};
-  font-size: ${core.rem(13)};
+  color: ${miscTheme.theme.colors.gray700};
 `;
 
 const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
@@ -4875,11 +4874,11 @@ const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
         }
         return (React__namespace["default"].createElement(React__namespace["default"].Fragment, { key: item.id },
             React__namespace["default"].createElement(StyledVerticalContent, { layout: layout, className: item.cssItem },
-                React__namespace["default"].createElement(StyledTitle$1, null, item.title),
-                React__namespace["default"].createElement(StyledDescription$1, null, item.description)),
+                React__namespace["default"].createElement(StyledTitle$2, null, item.title),
+                React__namespace["default"].createElement(StyledDescription$2, null, item.description)),
             isHorizontalLayout && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
-                    height: '75%',
+                    height: '80%',
                     alignSelf: 'center',
                 }, orientation: "vertical" }))));
     })));
@@ -4977,11 +4976,16 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             filters: {},
         });
     };
-    const handleChangeFilter = (filterData) => {
+    const handleChangeFilter = (filterData, filterOptions) => {
         const nextFilter = Object.assign({}, filters);
+        const isAllFilter = filterOptions.find((item) => item.isAll);
         if (filterData.filterKey in nextFilter &&
             nextFilter[filterData.filterKey] === filterData.value) {
-            delete nextFilter[filterData.filterKey];
+            if (isAllFilter) {
+                nextFilter[isAllFilter.filterKey] = isAllFilter.value;
+            }
+            else
+                delete nextFilter[filterData.filterKey];
         }
         else {
             nextFilter[filterData.filterKey] = filterData.value;
@@ -5099,7 +5103,7 @@ function QuickFilter(_a) {
 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: handleChangeFilter, activeFilter: filters })));
+    return (React__namespace["default"].createElement(QuickFilter, Object.assign({}, restProps, { filterOptions: filterOptions, onChange: (value) => handleChangeFilter(value, filterOptions), activeFilter: filters })));
 }
 
 function LoadMore(_a) {
@@ -5212,7 +5216,7 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
     return (React__namespace["default"].createElement(StyleCardItem, { className: className },
         React__namespace["default"].createElement("div", { className: "info" },
             React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement(index$3.Text, { size: "title2", color: "#111111", weight: "semiBold" }, title)),
+                React__namespace["default"].createElement("h5", { className: "title" }, title)),
             typeof description === 'string' ? (React__namespace["default"].createElement(LinkComponent, { href: href },
                 React__namespace["default"].createElement("p", { className: "description" }, description))) : (description),
             contentInfo),
@@ -5325,16 +5329,20 @@ const StyledFlex = styled__default["default"].div `
   justify-content: space-between;
   height: 100%;
 `;
-const StyledTitle = styled__default["default"](index$3.Text) `
+const StyledTitle$1 = styled__default["default"].div `
   width: 100%;
+  font-size: 0.8125rem;
+  font-weight: 500;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 `;
-const StyledDescription = styled__default["default"](index$3.Text) `
-  font-size: ${core.rem(11)};
+const StyledDescription$1 = styled__default["default"].div `
+  font-size: 0.6875rem;
+  font-weight: 500;
+  color: ${miscTheme.theme.colors.gray700};
 `;
 const Center = styled__default["default"].div `
   display: flex;
@@ -5352,23 +5360,39 @@ const VoucherItem = ({ image, title, description, onClick, className, }) => {
                             width: '2.5rem',
                             height: '2.5rem',
                             borderRadius: '8px',
-                            objectFit: 'cover',
                         } }))),
             React__namespace["default"].createElement(core.Grid.Col, { span: "auto" },
                 React__namespace["default"].createElement(StyledFlex, null,
-                    React__namespace["default"].createElement(StyledTitle, { size: "p3", weight: "halfBold", color: "#111111" }, title),
-                    React__namespace["default"].createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description))))));
+                    React__namespace["default"].createElement(StyledTitle$1, null, title),
+                    React__namespace["default"].createElement(StyledDescription$1, null, description))))));
 };
 
 const StyledContainer = styled__default["default"].div `
   display: flex;
   flex-direction: column;
+  justify-content: centr;
   align-items: center;
   border-radius: 12px;
   background-color: ${miscTheme.theme.colors.neutral50};
   padding: 16px 8px;
   gap: 8px;
 `;
+const StyledTitle = styled__default["default"].div `
+  font-size: 13px;
+  font-weight: 600;
+  text-align: center;
+`;
+const StyledDescription = styled__default["default"].div `
+  font-size: 13px;
+  font-weight: 400;
+  color: ${miscTheme.theme.colors.gray700};
+  text-align: center;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+`;
 const StyledTextContainer = styled__default["default"].div `
   display: flex;
   flex-direction: column;
@@ -5377,14 +5401,13 @@ const StyledTextContainer = styled__default["default"].div `
 
 const CertificateItem = ({ image, description, title, className, }) => {
     return (React__namespace["default"].createElement(StyledContainer, { className: className },
-        React__namespace["default"].createElement(index$8.ImageWrap, { src: image, alt: title, style: {
-                width: core.rem(120),
-                height: core.rem(120),
-                objectFit: 'cover',
+        React__namespace["default"].createElement(core.Image, { src: image, style: {
+                width: '7.5rem',
+                height: '7.5rem',
             } }),
         React__namespace["default"].createElement(StyledTextContainer, null,
-            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "semiBold", color: "#111111", align: "center" }, title),
-            React__namespace["default"].createElement(index$3.Text, { size: "p3", weight: "regular", align: "center" }, description))));
+            React__namespace["default"].createElement(StyledTitle, null, title),
+            React__namespace["default"].createElement(StyledDescription, null, description))));
 };
 
 const MAX_RATING = 5;

package/build/{Spinner-14b7aa0b.js → Spinner-fb107446.js}

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

package/build/Upload-a1b5c7a0.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* eslint-disable prettier/prettier */
+const Upload = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z", fill: "#595959" })));
+
+exports.Upload = Upload;

package/build/{WhatsApp-dd4f390b.js → WhatsApp-83608b83.js}

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

package/build/adapters.js

@@ -2,44 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-80c30ad6.js');
-var index$1 = require('./index-83a704c6.js');
-var index$2 = require('./index-327ec29a.js');
-require('./tslib.es6-213662a1.js');
+var index = require('./index-4baf4ddc.js');
+var index$1 = require('./index-169688df.js');
+var index$2 = require('./index-a6a28783.js');
+require('./tslib.es6-6465097a.js');
 require('react');
-require('./index-1c0beeef.js');
+require('./index-0b3a95fd.js');
 require('@mantine/core');
-require('./shared-0aef54d6.js');
-require('./text-4f091e0b.js');
-require('./index-f2a0380b.js');
+require('./shared-736c3b5b.js');
+require('./text-f043a2ed.js');
+require('./index-21a3777a.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-66f42f6d.js');
+require('./index-b3caf7c4.js');
 require('./constantsDomainLocales.js');
-require('./Locale-81abf486.js');
+require('./Locale-aba625ef.js');
 require('./constantsIsProduction.js');
-require('./index-152e11f8.js');
-require('./utils-35e93587.js');
+require('./index-6657e053.js');
+require('./utils-aa8dec86.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-72407873.js');
-require('./index-7a3a45cf.js');
+require('./index-f029572e.js');
+require('./index-5762a1f9.js');
 require('dayjs');
-require('./index-1b4184e7.js');
+require('./index-c567851e.js');
 require('@mantine/notifications');
-require('./index-0996cccf.js');
+require('./index-763697ad.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('uuid');
-require('./useUniqueId-a5923d56.js');
+require('./useUniqueId-0e466b02.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-a64282b5.js');
-require('./translationsContext-7d892b6d.js');
-require('./index-ad1fa8e6.js');
+require('./index.styles-221cd30d.js');
+require('./translationsContext-2fcb2127.js');
+require('./index-6d245ce7.js');