@hhgtech/hhg-components 1.29.431-beta-1 → 1.29.432-beta-1

package/build/{InputDate-39204294.js → InputDate-14bc7a0a.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-06715056.js');
+var tslib_es6 = require('./tslib.es6-7f95245a.js');
 var React = require('react');
 var core = require('@mantine/core');
 var cn = require('classnames');
 var dayjs = require('dayjs');
-var text = require('./text-050beca1.js');
+var text = require('./text-85f98d93.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-54629439.js');
-var Locale = require('./Locale-96c65183.js');
-var index$1 = require('./index-eedaceb5.js');
+var index = require('./index-1f96b2bf.js');
+var Locale = require('./Locale-3a195369.js');
+var index$1 = require('./index-56169eaa.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{LastPeriod-3acf0aff.js → LastPeriod-e1f5f10d.js}

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

package/build/{MobileBottomNavigationIcon-acbc41ea.js → MobileBottomNavigationIcon-e8ce4f9b.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-06715056.js');
+var tslib_es6 = require('./tslib.es6-7f95245a.js');
 var React = require('react');
-var index = require('./index-eedaceb5.js');
+var index = require('./index-56169eaa.js');
 var miscTheme = require('./miscTheme.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-e86463dc.js');
+var utils = require('./utils-cf895ec3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-da4e2edd.js → RatingStarsInput-e61b538a.js}

@@ -1,51 +1,51 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-06715056.js');
+var tslib_es6 = require('./tslib.es6-7f95245a.js');
 var React = require('react');
-var index$5 = require('./index-f852390c.js');
+var index$5 = require('./index-94287b20.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-54629439.js');
-require('./index-2cd0d825.js');
-var index$b = require('./index-f18dead7.js');
-require('./index-91130a88.js');
-var index$3 = require('./index-eedaceb5.js');
-var index$f = require('./index-9c371a34.js');
-require('./index.styles-26b831ce.js');
-require('./translationsContext-cfdf03db.js');
+var index$7 = require('./index-1f96b2bf.js');
+require('./index-476ad1f4.js');
+var index$b = require('./index-e848ebd1.js');
+require('./index-220a2a7a.js');
+var index$3 = require('./index-56169eaa.js');
+var index$f = require('./index-8c0c3fda.js');
+require('./index.styles-18f79820.js');
+require('./translationsContext-6fc18e75.js');
 require('@mantine/hooks');
-require('./text-050beca1.js');
-var utils = require('./utils-e86463dc.js');
-require('./index-6cb8c808.js');
-var index$2 = require('./index-ec8eb614.js');
+require('./text-85f98d93.js');
+var utils = require('./utils-cf895ec3.js');
+require('./index-6c34e617.js');
+var index$2 = require('./index-9ae45181.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-dab36de8.js');
+var index$4 = require('./index-e0016525.js');
 var dateFns = require('date-fns');
 var DayPickerInput = require('react-day-picker/DayPickerInput');
-var index$6 = require('./index-d0039071.js');
+var index$6 = require('./index-863ed135.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-f4934f9e.js');
+var useOutsideClick = require('./useOutsideClick-82786f7c.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-4b535579.js');
-var index$8 = require('./index-092eb3f3.js');
-var index$9 = require('./index-fbb502dc.js');
-var index$c = require('./index-cd467e9a.js');
+var index$a = require('./index-8fc4e19c.js');
+var index$8 = require('./index-4e0dc8e3.js');
+var index$9 = require('./index-b02dd8de.js');
+var index$c = require('./index-64a48eb7.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$e = require('./index-ede0443b.js');
-var index$d = require('./index-cad4747d.js');
+var index$e = require('./index-80064ca0.js');
+var index$d = require('./index-5f21c7ed.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-96c65183.js');
+var Locale = require('./Locale-3a195369.js');
 var arrow = require('@hhgtech/icons/arrow');
 var other = require('@hhgtech/icons/other');
 var Lottie = require('lottie-light-react');
-var index$g = require('./index-0e476654.js');
+var index$g = require('./index-73b4eebb.js');
 var get = require('lodash/get');
 var debounce = require('lodash/debounce');
 
@@ -82,6 +82,19 @@ var Lottie__default = /*#__PURE__*/_interopDefault(Lottie);
 var get__default = /*#__PURE__*/_interopDefault(get);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 
+const StarFull = (_a) => {
+    var { color, stroke } = _a, props = tslib_es6.__rest(_a, ["color", "stroke"]);
+    return (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 48 48", fill: "none" }, props),
+        React__namespace.createElement("path", { d: "M24.0003 5.33203L28.4617 19.332H43.3337L31.5177 28.4067L36.1603 42.6654L24.0003 33.852L11.8403 42.6654L16.483 28.4067L4.66699 19.332H19.539L24.0003 5.33203Z", fill: color }),
+        React__namespace.createElement("path", { d: "M24.0003 5.33203L28.4617 19.332H43.3337L31.5177 28.4067L36.1603 42.6654L24.0003 33.852L11.8403 42.6654L16.483 28.4067L4.66699 19.332H19.539L24.0003 5.33203Z", stroke: stroke, strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })));
+};
+
+/* eslint-disable prettier/prettier */
+const StarHalf = (props) => React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M8.00038 1.77734L6.51327 6.44401H1.55593L5.4946 9.4689L3.94705 14.2218L8.00038 11.284L12.0537 14.2218L10.5062 9.4689L14.4448 6.44401H9.48749L8.00038 1.77734Z", fill: "#E4E8EC" }),
+    React__namespace.createElement("path", { d: "M8.00038 1.77734L6.51327 6.44401H1.55594L5.4946 9.4689L3.94705 14.2218L8.00038 11.284L12.0537 14.2218L10.5062 9.4689L14.4448 6.44401H9.48749L8.00038 1.77734Z", stroke: "#D2D6DC", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M8 1.77734L6.51289 6.44401H1.55556L5.49422 9.4689L3.94667 14.2218L8 11.284V1.77734Z", fill: "#FFB521", stroke: "#FE921D", strokeWidth: 0.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+
 const StyledCategoryCard = styled__default["default"].a `
   display: flex;
   height: 125px;
@@ -5200,20 +5213,66 @@ function CardListItem({ title, href, description, logo, defaultImage, LinkCompon
         React__namespace["default"].createElement("div", { className: "info" },
             React__namespace["default"].createElement(LinkComponent, { href: href },
                 React__namespace["default"].createElement("h5", { className: "title" }, title)),
-            description && (React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement("p", { className: "description" }, description))),
+            typeof description === 'string' ? (React__namespace["default"].createElement(LinkComponent, { href: href },
+                React__namespace["default"].createElement("p", { className: "description" }, description))) : (description),
             contentInfo),
-        React__namespace["default"].createElement("div", { className: "logo" },
-            React__namespace["default"].createElement(LinkComponent, { href: href },
-                React__namespace["default"].createElement(core.AspectRatio, { ratio: 1, bg: "#EFF4FF" },
-                    React__namespace["default"].createElement(index$8.ImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage })))),
+        React__namespace["default"].createElement(LinkComponent, { href: href },
+            React__namespace["default"].createElement(core.AspectRatio, { ratio: 1, bg: "#EFF4FF", className: "logo" },
+                React__namespace["default"].createElement(index$8.ImageWrap, { src: logo || defaultImage, width: 84, height: 84, alt: title, backupSrc: defaultImage }))),
         children));
 }
 
-// Styled Components
+// 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};
+  }
+`;
 const GeneralInfoContainer = styled__default["default"].div `
   background-color: #fff;
-`;
+`;
+
 const ProductImage = styled__default["default"](index$8.ImageWrap) `
   width: 100%;
   object-fit: cover;
@@ -5347,6 +5406,100 @@ const CertificateItem = ({ image, description, title, className, }) => {
             React__namespace["default"].createElement(StyledDescription, null, description))));
 };
 
+const MAX_RATING = 5;
+
+const RatingStarsWrapperStyled = styled__default["default"].div `
+  display: flex;
+  flex-direction: column;
+
+  label {
+    margin-bottom: ${core.rem(8)};
+  }
+
+  .error-text {
+    margin-top: ${core.rem(12)};
+  }
+`;
+const RatingStarsStyled = styled__default["default"].div `
+  display: flex;
+  gap: ${core.rem(4)};
+
+  svg {
+    cursor: pointer;
+    width: ${core.rem(48)};
+    height: ${core.rem(48)};
+  }
+
+  &.read-only {
+    svg {
+      cursor: default;
+    }
+  }
+`;
+const RatingStarsFeedbackStyled = styled__default["default"].div `
+  padding: ${core.rem(2)} ${core.rem(8)};
+  border-radius: ${core.rem(20)};
+  background-color: ${miscTheme.theme.colors.yellow50};
+  width: fit-content;
+  margin-top: ${core.rem(12)};
+`;
+
+const RatingStar = ({ filled, onClick, onMouseEnter, onMouseLeave, }) => (React__namespace["default"].createElement("div", { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+    React__namespace["default"].createElement(StarFull, { color: filled ? miscTheme.theme.colors.yellow600 : miscTheme.theme.colors.neutral100, stroke: filled ? miscTheme.theme.colors.yellow500 : miscTheme.theme.colors.neutral200 })));
+
+const HALF_STAR_THRESHOLD = 0.5;
+const FULL_STAR_THRESHOLD = 0.9;
+const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) => {
+    const [hovered, setHovered] = React.useState(null);
+    const isHovered = hovered !== null;
+    const handleChange = (index) => {
+        if (!readOnly)
+            onChange === null || onChange === void 0 ? void 0 : onChange(index);
+    };
+    const handleMouseEnter = (index) => {
+        if (!readOnly)
+            setHovered(index);
+    };
+    const handleMouseLeave = () => {
+        if (!readOnly)
+            setHovered(null);
+    };
+    const starComponent = (starValue, filled) => (React__namespace["default"].createElement(RatingStar, { key: `star-${starValue}`, filled: filled, onClick: () => handleChange(starValue), onMouseEnter: () => handleMouseEnter(starValue), onMouseLeave: handleMouseLeave }));
+    return (React__namespace["default"].createElement(RatingStarsStyled, { className: core.clsx(readOnly && 'read-only') }, Array.from({ length: max }).map((_, index) => {
+        const starValue = index + 1;
+        const diff = value - index;
+        if (isHovered) {
+            return starComponent(starValue, starValue <= hovered);
+        }
+        if (diff >= FULL_STAR_THRESHOLD) {
+            return starComponent(starValue, true);
+        }
+        if (diff >= HALF_STAR_THRESHOLD) {
+            return React__namespace["default"].createElement(StarHalf, { key: `star-${index}` });
+        }
+        return starComponent(starValue, false);
+    })));
+};
+
+const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false, name, id, label, error, }) => {
+    const { t } = index$9.useTranslations();
+    const ratingDescriptions = {
+        1: t('common.rating.worse'),
+        2: t('common.rating.bad'),
+        3: t('common.rating.meh'),
+        4: t('common.rating.good'),
+        5: t('common.rating.excellent'),
+    };
+    const feedback = ratingDescriptions[value];
+    return (React__namespace["default"].createElement(RatingStarsWrapperStyled, { className: core.clsx(readOnly && 'read-only') },
+        label && (React__namespace["default"].createElement(index$3.Text, { as: "label", size: "title2" }, label)),
+        React__namespace["default"].createElement("input", { type: "hidden", name: name, id: id, value: value }),
+        React__namespace["default"].createElement(RatingStars, { value: value, max: max, onChange: onChange, readOnly: readOnly }),
+        value >= 0 && (React__namespace["default"].createElement(RatingStarsFeedbackStyled, null,
+            React__namespace["default"].createElement(index$3.Text, { size: "c1" }, feedback))),
+        error && (React__namespace["default"].createElement(index$3.Text, { className: "error-text", size: "c1", color: miscTheme.theme.colors.red600 }, error))));
+};
+
 exports.AdBlock = AdBlock;
 exports.Breadcrumbs = Breadcrumbs;
 exports.CardListItem = CardListItem;
@@ -5364,12 +5517,17 @@ exports.HPVScreener = HPVScreener;
 exports.IconText = IconText;
 exports.List = List;
 exports.ListContext = ListContext;
+exports.MAX_RATING = MAX_RATING;
 exports.QuickFilter = QuickFilter;
 exports.RadioGroup = RadioGroup;
+exports.RatingStars = RatingStars;
+exports.RatingStarsInput = RatingStarsInput;
 exports.ScrollList = ScrollList;
 exports.SeoHead = SeoHead;
 exports.ShareContainer = ShareContainer;
 exports.ShareDrawer = ShareDrawer;
+exports.StarFull = StarFull;
+exports.StarHalf = StarHalf;
 exports.StatisticCard = StatisticCard;
 exports.SummaryInfo = SummaryInfo;
 exports.Tabs = Tabs;

package/build/{Spinner-234d86f2.js → Spinner-06596750.js}

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

package/build/Upload-28848dcb.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/* eslint-disable prettier/prettier */
+const Upload = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M9.82324 8.7033L10.8228 9.70287C10.9267 9.80662 11.056 9.8573 11.2107 9.85493C11.3655 9.85255 11.4948 9.79943 11.5987 9.69555C11.7026 9.59168 11.7545 9.46074 11.7545 9.30274C11.7545 9.14474 11.7026 9.01462 11.5987 8.91237L9.7353 7.04899C9.59968 6.91337 9.44149 6.84555 9.26074 6.84555C9.07999 6.84555 8.9218 6.91337 8.78618 7.04899L6.91549 8.91968C6.81174 9.02355 6.75987 9.15287 6.75987 9.30762C6.75987 9.46237 6.81174 9.59168 6.91549 9.69555C7.01937 9.79943 7.1503 9.85137 7.3083 9.85137C7.4663 9.85137 7.59643 9.79943 7.69868 9.69555L8.69824 8.7033L8.69824 11.5576C8.69824 11.717 8.75218 11.8506 8.86005 11.9583C8.96793 12.0662 9.10156 12.1201 9.26093 12.1201C9.42043 12.1201 9.55399 12.0662 9.66162 11.9583C9.76937 11.8506 9.82324 11.717 9.82324 11.5576L9.82324 8.7033ZM16.3857 9.3063C16.3857 10.2918 16.1987 11.2181 15.8247 12.0852C15.4507 12.9524 14.9432 13.7066 14.3021 14.348C13.6609 14.9894 12.907 15.4972 12.0402 15.8714C11.1735 16.2456 10.2474 16.4326 9.26205 16.4326C8.27655 16.4326 7.35024 16.2456 6.48312 15.8716C5.61599 15.4976 4.86174 14.9901 4.22037 14.3489C3.57899 13.7078 3.07118 12.9539 2.69693 12.0871C2.3228 11.2204 2.13574 10.2943 2.13574 9.30893C2.13574 8.32343 2.32274 7.39712 2.69674 6.52999C3.07074 5.66287 3.5783 4.90862 4.21943 4.26724C4.86055 3.62587 5.61449 3.11805 6.48124 2.7438C7.34799 2.36968 8.27405 2.18262 9.25943 2.18262C10.2449 2.18262 11.1712 2.36962 12.0384 2.74362C12.9055 3.11762 13.6597 3.62518 14.3011 4.2663C14.9425 4.90743 15.4503 5.66137 15.8246 6.52812C16.1987 7.39487 16.3857 8.32093 16.3857 9.3063ZM15.2607 9.30762C15.2607 7.63262 14.6795 6.21387 13.517 5.05137C12.3545 3.88887 10.9357 3.30762 9.26074 3.30762C7.58574 3.30762 6.16699 3.88887 5.00449 5.05137C3.84199 6.21387 3.26074 7.63262 3.26074 9.30762C3.26074 10.9826 3.84199 12.4014 5.00449 13.5639C6.16699 14.7264 7.58574 15.3076 9.26074 15.3076C10.9357 15.3076 12.3545 14.7264 13.517 13.5639C14.6795 12.4014 15.2607 10.9826 15.2607 9.30762Z", fill: "#595959" })));
+
+exports.Upload = Upload;

package/build/{WhatsApp-91e21909.js → WhatsApp-73786a9a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-06715056.js');
+var tslib_es6 = require('./tslib.es6-7f95245a.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-4b535579.js');
-var index$1 = require('./index-9a104427.js');
-var index$2 = require('./index-a3934c2e.js');
-require('./tslib.es6-06715056.js');
+var index = require('./index-8fc4e19c.js');
+var index$1 = require('./index-35433f61.js');
+var index$2 = require('./index-d6a81a68.js');
+require('./tslib.es6-7f95245a.js');
 require('react');
-require('./index-9c371a34.js');
+require('./index-8c0c3fda.js');
 require('@mantine/core');
-require('./shared-84e30a10.js');
-require('./text-050beca1.js');
-require('./index-f852390c.js');
+require('./shared-648f497f.js');
+require('./text-85f98d93.js');
+require('./index-94287b20.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-f18dead7.js');
+require('./index-e848ebd1.js');
 require('./constantsDomainLocales.js');
-require('./Locale-96c65183.js');
+require('./Locale-3a195369.js');
 require('./constantsIsProduction.js');
-require('./index-092eb3f3.js');
-require('./utils-e86463dc.js');
+require('./index-4e0dc8e3.js');
+require('./utils-cf895ec3.js');
 require('@emotion/styled');
 require('@mantine/carousel');
-require('./index-eedaceb5.js');
-require('./index-91130a88.js');
+require('./index-56169eaa.js');
+require('./index-220a2a7a.js');
 require('dayjs');
-require('./index-2cd0d825.js');
+require('./index-476ad1f4.js');
 require('@mantine/notifications');
-require('./index-54629439.js');
+require('./index-1f96b2bf.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-392865b6.js');
+require('./useUniqueId-807fe748.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-26b831ce.js');
-require('./translationsContext-cfdf03db.js');
-require('./index-6cb8c808.js');
+require('./index.styles-18f79820.js');
+require('./translationsContext-6fc18e75.js');
+require('./index-6c34e617.js');