@hhgtech/hhg-components 1.29.425-beta-4 → 1.29.425-beta-6

package/build/{index-6904e4d9.js → GeneralInfo-3032c096.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-70a6c8f7.js');
+var tslib_es6 = require('./tslib.es6-1b842dba.js');
 var React = require('react');
-var index$5 = require('./index-2933bb15.js');
+var index$5 = require('./index-cd247256.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-24c020f3.js');
-require('./index-43e07dd6.js');
-var index$b = require('./index-7f8dde46.js');
-require('./index-696114cb.js');
-var index$3 = require('./index-6b76dbdb.js');
-var index$f = require('./index-03f74da6.js');
-require('./index.styles-e05e408a.js');
-require('./translationsContext-ccb637f6.js');
+var index$7 = require('./index-4dbbc1af.js');
+require('./index-ec301fc7.js');
+var index$b = require('./index-3eada95c.js');
+require('./index-6de97df8.js');
+var index$3 = require('./index-b2e214ab.js');
+var index$f = require('./index-30c5a1b1.js');
+require('./index.styles-0e120c2c.js');
+require('./translationsContext-8bb8d8b6.js');
 require('@mantine/hooks');
-require('./text-0303cc0b.js');
-var utils = require('./utils-173e219d.js');
-require('./index-77cda7fe.js');
-var index$2 = require('./index-6531a191.js');
+require('./text-74ae212d.js');
+var utils = require('./utils-0264c301.js');
+require('./index-4a58a89b.js');
+var index$2 = require('./index-a15b6ec8.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-a63c9e0f.js');
+var index$4 = require('./index-dadca451.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-66f3bd63.js');
+var index$6 = require('./index-dcd49cfa.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-1d4f3dc5.js');
+var useOutsideClick = require('./useOutsideClick-1c894d39.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-30dda4ce.js');
-var index$8 = require('./index-a66681a5.js');
-var index$9 = require('./index-3026d89e.js');
-var index$c = require('./index-8dbdc281.js');
+var index$a = require('./index-befa8989.js');
+var index$8 = require('./index-f30c1fef.js');
+var index$9 = require('./index-44426f79.js');
+var index$c = require('./index-fe4747cd.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-6e8ffc5c.js');
-var index$d = require('./index-a126de02.js');
+var index$e = require('./index-f408dbff.js');
+var index$d = require('./index-fa593194.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-10f7b2fc.js');
+var Locale = require('./Locale-0ab406ea.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-3813bc01.js');
+var index$g = require('./index-cc38e038.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -4992,6 +4992,49 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
         children));
 }
 
+// Styled Components
+const GeneralInfoContainer = styled__default["default"].div `
+  background-color: #fff;
+`;
+const ProductImage = styled__default["default"](index$8.ImageWrap) `
+  width: 100%;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 375/190;
+`;
+const ProductContent = styled__default["default"].div `
+  padding: 1.5rem 1rem;
+
+  .description {
+    margin-top: 0.5rem;
+  }
+`;
+const ProductTitle = styled__default["default"].h1 `
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  color: ${miscTheme.theme.colors.gray800};
+`;
+const ProductDescription = styled__default["default"].p `
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  color: #111111;
+`;
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, children, }) {
+    return (React__default["default"].createElement(GeneralInfoContainer, { className: className },
+        React__default["default"].createElement(ProductImage, { backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }),
+        React__default["default"].createElement(ProductContent, { className: contentClassName },
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement(ProductTitle, null, generalInfo.name),
+                generalInfo.description && (React__default["default"].createElement(ProductDescription, { className: "description" }, generalInfo.description))),
+            children)));
+}
+GeneralInfo.Container = GeneralInfoContainer;
+GeneralInfo.Image = ProductImage;
+GeneralInfo.Content = ProductContent;
+GeneralInfo.Title = ProductTitle;
+GeneralInfo.Description = ProductDescription;
+
 exports.AdBlock = AdBlock;
 exports.Breadcrumbs = Breadcrumbs;
 exports.CardListItem = CardListItem;
