@hhgtech/hhg-components 1.29.461-beta-5 → 1.29.461

package/build/{index-d29a64a2.js → index-e09c88e7.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-a0962a9d.js');
-var index = require('./index-5d133a1f.js');
-var constants$1 = require('./constants-66c3922a.js');
-var index$2 = require('./index-210bdac9.js');
+var useHealthToolCache = require('./useHealthToolCache-83646d21.js');
+var index = require('./index-4360ba29.js');
+var constants$1 = require('./constants-8ee4580a.js');
+var index$2 = require('./index-a1f90fa8.js');
 require('@mantine/dates');
-require('./index-89146704.js');
-require('./index-4ade64d5.js');
-require('./index-b007228b.js');
-require('./index-6551329b.js');
-require('./index-e723f3ff.js');
-require('./index-e5013f66.js');
-require('./index-9523dd10.js');
-require('./index.styles-1692ed56.js');
+require('./index-db676806.js');
+require('./index-327d62cc.js');
+require('./index-6a8596bb.js');
+require('./index-5a6afd7a.js');
+require('./index-bf3e99a2.js');
+require('./index-896ddd63.js');
+require('./index-72014b54.js');
+require('./index.styles-29d8886b.js');
 require('@mantine/hooks');
-require('./utils-a77ef301.js');
-require('./index-531688b4.js');
-var context = require('./context-342f2990.js');
-var index$1 = require('./index-51abdb2a.js');
-var constants = require('./constants-ad025db2.js');
+require('./utils-ffb8d8ad.js');
+require('./index-4469cc23.js');
+var context = require('./context-66589750.js');
+var index$1 = require('./index-c85f8575.js');
+var constants = require('./constants-c3fc905a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-19479447.js → index-e1661edf.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
-require('./index-210bdac9.js');
+require('./index-a1f90fa8.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-89146704.js');
-require('./index-4ade64d5.js');
-require('./index-b007228b.js');
-require('./index-6551329b.js');
-var index = require('./index-e723f3ff.js');
-require('./index-e5013f66.js');
-require('./index-9523dd10.js');
-require('./index.styles-1692ed56.js');
-require('./translationsContext-a895a676.js');
+require('./index-db676806.js');
+require('./index-327d62cc.js');
+require('./index-6a8596bb.js');
+require('./index-5a6afd7a.js');
+var index = require('./index-bf3e99a2.js');
+require('./index-896ddd63.js');
+require('./index-72014b54.js');
+require('./index.styles-29d8886b.js');
+require('./translationsContext-8eadf394.js');
 require('@mantine/hooks');
-require('./utils-a77ef301.js');
-require('./index-531688b4.js');
+require('./utils-ffb8d8ad.js');
+require('./index-4469cc23.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0ca56f18.js → index-e35e109e.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
-var index = require('./index-e5013f66.js');
+var index = require('./index-896ddd63.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-eb0348a0.js → index-e8e9a7ab.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-ad776349.js');
-var index$1 = require('./index-19479447.js');
+var index = require('./index-f1f1d17c.js');
+var index$1 = require('./index-e1661edf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6e8e8304.js → index-e9ae1ab2.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-1692ed56.js');
+var index_styles = require('./index.styles-29d8886b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1b943be4.js → index-ee358d25.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-5280a5f6.js');
-var Spinner = require('./Spinner-c6848766.js');
+var WhatsApp = require('./WhatsApp-364b6d74.js');
+var Spinner = require('./Spinner-fb66f473.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d0598c1e.js → index-f0dddcb7.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-5d133a1f.js');
-var index$1 = require('./index-0ca56f18.js');
+var index = require('./index-4360ba29.js');
+var index$1 = require('./index-e35e109e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ad776349.js → index-f1f1d17c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-9760d40b.js → index-f4c55440.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-c86967b4.js → index-f6dffa6d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-6551329b.js');
-var index = require('./index-9523dd10.js');
+var index$1 = require('./index-5a6afd7a.js');
+var index = require('./index-72014b54.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8c570383.js → index-f7f7a025.js}

@@ -1,37 +1,37 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var dayjs = require('dayjs');
-var index$9 = require('./index-531688b4.js');
-var index$7 = require('./index-d0598c1e.js');
-var dataTransform = require('./dataTransform-5f8a7b2f.js');
+var index$9 = require('./index-4469cc23.js');
+var index$7 = require('./index-f0dddcb7.js');
+var dataTransform = require('./dataTransform-0bdac886.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-e7d75fe8.js');
+var togetherComponentGlobalContext = require('./utils-e7336fec.js');
 var core$1 = require('@hhgtech/icons/core');
 var core = require('@mantine/core');
-var index$2 = require('./index-b007228b.js');
-var index$1 = require('./index-c5c2520d.js');
-var togetherMoleculesCardAuthor = require('./index-111d74d1.js');
-var index$3 = require('./index-4ade64d5.js');
-var index = require('./index-5d133a1f.js');
+var index$2 = require('./index-6a8596bb.js');
+var index$1 = require('./index-cc0c7294.js');
+var togetherMoleculesCardAuthor = require('./index-00a6a3b5.js');
+var index$3 = require('./index-327d62cc.js');
+var index = require('./index-4360ba29.js');
 var miscTheme = require('./miscTheme.js');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-210bdac9.js');
+var index$4 = require('./index-a1f90fa8.js');
 require('@mantine/dates');
-require('./index-89146704.js');
-require('./index-6551329b.js');
-var index$8 = require('./index-e723f3ff.js');
-var index$5 = require('./index-e5013f66.js');
-require('./index-9523dd10.js');
-require('./index.styles-1692ed56.js');
+require('./index-db676806.js');
+require('./index-5a6afd7a.js');
+var index$8 = require('./index-bf3e99a2.js');
+var index$5 = require('./index-896ddd63.js');
+require('./index-72014b54.js');
+require('./index.styles-29d8886b.js');
 require('@mantine/hooks');
-require('./utils-a77ef301.js');
+require('./utils-ffb8d8ad.js');
 var styled = require('@emotion/styled');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var post = require('./post-aab14838.js');
-var index$6 = require('./index-0ca56f18.js');
-require('./translationsContext-a895a676.js');
+var post = require('./post-e752f28d.js');
+var index$6 = require('./index-e35e109e.js');
+require('./translationsContext-8eadf394.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-71bbe4db.js → index-f906aa1c.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-89146704.js');
-require('./index-4ade64d5.js');
-var index$2 = require('./index-b007228b.js');
-var index$1 = require('./index-6551329b.js');
-var Locale = require('./Locale-7b5e1254.js');
+var index = require('./index-db676806.js');
+require('./index-327d62cc.js');
+var index$2 = require('./index-6a8596bb.js');
+var index$1 = require('./index-5a6afd7a.js');
+var Locale = require('./Locale-7e4db201.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-03cfe2b1.js → index-ffd51a49.js}

@@ -1,53 +1,52 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35905562.js');
+var tslib_es6 = require('./tslib.es6-f9bd127d.js');
 var React = require('react');
-var index$5 = require('./index-210bdac9.js');
+var index$5 = require('./index-a1f90fa8.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-89146704.js');
-require('./index-4ade64d5.js');
-var index$b = require('./index-b007228b.js');
-require('./index-6551329b.js');
-var index$3 = require('./index-e723f3ff.js');
-var index$f = require('./index-e5013f66.js');
-require('./index-9523dd10.js');
-require('./index.styles-1692ed56.js');
-require('./translationsContext-a895a676.js');
-var hooks = require('@mantine/hooks');
-var utils = require('./utils-a77ef301.js');
-require('./index-531688b4.js');
-var index$2 = require('./index-7e51b8a7.js');
+var index$7 = require('./index-db676806.js');
+require('./index-327d62cc.js');
+var index$b = require('./index-6a8596bb.js');
+require('./index-5a6afd7a.js');
+var index$3 = require('./index-bf3e99a2.js');
+var index$f = require('./index-896ddd63.js');
+require('./index-72014b54.js');
+require('./index.styles-29d8886b.js');
+require('./translationsContext-8eadf394.js');
+require('@mantine/hooks');
+var utils = require('./utils-ffb8d8ad.js');
+require('./index-4469cc23.js');
+var index$2 = require('./index-21c013eb.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-79d7aa32.js');
+var index$4 = require('./index-6510eaf9.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-ffd061fa.js');
+var index$6 = require('./index-3759bf0c.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-e39b144d.js');
+var useOutsideClick = require('./useOutsideClick-f184386c.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-0ca56f18.js');
-var index$8 = require('./index-c5c2520d.js');
-var index$9 = require('./index-5d133a1f.js');
-var index$c = require('./index-fb2cd08b.js');
+var index$a = require('./index-e35e109e.js');
+var index$8 = require('./index-cc0c7294.js');
+var index$9 = require('./index-4360ba29.js');
+var index$c = require('./index-d66dbc50.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-a62e0513.js');
-var index$d = require('./index-94baf1a4.js');
+var index$e = require('./index-4dda2c85.js');
+var index$d = require('./index-6226cfac.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-7b5e1254.js');
+var Locale = require('./Locale-7e4db201.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-db9ce2d1.js');
-var cn = require('classnames');
-var index$h = require('./index-d78af52c.js');
+var index$g = require('./index-b1f70545.js');
+var index$h = require('./index-1c882820.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,23 +4845,23 @@ const StyledDescription$1 = styled__default["default"].div `
   font-size: ${core.rem(13)};
 `;
 
-const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', }) => {
-    const isMobile = hooks.useMediaQuery(utils.MediaQueries.mbDown);
-    const StyledContainer = React.useMemo(() => {
-        if (layout === 'two-item-horizontal' && isMobile) {
-            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',
@@ -5390,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;
@@ -5420,36 +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, }) {
-    const isMobile = hooks.useMediaQuery(utils.MediaQueries.mbDown);
+`;
+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;
@@ -5600,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);
     })));