@hhgtech/hhg-components 1.29.432-beta-2 → 1.29.432-beta-4

package/build/{InputDate-b2ecc68c.js → InputDate-b026957b.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87e8f87f.js');
+var tslib_es6 = require('./tslib.es6-94baf781.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-f7d0b0b4.js');
+var text = require('./text-5c6ffa82.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-41e1d5ab.js');
-var Locale = require('./Locale-54124859.js');
-var index$1 = require('./index-50ef370a.js');
+var index = require('./index-c5e62d54.js');
+var Locale = require('./Locale-373e021a.js');
+var index$1 = require('./index-c3fa290e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-9bcb6acb.js → LastPeriod-030104b2.js}

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

package/build/{MobileBottomNavigationIcon-41d68ac1.js → MobileBottomNavigationIcon-64099fbb.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87e8f87f.js');
+var tslib_es6 = require('./tslib.es6-94baf781.js');
 var React = require('react');
-var index = require('./index-50ef370a.js');
+var index = require('./index-c3fa290e.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-b7beac7a.js');
+var utils = require('./utils-8a70a784.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{RatingStarsInput-9261d69c.js → RatingStarsInput-91f38fc9.js}

@@ -1,51 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-87e8f87f.js');
+var tslib_es6 = require('./tslib.es6-94baf781.js');
 var React = require('react');
-var index$5 = require('./index-ed63f582.js');
+var index$5 = require('./index-669f98a8.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-41e1d5ab.js');
-require('./index-5842643b.js');
-var index$b = require('./index-7441a4a3.js');
-require('./index-7d49357f.js');
-var index$3 = require('./index-50ef370a.js');
-var index$f = require('./index-2b867061.js');
-require('./index.styles-7728d5db.js');
-require('./translationsContext-fe819cba.js');
+var index$7 = require('./index-c5e62d54.js');
+require('./index-714d71fa.js');
+var index$b = require('./index-ea2de66e.js');
+require('./index-4cbeb5eb.js');
+var index$3 = require('./index-c3fa290e.js');
+var index$f = require('./index-40e25b62.js');
+require('./index.styles-ab6d63c6.js');
+require('./translationsContext-31a473df.js');
 require('@mantine/hooks');
-require('./text-f7d0b0b4.js');
-var utils = require('./utils-b7beac7a.js');
-require('./index-dca93a66.js');
-var index$2 = require('./index-5c8615db.js');
+require('./text-5c6ffa82.js');
+var utils = require('./utils-8a70a784.js');
+require('./index-e0719014.js');
+var index$2 = require('./index-cadc47cc.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-baab24e8.js');
+var index$4 = require('./index-c1ed2a56.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-dd962677.js');
+var index$6 = require('./index-8cf174af.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-2c90866f.js');
+var useOutsideClick = require('./useOutsideClick-f1ffe4c1.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-b0b9e954.js');
-var index$8 = require('./index-f2d9df87.js');
-var index$9 = require('./index-b93e4ec2.js');
-var index$c = require('./index-86bc6ebf.js');
+var index$a = require('./index-e7898606.js');
+var index$8 = require('./index-f2047af9.js');
+var index$9 = require('./index-56555121.js');
+var index$c = require('./index-f678086a.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-b3c66fca.js');
-var index$d = require('./index-8a7092b9.js');
+var index$e = require('./index-aec2327d.js');
+var index$d = require('./index-e355e686.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-54124859.js');
+var Locale = require('./Locale-373e021a.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-4841d9b7.js');
+var index$g = require('./index-a41e8f75.js');
+var index$h = require('./index-d9ddbbbe.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -4685,10 +4686,6 @@ const WidgetChatbotAi = ({}) => {
                     React__namespace["default"].createElement(index$f.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__namespace["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
-/* eslint-disable prettier/prettier */
-const ArrowRightBlue = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
-    React__namespace.createElement("path", { d: "M1 9L5 5L1 1", stroke: "#2D87F3", strokeWidth: 1.75, strokeLinecap: "round", strokeLinejoin: "round" })));
-
 /* eslint-disable prettier/prettier */
 const HPV = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 52 52", fill: "none", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
     React__namespace.createElement("g", { clipPath: "url(#clip0_1924_1187)" },
@@ -4828,34 +4825,30 @@ const HPVScreener = ({ onClick, className }) => {
             React__namespace["default"].createElement(StyledButton, { onClick: onClick, size: "lg", color: "secondary" },
                 React__namespace["default"].createElement(StyledTextButtonBox, null,
                     React__namespace["default"].createElement(StyledTextButton, null, t('detail.hpvScreenerButton')),
-                    React__namespace["default"].createElement(ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
+                    React__namespace["default"].createElement(index$g.ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
 };
 
 const StyledHorizontalContainer = styled__default["default"].div `
   display: grid;
-  grid-template-columns: ${({ itemCount }) => {
-    const columns = [];
-    if (itemCount > 3) {
-        columns.push('repeat(2,1fr)');
-        return columns;
-    }
-    for (let i = 0; i < itemCount; i++) {
-        columns.push('1fr');
-        if (i < itemCount - 1) {
-            columns.push('2px');
-        }
-    }
-    return columns.join(' ');
-}};
-  row-gap: ${({ itemCount }) => (itemCount > 3 ? '24px' : 'auto')};
+  grid-template-columns: 1fr 2px 1fr;
+  column-gap: 10px;
 `;
 const StyledVerticalContainer = styled__default["default"].div `
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  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: 12px;
   justify-content: center;
-  align-items: ${({ itemCount }) => (itemCount > 3 ? 'left' : 'center')};
+  align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
 `;
 const StyledTitle$2 = styled__default["default"].div `
   font-size: 15px;
@@ -4867,19 +4860,25 @@ const StyledDescription$2 = styled__default["default"].div `
   color: ${miscTheme.theme.colors.gray700};
 `;
 
-const SummaryInfo = ({ infoItems, className }) => {
-    return (React__namespace["default"].createElement(StyledHorizontalContainer, { className: className, itemCount: infoItems.length }, infoItems.map((item, index) => {
-        const infoItemsLength = infoItems.length;
-        const conditionToShowDivider = index < infoItemsLength - 1 && infoItemsLength <= 3;
+const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
+    const isHorizontalLayout = layout === 'horizontal';
+    const StyledContainer = isHorizontalLayout
+        ? StyledHorizontalContainer
+        : StyledVerticalContainer;
+    return (React__namespace["default"].createElement(StyledContainer, { className: className }, infoItems.map((item) => {
+        const lenOfInfoItems = infoItems.length;
+        if (lenOfInfoItems > 2 &&
+            lenOfInfoItems % 2 !== 0 &&
+            item.id === infoItems[lenOfInfoItems - 1].id) {
+            item.cssItem = 'span-2';
+        }
         return (React__namespace["default"].createElement(React__namespace["default"].Fragment, { key: item.id },
-            React__namespace["default"].createElement(StyledVerticalContainer, { itemCount: infoItems.length },
+            React__namespace["default"].createElement(StyledVerticalContent, { layout: layout, className: item.cssItem },
                 React__namespace["default"].createElement(StyledTitle$2, null, item.title),
                 React__namespace["default"].createElement(StyledDescription$2, null, item.description)),
-            conditionToShowDivider && (React__namespace["default"].createElement(core.Divider, { sx: {
-                    '&': {
-                        borderColor: '#0000001a',
-                        height: '85%',
-                    },
+            isHorizontalLayout && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
+                    borderColor: '#0000001a',
+                    height: '80%',
                     alignSelf: 'center',
                 }, orientation: "vertical" }))));
     })));
@@ -4897,7 +4896,7 @@ function Content({ className, children, customLoading, customEmpty, }) {
     const { loading, items } = useListContext();
     const { t } = index$9.useTranslations();
     if (loading) {
-        return customLoading ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customLoading) : React__namespace["default"].createElement(index$g.Loading, null);
+        return customLoading ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customLoading) : React__namespace["default"].createElement(index$h.Loading, null);
     }
     if (!items.length) {
         return customEmpty ? React__namespace["default"].createElement(React__namespace["default"].Fragment, null, customEmpty) : React__namespace["default"].createElement("div", null, t('common.noResult'));
@@ -5287,10 +5286,10 @@ const ProductContent = styled__default["default"].div `
   }
 `;
 const ProductTitle = styled__default["default"].h1 `
-  font-size: 1.25rem;
+  font-size: 1.375rem;
   font-weight: 600;
   line-height: 1.75rem;
-  color: ${miscTheme.theme.colors.gray800};
+  color: #111111;
 `;
 const ProductDescription = styled__default["default"].p `
   font-size: 0.8125rem;

package/build/{Spinner-6ca84d10.js → Spinner-f7adbbf2.js}

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

package/build/{WhatsApp-a9e0e496.js → WhatsApp-6f094439.js}

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

package/build/adapters.js

@@ -2,43 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-b0b9e954.js');
-var index$1 = require('./index-be1beb34.js');
-var index$2 = require('./index-d93509f2.js');
-require('./tslib.es6-87e8f87f.js');
+var index = require('./index-e7898606.js');
+var index$1 = require('./index-aa67ff25.js');
+var index$2 = require('./index-cfe47555.js');
+require('./tslib.es6-94baf781.js');
 require('react');
-require('./index-2b867061.js');
+require('./index-40e25b62.js');
 require('@mantine/core');
-require('./shared-69e35845.js');
-require('./text-f7d0b0b4.js');
-require('./index-ed63f582.js');
+require('./shared-1e4b7b5a.js');
+require('./text-5c6ffa82.js');
+require('./index-669f98a8.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-7441a4a3.js');
+require('./index-ea2de66e.js');
 require('./constantsDomainLocales.js');
-require('./Locale-54124859.js');
+require('./Locale-373e021a.js');
 require('./constantsIsProduction.js');
-require('./index-f2d9df87.js');
-require('./utils-b7beac7a.js');
+require('./index-f2047af9.js');
+require('./utils-8a70a784.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-50ef370a.js');
-require('./index-7d49357f.js');
+require('./index-c3fa290e.js');
+require('./index-4cbeb5eb.js');
 require('dayjs');
-require('./index-5842643b.js');
+require('./index-714d71fa.js');
 require('@mantine/notifications');
-require('./index-41e1d5ab.js');
+require('./index-c5e62d54.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-9b0bb92b.js');
+require('./useUniqueId-e7034b51.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-7728d5db.js');
-require('./translationsContext-fe819cba.js');
-require('./index-dca93a66.js');
+require('./index.styles-ab6d63c6.js');
+require('./translationsContext-31a473df.js');
+require('./index-e0719014.js');
 
 
 

package/build/atoms.js

@@ -2,80 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-d46b190b.js');
-var index$1 = require('./index-288058fa.js');
-var index$2 = require('./index-b0b9e954.js');
-var index$3 = require('./index-baab24e8.js');
-var index$4 = require('./index-8825b401.js');
-var index$5 = require('./index-a6cb2363.js');
-var index$6 = require('./index-8a7092b9.js');
-var index$7 = require('./index-ed63f582.js');
-var index$8 = require('./index-d93509f2.js');
-var index$9 = require('./index-3f00766e.js');
-var index$a = require('./index-b3c66fca.js');
-var index$b = require('./index-dd962677.js');
-var index$c = require('./index-e5555179.js');
-var index$d = require('./index-be1beb34.js');
-var index$e = require('./index-9023fcda.js');
-var index$f = require('./index-26137b65.js');
-var index$g = require('./index-200b27a0.js');
-var index$h = require('./index-69a9071e.js');
-var index$i = require('./index-f2d9df87.js');
-var logoIcon = require('./logoIcon-2f513aba.js');
-var index$j = require('./index-834060c8.js');
-var index$k = require('./index-4841d9b7.js');
-var index$l = require('./index-91f0665e.js');
-var InputDate = require('./InputDate-b2ecc68c.js');
+var index = require('./index-59cce189.js');
+var index$1 = require('./index-aae14037.js');
+var index$2 = require('./index-e7898606.js');
+var index$3 = require('./index-c1ed2a56.js');
+var index$4 = require('./index-a2fe2885.js');
+var index$5 = require('./index-44317e9e.js');
+var index$6 = require('./index-e355e686.js');
+var index$7 = require('./index-669f98a8.js');
+var index$8 = require('./index-cfe47555.js');
+var index$9 = require('./index-064667af.js');
+var index$a = require('./index-aec2327d.js');
+var index$b = require('./index-8cf174af.js');
+var index$c = require('./index-67edfd24.js');
+var index$d = require('./index-aa67ff25.js');
+var index$e = require('./index-69224281.js');
+var index$f = require('./index-107c84b4.js');
+var index$g = require('./index-ec75d97f.js');
+var index$h = require('./index-235d20a4.js');
+var index$i = require('./index-f2047af9.js');
+var logoIcon = require('./logoIcon-1214511c.js');
+var index$j = require('./index-fff841ec.js');
+var index$k = require('./index-d9ddbbbe.js');
+var index$l = require('./index-a4c8bdf5.js');
+var InputDate = require('./InputDate-b026957b.js');
 require('react');
-require('./index-50ef370a.js');
-require('./tslib.es6-87e8f87f.js');
+require('./index-c3fa290e.js');
+require('./tslib.es6-94baf781.js');
 require('@mantine/core');
-require('./text-f7d0b0b4.js');
+require('./text-5c6ffa82.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-b7beac7a.js');
+require('./utils-8a70a784.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./Close-ea4dd399.js');
+require('./Close-c027a751.js');
 require('@mantine/carousel');
-require('./index-2b867061.js');
-require('./shared-69e35845.js');
+require('./index-40e25b62.js');
+require('./shared-1e4b7b5a.js');
 require('@mantine/dates');
-require('./index-41e1d5ab.js');
+require('./index-c5e62d54.js');
 require('date-fns/locale');
-require('./index-5842643b.js');
-require('./Locale-54124859.js');
+require('./index-714d71fa.js');
+require('./Locale-373e021a.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-7441a4a3.js');
-require('./index-7d49357f.js');
+require('./index-ea2de66e.js');
+require('./index-4cbeb5eb.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-7728d5db.js');
-require('./translationsContext-fe819cba.js');
-require('./index-dca93a66.js');
+require('./index.styles-ab6d63c6.js');
+require('./translationsContext-31a473df.js');
+require('./index-e0719014.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-b33b6a7c.js');
+require('./animation-0169bef3.js');
 require('classnames');
-require('./useUniqueId-9b0bb92b.js');
+require('./useUniqueId-e7034b51.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-a9e0e496.js');
-require('./Spinner-6ca84d10.js');
-require('./index-b2828924.js');
-require('./index-b93e4ec2.js');
-require('./paths-73f62327.js');
-require('./constants-b642d87b.js');
-require('./utils-646001a7.js');
-require('./index-07a5d426.js');
+require('./WhatsApp-6f094439.js');
+require('./Spinner-f7adbbf2.js');
+require('./index-cbb46aab.js');
+require('./index-56555121.js');
+require('./paths-bb2c0242.js');
+require('./constants-486d217f.js');
+require('./utils-95341a59.js');
+require('./index-b7d9126a.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-16dac494.js');
+require('./constants-f56ad421.js');
 require('vaul');