@@ -5003,6 +5046,7 @@ exports.DateRangePicker = DateRangePicker;
 exports.DoctorInfo = DoctorInfo;
 exports.FixedBottomAdBlock = FixedBottomAdBlock;
 exports.FloatButtonGroup = FloatButtonGroup;
+exports.GeneralInfo = GeneralInfo;
 exports.IconText = IconText;
 exports.List = List;
 exports.ListContext = ListContext;

package/build/{InputDate-3facb41a.js → InputDate-c27d50f7.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-70a6c8f7.js');
+var tslib_es6 = require('./tslib.es6-1b842dba.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-0303cc0b.js');
+var text = require('./text-74ae212d.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-24c020f3.js');
-var Locale = require('./Locale-10f7b2fc.js');
-var index$1 = require('./index-6b76dbdb.js');
+var index = require('./index-4dbbc1af.js');
+var Locale = require('./Locale-0ab406ea.js');
+var index$1 = require('./index-b2e214ab.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-f91a7711.js → LastPeriod-d5849c2e.js}

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

package/build/{MobileBottomNavigationIcon-56d82325.js → MobileBottomNavigationIcon-9f81ec20.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-70a6c8f7.js');
+var tslib_es6 = require('./tslib.es6-1b842dba.js');
 var React = require('react');
-var index = require('./index-6b76dbdb.js');
+var index = require('./index-b2e214ab.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-173e219d.js');
+var utils = require('./utils-0264c301.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{Spinner-826e619a.js → Spinner-d1feb999.js}

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

package/build/{WhatsApp-1d589d8b.js → WhatsApp-6434547f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-70a6c8f7.js');
+var tslib_es6 = require('./tslib.es6-1b842dba.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-30dda4ce.js');
-var index$1 = require('./index-07c2be00.js');
-var index$2 = require('./index-11cf6b37.js');
-require('./tslib.es6-70a6c8f7.js');
+var index = require('./index-befa8989.js');
+var index$1 = require('./index-35552aa9.js');
+var index$2 = require('./index-36ba6387.js');
+require('./tslib.es6-1b842dba.js');
 require('react');
-require('./index-03f74da6.js');
+require('./index-30c5a1b1.js');
 require('@mantine/core');
-require('./shared-33448178.js');
-require('./text-0303cc0b.js');
-require('./index-2933bb15.js');
+require('./shared-33da45e5.js');
+require('./text-74ae212d.js');
+require('./index-cd247256.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-7f8dde46.js');
+require('./index-3eada95c.js');
 require('./constantsDomainLocales.js');
-require('./Locale-10f7b2fc.js');
+require('./Locale-0ab406ea.js');
 require('./constantsIsProduction.js');
-require('./index-a66681a5.js');
-require('./utils-173e219d.js');
+require('./index-f30c1fef.js');
+require('./utils-0264c301.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-6b76dbdb.js');
-require('./index-696114cb.js');
+require('./index-b2e214ab.js');
+require('./index-6de97df8.js');
 require('dayjs');
-require('./index-43e07dd6.js');
+require('./index-ec301fc7.js');
 require('@mantine/notifications');
-require('./index-24c020f3.js');
+require('./index-4dbbc1af.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-139bd5bb.js');
+require('./useUniqueId-4e0901ad.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-e05e408a.js');
-require('./translationsContext-ccb637f6.js');
-require('./index-77cda7fe.js');
+require('./index.styles-0e120c2c.js');
+require('./translationsContext-8bb8d8b6.js');
+require('./index-4a58a89b.js');
 
 
 

package/build/atoms.js

@@ -2,79 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-f0d1eb98.js');
-var index$1 = require('./index-957cbccf.js');
-var index$2 = require('./index-30dda4ce.js');
-var index$3 = require('./index-13775c12.js');
-var index$4 = require('./index-2933bb15.js');
-var index$5 = require('./index-11cf6b37.js');
-var index$6 = require('./index-6e8ffc5c.js');
-var index$7 = require('./index-66f3bd63.js');
-var index$8 = require('./index-a63c9e0f.js');
-var index$9 = require('./index-07c2be00.js');
-var index$a = require('./index-19864cb1.js');
-var index$b = require('./index-ff176dc6.js');
-var index$c = require('./index-c3e3c48d.js');
-var index$d = require('./index-a126de02.js');
-var index$e = require('./index-4fcdc1a6.js');
-var index$f = require('./index-9c5c018e.js');
-var index$g = require('./index-5c0f899c.js');
-var index$h = require('./index-fb9380d7.js');
-var logoIcon = require('./logoIcon-53300e88.js');
-var index$i = require('./index-a66681a5.js');
-var index$j = require('./index-f58bc485.js');
-var index$k = require('./index-3813bc01.js');
-var index$l = require('./index-fe5e2652.js');
-var InputDate = require('./InputDate-3facb41a.js');
+var index = require('./index-f141bbeb.js');
+var index$1 = require('./index-b9b593f5.js');
+var index$2 = require('./index-befa8989.js');
+var index$3 = require('./index-dadca451.js');
+var index$4 = require('./index-d42ea84c.js');
+var index$5 = require('./index-a894dc5a.js');
+var index$6 = require('./index-fa593194.js');
+var index$7 = require('./index-cd247256.js');
+var index$8 = require('./index-36ba6387.js');
+var index$9 = require('./index-16929aa7.js');
+var index$a = require('./index-f408dbff.js');
+var index$b = require('./index-dcd49cfa.js');
+var index$c = require('./index-c5460f43.js');
+var index$d = require('./index-35552aa9.js');
+var index$e = require('./index-a3b0980e.js');
+var index$f = require('./index-6d8ca28a.js');
+var index$g = require('./index-3d8007c4.js');
+var index$h = require('./index-3e7ce617.js');
+var index$i = require('./index-f30c1fef.js');
+var logoIcon = require('./logoIcon-d1a709ea.js');
+var index$j = require('./index-e50975a2.js');
+var index$k = require('./index-cc38e038.js');
+var index$l = require('./index-3b92ee85.js');
+var InputDate = require('./InputDate-c27d50f7.js');
 require('react');
-require('./index-6b76dbdb.js');
-require('./tslib.es6-70a6c8f7.js');
+require('./index-b2e214ab.js');
+require('./tslib.es6-1b842dba.js');
 require('@mantine/core');
-require('./text-0303cc0b.js');
+require('./text-74ae212d.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-173e219d.js');
+require('./utils-0264c301.js');
 require('@mantine/hooks');
 require('./miscDefaultClassWrapper.js');
 require('react-keyed-flatten-children');
-require('./index-03f74da6.js');
-require('./shared-33448178.js');
-require('@hhgtech/icons/other');
-require('./index-7f8dde46.js');
+require('./index-30c5a1b1.js');
+require('./shared-33da45e5.js');
+require('@mantine/dates');
+require('./index-4dbbc1af.js');
+require('date-fns/locale');
+require('./index-ec301fc7.js');
+require('./Locale-0ab406ea.js');
+require('./constantsSite.js');
 require('./constantsDomainLocales.js');
-require('./Locale-10f7b2fc.js');
+require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('@mantine/carousel');
-require('./index-696114cb.js');
+require('./index-3eada95c.js');
+require('./index-6de97df8.js');
 require('dayjs');
-require('./index-43e07dd6.js');
 require('@mantine/notifications');
-require('./index-24c020f3.js');
-require('date-fns/locale');
-require('./constantsSite.js');
-require('./constantsRiskScreener.js');
+require('./index.styles-0e120c2c.js');
+require('./translationsContext-8bb8d8b6.js');
+require('./index-4a58a89b.js');
+require('@hhgtech/icons/other');
+require('@emotion/react');
+require('./animation-40b61773.js');
+require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-139bd5bb.js');
+require('./useUniqueId-4e0901ad.js');
 require('@hhgtech/icons/core');
-require('@mantine/dates');
-require('./index.styles-e05e408a.js');
-require('./translationsContext-ccb637f6.js');
-require('./index-77cda7fe.js');
-require('./WhatsApp-1d589d8b.js');
-require('./Spinner-826e619a.js');
-require('@emotion/react');
-require('./animation-2e7f56a0.js');
-require('./index-2b6a34f5.js');
-require('./index-3026d89e.js');
-require('./paths-bdac08f0.js');
-require('./constants-fa0d6f92.js');
-require('./utils-147fe055.js');
-require('./index-e0e011a1.js');
+require('./WhatsApp-6434547f.js');
+require('./Spinner-d1feb999.js');
+require('./index-5725648c.js');
+require('./index-44426f79.js');
+require('./paths-6daad28f.js');
+require('./constants-1fad75ef.js');
+require('./utils-a8d68585.js');
+require('./index-5aa986bd.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-7daf8503.js');
+require('./constants-3e9bf084.js');
 require('vaul');
 
 
@@ -85,6 +85,7 @@ exports.BorderHeading = index.BorderHeading;
 exports.CardCollapse = index.CardCollapse;
 exports.FileDropdown = index.FileDropdown;
 exports.Grid = index.Grid;
+exports.HtmlContent = index.HtmlContent;
 exports.IconHeading = index.IconHeading;
 exports.Radio = index.Radio;
 exports.RateStars = index.RateStars;
@@ -96,29 +97,29 @@ exports.Avatar = index$1.Avatar;
 exports.DistanceTag = index$1.DistanceTag;
 exports.IconWrapper = index$1.IconWrapper;
 exports.Button = index$2.Button;
-exports.Divider = index$3.Divider;
-exports.Flag = index$4.Flag;
-exports.Heading = index$5.Heading;
-exports.Input = index$6.Input;
-exports.Label = index$6.Label;
-exports.Logo = index$7.Logo;
-exports.Checkbox = index$8.Checkbox;
-exports.Pagination = index$8.Pagination;
-exports.PureInput = index$8.PureInput;
-exports.SearchInput = index$8.SearchInput;
-exports.StyledSearchIcon = index$8.StyledSearchIcon;
-exports.Text = index$9.Text;
-exports.TextArea = index$a.TextArea;
-exports.Container = index$b.Container;
-exports.Icon = index$c.Icon;
-exports.Drawer = index$d.Drawer;
-exports.RadioImageGroup = index$e.RadioImageGroup;
+exports.Checkbox = index$3.Checkbox;
+exports.Pagination = index$3.Pagination;
+exports.PureInput = index$3.PureInput;
+exports.SearchInput = index$3.SearchInput;
+exports.StyledSearchIcon = index$3.StyledSearchIcon;
+exports.Container = index$4.Container;
+exports.Divider = index$5.Divider;
+exports.Drawer = index$6.Drawer;
+exports.Flag = index$7.Flag;
+exports.Heading = index$8.Heading;
+exports.Icon = index$9.Icon;
+exports.Input = index$a.Input;
+exports.Label = index$a.Label;
+exports.Logo = index$b.Logo;
+exports.RadioImageGroup = index$c.RadioImageGroup;
+exports.Text = index$d.Text;
+exports.TextArea = index$e.TextArea;
 exports.AuthorBadge = index$f.AuthorBadge;
 exports.BookingBtn = index$f.BookingBtn;
-exports.CustomReferenceDot = index$g.CustomReferenceDot;
-exports.BtnChoice = index$h.BtnChoice;
-exports.LogoIcon = logoIcon.LogoIcon;
+exports.BtnChoice = index$g.BtnChoice;
+exports.CustomReferenceDot = index$h.CustomReferenceDot;
 exports.ImageWrap = index$i.ImageWrap;
+exports.LogoIcon = logoIcon.LogoIcon;
 exports.GenderOptionControl = index$j.GenderOptionControl;
 exports.Loading = index$k.Loading;
 exports.DrawerComponent = index$l.DrawerComponent;