@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-2

package/build/{index-4d896d59.js → index-72fd5922.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-511719aa.js');
-var constants = require('./constants-ddd4032f.js');
-var index$2 = require('./index-fb8aca3b.js');
-var index$3 = require('./index-1d059c31.js');
-require('@mantine/core');
+var useHealthToolCache = require('./useHealthToolCache-878ac6e9.js');
+var constants = require('./constants-5bb1c5c9.js');
+var core = require('@mantine/core');
+var index$2 = require('./index-ad528c01.js');
+var index$3 = require('./index-8042912b.js');
 require('@mantine/dates');
-require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-var index$4 = require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
+require('./index-9cbf8c8a.js');
+require('./index-f21a41b4.js');
+require('./index-43c7e468.js');
+require('./index-bb11b980.js');
+var index$4 = require('./index-446f6b08.js');
+require('./index-19ea00e5.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-53d5845c.js');
-var index = require('./index-5b4e93f8.js');
+require('./index.styles-c6be52cd.js');
+var index = require('./index-9a8c49c0.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-var index$1 = require('./index-045906cb.js');
+require('./text-c7455f24.js');
+require('./utils-9b70ff85.js');
+require('./index-3b3780f8.js');
+var index$1 = require('./index-8b2a642b.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');
 
@@ -33,9 +33,9 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const BmiFormContext = React.createContext({});
 
 const DefaultForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = index.useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = React.useContext(BmiFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default["default"].createElement(index$2.GenderOptionControl, { error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', onChange: onChange }));
@@ -64,13 +64,37 @@ const DefaultForm = (props) => {
                         content: '60',
                     }), name: name, value: value, onChange: onChange, error: isTouched ? error === null || error === void 0 ? void 0 : error.message : '', precision: 1, min: 0 }));
             } }),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(reactHookForm.Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
+                    return (React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg", error: isTouched ? React__default["default"].createElement(index$3.ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            React__default["default"].createElement(reactHookForm.Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                    return (React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default["default"].createElement(index$4.Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')), error: isTouched ? React__default["default"].createElement(index$3.ErrorLabel, { label: error === null || error === void 0 ? void 0 : error.message }) : '' },
+                        React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                            React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))));
+                } }),
+            React__default["default"].createElement(core.Stack, { spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${core.rem(16)} ${core.rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${core.rem(-16)}  ${core.rem(-16)}`,
+                }) },
+                React__default["default"].createElement(reactHookForm.Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
+                        var _b = _a.field, { value, onChange, name } = _b, field = tslib_es6.__rest(_b, ["value", "onChange", "name"]);
+                        return (React__default["default"].createElement(index$3.Checkbox, Object.assign({ size: "sm", label: React__default["default"].createElement(index$4.Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const InlineForm = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g;
     const { t, locale } = index.useTranslations();
-    const { control, bmiGenerated, isTouched, linkTool, submitProps } = React.useContext(BmiFormContext);
+    const { control, bmiGenerated, isTouched, linkTool, submitProps, withAdditionalQuestion, } = React.useContext(BmiFormContext);
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
         React__default["default"].createElement(reactHookForm.Controller, { name: "gender", control: control, rules: (_a = bmiGenerated.gender) === null || _a === void 0 ? void 0 : _a.rule, render: ({ field: { onChange }, fieldState: { error } }) => {
                 return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('tools.selectGender'), width: 'none', errorMess: isTouched && (error === null || error === void 0 ? void 0 : error.message) },
@@ -102,13 +126,50 @@ const InlineForm = (props) => {
                             }), name: name, value: value, onChange: onChange, error: isTouched && (error === null || error === void 0 ? void 0 : error.message) ? React__default["default"].createElement(React__default["default"].Fragment, null) : '', precision: 1, min: 0, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })),
                     isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
             } }),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))));
+        withAdditionalQuestion ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(reactHookForm.Controller, { name: "question1", control: control, rules: (_e = bmiGenerated.question1) === null || _e === void 0 ? void 0 : _e.rule, render: ({ field: { value, onChange, name }, fieldState: { error }, }) => {
+                    return (React__default["default"].createElement(core.Box, null,
+                        React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.weightLossSupport')), size: "lg" },
+                            React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            React__default["default"].createElement(reactHookForm.Controller, { name: "question2", control: control, rules: (_f = bmiGenerated.question2) === null || _f === void 0 ? void 0 : _f.rule, render: ({ field: { name, value, onChange }, fieldState: { error }, }) => {
+                    return (React__default["default"].createElement(core.Box, null,
+                        React__default["default"].createElement(index$3.Radio.Group, { name: name, value: value, onChange: onChange, sx: { flex: 1 }, label: React__default["default"].createElement(index$4.Text, { size: "s4", weight: "semiBold", span: true }, t('bmi.question.glp1Awareness')), size: "lg", description: React__default["default"].createElement(index$4.Text, { style: { fontSize: '10px' }, span: true }, t('bmi.question.glp1Awareness.desc')) },
+                            React__default["default"].createElement(core.Flex, { gap: "lg", sx: { paddingTop: core.rem(8) } },
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "1", label: t('switchBtn.yes') }),
+                                React__default["default"].createElement(index$3.Radio, { size: "sm", value: "0", label: t('switchBtn.no') }))),
+                        isTouched && (error === null || error === void 0 ? void 0 : error.message) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, error.message))));
+                } }),
+            React__default["default"].createElement(core.Stack, { className: "newsletter-block", spacing: 16, sx: (theme) => ({
+                    backgroundColor: theme.colors.neutral[0],
+                    padding: `${core.rem(16)} ${core.rem(12)}`,
+                    borderBottomLeftRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit',
+                    margin: `0 ${core.rem(-16)}  ${core.rem(-16)}`,
+                    '.bmi-btn': {
+                        marginTop: 0,
+                    },
+                }) },
+                React__default["default"].createElement(reactHookForm.Controller, { name: "newsletter", control: control, rules: (_g = bmiGenerated.newsletter) === null || _g === void 0 ? void 0 : _g.rule, render: (_a) => {
+                        var _b = _a.field, { value, onChange, name } = _b, field = tslib_es6.__rest(_b, ["value", "onChange", "name"]);
+                        return (React__default["default"].createElement(index$3.Checkbox, Object.assign({ size: "sm", label: React__default["default"].createElement(index$4.Text, { size: "p3" }, t('bmi.newsletter.label')), onChange: (e) => onChange(e.currentTarget.checked), name: name, checked: !!value }, field)));
+                    } }),
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit'))))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${constantsDomainLocales.domainLocales[locale]}/${linkTool}`, type: "submit" }, submitProps), t('bmi.submit')))));
 };
 
 const BmiForm = (_a) => {
-    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps"]);
+    var { value: valueProps, onChange: onChangeProps, onSubmit: onSubmitProps, bmiGenerated, bmiUnit, formLayout = 'default', submitProps, withAdditionalQuestion } = _a, rest = tslib_es6.__rest(_a, ["value", "onChange", "onSubmit", "bmiGenerated", "bmiUnit", "formLayout", "submitProps", "withAdditionalQuestion"]);
     const [isTouched, setIsTouched] = React.useState(false);
-    const { control, handleSubmit, setValue, watch } = reactHookForm.useForm();
+    const { control, handleSubmit, setValue, watch } = reactHookForm.useForm({
+        defaultValues: {
+            question1: undefined,
+            question2: undefined,
+            newsletter: true,
+        },
+    });
     const data = watch();
     const { locale } = index.useTranslations();
     const { getHealthToolLink } = useHealthToolCache.useHealthToolsCache(locale);
@@ -116,13 +177,8 @@ const BmiForm = (_a) => {
     const onValid = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const height = bmiUnit.heightConvert(data.height);
         const weight = bmiUnit.weightConvert(data.weight);
-        const submitValue = {
-            gender: data.gender,
-            age: data.age,
-            height,
-            weight,
-            bmi: embeddedHeathToolCards_helpers.getBmi({ height, weight }),
-        };
+        const submitValue = Object.assign(Object.assign({}, data), { height,
+            weight, bmi: embeddedHeathToolCards_helpers.getBmi({ height, weight }) });
         onInValid();
         onSubmitProps && onSubmitProps(submitValue);
     });
