@hhgtech/hhg-components 1.29.448 → 1.29.449-beta-2

package/build/{index-62962bcd.js → index-608432c3.js}

@@ -1,27 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-3076b5c8.js');
-var index = require('./index-aaf078ac.js');
-var constants$1 = require('./constants-2d7796a3.js');
-var index$2 = require('./index-8128ad91.js');
+var useHealthToolCache = require('./useHealthToolCache-627d55f2.js');
+var index = require('./index-dac13ed8.js');
+var constants$1 = require('./constants-361f4405.js');
+var index$2 = require('./index-2d074d2e.js');
 require('@mantine/dates');
-require('./index-d8b7b7c8.js');
-require('./index-c0083606.js');
-require('./index-7fd03876.js');
-require('./index-cb14a9dc.js');
-require('./index-4ecc708d.js');
-require('./index-edff4458.js');
-require('./index.styles-9aebaca8.js');
+require('./index-c81f3722.js');
+require('./index-17ae9969.js');
+require('./index-584516cc.js');
+require('./index-a779e325.js');
+require('./index-e55b34fa.js');
+require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
 require('@mantine/hooks');
-require('./text-4cc51fce.js');
-require('./utils-2a996ffd.js');
-require('./index-cbebb87e.js');
-var index$1 = require('./index-2952ef30.js');
-var constants = require('./constants-7429c104.js');
+require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
+var context = require('./context-d9f513d2.js');
+var index$1 = require('./index-9ffabafd.js');
+var constants = require('./constants-7ed178ae.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -34,47 +35,61 @@ const DefaultForm = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t, locale } = index.useTranslations();
     const { linkTool, form, submitProps } = React.useContext(PWGFormContext);
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "default" }, props),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weekInput'), min: constants.INPUT_RANGE.pregnantWeek.min, max: constants.INPUT_RANGE.pregnantWeek.max, placeholder: `${constants.INPUT_RANGE.pregnantWeek.min} - ${constants.INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek'))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightBeforeInput'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
-                content: '50',
-            }) }, form.getInputProps('lastWeight'))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.heightInput'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
-                content: '160',
-            }) }, form.getInputProps('height'))),
-        React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightInput'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
-                content: '50',
-            }) }, form.getInputProps('weight'))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Switching, Object.assign({ label: t('pregnancyWeightGain.havingTwins') }, form.getInputProps('hasTwin'))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: "due-date-calculate-button" }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weekInput'), min: constants.INPUT_RANGE.pregnantWeek.min, max: constants.INPUT_RANGE.pregnantWeek.max, placeholder: `${constants.INPUT_RANGE.pregnantWeek.min} - ${constants.INPUT_RANGE.pregnantWeek.max}` }, form.getInputProps('pregnantWeek')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightBeforeInput'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+                    content: '50',
+                }) }, form.getInputProps('lastWeight')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.heightInput'), min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
+                    content: '160',
+                }) }, form.getInputProps('height')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.Input.Number, Object.assign({ label: t('pregnancyWeightGain.weightInput'), min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+                    content: '50',
+                }) }, form.getInputProps('weight')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Switching, Object.assign({ label: t('pregnancyWeightGain.havingTwins') }, form.getInputProps('hasTwin')))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn) }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const InlineForm = (_a) => {
     var props = tslib_es6.__rest(_a, []);
     const { t, locale } = index.useTranslations();
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const { linkTool, form, submitProps } = React.useContext(PWGFormContext);
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: "inline" }, props),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weekInput') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: constants.INPUT_RANGE.pregnantWeek.min, max: constants.INPUT_RANGE.pregnantWeek.max, placeholder: `${constants.INPUT_RANGE.pregnantWeek.min} - ${constants.INPUT_RANGE.pregnantWeek.max}`, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('pwgForm.week')) }, form.getInputProps('pregnantWeek')))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightBeforeInput') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('lastWeight'), { min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
-                    content: '50',
-                }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.heightInput') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('height'), { min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
-                    content: '160',
-                }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightInput') },
-            React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('weight'), { min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
-                    content: '50',
-                }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.havingTwins'), width: 'none' },
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Switching, Object.assign({}, form.getInputProps('hasTwin')))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: "due-date-calculate-button" }, submitProps), t('dueDatePage.lastPeriod.calculate'))));
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weekInput') },
+                React__default["default"].createElement(index$2.Input.Number, Object.assign({ min: constants.INPUT_RANGE.pregnantWeek.min, max: constants.INPUT_RANGE.pregnantWeek.max, placeholder: `${constants.INPUT_RANGE.pregnantWeek.min} - ${constants.INPUT_RANGE.pregnantWeek.max}`, rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('pwgForm.week')) }, form.getInputProps('pregnantWeek'))))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightBeforeInput') },
+                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('lastWeight'), { min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+                        content: '50',
+                    }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.heightInput') },
+                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('height'), { min: constants.INPUT_RANGE.height.min, max: constants.INPUT_RANGE.height.max, placeholder: t('tools.inputPlaceholder', {
+                        content: '160',
+                    }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.cm')) })))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.weightInput') },
+                React__default["default"].createElement(index$2.Input.Number, Object.assign({}, form.getInputProps('weight'), { min: constants.INPUT_RANGE.weight.min, max: constants.INPUT_RANGE.weight.max, placeholder: t('tools.inputPlaceholder', {
+                        content: '50',
+                    }), rightSection: React__default["default"].createElement(index$1.HealthToolFormWrapper.Unit, null, t('babyGrowth.kg')) })))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('pregnancyWeightGain.havingTwins'), width: 'none' },
+                React__default["default"].createElement(index$1.HealthToolFormWrapper.Switching, Object.assign({}, form.getInputProps('hasTwin'))))),
+        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ type: "submit", dataEventCategory: "Health Tool", dataEventAction: "Embedded Pregnancy Weight Gain", dataEventLabel: `https://${constantsDomainLocales.domainLocales[isMarryBaby ? 'vi-VN_MB' : locale]}/${linkTool}`, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn) }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const MbLayout = (_a) => {

package/build/{index-8c59d04c.js → index-61e505f6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-75bb7acd.js');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
+var index = require('./index-dd93ef14.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-68e72fb0.js → index-65cf86d9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-75bb7acd.js');
-var index = require('./index-aaf078ac.js');
+var index$1 = require('./index-dd93ef14.js');
+var index = require('./index-dac13ed8.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-359e599a.js → index-6c1fe974.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-require('./index-c0083606.js');
+require('./index-17ae9969.js');
 var styled = require('@emotion/styled');
-var index$1 = require('./index-7fd03876.js');
+var index$1 = require('./index-584516cc.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-515ec2da.js');
-var index$2 = require('./index-26a35ab3.js');
-var Locale = require('./Locale-0044edae.js');
-var index$3 = require('./index-8128ad91.js');
+var index = require('./index-0b97e7cc.js');
+var index$2 = require('./index-f8dfe69c.js');
+var Locale = require('./Locale-dfeb2ac7.js');
+var index$3 = require('./index-2d074d2e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-167b4f67.js → index-6f0e1d94.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@hhgtech/icons/core');
-var Spinner = require('./Spinner-b04b16b0.js');
-var index$3 = require('./index-8128ad91.js');
-var index$2 = require('./index-edff4458.js');
-var index$5 = require('./index-4ecc708d.js');
-var index$1 = require('./index-aaf078ac.js');
-var index$4 = require('./index-7fd03876.js');
+var Spinner = require('./Spinner-419e3b76.js');
+var index$3 = require('./index-2d074d2e.js');
+var index$2 = require('./index-ecc141b9.js');
+var index$5 = require('./index-e55b34fa.js');
+var index$1 = require('./index-dac13ed8.js');
+var index$4 = require('./index-584516cc.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-2a996ffd.js');
+var utils = require('./utils-d873e1b3.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var cn = require('classnames');
-var index = require('./index-d8b7b7c8.js');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
-var normalizeLink = require('./normalizeLink-25e0ec54.js');
+var index = require('./index-c81f3722.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
+var normalizeLink = require('./normalizeLink-ff879800.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var profileNavigation = require('./profileNavigation.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');

package/build/{index-1a78668d.js → index-88479846.js}

@@ -2,24 +2,24 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-2a996ffd.js');
+var utils = require('./utils-d873e1b3.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
-var index = require('./index-d395161d.js');
-var index$1 = require('./index-8128ad91.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
+var index = require('./index-e6d4dc90.js');
+var index$1 = require('./index-2d074d2e.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-d8b7b7c8.js');
-require('./index-c0083606.js');
-require('./index-7fd03876.js');
-require('./index-cb14a9dc.js');
-require('./index-4ecc708d.js');
-require('./index-edff4458.js');
-require('./index.styles-9aebaca8.js');
-require('./translationsContext-8aeaf409.js');
+require('./index-c81f3722.js');
+require('./index-17ae9969.js');
+require('./index-584516cc.js');
+require('./index-a779e325.js');
+require('./index-e55b34fa.js');
+require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
+require('./translationsContext-a6328c5e.js');
 require('@mantine/hooks');
-require('./text-4cc51fce.js');
-require('./index-cbebb87e.js');
+require('./index-27b83fe5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b715f592.js → index-89c4a82e.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-d8b7b7c8.js');
-require('./index-c0083606.js');
-var index$2 = require('./index-7fd03876.js');
-var index$1 = require('./index-cb14a9dc.js');
-var Locale = require('./Locale-0044edae.js');
+var index = require('./index-c81f3722.js');
+require('./index-17ae9969.js');
+var index$2 = require('./index-584516cc.js');
+var index$1 = require('./index-a779e325.js');
+var Locale = require('./Locale-dfeb2ac7.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-80e5eb4a.js → index-8a1108f2.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-0044edae.js');
-var index$1 = require('./index-7fd03876.js');
+var Locale = require('./Locale-dfeb2ac7.js');
+var index$1 = require('./index-584516cc.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-2a996ffd.js');
-var logoIcon = require('./logoIcon-a70f51a2.js');
-require('./index-c0083606.js');
-var index = require('./index-515ec2da.js');
+var utils = require('./utils-d873e1b3.js');
+var logoIcon = require('./logoIcon-1a083b3b.js');
+require('./index-17ae9969.js');
+var index = require('./index-0b97e7cc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-b04908bf.js → index-91eb73f5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-3079d639.js → index-95b22e3f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-8aa0eefe.js');
-var index = require('./index-aaf078ac.js');
+var index$1 = require('./index-0c313b9b.js');
+var index = require('./index-dac13ed8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d5e59cc1.js → index-9898d5e0.js}

@@ -1,50 +1,50 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
-var index$a = require('./index-c0083606.js');
-var index$8 = require('./index-0f643834.js');
-var index$3 = require('./index-d8b7b7c8.js');
-var normalizeLink = require('./normalizeLink-25e0ec54.js');
-var dataTransform = require('./dataTransform-d30942f7.js');
+var index$a = require('./index-17ae9969.js');
+var index$8 = require('./index-b5ab5be4.js');
+var index$3 = require('./index-c81f3722.js');
+var normalizeLink = require('./normalizeLink-ff879800.js');
+var dataTransform = require('./dataTransform-c4abb13f.js');
 var core = require('@hhgtech/icons/core');
-require('./translationsContext-8aeaf409.js');
+require('./translationsContext-a6328c5e.js');
 var styled = require('@emotion/styled');
-var index = require('./index-8128ad91.js');
+var index = require('./index-2d074d2e.js');
 var miscTheme = require('./miscTheme.js');
-var navigationProfileButton = require('./index-167b4f67.js');
+var navigationProfileButton = require('./index-6f0e1d94.js');
 var other = require('@hhgtech/icons/other');
 var core$1 = require('@mantine/core');
-var index$d = require('./index-80e5eb4a.js');
+var index$d = require('./index-8a1108f2.js');
 var throttle = require('lodash/throttle');
 require('@mantine/dates');
-var index$5 = require('./index-7fd03876.js');
-require('./index-cb14a9dc.js');
-var index$4 = require('./index-4ecc708d.js');
-var index$2 = require('./index-edff4458.js');
-require('./index.styles-9aebaca8.js');
+var index$5 = require('./index-584516cc.js');
+require('./index-a779e325.js');
+var index$4 = require('./index-e55b34fa.js');
+var index$2 = require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
 require('@mantine/hooks');
-require('./text-4cc51fce.js');
-var utils = require('./utils-2a996ffd.js');
-require('./index-cbebb87e.js');
-var constants = require('./constants-9576ed38.js');
-var store = require('./store-f82fa8bf.js');
-var constants$1 = require('./constants-e864d238.js');
-var index$1 = require('./index-aaf078ac.js');
-var index$7 = require('./index-743a7542.js');
-var index$6 = require('./index-b04908bf.js');
-var useIsInit = require('./useIsInit-de483edb.js');
+var utils = require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
+var constants = require('./constants-7df2d55c.js');
+var store = require('./store-da29850f.js');
+var constants$1 = require('./constants-da4c452f.js');
+var index$1 = require('./index-dac13ed8.js');
+var index$7 = require('./index-f618337e.js');
+var index$6 = require('./index-91eb73f5.js');
+var useIsInit = require('./useIsInit-25b243f3.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var index$9 = require('./index-75bb7acd.js');
+var index$9 = require('./index-dd93ef14.js');
 var formatString = require('string-format');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var dayjs = require('dayjs');
 var relativeTime = require('dayjs/plugin/relativeTime');
-var index$b = require('./index-44cafc35.js');
-var index$c = require('./index-234e9365.js');
+var index$b = require('./index-fdd20a63.js');
+var index$c = require('./index-5e87eefa.js');
 var debounce = require('lodash/debounce');
-var Locale = require('./Locale-0044edae.js');
-var core$2 = require('./core-d40a3728.js');
+var Locale = require('./Locale-dfeb2ac7.js');
+var core$2 = require('./core-23d59a4b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index-9e2d26ec.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
+var React = require('react');
+var core = require('@mantine/core');
+require('./index-2d074d2e.js');
+require('@mantine/dates');
+require('./index-c81f3722.js');
+require('./index-17ae9969.js');
+require('./index-584516cc.js');
+require('./index-a779e325.js');
+var index$2 = require('./index-e55b34fa.js');
+var index$3 = require('./index-ecc141b9.js');
+require('./index-54f85690.js');
+require('./index.styles-96a814d0.js');
+var index = require('./index-dac13ed8.js');
+require('@mantine/hooks');
+require('./utils-d873e1b3.js');
+require('./index-27b83fe5.js');
+var context = require('./context-d9f513d2.js');
+var index$1 = require('./index-9ffabafd.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var useStyles = core.createStyles((theme, { hasOnClickFn }) => {
+    return {
+        root: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            gap: core.rem(16),
+        },
+        sponsorBox: {
+            display: 'flex',
+            gap: core.rem(12),
+            alignItems: 'center',
+            backgroundColor: theme.colors.neutral[0],
+            border: `1px solid ${theme.colors.neutral[1]}`,
+            borderRadius: core.rem(4),
+            padding: '4px 12px',
+            alignSelf: 'flex-start',
+        },
+        sponsorLogo: {
+            maxHeight: core.rem(32),
+        },
+        btn: {
+            minWidth: core.rem(180),
+            [theme.fn.largerThan('sm')]: {
+                alignSelf: 'flex-end',
+            },
+            visibility: hasOnClickFn ? 'visible' : 'hidden',
+        },
+    };
+});
+
+const BabyPoopForm = (_a) => {
+    var { babyPoopPage, onClickFindOut, currentUrl, sponsorLogo, btnProps, styles, classNames } = _a, props = tslib_es6.__rest(_a, ["babyPoopPage", "onClickFindOut", "currentUrl", "sponsorLogo", "btnProps", "styles", "classNames"]);
+    const { t } = index.useTranslations();
+    const { classes } = useStyles({ hasOnClickFn: Boolean(onClickFindOut) }, { name: 'BabyPoopForm', styles, classNames });
+    const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
+    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(core.Box, Object.assign({ className: classes.root }, props),
+            sponsorLogo && (React__default["default"].createElement(core.Box, { className: classes.sponsorBox },
+                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('common.sponsoredBy')),
+                React__default["default"].createElement("img", { loading: "lazy", src: sponsorLogo, alt: "sponsor", className: classes.sponsorLogo }))),
+            React__default["default"].createElement(index$2.Text, { size: "p3", as: "div", className: "description", dangerouslySetInnerHTML: {
+                    __html: babyPoopPage.description,
+                } }),
+            React__default["default"].createElement(index$3.Button, Object.assign({ className: core.clsx(classes.btn, wrapperClasses.submitBtn), onClick: onClickFindOut, dataEventCategory: "Health Tool", dataEventAction: "Baby Stool Inquiry", dataEventLabel: currentUrl }, btnProps), t('babyPoop.findOut')))));
+};
+
+exports.BabyPoopForm = BabyPoopForm;

package/build/{index-2952ef30.js → index-9ffabafd.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-4ecc708d.js');
-var index$1 = require('./index-edff4458.js');
-var index$2 = require('./index-aaf078ac.js');
+var index = require('./index-e55b34fa.js');
+var index$1 = require('./index-ecc141b9.js');
+var index$2 = require('./index-dac13ed8.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 
@@ -108,6 +108,11 @@ const useStyles$7 = core.createStyles(() => {
             display: 'flex',
             flexDirection: 'column',
             gap: core.rem(8),
+            paddingLeft: 16,
+            paddingRight: 16,
+            '&:last-child': {
+                paddingBottom: 16,
+            },
         },
     };
 });
@@ -299,6 +304,7 @@ var useStyles$2 = core.createStyles((theme, { width, direction }) => {
         })),
         label: {
             fontSize: core.rem(14),
+            lineHeight: core.rem(22),
             color: theme.colors.gray[6],
         },
         content: {

package/build/{index-0d47b185.js → index-a0d41921.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-aaf078ac.js');
-var utils = require('./utils-2a996ffd.js');
-var index$1 = require('./index-e53ca5e8.js');
-var index$a = require('./index-8aa0eefe.js');
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
-var index = require('./index-44cafc35.js');
-var index$4 = require('./index-515ec2da.js');
-require('./index-d8b7b7c8.js');
-var index$7 = require('./index-7fd03876.js');
-var togetherComponentGlobalContext = require('./utils-d77f3661.js');
-var index$6 = require('./index-75bb7acd.js');
-var index$5 = require('./index-4ecc708d.js');
+var index$2 = require('./index-dac13ed8.js');
+var utils = require('./utils-d873e1b3.js');
+var index$1 = require('./index-cb7ac864.js');
+var index$a = require('./index-0c313b9b.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
+var index = require('./index-fdd20a63.js');
+var index$4 = require('./index-0b97e7cc.js');
+require('./index-c81f3722.js');
+var index$7 = require('./index-584516cc.js');
+var togetherComponentGlobalContext = require('./utils-63ab0c9a.js');
+var index$6 = require('./index-dd93ef14.js');
+var index$5 = require('./index-e55b34fa.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$3 = require('./index-68e72fb0.js');
-var index$8 = require('./index-743a7542.js');
-var index$9 = require('./index-fb50037f.js');
+var index$3 = require('./index-65cf86d9.js');
+var index$8 = require('./index-f618337e.js');
+var index$9 = require('./index-bcab07ca.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-a02ac8e8.js'); }).then((module) => {
+                Promise.resolve().then(function () { return require('./index-5819148d.js'); }).then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/{index-97177e19.js → index-a2fcc699.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-f0d40aad.js');
-var index$2 = require('./index-d8b7b7c8.js');
-var index = require('./index-c0083606.js');
+var index$1 = require('./index-ea8a5d9c.js');
+var index$2 = require('./index-c81f3722.js');
+var index = require('./index-17ae9969.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-e9eecc93.js → index-a54f7ab3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a0b3636d.js');
+var tslib_es6 = require('./tslib.es6-e25c8d1c.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');