@hhgtech/hhg-components 1.29.41 → 1.29.43

package/build/{index-b6806fac.js → index-3a44158b.js}

@@ -1,48 +1,48 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index$2 = require('./index-a2d5e81c.js');
+var index$2 = require('./index-00302cb4.js');
 var styled = require('@emotion/styled');
-var theme = require('./theme-a6769818.js');
-var index = require('./index-f58041e0.js');
-var index$1 = require('./index-928a93ba.js');
-var index$3 = require('./index-f402a723.js');
-var normalizeLink = require('./normalizeLink-0adecbbe.js');
-var routing = require('./routing-aae03150.js');
-var index$4 = require('./index-8ce0d3e8.js');
-var index$a = require('./index-58614afe.js');
-var useTranslations = require('./useTranslations-23bd5fea.js');
+var theme = require('./theme-98664cfd.js');
+var index = require('./index-e1ab3b36.js');
+var index$1 = require('./index-122c5fb9.js');
+var index$3 = require('./index-57683f28.js');
+var normalizeLink = require('./normalizeLink-2fbce9d9.js');
+var routing = require('./routing-3285a2c2.js');
+var index$4 = require('./index-83b804f7.js');
+var index$a = require('./index-fdd78527.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 var throttle = require('lodash/throttle');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$6 = require('./index-991e8580.js');
-require('./useMantineLocale-11ac1d5d.js');
-require('./translationsContext-e5b47417.js');
+var index$6 = require('./index-ec93dd5c.js');
+require('./useMantineLocale-904a06a5.js');
+require('./translationsContext-4b7afa0b.js');
 var formatString = require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-a423ef09.js');
-var constants = require('./constants-53af5aff.js');
+var utils = require('./utils-1f428807.js');
+var constants = require('./constants-1531deca.js');
 var core$1 = require('@hhgtech/icons/core');
-var utils$1 = require('./utils-65258a03.js');
-var ChevronDown = require('./ChevronDown-90db784c.js');
+var utils$1 = require('./utils-ca6f6696.js');
+var ChevronDown = require('./ChevronDown-91f06fd2.js');
 var react = require('@emotion/react');
-var index$5 = require('./index-2fbab8b2.js');
-var constants$1 = require('./constants-297a9f32.js');
-var index$8 = require('./index-cab2553b.js');
-var index$7 = require('./index-a98976ee.js');
-var useIsInit = require('./useIsInit-8805c830.js');
-require('./index.styles-0c64c7c2.js');
-require('./utils-19ca72b5.js');
-require('./WhatsApp-b8d7f6ee.js');
-require('./index.styled-6b0a64f1.js');
-require('./index-732d0cf6.js');
+var index$5 = require('./index-6922d805.js');
+var constants$1 = require('./constants-7fddc7f7.js');
+var index$8 = require('./index-35563f12.js');
+var index$7 = require('./index-84c6efc1.js');
+var useIsInit = require('./useIsInit-2b2ff2f0.js');
+require('./index.styles-cef9703d.js');
+require('./utils-03baf837.js');
+require('./WhatsApp-da901a36.js');
+require('./index.styled-4f0b82d2.js');
+require('./index-1327fbe0.js');
 require('@hhgtech/icons/other');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$9 = require('./index-66d74ff8.js');
+var index$9 = require('./index-8515dc14.js');
 var debounce = require('lodash/debounce');
-var core$2 = require('./core-793d9e69.js');
+var core$2 = require('./core-0cca2a30.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -2964,13 +2964,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                Promise.resolve().then(function () { return require('./doctor-1f24bfe7.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./doctor-5ca5d99b.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                Promise.resolve().then(function () { return require('./cart-4cc6d162.js'); }).then((data) => {
+                Promise.resolve().then(function () { return require('./cart-690cadca.js'); }).then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/{index-f402a723.js → index-57683f28.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-var index$1 = require('./index-991e8580.js');
-var isProduction = require('./isProduction-45b769c5.js');
+var index$1 = require('./index-ec93dd5c.js');
+var isProduction = require('./isProduction-b1fe9e14.js');
 
 const siteHost = {
     HELLO_HEALTH_GROUP: 'hellohealthgroup.com',

package/build/{index-2fbab8b2.js → index-6922d805.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index = require('./index-a2d5e81c.js');
+var index = require('./index-00302cb4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-23bade93.js → index-79230bff.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var index_styles = require('./index.styles-0c64c7c2.js');
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
-var useTranslations = require('./useTranslations-23bd5fea.js');
-var index = require('./index-a2d5e81c.js');
-var paths = require('./paths-4aef546c.js');
-var constants = require('./constants-297a9f32.js');
-var index$1 = require('./index-f402a723.js');
-var utils = require('./utils-65258a03.js');
-var isProduction = require('./isProduction-45b769c5.js');
+var index_styles = require('./index.styles-cef9703d.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
+var useTranslations = require('./useTranslations-480f64da.js');
+var index = require('./index-00302cb4.js');
+var paths = require('./paths-c6a37ed5.js');
+var constants = require('./constants-7fddc7f7.js');
+var index$1 = require('./index-57683f28.js');
+var utils = require('./utils-ca6f6696.js');
+var isProduction = require('./isProduction-b1fe9e14.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-8ce0d3e8.js → index-83b804f7.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-a423ef09.js');
-var theme = require('./theme-a6769818.js');
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
-var utils$1 = require('./utils-65258a03.js');
+var utils = require('./utils-1f428807.js');
+var theme = require('./theme-98664cfd.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
+var utils$1 = require('./utils-ca6f6696.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a98976ee.js → index-84c6efc1.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var theme = require('./theme-a6769818.js');
+var theme = require('./theme-98664cfd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-62392773.js → index-9c2c196e.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index = require('./index-991e8580.js');
+var index = require('./index-ec93dd5c.js');
 var styled = require('@emotion/styled');
-var index$2 = require('./index-928a93ba.js');
-var theme = require('./theme-a6769818.js');
-var index$1 = require('./index-a2d5e81c.js');
-var index$3 = require('./index-16b667e7.js');
+var index$2 = require('./index-122c5fb9.js');
+var theme = require('./theme-98664cfd.js');
+var index$1 = require('./index-00302cb4.js');
+var index$3 = require('./index-2a48c97f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b1571e39.js → index-9c2c227f.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$2 = require('./index-a2d5e81c.js');
+var index$2 = require('./index-00302cb4.js');
 require('@mantine/dates');
-var index = require('./index-f402a723.js');
-var index$1 = require('./index-991e8580.js');
-require('./index-928a93ba.js');
-require('./useMantineLocale-11ac1d5d.js');
-require('./index-f58041e0.js');
-require('./theme-a6769818.js');
-var useTranslations = require('./useTranslations-23bd5fea.js');
+var index = require('./index-57683f28.js');
+var index$1 = require('./index-ec93dd5c.js');
+require('./index-122c5fb9.js');
+require('./useMantineLocale-904a06a5.js');
+require('./index-e1ab3b36.js');
+require('./theme-98664cfd.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 require('@mantine/hooks');
-require('./utils-a423ef09.js');
-var utils = require('./utils-9c7a9493.js');
+require('./utils-1f428807.js');
+var utils = require('./utils-f4ff815d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-6feeacd9.js → index-bb55a2a5.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
-var theme = require('./theme-a6769818.js');
+var theme = require('./theme-98664cfd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f3704324.js → index-bc5dcbc1.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var index = require('./index-a2d5e81c.js');
+var index = require('./index-00302cb4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-39c7a6d0.js → index-c58213cc.js}

@@ -2,34 +2,34 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-a423ef09.js');
-var index_styles = require('./index.styles-0c64c7c2.js');
-var index = require('./index-f58041e0.js');
-var theme = require('./theme-a6769818.js');
-var index$1 = require('./index-01dcd4ee.js');
-var index$2 = require('./index-16b667e7.js');
-var useScrollbarSize = require('./useScrollbarSize-12f586ff.js');
+var utils = require('./utils-1f428807.js');
+var index_styles = require('./index.styles-cef9703d.js');
+var index = require('./index-e1ab3b36.js');
+var theme = require('./theme-98664cfd.js');
+var index$1 = require('./index-d56f3314.js');
+var index$2 = require('./index-2a48c97f.js');
+var useScrollbarSize = require('./useScrollbarSize-8ba5e28e.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-65258a03.js');
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var utils$1 = require('./utils-ca6f6696.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var yup = require('@hookform/resolvers/yup');
-var index$7 = require('./index-991e8580.js');
+var index$7 = require('./index-ec93dd5c.js');
 var reactHookForm = require('react-hook-form');
 var other = require('@hhgtech/icons/other');
-var index$4 = require('./index-a2d5e81c.js');
-var index$3 = require('./index-928a93ba.js');
-var index$5 = require('./index-ffdd1117.js');
-require('./utils-19ca72b5.js');
-var index$6 = require('./index-37a0998d.js');
-var useTranslations = require('./useTranslations-23bd5fea.js');
+var index$4 = require('./index-00302cb4.js');
+var index$3 = require('./index-122c5fb9.js');
+var index$5 = require('./index-de3537ec.js');
+require('./utils-03baf837.js');
+var index$6 = require('./index-10d9cfdb.js');
+var useTranslations = require('./useTranslations-480f64da.js');
 require('@mantine/hooks');
-require('./useMantineLocale-11ac1d5d.js');
-require('./index-f402a723.js');
-require('./WhatsApp-b8d7f6ee.js');
-require('./index.styled-6b0a64f1.js');
-require('./index-732d0cf6.js');
-var constants = require('./constants-297a9f32.js');
+require('./useMantineLocale-904a06a5.js');
+require('./index-57683f28.js');
+require('./WhatsApp-da901a36.js');
+require('./index.styled-4f0b82d2.js');
+require('./index-1327fbe0.js');
+var constants = require('./constants-7fddc7f7.js');
 require('@mantine/dates');
 var dateFns = require('date-fns');
 var flattenChildren = require('react-keyed-flatten-children');
@@ -603,11 +603,10 @@ var useStyles$7 = core.createStyles((theme, { formLayout }) => {
 const useStyles$6 = core.createStyles((theme, { formLayout }) => {
     const isMarryBaby = theme.other.template === 'mb';
     return {
-        root: Object.assign(Object.assign({}, (formLayout === 'inline' && {
+        root: Object.assign(Object.assign({ minWidth: core.rem(180) }, (formLayout === 'inline' && {
             alignSelf: 'flex-end',
             marginTop: core.rem(16),
         })), (formLayout === 'default' && Object.assign({}, (isMarryBaby && {
-            minWidth: core.rem(180),
             alignSelf: 'center',
         })))),
     };
@@ -616,13 +615,48 @@ const SubmitBtn = (_a) => {
     var { styles, classNames, className } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames", "className"]);
     const { formLayout } = React.useContext(FormLayoutContext);
     const { classes, cx } = useStyles$6({ formLayout }, {
-        name: 'HealthToolFormWrapper',
+        name: 'HealthToolFormWrapper__SubmitBtn',
         styles,
         classNames,
     });
     return (React__default["default"].createElement(index$4.Button, Object.assign({ className: cx('submit-btn', className, classes.root) }, props, { variant: "primary", size: "md" })));
 };
 
+const Switching = (_a) => {
+    var { label } = _a, props = tslib_es6.__rest(_a, ["label"]);
+    const { t } = useTranslations.useTranslations();
+    const theme = core.useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
+    return (React__default["default"].createElement(core.Flex, { gap: core.rem(4), sx: () => ({
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        }) },
+        label && (React__default["default"].createElement(index.Text, { size: isMarryBaby ? 'p4' : 's4', color: "gray.6" }, label)),
+        React__default["default"].createElement(core.Switch, Object.assign({ labelPosition: "left", onLabel: t('switchBtn.yes'), offLabel: t('switchBtn.no') }, props, { styles: (theme) => ({
+                trackLabel: {
+                    fontSize: core.rem(12),
+                },
+                track: {
+                    cursor: 'pointer',
+                },
+                body: {
+                    [theme.fn.largerThan('sm')]: {
+                        flexDirection: 'column',
+                        alignItems: 'flex-start',
+                    },
+                    [theme.fn.smallerThan('sm')]: {
+                        justifyContent: 'space-between',
+                    },
+                },
+                labelWrapper: {
+                    [theme.fn.smallerThan('sm')]: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                    },
+                },
+            }) }))));
+};
+
 const useStyles$5 = core.createStyles((theme) => {
     return {
         root: {
@@ -642,53 +676,57 @@ const Unit = (_a) => {
     return React__default["default"].createElement(index.Text, Object.assign({ size: "p4", className: cx(className, classes.root) }, props));
 };
 
-var useStyles$4 = core.createStyles((theme, { width }) => {
+var useStyles$4 = core.createStyles(() => {
     return {
-        row: {
+        root: {
             display: 'flex',
-            alignItems: 'stretch',
-            justifyContent: 'space-between',
-            gap: core.rem(16),
-        },
-        labelWrapper: {
+            gap: core.rem(8),
+            border: '1px solid #EAEAEC',
+            borderRadius: core.rem(16),
+            padding: '10px 16px',
             flex: '1 1 0px',
+            '.mantine-Input-input': {
+                border: 0,
+                paddingLeft: 0,
+                height: '22px',
+                borderRadius: 0,
+                '&:focus': {
+                    outline: 0,
+                    boxShadow: 'none',
+                },
+            },
+        },
+        info: {
             display: 'flex',
-            alignItems: 'center',
-            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
+            flexDirection: 'column',
+            gap: core.rem(8),
         },
         label: {
-            fontSize: core.rem(14),
-            color: theme.colors.gray[6],
+            color: '#7C7C8F',
+            fontWeight: 'normal',
         },
-        content: {
+        content: {},
+        rightSection: {
             display: 'flex',
             alignItems: 'center',
-            gap: core.rem(8),
-            input: {
-                backgroundColor: '#fff',
-            },
-        },
-        control: {
-            width: typeof width === 'number' ? core.rem(width) : width,
-            flexShrink: 1,
-            '&.error': {
-                'button, input': {
-                    borderColor: theme.colors.red[7],
-                },
-            },
+            textTransform: 'lowercase',
+            color: '#3E3F58',
         },
     };
 });
 
-const BorderBoxControl = ({ label, children, styles, classNames, width = 180, }) => {
-    const { classes } = useStyles$4({ width }, {
+const BorderBoxControl = (_a) => {
+    var { label, rightSection, children, styles, className, classNames } = _a, props = tslib_es6.__rest(_a, ["label", "rightSection", "children", "styles", "className", "classNames"]);
+    const { classes, cx } = useStyles$4(undefined, {
         name: 'HealthToolFormWrapper__BorderBoxControl',
         styles,
         classNames,
     });
-    return (React__default["default"].createElement(core.Box, { className: classes.row },
-        React__default["default"].createElement(core.Box, { className: classes.labelWrapper }, label && (React__default["default"].createElement("label", { className: classes.label, htmlFor: "gender" }, label))),
-        React__default["default"].createElement(core.Box, { className: classes.content }, flattenChildren__default["default"](children).map((i, idx) => (React__default["default"].createElement(core.Box, { key: idx, className: classes.control }, i))))));
+    return (React__default["default"].createElement(core.Box, Object.assign({ className: cx(classes.root, className) }, props),
+        React__default["default"].createElement(core.Box, { className: classes.info },
+            label && (React__default["default"].createElement(index.Text, { size: "n1", as: "label", className: classes.label }, label)),
+            React__default["default"].createElement(core.Box, { className: classes.content }, children)),
+        rightSection && (React__default["default"].createElement(core.Box, { className: classes.rightSection }, typeof rightSection === 'string' ? (React__default["default"].createElement(index.Text, { size: "p4" }, rightSection)) : (rightSection)))));
 };
 
 var useStyles$3 = core.createStyles((theme, { width }) => {
@@ -698,6 +736,7 @@ var useStyles$3 = core.createStyles((theme, { width }) => {
             alignItems: 'stretch',
             justifyContent: 'space-between',
             gap: core.rem(16),
+            minHeight: core.rem(40),
         },
         labelWrapper: {
             flex: '1 1 0px',
@@ -802,7 +841,8 @@ HealthToolFormWrapper.BorderBoxControl = BorderBoxControl;
 HealthToolFormWrapper.Error = Error;
 HealthToolFormWrapper.FormRow = FormRow;
 HealthToolFormWrapper.Submit = SubmitBtn;
-HealthToolFormWrapper.Unit = Unit;
+HealthToolFormWrapper.Unit = Unit;
+HealthToolFormWrapper.Switching = Switching;
 
 const BabyGrowthFormContext = React.createContext({});
 
@@ -845,7 +885,7 @@ const StyledRow = styled__default["default"].div `
 
 const DefaultForm = (props) => {
     const { t } = useTranslations.useTranslations();
-    const { control, currentUrl, isEmptyThreeFields, siteType } = React.useContext(BabyGrowthFormContext);
+    const { control, currentUrl, isEmptyThreeFields, siteType, submitProps } = React.useContext(BabyGrowthFormContext);
     const commonDateProps = {
         placeholder: 'DD/MM/YYYY',
         popoverProps: {
@@ -913,7 +953,7 @@ const DefaultForm = (props) => {
                     React__default["default"].createElement(StyledInlineLabel, { size: "label1", htmlFor: "measurementDate" },
                         React__default["default"].createElement(index.Text, { as: "label", size: "s4", weight: "semiBold" }, t('babyGrowth.input.measurementDate'))),
                     React__default["default"].createElement(index$6.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date(), onChange: onChange, maxDate: new Date(), className: (error === null || error === void 0 ? void 0 : error.message) ? 'error-input' : '' })))) }),
-            React__default["default"].createElement(HealthToolFormWrapper.Submit, { type: "submit", variant: 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, t('babyGrowth.input.submit'))))));
+            React__default["default"].createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", variant: 'primary', "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl }, submitProps), t('babyGrowth.input.submit'))))));
 };
 
 var useStyles = core.createStyles((theme) => {
@@ -936,7 +976,7 @@ var useStyles = core.createStyles((theme) => {
 const InlineForm = (_a) => {
     var { styles, classNames } = _a, props = tslib_es6.__rest(_a, ["styles", "classNames"]);
     const { t } = useTranslations.useTranslations();
-    const { control, currentUrl, isEmptyThreeFields } = React.useContext(BabyGrowthFormContext);
+    const { control, currentUrl, isEmptyThreeFields, submitProps } = React.useContext(BabyGrowthFormContext);
     const { classes, cx } = useStyles(undefined, {
         name: 'BabyGrowthForm__InlineForm',
         styles,
@@ -978,7 +1018,7 @@ const InlineForm = (_a) => {
                     React__default["default"].createElement(index$4.Input, { name: "head", placeholder: "0", size: "md", value: String(value), onChange: onChange, type: "number", onKeyDown: (e) => ['e', 'E', '+', '-'].includes(e.key) && e.preventDefault(), onWheelCapture: (event) => event.currentTarget.blur(), rightSection: React__default["default"].createElement(HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })))) }),
         React__default["default"].createElement(reactHookForm.Controller, { control: control, name: "measurementDate", render: ({ field: { onChange } }) => (React__default["default"].createElement(HealthToolFormWrapper.BorderInlineControl, { label: t('babyGrowth.input.measurementDate') },
                 React__default["default"].createElement(index$6.DatePicker, Object.assign({}, commonDateProps, { defaultValue: new Date(), onChange: onChange, maxDate: new Date() })))) }),
-        React__default["default"].createElement(HealthToolFormWrapper.Submit, { type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, t('babyGrowth.input.submit'))));
+        React__default["default"].createElement(HealthToolFormWrapper.Submit, Object.assign({ type: "submit", "data-event-category": "Health Tool", "data-event-action": "Baby Growth", "data-event-label": currentUrl, className: classes.submitBtn }, submitProps), t('babyGrowth.input.submit'))));
 };
 
 /**
@@ -1015,7 +1055,7 @@ const bmiCalculate = (height = 0, weight = 0) => {
 };
 
 const BabyGrowthForm = (_a) => {
-    var { onSubmit, onError, schema, formLayout = 'default' } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "onError", "schema", "formLayout"]);
+    var { onSubmit, onError, schema, formLayout = 'default', submitProps } = _a, rest = tslib_es6.__rest(_a, ["onSubmit", "onError", "schema", "formLayout", "submitProps"]);
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     const siteType = isMarryBaby ? 'marryBaby' : 'helloSites';
@@ -1049,6 +1089,7 @@ const BabyGrowthForm = (_a) => {
             control,
             currentUrl,
             siteType,
+            submitProps,
         } }, formLayout === 'default' ? (React__default["default"].createElement(DefaultForm, Object.assign({}, commonProps))) : (React__default["default"].createElement(InlineForm, Object.assign({}, commonProps)))));
 };
 

package/build/{index-854624ab.js → index-cd19b5cc.js}

@@ -1,24 +1,24 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-66d74ff8.js');
+var index$1 = require('./index-8515dc14.js');
 var dayjs = require('dayjs');
-var index$3 = require('./index-f402a723.js');
-var index = require('./index-a2d5e81c.js');
+var index$3 = require('./index-57683f28.js');
+var index = require('./index-00302cb4.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-991e8580.js');
-require('./index-928a93ba.js');
-require('./useMantineLocale-11ac1d5d.js');
-var index$2 = require('./index-f58041e0.js');
-var theme = require('./theme-a6769818.js');
-require('./translationsContext-e5b47417.js');
+require('./index-ec93dd5c.js');
+require('./index-122c5fb9.js');
+require('./useMantineLocale-904a06a5.js');
+var index$2 = require('./index-e1ab3b36.js');
+var theme = require('./theme-98664cfd.js');
+require('./translationsContext-4b7afa0b.js');
 require('string-format');
 require('@mantine/hooks');
-var utils = require('./utils-a423ef09.js');
+var utils = require('./utils-1f428807.js');
 var styled = require('@emotion/styled');
-var index$5 = require('./index-58614afe.js');
-var index$4 = require('./index-01dcd4ee.js');
+var index$5 = require('./index-fdd78527.js');
+var index$4 = require('./index-d56f3314.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-01dcd4ee.js → index-d56f3314.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var index_styled = require('./index.styled-6b0a64f1.js');
+var index_styled = require('./index.styled-4f0b82d2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ffdd1117.js → index-de3537ec.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var constants = require('./constants-297a9f32.js');
+var constants = require('./constants-7fddc7f7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-f58041e0.js → index-e1ab3b36.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-a423ef09.js');
+var utils = require('./utils-1f428807.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-3f571f3c.js → index-e36755e5.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7680ee2c.js');
+var tslib_es6 = require('./tslib.es6-86f09fff.js');
 var React = require('react');
-var theme = require('./theme-a6769818.js');
-var utils = require('./utils-65258a03.js');
-var WhatsApp = require('./WhatsApp-b8d7f6ee.js');
+var theme = require('./theme-98664cfd.js');
+var utils = require('./utils-ca6f6696.js');
+var WhatsApp = require('./WhatsApp-da901a36.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }