@hhgtech/hhg-components 1.29.425 → 1.29.427

package/build/{index-b9e62d42.js → index-3df258ac.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-32eaedf6.js');
-var index = require('./index-089be51a.js');
-var constants$1 = require('./constants-c63df96d.js');
-var index$2 = require('./index-896cb554.js');
+var useHealthToolCache = require('./useHealthToolCache-2e84a9a1.js');
+var index = require('./index-5ec81cca.js');
+var constants$1 = require('./constants-c75d902a.js');
+var index$2 = require('./index-bb77e0cd.js');
 require('@mantine/dates');
-require('./index-2ec21423.js');
-require('./index-91d347a4.js');
-require('./index-2663b000.js');
-require('./index-4f9c33df.js');
-require('./index-b5dd07cd.js');
-require('./index-d1ec8e7a.js');
-require('./index.styles-f7bd2a39.js');
+require('./index-77176185.js');
+require('./index-6ce3a5a5.js');
+require('./index-c20fff5e.js');
+require('./index-20ccf63a.js');
+require('./index-29ce9a07.js');
+require('./index-1db811a4.js');
+require('./index.styles-da48fc81.js');
 require('@mantine/hooks');
-require('./text-ba4d7d89.js');
-require('./utils-1cdbbaaa.js');
-require('./index-7ef90d0c.js');
-var index$1 = require('./index-9a5c733a.js');
-var constants = require('./constants-fadb2a82.js');
+require('./text-5ca13f79.js');
+require('./utils-0f1586ab.js');
+require('./index-df1221e3.js');
+var index$1 = require('./index-24fe38f7.js');
+var constants = require('./constants-62860b8d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b6281ca8.js → index-483f547f.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-f5da96c6.js');
-var togetherComponentGlobalContext = require('./utils-e751b584.js');
+var index$1 = require('./index-7026b771.js');
+var togetherComponentGlobalContext = require('./utils-b66de92a.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-c63df96d.js');
-var post = require('./post-f8dd69e8.js');
-var index = require('./index-57439bda.js');
+var constants = require('./constants-c75d902a.js');
+var post = require('./post-b8905e14.js');
+var index = require('./index-515c907b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1c3f9ca4.js → index-48d24f2f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-5a24b86d.js');
-var index = require('./index-089be51a.js');
+var index$1 = require('./index-140610cf.js');
+var index = require('./index-5ec81cca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d169ef0b.js → index-4bfdfeb9.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-c4f1b9d9.js');
-var index = require('./index-b5dd07cd.js');
-var togetherComponentGlobalContext = require('./utils-e751b584.js');
+var index$1 = require('./index-7b21ca61.js');
+var index = require('./index-29ce9a07.js');
+var togetherComponentGlobalContext = require('./utils-b66de92a.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-c63df96d.js');
+var constants = require('./constants-c75d902a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-df8920ba.js → index-4d996251.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
-var index = require('./index-089be51a.js');
+var index = require('./index-5ec81cca.js');
 var core = require('@mantine/core');
-var paths = require('./paths-dcd63bbc.js');
-var constants = require('./constants-af3375ca.js');
-var index$1 = require('./index-d1ec8e7a.js');
-require('./index-2ec21423.js');
-var togetherComponentGlobalContext = require('./utils-e751b584.js');
+var paths = require('./paths-bb1adf12.js');
+var constants = require('./constants-bfe95ffe.js');
+var index$1 = require('./index-1db811a4.js');
+require('./index-77176185.js');
+var togetherComponentGlobalContext = require('./utils-b66de92a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 

package/build/{index-57439bda.js → index-515c907b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-4b672aee.js');
-var index = require('./index-089be51a.js');
+var index$1 = require('./index-66453094.js');
+var index = require('./index-5ec81cca.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-7730b0c1.js → index-51fc0ddd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4f9c33df.js');
-var text = require('./text-ba4d7d89.js');
+var index = require('./index-20ccf63a.js');
+var text = require('./text-5ca13f79.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-88b0cd46.js → index-52ee73d6.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-fffa7d3d.js');
-var index$1 = require('./index-2663b000.js');
+var Locale = require('./Locale-a7b25e7b.js');
+var index$1 = require('./index-c20fff5e.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-1cdbbaaa.js');
-var logoIcon = require('./logoIcon-53e9478b.js');
-require('./index-91d347a4.js');
-var index = require('./index-f5da96c6.js');
+var utils = require('./utils-0f1586ab.js');
+var logoIcon = require('./logoIcon-f56bf940.js');
+require('./index-6ce3a5a5.js');
+var index = require('./index-7026b771.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-07378a0c.js → index-53ad16eb.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-32eaedf6.js');
-var index = require('./index-089be51a.js');
-var index$5 = require('./index-2663b000.js');
-var constants = require('./constants-c63df96d.js');
-var index$2 = require('./index-9e1da53a.js');
-var index$4 = require('./index-896cb554.js');
-var index$3 = require('./index-08ec3bc9.js');
+var useHealthToolCache = require('./useHealthToolCache-2e84a9a1.js');
+var index = require('./index-5ec81cca.js');
+var index$5 = require('./index-c20fff5e.js');
+var constants = require('./constants-c75d902a.js');
+var index$2 = require('./index-76581e00.js');
+var index$4 = require('./index-bb77e0cd.js');
+var index$3 = require('./index-f351629e.js');
 require('@mantine/core');
-require('./index-b5dd07cd.js');
-require('./index-d1ec8e7a.js');
-require('./index.styles-f7bd2a39.js');
+require('./index-29ce9a07.js');
+require('./index-1db811a4.js');
+require('./index.styles-da48fc81.js');
 require('@mantine/hooks');
-require('./index-4f9c33df.js');
-require('./text-ba4d7d89.js');
-require('./utils-1cdbbaaa.js');
-require('./index-7ef90d0c.js');
-require('./index-2ec21423.js');
-var index$1 = require('./index-9a5c733a.js');
+require('./index-20ccf63a.js');
+require('./text-5ca13f79.js');
+require('./utils-0f1586ab.js');
+require('./index-df1221e3.js');
+require('./index-77176185.js');
+var index$1 = require('./index-24fe38f7.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-059d1f72.js → index-53bef5a5.js}

@@ -1,15 +1,19 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-b5dd07cd.js');
+var index = require('./index-29ce9a07.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-1cdbbaaa.js');
-var index$1 = require('./index-896cb554.js');
-var index$2 = require('./index-b0d9b438.js');
+var utils = require('./utils-0f1586ab.js');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var index$1 = require('./index-1e9b97a1.js');
+var index$2 = require('./index-bb77e0cd.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
+var index$3 = require('./index-ddd2b7cb.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
 var flattenChildren = require('react-keyed-flatten-children');
+var index$4 = require('./index-7b21ca61.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -198,6 +202,50 @@ const StyledBorderHeading = styled__default["default"].h4 `
 
 const BorderHeading = ({ style, children, className, size = 'lg', type = 'bold', upperCase, as = 'h4', color, }) => (React__default["default"].createElement(StyledBorderHeading, { style: Object.assign({ color }, style), className: className, "data-size": size, "data-type": type, "data-uppercase": upperCase, as: as }, children));
 
+const StyledArrowDownIcon = styled__default["default"](index$1.ShapedArrowDown) `
+  flex-shrink: 0;
+  color: ${miscTheme.theme.colors.neutral800};
+  width: 16px;
+  height: 16px;
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(-180deg);
+  &[data-is-collapsed='true'] {
+    transform: rotate(0deg);
+  }
+`;
+const StyledCardCollapse = styled__default["default"].div `
+  background-color: white;
+  .icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    color: ${miscTheme.theme.colors.neutral800};
+  }
+  .title {
+    color: #111111;
+    font-weight: var(--fwSemiBold);
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    flex-grow: 1;
+  }
+`;
+const StyledBox = styled__default["default"].div `
+  display: flex;
+  padding: 1rem;
+  gap: 0.75rem;
+  align-items: center;
+`;
+
+function CardCollapse({ children, title, icon, defaultOpened = true, id, }) {
+    const [opened, { toggle }] = hooks.useDisclosure(defaultOpened);
+    return (React__default["default"].createElement(StyledCardCollapse, { id: id },
+        React__default["default"].createElement(StyledBox, { onClick: toggle },
+            icon,
+            React__default["default"].createElement("div", { className: "title" }, title),
+            React__default["default"].createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),
+        React__default["default"].createElement(core.Collapse, { in: opened, transitionDuration: 200, transitionTimingFunction: "ease" }, children)));
+}
+
 const StyledDropdown = styled__default["default"].div `
   position: relative;
   box-sizing: border-box;
@@ -389,13 +437,63 @@ const Radio = ({ size = 'small', label, name, checked, value, className, isDisab
             'data-event-label': dataEventLabel,
         }
         : {};
-    return (React__default["default"].createElement(index$1.Radio
+    return (React__default["default"].createElement(index$2.Radio
     // type,
     , Object.assign({ 
         // type,
         size: size === 'small' ? 'md' : 'lg', label: label, name: name, checked: checked, value: value, className: className, disabled: isDisabled, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value) }, trackingProps)));
 };
 
+const StyledRateStars = styled__default["default"].div `
+  display: inline-flex;
+
+  gap: calc(var(--gap) * 1px);
+  > svg {
+    width: calc(var(--star-size) * 1px);
+    height: calc(var(--star-size) * 1px);
+  }
+
+  &[data-selectable='true'] {
+    > svg {
+      cursor: pointer;
+    }
+  }
+`;
+
+const StarHalfIcon = (props) => {
+    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
+        React__default["default"].createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
+        React__default["default"].createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
+};
+
+const StarIcon = (_a) => {
+    var { isFull } = _a, props = tslib_es6.__rest(_a, ["isFull"]);
+    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
+        React__default["default"].createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
+};
+
+/**
+ *
+ * Show 5 (or more) stars and allow user vote (optional)
+ *
+ */
+const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmptyStars, style, className, }) => {
+    const numberOfFullStars = Math.floor(star);
+    const numberOfHalfStars = star - numberOfFullStars >= 0.5 ? 1 : 0;
+    const [tempStar, setTempStar] = React.useState(null);
+    const tempFullStars = tempStar || numberOfFullStars;
+    const tempHalfStars = tempStar ? 0 : numberOfHalfStars;
+    return (React__default["default"].createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
+        length: hideEmptyStars
+            ? numberOfFullStars + numberOfHalfStars
+            : totalStars,
+    }).map((_, index) => {
+        const onMouseOver = () => !!onSelect && setTempStar(index + 1);
+        const onMouseLeave = () => !!onSelect && setTempStar(null);
+        return index + 1 <= tempFullStars ? (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default["default"].createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
+    })));
+};
+
 const getTag = (tag, isLight) => {
     switch (tag) {
         case 'yellow': {
@@ -566,7 +664,7 @@ const Tag = ({ type, children, style, isInline, isSquared = false, className, is
         ? { '--text-props-color': textProps.color }
         : {};
     return (React__default["default"].createElement(StyledTag, { "data-is-squared": isSquared || undefined, "data-tag-type": type, "data-is-light": isLight || undefined, "data-has-more-padding": hasMorePadding || undefined, "data-is-inline": isInline || undefined, style: Object.assign(Object.assign({}, style), textColor), className: className, "data-is-selected": isSelected || undefined, "data-is-link": isLink || undefined, tagType: type, isInline: isInline, tagHasMorePadding: hasMorePadding, tagIsLight: isLight, tagIsSquared: isSquared, tagIsALink: isLink },
-        React__default["default"].createElement(index$2.Text, Object.assign({}, textProps), children)));
+        React__default["default"].createElement(index$3.Text, Object.assign({}, textProps), children)));
 };
 
 const heightIcon = '24px';
@@ -627,56 +725,6 @@ const Toggle = ({ className, id, onChange, checked, style, label }) => (React__d
         React__default["default"].createElement(StyledToggleIcon, null),
         label && React__default["default"].createElement(StyledToggleLabel, null, label))));
 
-const StyledRateStars = styled__default["default"].div `
-  display: inline-flex;
-
-  gap: calc(var(--gap) * 1px);
-  > svg {
-    width: calc(var(--star-size) * 1px);
-    height: calc(var(--star-size) * 1px);
-  }
-
-  &[data-selectable='true'] {
-    > svg {
-      cursor: pointer;
-    }
-  }
-`;
-
-const StarHalfIcon = (props) => {
-    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
-        React__default["default"].createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
-        React__default["default"].createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
-};
-
-const StarIcon = (_a) => {
-    var { isFull } = _a, props = tslib_es6.__rest(_a, ["isFull"]);
-    return (React__default["default"].createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
-        React__default["default"].createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
-};
-
-/**
- *
- * Show 5 (or more) stars and allow user vote (optional)
- *
- */
-const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmptyStars, style, className, }) => {
-    const numberOfFullStars = Math.floor(star);
-    const numberOfHalfStars = star - numberOfFullStars >= 0.5 ? 1 : 0;
-    const [tempStar, setTempStar] = React.useState(null);
-    const tempFullStars = tempStar || numberOfFullStars;
-    const tempHalfStars = tempStar ? 0 : numberOfHalfStars;
-    return (React__default["default"].createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
-        length: hideEmptyStars
-            ? numberOfFullStars + numberOfHalfStars
-            : totalStars,
-    }).map((_, index) => {
-        const onMouseOver = () => !!onSelect && setTempStar(index + 1);
-        const onMouseLeave = () => !!onSelect && setTempStar(null);
-        return index + 1 <= tempFullStars ? (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default["default"].createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default["default"].createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
-    })));
-};
-
 // define shared context
 const StepRendererContext = React.createContext({
     currentStep: 0,
@@ -718,11 +766,42 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
+const StyledIconHeading = styled__default["default"].div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const StyledTitle = styled__default["default"](index$4.Heading) `
+  font-weight: var(--fwBold);
+`;
+
+const IconHeading = ({ icon, title, className, style }) => {
+    return (React__default["default"].createElement(StyledIconHeading, { className: className, style: style },
+        icon,
+        React__default["default"].createElement(StyledTitle, { tag: "h6", color: "var(--secondaryDark)" }, title)));
+};
+
+const sanitizeHtml = (data) => {
+    if (!data)
+        return '';
+    const convertNewlinesToHtmlBreaks = data
+        .replace(/\n$/, '')
+        .replace(/\n/g, '<br />');
+    return convertNewlinesToHtmlBreaks;
+};
+const HtmlContent = ({ htmlContent, className }) => {
+    const htmlClean = sanitizeHtml(htmlContent);
+    return (React__default["default"].createElement("div", { className: className, dangerouslySetInnerHTML: { __html: htmlClean } }));
+};
+
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.BorderHeading = BorderHeading;
+exports.CardCollapse = CardCollapse;
 exports.FileDropdown = FileDropdown;
 exports.Grid = Grid;
+exports.HtmlContent = HtmlContent;
+exports.IconHeading = IconHeading;
 exports.Radio = Radio;
 exports.RateStars = RateStars;
 exports.StepRenderer = StepRenderer;

package/build/index-5d7a2ba1.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var React = require('react');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-ddd2b7cb.js');
+var index$1 = require('./index-7026b771.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledInsuranceList = styled__default["default"].ul `
+  display: grid;
+  grid-gap: 16px;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  list-style: none;
+`;
+const StyledInsuranceItem = styled__default["default"].li `
+  p {
+    margin-top: 8px;
+    text-align: center;
+  }
+
+  .insuranceLogo {
+    display: grid;
+    height: 58px;
+    border: 1px solid ${miscTheme.theme.colors.neutral200};
+    border-radius: 6px;
+    place-content: center;
+
+    > img {
+      width: 93px;
+      height: 43px;
+      object-fit: contain;
+    }
+  }
+`;
+
+const InsuranceList = ({ insurances, className, isName = true, }) => {
+    if (!insurances.length)
+        return null;
+    return (React__default["default"].createElement(StyledInsuranceList, { className: className }, insurances.map((insurance) => (React__default["default"].createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
+        React__default["default"].createElement("div", { className: "insuranceLogo" },
+            React__default["default"].createElement("img", { src: insurance.logo, alt: `Logo of ${insurance.name}` })),
+        isName && (React__default["default"].createElement(index.Text, { size: "base", color: miscTheme.theme.colors.gray500, type: "bold" }, insurance.name)))))));
+};
+
+const StyledPaymentList = styled__default["default"].div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: 7px;
+`;
+const StyledPaymentItem = styled__default["default"].div `
+  border: 1px solid ${miscTheme.theme.colors.neutral100};
+  border-radius: 12px;
+  width: 80px;
+  min-height: 80px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+
+  .logo {
+    position: relative;
+    width: 55px;
+    aspect-ratio: 55 / 32;
+    object-fit: contain;
+  }
+
+  .txt-caption-1 {
+    font-size: 0.6875rem;
+    line-height: 1rem;
+    color: ${miscTheme.theme.colors.gray800};
+  }
+`;
+
+const PaymentList = ({ payments, className, isName = true, }) => {
+    if (!payments.length)
+        return null;
+    return (React__default["default"].createElement(StyledPaymentList, { className: className }, payments.map((payment) => (React__default["default"].createElement(StyledPaymentItem, { key: payment.id },
+        React__default["default"].createElement(index$1.ImageWrap, { className: "logo", src: payment.logo, alt: `${payment.name} Logo` }),
+        isName && React__default["default"].createElement("div", { className: "txt-caption-1" }, payment.name))))));
+};
+
+exports.InsuranceList = InsuranceList;
+exports.PaymentList = PaymentList;

package/build/{index-089be51a.js → index-5ec81cca.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-5e9f7275.js');
+var translationsContext = require('./translationsContext-bb2a10a6.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/{index-4b672aee.js → index-66453094.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1f319ffe.js');
+var tslib_es6 = require('./tslib.es6-080a907c.js');
 var React = require('react');
-var index = require('./index-d1ec8e7a.js');
+var index = require('./index-1db811a4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-91d347a4.js → index-6ce3a5a5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-fffa7d3d.js');
+var Locale = require('./Locale-a7b25e7b.js');
 
 exports.Gender = void 0;
 (function (Gender) {