@hhgtech/hhg-components 1.29.426 → 1.29.428-beta-1

package/build/{GeneralInfo-33df41f3.js → GeneralInfo-1aa0091e.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-292d3bbc.js');
+var tslib_es6 = require('./tslib.es6-da217af3.js');
 var React = require('react');
-var index$5 = require('./index-d56eadcf.js');
+var index$5 = require('./index-f7ef3765.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-260360c6.js');
-require('./index-9cf6bba2.js');
-var index$b = require('./index-91761b24.js');
-require('./index-82dd03cc.js');
-var index$3 = require('./index-5300240a.js');
-var index$f = require('./index-25d36901.js');
-require('./index.styles-87ede8e8.js');
-require('./translationsContext-71b1f423.js');
+var index$7 = require('./index-4e9ee460.js');
+require('./index-0133d1fb.js');
+var index$b = require('./index-2b2c0dd9.js');
+require('./index-f8d2290b.js');
+var index$3 = require('./index-fcb174ce.js');
+var index$f = require('./index-95cd3f2e.js');
+require('./index.styles-1ca4a2c2.js');
+require('./translationsContext-96803826.js');
 require('@mantine/hooks');
-require('./text-c450bd39.js');
-var utils = require('./utils-cd06f4bb.js');
-require('./index-b11b7d02.js');
-var index$2 = require('./index-9c19af73.js');
+require('./text-c781d461.js');
+var utils = require('./utils-1e0c7e54.js');
+require('./index-4cc88ab6.js');
+var index$2 = require('./index-cd259a64.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-d910803f.js');
+var index$4 = require('./index-2e25ef31.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-db069b14.js');
+var index$6 = require('./index-01294060.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-4ce86e4e.js');
+var useOutsideClick = require('./useOutsideClick-cb592ec2.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-eff42b3a.js');
-var index$8 = require('./index-15563bd8.js');
-var index$9 = require('./index-2b28624b.js');
-var index$c = require('./index-7e34c103.js');
+var index$a = require('./index-c4f137fe.js');
+var index$8 = require('./index-9aa54329.js');
+var index$9 = require('./index-8db0e27b.js');
+var index$c = require('./index-cfbd71f1.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-9ff5efc9.js');
-var index$d = require('./index-3002af38.js');
+var index$e = require('./index-2be42333.js');
+var index$d = require('./index-5210a867.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-fdc48ed4.js');
+var Locale = require('./Locale-a1b1ec82.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-49fb7c56.js');
+var index$g = require('./index-ed26b14f.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -2041,7 +2041,7 @@ const StyledTitleSection = styled__default["default"].p `
     }
   }
 `;
-const StyledDescription = styled__default["default"].p `
+const StyledDescription$1 = styled__default["default"].p `
   margin-top: 2px;
   color: ${miscTheme.theme.colors.white};
   font-size: 12px;
@@ -2084,7 +2084,7 @@ const CookieAcceptConfirm = ({ className, policiesUrl, onAcceptClick, translatio
 }, title = '', description = '', theme = 'helloSites', isOpen = true, useDefaultPosition = true, trackingAttributes, }) => {
     return (React__default["default"].createElement(StyledAcceptCardContainer, { className: className, "data-theme": theme, "data-is-open": isOpen, "data-default-position": useDefaultPosition },
         React__default["default"].createElement(StyledTitleSection, { "data-has-content": !!title }, title),
-        React__default["default"].createElement(StyledDescription, { dangerouslySetInnerHTML: {
+        React__default["default"].createElement(StyledDescription$1, { dangerouslySetInnerHTML: {
                 __html: description,
             } }),
         React__default["default"].createElement(StyledButtonGroup, null,
@@ -4654,6 +4654,59 @@ const WidgetChatbotAi = ({}) => {
                     React__default["default"].createElement(index$f.Button, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default["default"].createElement(arrow.ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
+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')};
+`;
+const StyledVerticalContainer = styled__default["default"].div `
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  justify-content: center;
+  align-items: ${({ itemCount }) => (itemCount > 3 ? 'left' : 'center')};
+`;
+const StyledTitle = styled__default["default"].div `
+  font-size: 15px;
+  font-weight: 600;
+`;
+const StyledDescription = styled__default["default"].div `
+  font-size: 13px;
+  font-weight: 400;
+  color: ${miscTheme.theme.colors.gray700};
+`;
+const StyledDivider = styled__default["default"].div `
+  width: 2px;
+  height: 2.125rem;
+  background-color: #0000001a;
+`;
+
+const SumaryInfo = ({ infoItems, className }) => {
+    return (React__default["default"].createElement(StyledHorizontalContainer, { className: className, itemCount: infoItems.length }, infoItems.map((item, index) => {
+        const infoItemsLength = infoItems.length;
+        const conditionToShowDivider = index < infoItemsLength - 1 && infoItemsLength <= 3;
+        return (React__default["default"].createElement(React__default["default"].Fragment, { key: item.id },
+            React__default["default"].createElement(StyledVerticalContainer, { itemCount: infoItems.length },
+                React__default["default"].createElement(StyledTitle, null, item.title),
+                React__default["default"].createElement(StyledDescription, null, item.description)),
+            conditionToShowDivider && React__default["default"].createElement(StyledDivider, null)));
+    })));
+};
+
 const ListContext = React.createContext(null);
 function useListContext() {
     const ctx = React.useContext(ListContext);
@@ -4992,57 +5045,10 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
         children));
 }
 