@@ -149,6 +205,7 @@ const BmiForm = (_a) => {
             isTouched,
             linkTool,
             submitProps,
+            withAdditionalQuestion,
         } }, formLayout === 'inline' ? (React__default["default"].createElement(InlineForm, Object.assign({}, commonProps))) : (React__default["default"].createElement(DefaultForm, Object.assign({}, commonProps)))));
 };
 

package/build/{index-e4616aeb.js → index-751513b2.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-511719aa.js');
-var index = require('./index-5b4e93f8.js');
-var index$5 = require('./index-ee288e6c.js');
-var constants = require('./constants-ddd4032f.js');
-var index$2 = require('./index-fb8aca3b.js');
-var index$4 = require('./index-1d059c31.js');
-var index$3 = require('./index-44b6087f.js');
-require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
+var useHealthToolCache = require('./useHealthToolCache-878ac6e9.js');
+var index = require('./index-9a8c49c0.js');
+var index$5 = require('./index-43c7e468.js');
+var constants = require('./constants-5bb1c5c9.js');
+var index$2 = require('./index-ad528c01.js');
+var index$4 = require('./index-8042912b.js');
+var index$3 = require('./index-8ae38747.js');
+require('./index-446f6b08.js');
+require('./index-19ea00e5.js');
 require('@mantine/core');
-require('./index.styles-53d5845c.js');
+require('./index.styles-c6be52cd.js');
 require('@mantine/hooks');
-require('./index-7270789c.js');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-require('./index-dc631b98.js');
-var index$1 = require('./index-045906cb.js');
+require('./index-bb11b980.js');
+require('./text-c7455f24.js');
+require('./utils-9b70ff85.js');
+require('./index-3b3780f8.js');
+require('./index-9cbf8c8a.js');
+var index$1 = require('./index-8b2a642b.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-ac6860b8.js → index-78c334eb.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-5b4e93f8.js');
-var index$1 = require('./index-a59d5405.js');
+var index = require('./index-9a8c49c0.js');
+var index$1 = require('./index-3c1bb36e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-792d8436.js → index-7f915165.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var core = require('@mantine/core');
-require('./index-1d059c31.js');
+require('./index-8042912b.js');
 require('@mantine/dates');
-require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-var index$1 = require('./index-705f25ba.js');
-var index$2 = require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
-var index = require('./index-5b4e93f8.js');
+require('./index-9cbf8c8a.js');
+require('./index-f21a41b4.js');
+require('./index-43c7e468.js');
+require('./index-bb11b980.js');
+var index$1 = require('./index-446f6b08.js');
+var index$2 = require('./index-19ea00e5.js');
+require('./index.styles-c6be52cd.js');
+var index = require('./index-9a8c49c0.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
+require('./text-c7455f24.js');
+require('./utils-9b70ff85.js');
+require('./index-3b3780f8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1d059c31.js → index-8042912b.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index = require('./index-ee288e6c.js');
-var text = require('./text-9542ed5a.js');
-var index$2 = require('./index-1abd22d1.js');
+var index = require('./index-43c7e468.js');
+var text = require('./text-c7455f24.js');
+var index$2 = require('./index-f5119e6b.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$1 = require('./index-705f25ba.js');
-var index$3 = require('./index-7270789c.js');
+var index$1 = require('./index-446f6b08.js');
+var index$3 = require('./index-bb11b980.js');
 var miscTheme = require('./miscTheme.js');
 var cn = require('classnames');
 var uuid = require('uuid');
-var useUniqueId = require('./useUniqueId-df4397a2.js');
+var useUniqueId = require('./useUniqueId-5a1dc8ed.js');
 var constantsSite = require('./constantsSite.js');
 var react = require('@emotion/react');
 var core$1 = require('@hhgtech/icons/core');
-var index$4 = require('./index-2b351a5e.js');
+var index$4 = require('./index-19ea00e5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-573f8030.js → index-869609bd.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-8f2b774b.js');
-var index$3 = require('./index-1d059c31.js');
-var index$2 = require('./index-2b351a5e.js');
-var index$5 = require('./index-705f25ba.js');
-var index$1 = require('./index-5b4e93f8.js');
-var index$4 = require('./index-ee288e6c.js');
+var Spinner = require('./Spinner-f2b5a511.js');
+var index$3 = require('./index-8042912b.js');
+var index$2 = require('./index-19ea00e5.js');
+var index$5 = require('./index-446f6b08.js');
+var index$1 = require('./index-9a8c49c0.js');
+var index$4 = require('./index-43c7e468.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-88a3614b.js');
+var utils = require('./utils-9b70ff85.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-dc631b98.js');
-var togetherComponentGlobalContext = require('./utils-a424d08d.js');
-var normalizeLink = require('./normalizeLink-9837fdff.js');
+var index = require('./index-9cbf8c8a.js');
+var togetherComponentGlobalContext = require('./utils-2b5b0139.js');
+var normalizeLink = require('./normalizeLink-1b941950.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-62b6722e.js → index-87d4d9c5.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
-require('./index-547c8af7.js');
+require('./index-f21a41b4.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-ee288e6c.js');
+var index$1 = require('./index-43c7e468.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-1abd22d1.js');
-var index$2 = require('./index-a295b20b.js');
-var Locale = require('./Locale-46d44b30.js');
-var index$3 = require('./index-1d059c31.js');
+var index = require('./index-f5119e6b.js');
+var index$2 = require('./index-f2d94da2.js');
+var Locale = require('./Locale-9127c9c2.js');
+var index$3 = require('./index-8042912b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b6222d7f.js → index-87fa019c.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-fd2bb937.js');
+var index = require('./index-e94e7bca.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-44b6087f.js → index-8ae38747.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-var index$2 = require('./index-ee288e6c.js');
-var index$1 = require('./index-7270789c.js');
-var Locale = require('./Locale-46d44b30.js');
+var index = require('./index-9cbf8c8a.js');
+require('./index-f21a41b4.js');
+var index$2 = require('./index-43c7e468.js');
+var index$1 = require('./index-bb11b980.js');
+var Locale = require('./Locale-9127c9c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-045906cb.js → index-8b2a642b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-705f25ba.js');
-var index$1 = require('./index-2b351a5e.js');
-var index$2 = require('./index-5b4e93f8.js');
+var index = require('./index-446f6b08.js');
+var index$1 = require('./index-19ea00e5.js');
+var index$2 = require('./index-9a8c49c0.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 
@@ -127,6 +127,7 @@ var useStyles$6 = core.createStyles((theme, { formLayout }) => {
             display: 'flex',
             flexDirection: 'column',
             gap: core.rem(formLayout === 'inline' ? 8 : 16),
+            borderRadius: 'inherit',
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },

package/build/{index-5b4e93f8.js → index-9a8c49c0.js}

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

package/build/{index-dc631b98.js → index-9cbf8c8a.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-547c8af7.js');
+require('./index-f21a41b4.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-46d44b30.js');
+var Locale = require('./Locale-9127c9c2.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -768,7 +768,6 @@ const GA_TOKEN_COOKIE = '_ga';
 const API_DATE_FORMAT = 'YYYY-MM-DD';
 const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
-const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
 exports.EMERGENCY_STATUS = void 0;
 (function (EMERGENCY_STATUS) {
@@ -813,7 +812,6 @@ var index = /*#__PURE__*/Object.freeze({
   API_DATE_FORMAT: API_DATE_FORMAT,
   DATE_FNS_DATE_FORMAT: DATE_FNS_DATE_FORMAT,
   ZINDEX_SSO: ZINDEX_SSO,
-  ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
   get EMERGENCY_STATUS () { return exports.EMERGENCY_STATUS; },
   get ServicePrice () { return exports.ServicePrice; },
@@ -848,7 +846,6 @@ exports.UP_BASEPATH = UP_BASEPATH;
 exports.USER_GEOLOCATION_COORDINATES_COOKIE = USER_GEOLOCATION_COORDINATES_COOKIE;
 exports.VIDEO_DETAIL_TEMP_STORAGE = VIDEO_DETAIL_TEMP_STORAGE;
 exports.VIDEO_LOCALES = VIDEO_LOCALES;
-exports.ZINDEX_HEADER = ZINDEX_HEADER;
 exports.ZINDEX_SSO = ZINDEX_SSO;
 exports.basePath = basePath;
 exports.index = index;

package/build/{index-18a7e870.js → index-9ecdbf90.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-1d059c31.js');
+var index$2 = require('./index-8042912b.js');
 require('@mantine/dates');
-var index = require('./index-dc631b98.js');
-require('./index-547c8af7.js');
-require('./index-ee288e6c.js');
-require('./index-7270789c.js');
-require('./index-705f25ba.js');
-require('./index-2b351a5e.js');
-require('./index.styles-53d5845c.js');
-var index$1 = require('./index-5b4e93f8.js');
+var index = require('./index-9cbf8c8a.js');
+require('./index-f21a41b4.js');
+require('./index-43c7e468.js');
+require('./index-bb11b980.js');
+require('./index-446f6b08.js');
+require('./index-19ea00e5.js');
+require('./index.styles-c6be52cd.js');
+var index$1 = require('./index-9a8c49c0.js');
 require('@mantine/hooks');
-require('./text-9542ed5a.js');
-require('./utils-88a3614b.js');
-require('./index-099fe5e2.js');
-var utils = require('./utils-d8fd2460.js');
-var Locale = require('./Locale-46d44b30.js');
+require('./text-c7455f24.js');
+require('./utils-9b70ff85.js');
+require('./index-3b3780f8.js');
+var utils = require('./utils-e27cc725.js');
+var Locale = require('./Locale-9127c9c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-fcd90e7d.js → index-9fdbed4f.js}

@@ -3,9 +3,9 @@
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-a295b20b.js');
-var index$1 = require('./index-1abd22d1.js');
-var index$2 = require('./index-705f25ba.js');
+var index = require('./index-f2d94da2.js');
+var index$1 = require('./index-f5119e6b.js');
+var index$2 = require('./index-446f6b08.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9eb47869.js → index-a77400fa.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var text = require('./text-9542ed5a.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
+var text = require('./text-c7455f24.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-8cef94dd.js → index-aa0ca8f6.js}

@@ -5,24 +5,24 @@ var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$2 = require('./index-5b4e93f8.js');
-var utils = require('./utils-88a3614b.js');
-var index$1 = require('./index-5932c076.js');
-var index$a = require('./index-58b71eb9.js');
-var tslib_es6 = require('./tslib.es6-77827ae2.js');
-var index = require('./index-7fe93d75.js');
-var index$4 = require('./index-1abd22d1.js');
-require('./index-dc631b98.js');
-var index$7 = require('./index-ee288e6c.js');
-var togetherComponentGlobalContext = require('./utils-a424d08d.js');
-var index$6 = require('./index-a59d5405.js');
-var index$5 = require('./index-705f25ba.js');
+var index$2 = require('./index-9a8c49c0.js');
+var utils = require('./utils-9b70ff85.js');
+var index$1 = require('./index-4fa4c0f6.js');
+var index$a = require('./index-f2c7c30c.js');
+var tslib_es6 = require('./tslib.es6-e9857d16.js');
+var index = require('./index-126f320b.js');
+var index$4 = require('./index-f5119e6b.js');
+require('./index-9cbf8c8a.js');
+var index$7 = require('./index-43c7e468.js');
+var togetherComponentGlobalContext = require('./utils-2b5b0139.js');
+var index$6 = require('./index-3c1bb36e.js');
+var index$5 = require('./index-446f6b08.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-280f37a8.js');
-var index$8 = require('./index-ebce91a0.js');
-var index$9 = require('./index-866a14a3.js');
+var index$3 = require('./index-6589e57a.js');
+var index$8 = require('./index-6ff17ce1.js');
+var index$9 = require('./index-f119df59.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -920,7 +920,7 @@ const _CardAuthor = (props) => {
     React.useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                Promise.resolve().then(function () { return require('./index-1f46b9f3.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-1e2e55a6.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }