@hhgtech/hhg-components 1.29.463-beta-1 → 1.29.463

package/build/{index-1e14e3d1.js → index-b9764a83.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-6bf05f32.js');
-var index$3 = require('./index-38ca44ef.js');
-var index$2 = require('./index-e1f5812b.js');
-var index$5 = require('./index-033bd9d1.js');
-var index$1 = require('./index-a5173c23.js');
-var index$4 = require('./index-784a8d14.js');
+var Spinner = require('./Spinner-1d96f09f.js');
+var index$3 = require('./index-78049e60.js');
+var index$2 = require('./index-23982b49.js');
+var index$5 = require('./index-8614189c.js');
+var index$1 = require('./index-20e4c98d.js');
+var index$4 = require('./index-2748b151.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-957c15cc.js');
+var utils = require('./utils-ce601c7f.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-5f4f3b6f.js');
-var togetherComponentGlobalContext = require('./utils-a6caad59.js');
-var normalizeLink = require('./normalizeLink-44f0cecf.js');
+var index = require('./index-87a530ee.js');
+var togetherComponentGlobalContext = require('./utils-1d9ce536.js');
+var normalizeLink = require('./normalizeLink-97c0ec76.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-7006639d.js → index-ba68e018.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-579590f1.js');
-var index$3 = require('./index-38ca44ef.js');
-var index$2 = require('./index-96124005.js');
-var index$4 = require('./index-033bd9d1.js');
-require('./index-e1f5812b.js');
-require('./index-19fa81b8.js');
-require('./index.styles-80bf26a8.js');
-var index = require('./index-a5173c23.js');
+var LastPeriod = require('./LastPeriod-867da83f.js');
+var index$3 = require('./index-78049e60.js');
+var index$2 = require('./index-def37b93.js');
+var index$4 = require('./index-8614189c.js');
+require('./index-23982b49.js');
+require('./index-d27221b2.js');
+require('./index.styles-4c56e238.js');
+var index = require('./index-20e4c98d.js');
 require('@mantine/hooks');
-require('./index-e6b34317.js');
-require('./utils-957c15cc.js');
-require('./index-e5438baa.js');
-var context = require('./context-38d75e60.js');
-var index$1 = require('./index-61b2e209.js');
+require('./index-a92d3727.js');
+require('./utils-ce601c7f.js');
+require('./index-f2932b05.js');
+var context = require('./context-f7ac9417.js');
+var index$1 = require('./index-f39b394f.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-f5916341.js → index-bf32d2ee.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-8909a5eb.js');
-var index = require('./index-a5173c23.js');
-var index$5 = require('./index-784a8d14.js');
-var constants = require('./constants-d990a1c3.js');
-var index$2 = require('./index-8d0411dc.js');
-var index$4 = require('./index-38ca44ef.js');
-var index$3 = require('./index-96124005.js');
-require('./index-033bd9d1.js');
-require('./index-e1f5812b.js');
+var useHealthToolCache = require('./useHealthToolCache-53b3f574.js');
+var index = require('./index-20e4c98d.js');
+var index$5 = require('./index-2748b151.js');
+var constants = require('./constants-f1dc0434.js');
+var index$2 = require('./index-d1e5ebc0.js');
+var index$4 = require('./index-78049e60.js');
+var index$3 = require('./index-def37b93.js');
+require('./index-8614189c.js');
+require('./index-23982b49.js');
 require('@mantine/core');
-require('./index-19fa81b8.js');
-require('./index.styles-80bf26a8.js');
+require('./index-d27221b2.js');
+require('./index.styles-4c56e238.js');
 require('@mantine/hooks');
-require('./index-e6b34317.js');
-require('./utils-957c15cc.js');
-require('./index-e5438baa.js');
-require('./index-5f4f3b6f.js');
-var context = require('./context-38d75e60.js');
-var index$1 = require('./index-61b2e209.js');
+require('./index-a92d3727.js');
+require('./utils-ce601c7f.js');
+require('./index-f2932b05.js');
+require('./index-87a530ee.js');
+var context = require('./context-f7ac9417.js');
+var index$1 = require('./index-f39b394f.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-aad7de1d.js → index-c2b791fb.js}

@@ -1,53 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
-var index$5 = require('./index-38ca44ef.js');
+var index$5 = require('./index-78049e60.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-5f4f3b6f.js');
-require('./index-24d87d6a.js');
-var index$b = require('./index-784a8d14.js');
-require('./index-e6b34317.js');
-var index$3 = require('./index-033bd9d1.js');
-var index$f = require('./index-e1f5812b.js');
-require('./index-19fa81b8.js');
-require('./index.styles-80bf26a8.js');
-require('./translationsContext-7623d7f5.js');
+var index$7 = require('./index-87a530ee.js');
+require('./index-67ffe444.js');
+var index$b = require('./index-2748b151.js');
+require('./index-a92d3727.js');
+var index$3 = require('./index-8614189c.js');
+var index$f = require('./index-23982b49.js');
+require('./index-d27221b2.js');
+require('./index.styles-4c56e238.js');
+require('./translationsContext-0ef78f44.js');
 require('@mantine/hooks');
-var utils = require('./utils-957c15cc.js');
-require('./index-e5438baa.js');
-var index$2 = require('./index-0fb403c9.js');
+var utils = require('./utils-ce601c7f.js');
+require('./index-f2932b05.js');
+var index$2 = require('./index-f3ef45e8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-7d147ec2.js');
+var index$4 = require('./index-41da5de8.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-bb6217ce.js');
+var index$6 = require('./index-637cf7fc.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-719ff124.js');
+var useOutsideClick = require('./useOutsideClick-60ceb667.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-7d9e5309.js');
-var index$8 = require('./index-a90fa775.js');
-var index$9 = require('./index-a5173c23.js');
-var index$c = require('./index-dbd8af27.js');
+var index$a = require('./index-48f74d27.js');
+var index$8 = require('./index-6364bbad.js');
+var index$9 = require('./index-20e4c98d.js');
+var index$c = require('./index-6c18da4a.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-81f42b57.js');
-var index$d = require('./index-05cceb5d.js');
+var index$e = require('./index-e574292b.js');
+var index$d = require('./index-65670179.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-334c048f.js');
+var Locale = require('./Locale-5ade2442.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-dd9c4050.js');
-var cn = require('classnames');
-var index$h = require('./index-b314d88c.js');
+var index$g = require('./index-d2745db4.js');
+var index$h = require('./index-e7c0a5bc.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -81,7 +80,6 @@ var id__default = /*#__PURE__*/_interopDefault(id);
 var vi__default = /*#__PURE__*/_interopDefault(vi);
 var zhTW__default = /*#__PURE__*/_interopDefault(zhTW);
 var Lottie__default = /*#__PURE__*/_interopDefault(Lottie);
-var cn__default = /*#__PURE__*/_interopDefault(cn);
 var get__default = /*#__PURE__*/_interopDefault(get);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
@@ -4814,7 +4812,7 @@ const HPVScreener = ({ onClick, className, style, image, }) => {
                     React__namespace["default"].createElement(index$g.ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
 };
 
-const StyledTwoItemHorizontalContainer = styled__default["default"].div `
+const StyledHorizontalContainer = styled__default["default"].div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
   column-gap: ${core.rem(16)};
@@ -4828,16 +4826,11 @@ const StyledVerticalContainer = styled__default["default"].div `
     grid-column: 1 / span 2;
   }
 `;
-const StyledHorizontalContainer = styled__default["default"].div `
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-`;
 const StyledVerticalContent = styled__default["default"].div `
   display: flex;
   flex-direction: column;
   gap: ${core.rem(2)};
-  align-items: ${({ align }) => align};
+  align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
 `;
 const StyledTitle$1 = styled__default["default"].div `
   font-size: ${core.rem(15)};
@@ -4852,22 +4845,23 @@ const StyledDescription$1 = styled__default["default"].div `
   font-size: ${core.rem(13)};
 `;
 
-const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', }) => {
-    const StyledContainer = React.useMemo(() => {
-        if (layout === 'two-item-horizontal') {
-            return StyledTwoItemHorizontalContainer;
-        }
-        if (layout === 'horizontal') {
-            return StyledHorizontalContainer;
-        }
-        return StyledVerticalContainer;
-    }, [layout]);
+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(StyledVerticalContent, { align: align, className: cn__default["default"](item.cssItem, 'flex-1') },
-                React__namespace["default"].createElement(StyledTitle$1, { className: 'summary-title' }, item.title),
-                React__namespace["default"].createElement(StyledDescription$1, { className: 'summary-description' }, item.description)),
-            layout === 'two-item-horizontal' && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
+            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)),
+            isHorizontalLayout && (React__namespace["default"].createElement(core.Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
                     height: '75%',
                     alignSelf: 'center',
@@ -5389,29 +5383,10 @@ styled__default["default"].div `
   }
 `;
 const GeneralInfoContainer = styled__default["default"].div `
-  ${utils.MediaQueries.mbUp} {
-    display: flex;
-    gap: 1.5rem;
-    border-radius: 0.75rem;
-    padding: 1.5rem;
-    overflow: hidden;
-  }
-
-  #product-image-section {
-    ${utils.MediaQueries.mbUp} {
-      width: 336px;
-    }
-  }
   background-color: #fff;
-`;
-const ProductImage = styled__default["default"](index$4.ImageWrapV2) `
-  ${utils.MediaQueries.mbUp} {
-    width: 336px;
-    aspect-ratio: 1/1;
-    object-fit: cover;
-    border-radius: 0.5rem;
-  }
+`;
 
+const ProductImage = styled__default["default"](index$4.ImageWrapV2) `
   width: 100%;
   object-fit: contain;
   object-position: center;
@@ -5419,35 +5394,37 @@ const ProductImage = styled__default["default"](index$4.ImageWrapV2) `
 `;
 const ProductContent = styled__default["default"].div `
   padding: 1.5rem 1rem;
-  ${utils.MediaQueries.mbUp} {
-    padding: 0;
-    flex: 1;
-    overflow: hidden;
-  }
 
   .description {
     margin-top: 0.5rem;
   }
-
-  .product-info {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-`;
-
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile = false, }) {
+`;
+const ProductTitle = styled__default["default"].h1 `
+  font-size: 1.375rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  color: #111111;
+`;
+const ProductDescription = styled__default["default"].p `
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  font-weight: 400;
+  color: ${miscTheme.theme.colors.gray700};
+`;
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, children, }) {
     return (React__namespace["default"].createElement(GeneralInfoContainer, { className: className },
-        React__namespace["default"].createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__namespace["default"].createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)))),
+        React__namespace["default"].createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)),
         React__namespace["default"].createElement(ProductContent, { className: contentClassName },
-            React__namespace["default"].createElement("div", { className: "product-info" },
-                React__namespace["default"].createElement(index$3.Text, { size: "h3", fw: 600, color: "gray1000" }, generalInfo.name),
-                generalInfo.description && (React__namespace["default"].createElement(index$3.Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
+            React__namespace["default"].createElement("div", null,
+                React__namespace["default"].createElement(ProductTitle, null, generalInfo.name),
+                generalInfo.description && (React__namespace["default"].createElement(ProductDescription, { className: "description" }, generalInfo.description))),
             children)));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;
-GeneralInfo.Content = ProductContent;
+GeneralInfo.Content = ProductContent;
+GeneralInfo.Title = ProductTitle;
+GeneralInfo.Description = ProductDescription;
 
 const StyledContainer$2 = styled__default["default"].div `
   border-radius: 12px;
@@ -5598,8 +5575,7 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
             return starComponent(starValue, true);
         }
         if (diff >= HALF_STAR_THRESHOLD) {
-            return (React__namespace["default"].createElement("div", { key: `star-${index}` },
-                React__namespace["default"].createElement(StarHalf, null)));
+            return React__namespace["default"].createElement(StarHalf, { key: `star-${index}` });
         }
         return starComponent(starValue, false);
     })));

package/build/{index-992d68a3.js → index-c9c8ac7c.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-033bd9d1.js');
+var index = require('./index-8614189c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ac62ff36.js → index-cc0a1f55.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c09d2b53.js');
+var tslib_es6 = require('./tslib.es6-2a7f6478.js');
 var React = require('react');
-var index = require('./index-a5173c23.js');
+var index = require('./index-20e4c98d.js');
 var core = require('@mantine/core');
-var paths = require('./paths-c4a97a14.js');
-var constants = require('./constants-aec08485.js');
-var index$1 = require('./index-e1f5812b.js');
-require('./index-5f4f3b6f.js');
-var togetherComponentGlobalContext = require('./utils-a6caad59.js');
+var paths = require('./paths-852be2e5.js');
+var constants = require('./constants-ad8916df.js');
+var index$1 = require('./index-23982b49.js');
+require('./index-87a530ee.js');
+var togetherComponentGlobalContext = require('./utils-1d9ce536.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');