-// import CalendarDayIcon from '@/public/svg/calendar-days.svg'
-// import UsersIcon from '@/public/svg/users.svg'
-styled__default["default"](index$8.ImageWrap) `
-  width: 100%;
-  object-fit: cover;
-  object-position: center;
-  aspect-ratio: 375/190;
-`;
-styled__default["default"].div `
-  background-color: ${(props) => props.theme.colors.white};
-`;
-styled__default["default"].div `
-  color: ${(props) => props.theme.colors.neutral800};
-`;
-styled__default["default"].div `
-  color: ${(props) => props.theme.colors.neutral800};
-`;
-styled__default["default"].div `
-  display: flex;
-  gap: 12px;
-  padding: 12px 0px;
-
-  .icon {
-    width: 1rem;
-    height: 1rem;
-    flex-shrink: 0;
-  }
-
-  .text-regular {
-    font-size: 0.8125rem;
-    line-height: 1.25rem;
-    color: ${(props) => props.theme.colors.gray600};
-  }
-
-  .text-medium {
-    font-size: 0.8125rem;
-    line-height: 1.25rem;
-    font-weight: 500;
-    color: ${(props) => props.theme.colors.gray800};
-  }
-  b {
-    font-size: 0.8125rem;
-    line-height: 1.25rem;
-    font-weight: 500;
-    color: ${(props) => props.theme.colors.gray800};
-  }
-`;
+// Styled Components
 const GeneralInfoContainer = styled__default["default"].div `
   background-color: #fff;
-`;
-
+`;
 const ProductImage = styled__default["default"](index$8.ImageWrap) `
   width: 100%;
   object-fit: cover;
@@ -5065,7 +5071,8 @@ const ProductTitle = styled__default["default"].h1 `
 const ProductDescription = styled__default["default"].p `
   font-size: 0.8125rem;
   line-height: 1.25rem;
-  color: #111111;
+  font-weight: 400;
+  color: ${miscTheme.theme.colors.gray700};
 `;
 function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, children, }) {
     return (React__default["default"].createElement(GeneralInfoContainer, { className: className },
@@ -5104,6 +5111,7 @@ exports.SeoHead = SeoHead;
 exports.ShareContainer = ShareContainer;
 exports.ShareDrawer = ShareDrawer;
 exports.StatisticCard = StatisticCard;
+exports.SumaryInfo = SumaryInfo;
 exports.Tabs = Tabs;
 exports.WidgetChatbotAi = WidgetChatbotAi;
 exports.index = index$1;

package/build/{InputDate-e1678502.js → InputDate-1d0ab729.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-292d3bbc.js');
+var tslib_es6 = require('./tslib.es6-da217af3.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-c450bd39.js');
+var text = require('./text-c781d461.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-260360c6.js');
-var Locale = require('./Locale-fdc48ed4.js');
-var index$1 = require('./index-5300240a.js');
+var index = require('./index-4e9ee460.js');
+var Locale = require('./Locale-a1b1ec82.js');
+var index$1 = require('./index-fcb174ce.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-09b44044.js → LastPeriod-52e72d62.js}

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

package/build/{MobileBottomNavigationIcon-7095b1ca.js → MobileBottomNavigationIcon-f77d8b9b.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-292d3bbc.js');
+var tslib_es6 = require('./tslib.es6-da217af3.js');
 var React = require('react');
-var index = require('./index-5300240a.js');
+var index = require('./index-fcb174ce.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-cd06f4bb.js');
+var utils = require('./utils-1e0c7e54.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{Spinner-cdd47253.js → Spinner-35c88da9.js}

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

package/build/{WhatsApp-3f6f47cb.js → WhatsApp-68a6393b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-292d3bbc.js');
+var tslib_es6 = require('./tslib.es6-da217af3.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-eff42b3a.js');
-var index$1 = require('./index-c3405459.js');
-var index$2 = require('./index-abebcb8f.js');
-require('./tslib.es6-292d3bbc.js');
+var index = require('./index-c4f137fe.js');
+var index$1 = require('./index-d8d00e05.js');
+var index$2 = require('./index-08e83020.js');
+require('./tslib.es6-da217af3.js');
 require('react');
-require('./index-25d36901.js');
+require('./index-95cd3f2e.js');
 require('@mantine/core');
-require('./shared-8e7704fe.js');
-require('./text-c450bd39.js');
-require('./index-d56eadcf.js');
+require('./shared-f89c53a2.js');
+require('./text-c781d461.js');
+require('./index-f7ef3765.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-91761b24.js');
+require('./index-2b2c0dd9.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fdc48ed4.js');
+require('./Locale-a1b1ec82.js');
 require('./constantsIsProduction.js');
-require('./index-15563bd8.js');
-require('./utils-cd06f4bb.js');
+require('./index-9aa54329.js');
+require('./utils-1e0c7e54.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-5300240a.js');
-require('./index-82dd03cc.js');
+require('./index-fcb174ce.js');
+require('./index-f8d2290b.js');
 require('dayjs');
-require('./index-9cf6bba2.js');
+require('./index-0133d1fb.js');
 require('@mantine/notifications');
-require('./index-260360c6.js');
+require('./index-4e9ee460.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-a9c31762.js');
+require('./useUniqueId-64f321a3.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-87ede8e8.js');
-require('./translationsContext-71b1f423.js');
-require('./index-b11b7d02.js');
+require('./index.styles-1ca4a2c2.js');
+require('./translationsContext-96803826.js');
+require('./index-4cc88ab6.js');
 
 
 

package/build/atoms.js

@@ -2,79 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-74796821.js');
-var index$1 = require('./index-bb02207c.js');
-var index$2 = require('./index-eff42b3a.js');
-var index$3 = require('./index-d910803f.js');
-var index$4 = require('./index-02f667dd.js');
-var index$5 = require('./index-2e5494b7.js');
-var index$6 = require('./index-3002af38.js');
-var index$7 = require('./index-d56eadcf.js');
-var index$8 = require('./index-abebcb8f.js');
-var index$9 = require('./index-8aec6f01.js');
-var index$a = require('./index-9ff5efc9.js');
-var index$b = require('./index-db069b14.js');
-var index$c = require('./index-8fd5c568.js');
-var index$d = require('./index-c3405459.js');
-var index$e = require('./index-f41092d3.js');
-var index$f = require('./index-ef228eb1.js');
-var index$g = require('./index-e3348be4.js');
-var index$h = require('./index-122192c1.js');
-var index$i = require('./index-15563bd8.js');
-var logoIcon = require('./logoIcon-659e66a6.js');
-var index$j = require('./index-dcc613b0.js');
-var index$k = require('./index-49fb7c56.js');
-var index$l = require('./index-5ad60b94.js');
-var InputDate = require('./InputDate-e1678502.js');
+var index = require('./index-2547ba44.js');
+var index$1 = require('./index-3131cb0f.js');
+var index$2 = require('./index-c4f137fe.js');
+var index$3 = require('./index-2e25ef31.js');
+var index$4 = require('./index-0ee700a4.js');
+var index$5 = require('./index-53811047.js');
+var index$6 = require('./index-5210a867.js');
+var index$7 = require('./index-f7ef3765.js');
+var index$8 = require('./index-08e83020.js');
+var index$9 = require('./index-b27284b8.js');
+var index$a = require('./index-2be42333.js');
+var index$b = require('./index-01294060.js');
+var index$c = require('./index-51bea6e4.js');
+var index$d = require('./index-d8d00e05.js');
+var index$e = require('./index-e5e6718b.js');
+var index$f = require('./index-1949a1f0.js');
+var index$g = require('./index-152c04ba.js');
+var index$h = require('./index-27d7affb.js');
+var index$i = require('./index-9aa54329.js');
+var logoIcon = require('./logoIcon-6df48d89.js');
+var index$j = require('./index-0240275c.js');
+var index$k = require('./index-ed26b14f.js');
+var index$l = require('./index-97cd0baa.js');
+var InputDate = require('./InputDate-1d0ab729.js');
 require('react');
-require('./index-5300240a.js');
-require('./tslib.es6-292d3bbc.js');
+require('./index-fcb174ce.js');
+require('./tslib.es6-da217af3.js');
 require('@mantine/core');
-require('./text-c450bd39.js');
+require('./text-c781d461.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-cd06f4bb.js');
+require('./utils-1e0c7e54.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-25d36901.js');
-require('./shared-8e7704fe.js');
+require('./index-95cd3f2e.js');
+require('./shared-f89c53a2.js');
 require('@mantine/dates');
-require('./index-260360c6.js');
+require('./index-4e9ee460.js');
 require('date-fns/locale');
-require('./index-9cf6bba2.js');
-require('./Locale-fdc48ed4.js');
+require('./index-0133d1fb.js');
+require('./Locale-a1b1ec82.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-91761b24.js');
-require('./index-82dd03cc.js');
+require('./index-2b2c0dd9.js');
+require('./index-f8d2290b.js');
 require('dayjs');
 require('@mantine/notifications');
-require('./index.styles-87ede8e8.js');
-require('./translationsContext-71b1f423.js');
-require('./index-b11b7d02.js');
+require('./index.styles-1ca4a2c2.js');
+require('./translationsContext-96803826.js');
+require('./index-4cc88ab6.js');
 require('@hhgtech/icons/other');
 require('@emotion/react');
-require('./animation-72df2912.js');
+require('./animation-267ce396.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-a9c31762.js');
+require('./useUniqueId-64f321a3.js');
 require('@hhgtech/icons/core');
-require('./WhatsApp-3f6f47cb.js');
-require('./Spinner-cdd47253.js');
-require('./index-32bc0f0b.js');
-require('./index-2b28624b.js');
-require('./paths-d98fa465.js');
-require('./constants-a9594d70.js');
-require('./utils-8a08eae3.js');
-require('./index-c0eb867f.js');
+require('./WhatsApp-68a6393b.js');
+require('./Spinner-35c88da9.js');
+require('./index-de52b8bb.js');
+require('./index-8db0e27b.js');
+require('./paths-47bd7b41.js');
+require('./constants-1e48d93f.js');
+require('./utils-a723729a.js');
+require('./index-c96a83af.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-b96c6815.js');
+require('./constants-cdc5ae49.js');
 require('vaul');