@hhgtech/hhg-components 1.29.514 → 1.29.515-beta-2

package/build/{index-f5e8e6a8.js → index-918a1398.js}

@@ -1,35 +1,35 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-c6b9b08e.js');
+var index = require('./index-50fa525b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-4770d68a.js');
-var normalizeLink = require('./normalizeLink-88939027.js');
+var index$2 = require('./index-837bd8dd.js');
+var normalizeLink = require('./normalizeLink-f635af95.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-505d5da5.js');
-var utils = require('./utils-d6e13f31.js');
-var index$3 = require('./index-c1719401.js');
-var types = require('./types-602fb1af.js');
+var index$1 = require('./index-c4535053.js');
+var utils = require('./utils-010b445c.js');
+var index$3 = require('./index-060e36bc.js');
+var types = require('./types-34a07fd9.js');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-bb57e7e7.js');
+var utils$1 = require('./utils-3a419b29.js');
 var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var classNames = require('classnames');
-var index$4 = require('./index-cff21895.js');
-var constants = require('./constants-8191a619.js');
-var index$5 = require('./index-6d755409.js');
-var localizeNumberFormat = require('./localizeNumberFormat-f0852822.js');
-var tslib_es6 = require('./tslib.es6-08ad6cbc.js');
+var index$4 = require('./index-efdceed9.js');
+var constants = require('./constants-f593c0d7.js');
+var index$5 = require('./index-f19d6815.js');
+var localizeNumberFormat = require('./localizeNumberFormat-54bd1667.js');
+var tslib_es6 = require('./tslib.es6-9930ee61.js');
 var hooks = require('@mantine/hooks');
-var index$8 = require('./index-ab7398e5.js');
+var index$8 = require('./index-6185635b.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-55177d47.js');
-var index$a = require('./index-fed9c763.js');
-var index$6 = require('./index-bb4fdaa5.js');
-var index$b = require('./index-b0e1614d.js');
-var index$9 = require('./index-f28488dd.js');
-var index$c = require('./index-1fa4db4a.js');
-var index$d = require('./index-c1045be6.js');
+var index$7 = require('./index-15f08d99.js');
+var index$a = require('./index-5002dc52.js');
+var index$6 = require('./index-ef10ab1e.js');
+var index$b = require('./index-823b5b3f.js');
+var index$9 = require('./index-53d3e5aa.js');
+var index$c = require('./index-f246bdca.js');
+var index$d = require('./index-aba888cf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -66,8 +66,28 @@ const Clock = (props) => (React__namespace.createElement("svg", Object.assign({
     React__namespace.createElement("path", { d: "M6 3.25V6L8 7.75", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
 
 /* eslint-disable prettier/prettier */
-const Ellipse = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 4 4", fill: "none" }, props),
-    React__namespace.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "#BFBFBF" })));
+const Credential = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M10.7146 13.4812L11.5779 12.7568C11.7779 12.589 12.0312 12.4968 12.2923 12.4968H13.419C13.9579 12.4968 14.4201 12.1101 14.5135 11.579L14.709 10.469C14.7546 10.2112 14.889 9.97901 15.089 9.81124L15.9523 9.08679C16.3657 8.74012 16.4701 8.14679 16.2001 7.68012L15.6368 6.70346C15.5057 6.47679 15.459 6.21235 15.5046 5.95457L15.7001 4.84457C15.7935 4.31346 15.4923 3.79235 14.9857 3.6079L13.9268 3.22235C13.6812 3.13346 13.4757 2.96012 13.3446 2.73346L12.7812 1.75679C12.5112 1.29012 11.9457 1.08346 11.439 1.2679L10.3801 1.65346C10.1346 1.74235 9.86568 1.74235 9.62012 1.65346L8.56123 1.2679C8.05457 1.08346 7.48901 1.28901 7.21901 1.75679L6.65568 2.73346C6.52457 2.96012 6.31901 3.13235 6.07346 3.22235L5.01457 3.6079C4.5079 3.79235 4.20679 4.31346 4.30012 4.84457L4.49568 5.95457C4.54123 6.21235 4.49457 6.47679 4.36346 6.70346L3.80012 7.68012C3.53012 8.14679 3.63457 8.74012 4.0479 9.08679L4.91123 9.81124C5.11123 9.97901 5.24568 10.2123 5.29123 10.469L5.48679 11.579C5.58012 12.1101 6.04234 12.4968 6.58123 12.4968H7.7079C7.96901 12.4968 8.22234 12.589 8.42234 12.7568L9.28568 13.4812C9.69901 13.8279 10.3012 13.8279 10.7146 13.4812Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M13.6114 15.2778V19.1667L10.0003 16.3889L6.38916 19.1667V15.2778", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M10.0001 9.69347C11.2274 9.69347 12.2223 8.69855 12.2223 7.47125C12.2223 6.24395 11.2274 5.24902 10.0001 5.24902C8.77275 5.24902 7.77783 6.24395 7.77783 7.47125C7.77783 8.69855 8.77275 9.69347 10.0001 9.69347Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+
+/* eslint-disable prettier/prettier */
+const Education = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React__namespace.createElement("g", { clipPath: "url(#clip0_2422_9990)" },
+        React__namespace.createElement("path", { d: "M15.5 15.5003C14.678 15.5003 13.956 15.0983 13.5 14.4863V18.5003C13.5 18.7023 13.622 18.8853 13.809 18.9623C13.996 19.0413 14.21 18.9973 14.354 18.8543L15.5 17.7083L16.646 18.8543C16.742 18.9503 16.87 19.0003 17 19.0003C17.064 19.0003 17.13 18.9883 17.191 18.9623C17.378 18.8853 17.5 18.7023 17.5 18.5003V14.4863C17.044 15.0983 16.322 15.5003 15.5 15.5003Z", fill: "#8C8C8C" }),
+        React__namespace.createElement("path", { d: "M11.75 17.25H5.25C4.145 17.25 3.25 16.355 3.25 15.25V4.75C3.25 3.645 4.145 2.75 5.25 2.75H13.75C14.855 2.75 15.75 3.645 15.75 4.75V8", stroke: "#8C8C8C", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__namespace.createElement("path", { d: "M6.25 6.75H12.75", stroke: "#8C8C8C", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__namespace.createElement("path", { d: "M6.25 10H9.25", stroke: "#8C8C8C", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__namespace.createElement("path", { d: "M6.25 13.2505H9.25", stroke: "#8C8C8C", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React__namespace.createElement("path", { d: "M15.5 15.5C16.8807 15.5 18 14.3807 18 13C18 11.6193 16.8807 10.5 15.5 10.5C14.1193 10.5 13 11.6193 13 13C13 14.3807 14.1193 15.5 15.5 15.5Z", stroke: "#8C8C8C", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" })),
+    React__namespace.createElement("defs", null,
+        React__namespace.createElement("clipPath", { id: "clip0_2422_9990" },
+            React__namespace.createElement("rect", { width: 18, height: 18, fill: "white", transform: "translate(1 1)" })))));
+
+/* eslint-disable prettier/prettier */
+const Email = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M2 4.66668C2 4.31305 2.14048 3.97392 2.39052 3.72387C2.64057 3.47382 2.97971 3.33334 3.33333 3.33334H12.6667C13.0203 3.33334 13.3594 3.47382 13.6095 3.72387C13.8595 3.97392 14 4.31305 14 4.66668V11.3333C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3333V4.66668Z", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M2 4.66666L8 8.66666L14 4.66666", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 /* eslint-disable prettier/prettier */
 const HelloZalo = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 85 49", fill: "none" }, props),
@@ -119,6 +139,17 @@ const HelloZalo = (props) => (React__namespace.createElement("svg", Object.assig
         React__namespace.createElement("clipPath", { id: "clip0_4296_167461" },
             React__namespace.createElement("rect", { x: 0.446777, y: 6.57019, width: 42, height: 42, rx: 10.5, transform: "rotate(-9 0.446777 6.57019)", fill: "white" })))));
 
+/* eslint-disable prettier/prettier */
+const Highlight = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M7.76093 1.94434L11.8267 4.92811L16.5893 3.27134L15.0077 8.05978L18.0553 12.0772L13.0127 12.0526L10.1339 16.1928L8.59882 11.3896L3.77148 9.93078L7.86504 6.98645L7.76093 1.94434Z", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M2.22217 17.7777L5.5555 14.4443", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M1.94434 13.6112L2.49989 13.0557", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M6.38867 18.0556L6.94423 17.5", stroke: "#8C8C8C", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+
+/* eslint-disable prettier/prettier */
+const Ellipse = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 4 4", fill: "none" }, props),
+    React__namespace.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "#BFBFBF" })));
+
 /* eslint-disable prettier/prettier */
 const Mobile = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none" }, props),
     React__namespace.createElement("path", { d: "M11.3889 1.55566H5.61115C4.62931 1.55566 3.83337 2.3516 3.83337 3.33344V12.6668C3.83337 13.6486 4.62931 14.4446 5.61115 14.4446H11.3889C12.3708 14.4446 13.1667 13.6486 13.1667 12.6668V3.33344C13.1667 2.3516 12.3708 1.55566 11.3889 1.55566Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -739,11 +770,6 @@ const Map = (props) => {
                     : t('doctorInfoComponent.loginToCall'))))) : null)));
 };
 
-/* eslint-disable prettier/prettier */
-const Email = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
-    React__namespace.createElement("path", { d: "M2 4.66668C2 4.31305 2.14048 3.97392 2.39052 3.72387C2.64057 3.47382 2.97971 3.33334 3.33333 3.33334H12.6667C13.0203 3.33334 13.3594 3.47382 13.6095 3.72387C13.8595 3.97392 14 4.31305 14 4.66668V11.3333C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3333V4.66668Z", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M2 4.66666L8 8.66666L14 4.66666", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
-
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled__default["default"].div `
   ${utils$1.MediaQueries.mbUp} {
@@ -1300,32 +1326,6 @@ function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
             React__namespace["default"].createElement(index$d.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
 }
 
-/* eslint-disable prettier/prettier */
-const Credential = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__namespace.createElement("path", { d: "M10.7146 13.4812L11.5779 12.7568C11.7779 12.589 12.0312 12.4968 12.2923 12.4968H13.419C13.9579 12.4968 14.4201 12.1101 14.5135 11.579L14.709 10.469C14.7546 10.2112 14.889 9.97901 15.089 9.81124L15.9523 9.08679C16.3657 8.74012 16.4701 8.14679 16.2001 7.68012L15.6368 6.70346C15.5057 6.47679 15.459 6.21235 15.5046 5.95457L15.7001 4.84457C15.7935 4.31346 15.4923 3.79235 14.9857 3.6079L13.9268 3.22235C13.6812 3.13346 13.4757 2.96012 13.3446 2.73346L12.7812 1.75679C12.5112 1.29012 11.9457 1.08346 11.439 1.2679L10.3801 1.65346C10.1346 1.74235 9.86568 1.74235 9.62012 1.65346L8.56123 1.2679C8.05457 1.08346 7.48901 1.28901 7.21901 1.75679L6.65568 2.73346C6.52457 2.96012 6.31901 3.13235 6.07346 3.22235L5.01457 3.6079C4.5079 3.79235 4.20679 4.31346 4.30012 4.84457L4.49568 5.95457C4.54123 6.21235 4.49457 6.47679 4.36346 6.70346L3.80012 7.68012C3.53012 8.14679 3.63457 8.74012 4.0479 9.08679L4.91123 9.81124C5.11123 9.97901 5.24568 10.2123 5.29123 10.469L5.48679 11.579C5.58012 12.1101 6.04234 12.4968 6.58123 12.4968H7.7079C7.96901 12.4968 8.22234 12.589 8.42234 12.7568L9.28568 13.4812C9.69901 13.8279 10.3012 13.8279 10.7146 13.4812Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M13.6114 15.2778V19.1667L10.0003 16.3889L6.38916 19.1667V15.2778", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M10.0001 9.69347C11.2274 9.69347 12.2223 8.69855 12.2223 7.47125C12.2223 6.24395 11.2274 5.24902 10.0001 5.24902C8.77275 5.24902 7.77783 6.24395 7.77783 7.47125C7.77783 8.69855 8.77275 9.69347 10.0001 9.69347Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
-
-/* eslint-disable prettier/prettier */
-const Education = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__namespace.createElement("g", { clipPath: "url(#clip0_2422_9990)" },
-        React__namespace.createElement("path", { d: "M15.5 15.5003C14.678 15.5003 13.956 15.0983 13.5 14.4863V18.5003C13.5 18.7023 13.622 18.8853 13.809 18.9623C13.996 19.0413 14.21 18.9973 14.354 18.8543L15.5 17.7083L16.646 18.8543C16.742 18.9503 16.87 19.0003 17 19.0003C17.064 19.0003 17.13 18.9883 17.191 18.9623C17.378 18.8853 17.5 18.7023 17.5 18.5003V14.4863C17.044 15.0983 16.322 15.5003 15.5 15.5003Z", fill: "currentColor" }),
-        React__namespace.createElement("path", { d: "M11.75 17.25H5.25C4.145 17.25 3.25 16.355 3.25 15.25V4.75C3.25 3.645 4.145 2.75 5.25 2.75H13.75C14.855 2.75 15.75 3.645 15.75 4.75V8", stroke: "currentColor", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React__namespace.createElement("path", { d: "M6.25 6.75H12.75", stroke: "currentColor", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React__namespace.createElement("path", { d: "M6.25 10H9.25", stroke: "currentColor", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React__namespace.createElement("path", { d: "M6.25 13.2505H9.25", stroke: "currentColor", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React__namespace.createElement("path", { d: "M15.5 15.5C16.8807 15.5 18 14.3807 18 13C18 11.6193 16.8807 10.5 15.5 10.5C14.1193 10.5 13 11.6193 13 13C13 14.3807 14.1193 15.5 15.5 15.5Z", stroke: "currentColor", strokeWidth: 1.125, strokeLinecap: "round", strokeLinejoin: "round" })),
-    React__namespace.createElement("defs", null,
-        React__namespace.createElement("clipPath", { id: "clip0_2422_9990" },
-            React__namespace.createElement("rect", { width: 18, height: 18, fill: "white", transform: "translate(1 1)" })))));
-
-/* eslint-disable prettier/prettier */
-const Highlight = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
-    React__namespace.createElement("path", { d: "M7.76093 1.94434L11.8267 4.92811L16.5893 3.27134L15.0077 8.05978L18.0553 12.0772L13.0127 12.0526L10.1339 16.1928L8.59882 11.3896L3.77148 9.93078L7.86504 6.98645L7.76093 1.94434Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M2.22217 17.7777L5.5555 14.4443", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M1.94434 13.6112L2.49989 13.0557", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M6.38867 18.0556L6.94423 17.5", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
-
 const defaultValue = {
     id: '',
     name: '',
@@ -1485,9 +1485,13 @@ exports.Check = Check;
 exports.ClinicInfo = ClinicInfo;
 exports.Clock = Clock;
 exports.CollectPhoneForm = CollectPhoneForm;
+exports.Credential = Credential;
 exports.DoctorExpertise = DoctorExpertise;
+exports.Education = Education;
 exports.Ellipse = Ellipse;
+exports.Email = Email;
 exports.HelloZalo = HelloZalo;
+exports.Highlight = Highlight;
 exports.HospitalInfo = HospitalInfo;
 exports.Mobile = Mobile;
 exports.NavHeader = NavHeader;

package/build/{index-9518b0f3.js → index-95111411.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-08ad6cbc.js');
+var tslib_es6 = require('./tslib.es6-9930ee61.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-c7059e1f.js');
-var index = require('./index-c6b9b08e.js');
-var constants$1 = require('./constants-8191a619.js');
-var index$2 = require('./index-55177d47.js');
+var useHealthToolCache = require('./useHealthToolCache-9bb8a8f2.js');
+var index = require('./index-50fa525b.js');
+var constants$1 = require('./constants-f593c0d7.js');
+var index$2 = require('./index-15f08d99.js');
 require('@mantine/dates');
-require('./index-cff21895.js');
-require('./index-09e2d3eb.js');
-require('./index-4770d68a.js');
-require('./index-b0e1614d.js');
-var index$3 = require('./index-f28488dd.js');
-require('./index-bb4fdaa5.js');
-require('./index-fed9c763.js');
-require('./index.styles-af4a52d5.js');
+require('./index-efdceed9.js');
+require('./index-5b4eef72.js');
+require('./index-837bd8dd.js');
+require('./index-823b5b3f.js');
+var index$3 = require('./index-53d3e5aa.js');
+require('./index-ef10ab1e.js');
+require('./index-5002dc52.js');
+require('./index.styles-f49834ba.js');
 require('@mantine/hooks');
-require('./utils-bb57e7e7.js');
-require('./index-f25495a8.js');
-var context = require('./context-434ce3d0.js');
-var index$1 = require('./index-a926cb30.js');
-var constants = require('./constants-b742fa11.js');
+require('./utils-3a419b29.js');
+require('./index-d5204a52.js');
+var context = require('./context-e0849f32.js');
+var index$1 = require('./index-c13f18aa.js');
+var constants = require('./constants-3226e8e7.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-2674a2fb.js → index-9efc8d5b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-08ad6cbc.js');
+var tslib_es6 = require('./tslib.es6-9930ee61.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index_styles = require('./index.styles-af4a52d5.js');
+var index_styles = require('./index.styles-f49834ba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index-a2a1bbf2.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var React = require('react');
+var classNames = require('classnames');
+var styled = require('@emotion/styled');
+var core = require('@mantine/core');
+var utils = require('./utils-3a419b29.js');
+var miscTheme = require('./miscTheme.js');
+var index = require('./index-50fa525b.js');
+var index$1 = require('./index-53d3e5aa.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+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);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+/* eslint-disable prettier/prettier */
+const ShoppingCartCare = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M1.94434 1.94434L3.44545 2.31989C3.88211 2.42878 4.20989 2.791 4.27545 3.23656L5.55656 11.9454", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M16.9444 14.7218H4.99997C4.23331 14.7218 3.61108 14.0996 3.61108 13.3329C3.61108 12.5662 4.23331 11.944 4.99997 11.944H14.4766C14.9544 11.944 15.38 11.6385 15.5311 11.184L17.0122 6.73957C17.2522 6.01957 16.7166 5.27734 15.9578 5.27734H4.57553", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M4.16648 18.8891C4.93354 18.8891 5.55537 18.2673 5.55537 17.5002C5.55537 16.7332 4.93354 16.1113 4.16648 16.1113C3.39941 16.1113 2.77759 16.7332 2.77759 17.5002C2.77759 18.2673 3.39941 18.8891 4.16648 18.8891Z", fill: "currentColor" }),
+    React__namespace.createElement("path", { d: "M15.8332 18.8891C16.6003 18.8891 17.2221 18.2673 17.2221 17.5002C17.2221 16.7332 16.6003 16.1113 15.8332 16.1113C15.0662 16.1113 14.4443 16.7332 14.4443 17.5002C14.4443 18.2673 15.0662 18.8891 15.8332 18.8891Z", fill: "currentColor" })));
+
+const StyledCartCareBox = styled__default["default"](core.Box) `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: 1px solid #ffffff33;
+  position: relative;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  /* Desktop: Square layout */
+  border-radius: 28px;
+  max-height: 40px;
+  padding: 9px 1rem;
+  background-color: inherit;
+  white-space: nowrap;
+
+  .cart-care-icon {
+    width: 20px;
+    height: 20px;
+    color: ${miscTheme.theme.colors.white};
+    flex-shrink: 0;
+  }
+
+  .cart-care-button-text {
+    display: block;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 22px;
+  }
+
+  /* Mobile: Circle layout */
+  ${utils.MediaQueries.mbDown} {
+    border-radius: 100%;
+    aspect-ratio: 1/1;
+    width: 32px;
+    height: 32px;
+    padding: auto;
+    background-color: ${miscTheme.theme.colors.white};
+    max-height: none;
+    padding: 0;
+
+    .cart-care-icon {
+      width: 20px;
+      height: 20px;
+      color: ${miscTheme.theme.colors.blue900};
+      flex-shrink: 0;
+    }
+
+    .cart-care-button-text {
+      display: none;
+    }
+  }
+`;
+const StyledCartCareButtonCount = styled__default["default"](core.Box) `
+  min-width: 20px;
+  min-height: 20px;
+  aspect-ratio: 1/1;
+  border-radius: 100%;
+  background-color: ${miscTheme.theme.colors.red500};
+  color: ${miscTheme.theme.colors.white};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  ${utils.MediaQueries.mbDown} {
+    top: -8px;
+    right: -8px;
+  }
+`;
+
+const CartCareButton = (props) => {
+    const { count = 0, href, classes, boxProps, anchorProps, tracking } = props;
+    const { t } = index.useTranslations();
+    return (React__namespace["default"].createElement("a", Object.assign({ className: classNames__default["default"]('cart-care-button'), href: href, "data-testid": "cart-care-button", "data-event-category": "Hamburger Navigation", "data-event-action": "Cart Click", "data-event-label": href }, tracking, anchorProps),
+        React__namespace["default"].createElement(StyledCartCareBox, Object.assign({ className: classNames__default["default"]('cart-care-button-box', classes === null || classes === void 0 ? void 0 : classes.box) }, boxProps),
+            React__namespace["default"].createElement(ShoppingCartCare, { className: "cart-care-icon" }),
+            React__namespace["default"].createElement(index$1.Text, { size: "label1", color: miscTheme.theme.colors.white, fw: 500, className: "cart-care-button-text" }, t('navigation.button.cartCareService')),
+            count > 0 && (React__namespace["default"].createElement(StyledCartCareButtonCount, { className: classNames__default["default"]('cart-care-button-count-box', classes === null || classes === void 0 ? void 0 : classes.count) },
+                React__namespace["default"].createElement(index$1.Text, { size: count > 99 ? 'label2' : 'c1', color: miscTheme.theme.colors.white, fw: 600, className: "cart-care-button-count-text" }, count > 99 ? '99+' : count))))));
+};
+
+exports.CartCareButton = CartCareButton;
+exports.ShoppingCartCare = ShoppingCartCare;

package/build/{index-c54f791f.js → index-a2aa7a5d.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-08ad6cbc.js');
+var tslib_es6 = require('./tslib.es6-9930ee61.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
-var index$8 = require('./index-7f349902.js');
-var index = require('./index-c6b9b08e.js');
+var index$8 = require('./index-2301ebf9.js');
+var index = require('./index-50fa525b.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-var index$5 = require('./index-55177d47.js');
+var index$5 = require('./index-15f08d99.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-cff21895.js');
-require('./index-09e2d3eb.js');
-require('./index-4770d68a.js');
-require('./index-b0e1614d.js');
-var index$2 = require('./index-f28488dd.js');
-var index$1 = require('./index-bb4fdaa5.js');
-require('./index-fed9c763.js');
-require('./index.styles-af4a52d5.js');
+require('./index-efdceed9.js');
+require('./index-5b4eef72.js');
+require('./index-837bd8dd.js');
+require('./index-823b5b3f.js');
+var index$2 = require('./index-53d3e5aa.js');
+var index$1 = require('./index-ef10ab1e.js');
+require('./index-5002dc52.js');
+require('./index.styles-f49834ba.js');
 require('@mantine/hooks');
-var utils = require('./utils-bb57e7e7.js');
-require('./index-f25495a8.js');
-var index$3 = require('./index-44fe993c.js');
-var togetherComponentGlobalContext = require('./utils-27676c61.js');
+var utils = require('./utils-3a419b29.js');
+require('./index-d5204a52.js');
+var index$3 = require('./index-8ccfa9be.js');
+var togetherComponentGlobalContext = require('./utils-877af0c9.js');
 var styled = require('@emotion/styled');
-var dataTransform = require('./dataTransform-2f191566.js');
-var constants = require('./constants-8191a619.js');
-var post = require('./post-45a5c1c7.js');
-var togetherMoleculesCardAuthor = require('./index-994ebc53.js');
-var togetherRichTextEditor = require('./editor-65c88ced.js');
-var index$4 = require('./index-e6c6f560.js');
+var dataTransform = require('./dataTransform-e90b8016.js');
+var constants = require('./constants-f593c0d7.js');
+var post = require('./post-d878ccbd.js');
+var togetherMoleculesCardAuthor = require('./index-8d296d58.js');
+var togetherRichTextEditor = require('./editor-770e96b3.js');
+var index$4 = require('./index-7938fad7.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$6 = require('./index-96710745.js');
-var index$7 = require('./index-1d303e2a.js');
-var index$9 = require('./index-404d2cc7.js');
-var Locale = require('./Locale-aab18e29.js');
+var index$6 = require('./index-85b30384.js');
+var index$7 = require('./index-d84d4b2a.js');
+var index$9 = require('./index-aa72746c.js');
+var Locale = require('./Locale-ea492bd5.js');
 var ReactDOM = require('react-dom');
-var index$a = require('./index-40e16bb9.js');
-var togetherMoleculesPostImagePreview = require('./index-06ef8619.js');
-var index$d = require('./index-c1719401.js');
+var index$a = require('./index-51a12e0d.js');
+var togetherMoleculesPostImagePreview = require('./index-f75a45af.js');
+var index$d = require('./index-060e36bc.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var useUniqueId = require('./useUniqueId-c8168e6e.js');
-var index$b = require('./index-d295261e.js');
-var index$c = require('./index-9c0b2b1e.js');
+var useUniqueId = require('./useUniqueId-bfcdc48f.js');
+var index$b = require('./index-fcdf94dc.js');
+var index$c = require('./index-a2fc0cf2.js');
 var core$1 = require('@hhgtech/icons/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-9c0b2b1e.js → index-a2fc0cf2.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-c1719401.js');
-var togetherComponentGlobalContext = require('./utils-27676c61.js');
+var index = require('./index-060e36bc.js');
+var togetherComponentGlobalContext = require('./utils-877af0c9.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-0d95d3ce.js → index-a4e5e67a.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-08ad6cbc.js');
+var tslib_es6 = require('./tslib.es6-9930ee61.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-0009109d.js');
-var index$3 = require('./index-55177d47.js');
-var index$2 = require('./index-bb4fdaa5.js');
-var index$5 = require('./index-f28488dd.js');
-var index$1 = require('./index-c6b9b08e.js');
-var index$4 = require('./index-4770d68a.js');
+var Spinner = require('./Spinner-708ab503.js');
+var index$3 = require('./index-15f08d99.js');
+var index$2 = require('./index-ef10ab1e.js');
+var index$5 = require('./index-53d3e5aa.js');
+var index$1 = require('./index-50fa525b.js');
+var index$4 = require('./index-837bd8dd.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-bb57e7e7.js');
+var utils = require('./utils-3a419b29.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var classNames = require('classnames');
-var index = require('./index-cff21895.js');
-var togetherComponentGlobalContext = require('./utils-27676c61.js');
-var normalizeLink = require('./normalizeLink-88939027.js');
+var index = require('./index-efdceed9.js');
+var togetherComponentGlobalContext = require('./utils-877af0c9.js');
+var normalizeLink = require('./normalizeLink-f635af95.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
@@ -45,14 +45,16 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 
-const BlueWhiteLogin = (props) => (React__namespace.createElement("svg", Object.assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__namespace.createElement("rect", { y: "0.5", width: "31", height: "31", rx: "15.5", fill: "white" }),
-    React__namespace.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const LoginBlueWhite = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 32 32", fill: "none" }, props),
+    React__namespace.createElement("rect", { y: 0.5, width: 31, height: 31, rx: 15.5, fill: "white" }),
+    React__namespace.createElement("path", { d: "M15.4999 14.3797C16.9062 14.3797 18.0462 13.2397 18.0462 11.8334C18.0462 10.4271 16.9062 9.28711 15.4999 9.28711C14.0936 9.28711 12.9536 10.4271 12.9536 11.8334C12.9536 13.2397 14.0936 14.3797 15.4999 14.3797Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M19.9092 22.0335C20.7055 21.7825 21.124 20.9029 20.786 20.1399C19.8879 18.1112 17.861 16.6946 15.4999 16.6946C13.1388 16.6946 11.112 18.1112 10.2138 20.1399C9.87585 20.9038 10.2944 21.7825 11.0907 22.0335C12.2249 22.3909 13.7258 22.7131 15.4999 22.7131C17.274 22.7131 18.7749 22.3909 19.9092 22.0335Z", stroke: "#2743AD", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
-const UserPlain = (props) => (React__namespace.createElement("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    React__namespace.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    React__namespace.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* eslint-disable prettier/prettier */
+const UserPlain = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none" }, props),
+    React__namespace.createElement("path", { d: "M9.99991 8.3797C11.4062 8.3797 12.5462 7.23969 12.5462 5.83341C12.5462 4.42712 11.4062 3.28711 9.99991 3.28711C8.59363 3.28711 7.45361 4.42712 7.45361 5.83341C7.45361 7.23969 8.59363 8.3797 9.99991 8.3797Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React__namespace.createElement("path", { d: "M14.4092 16.0335C15.2055 15.7825 15.624 14.9029 15.286 14.1399C14.3879 12.1112 12.361 10.6946 9.99992 10.6946C7.63881 10.6946 5.61196 12.1112 4.71381 14.1399C4.37585 14.9038 4.79436 15.7825 5.59066 16.0335C6.72492 16.3909 8.22584 16.7131 9.99992 16.7131C11.774 16.7131 13.2749 16.3909 14.4092 16.0335Z", stroke: "white", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
 
 const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
     const config = React.useMemo(() => {
@@ -77,6 +79,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
         const enableProfileMyHealth = true;
         const enableNavVideo = index.VIDEO_LOCALES.includes(locale);
         const enableNavClinityDownload = index.HAS_CLINITY_DOWNLOAD_SITE.includes(locale);
+        const enableNavCartCare = index.LOCALE_HAS_CART_CARE_SITE.includes(locale);
         const baseUrl = normalizeLink.getCurrentBaseUrl(locale, siteType === 'marryBaby');
         let fixBaseUrl = baseUrl;
         if (typeof window !== 'undefined') {
@@ -111,6 +114,7 @@ const useNavConfig = ({ locale, projectType, siteType, enableBookingBtn, }) => {
             enableProfileMySaved,
             statics,
             enableNavClinityDownload,
+            enableNavCartCare,
         };
     }, []);
     return config;
@@ -400,7 +404,12 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
     // - Mobile: show button only for helloSites, show text for MarryBaby
     React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         siteType === 'helloSites' &&
-            (isLoginIcon ? (winCashBackTheme ? (React__namespace["default"].createElement(BlueWhiteLogin, { className: "mobile-only", style: { cursor: 'pointer' } })) : (React__namespace["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
+            (isLoginIcon ? (winCashBackTheme ? (React__namespace["default"].createElement(LoginBlueWhite, { className: "mobile-only", style: {
+                    cursor: 'pointer',
+                    width: 32,
+                    height: 32,
+                    flexShrink: 0,
+                } })) : (React__namespace["default"].createElement("img", { className: "mobile-only", src: index$4.CommonGAssets.getAssetPath('login.svg'), style: {
                     cursor: 'pointer',
                     height: 24,
                     width: 24,
@@ -416,10 +425,14 @@ const NavigationProfileButton = ({ userInfo, siteType, onLoginClick, currentUrl,
                 paddingLeft: 16,
             } },
             React__namespace["default"].createElement(index$5.Text, { size: "p3", color: miscTheme.theme.mbColors.pink }, t('navigation.loginJoin')))),
-        siteType === 'marryBaby' ? (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__namespace["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: winCashBackTheme ? (React__namespace["default"].createElement(UserPlain, null)) : (React__namespace["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626" }, t('navigation.loginJoin')))))));
+        siteType === 'marryBaby' ? (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: React__namespace["default"].createElement(core.User, { color: "currentColor", isSolid: true, size: 22 }) }, t('navigation.loginJoin'))) : (React__namespace["default"].createElement(index$2.Button, { className: "login-btn", size: "md", leftIcon: winCashBackTheme ? (React__namespace["default"].createElement(UserPlain, { style: { flexShrink: 0, width: 20, height: 20 } })) : (React__namespace["default"].createElement(core.User, { color: "#595959", isSolid: true, size: 22 })), variant: "ghost", color: "#262626", sx: {
+                fontWeight: 500,
+                fontSize: 14,
+                lineHeight: 22,
+            } }, t('navigation.loginJoin')))))));
 };
 
-exports.BlueWhiteLogin = BlueWhiteLogin;
+exports.LoginBlueWhite = LoginBlueWhite;
 exports.NavigationContext = NavigationContext;
 exports.NavigationProfileButton = NavigationProfileButton;
 exports.NavigationProvider = NavigationProvider;

package/build/{index-404d2cc7.js → index-aa72746c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-bb4fdaa5.js');
+var index = require('./index-ef10ab1e.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }