@hhgtech/hhg-components 1.29.316-beta-1 → 1.29.317

package/build/subot.js

@@ -3,74 +3,74 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-af9fb8fd.js');
-var tslib_es6 = require('./tslib.es6-8590f3e8.js');
-var index$3 = require('./index-f836d800.js');
+var index$2 = require('./index-5b3cfca3.js');
+var tslib_es6 = require('./tslib.es6-843a07b4.js');
+var index$3 = require('./index-792bb705.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-fdba16fd.js');
+var togetherComponentGlobalContext = require('./utils-350a45ce.js');
 var formatString = require('string-format');
-var index$1 = require('./index-fa164746.js');
+var index$1 = require('./index-0338dffe.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-7f5562fc.js');
-var index$b = require('./index-e07ccfd8.js');
+var index$c = require('./index-84093509.js');
+var index$b = require('./index-d89ffcf3.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-60b33bfe.js');
-var index$4 = require('./index-9a86bbef.js');
+var utils = require('./utils-332dcfd0.js');
+var index$4 = require('./index-e24f67fa.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-822d25d0.js');
+var index$5 = require('./index-d71e54a5.js');
 var dayjs = require('dayjs');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-c0862d46.js');
+var constants = require('./constants-230dde95.js');
 var uuid = require('uuid');
-var index$6 = require('./index-dc87e4ea.js');
+var index$6 = require('./index-64eb1bcd.js');
 var miscTheme = require('./miscTheme.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-297debb8.js');
+var index$7 = require('./index-7202d158.js');
 require('@mantine/dates');
-require('./useMantineLocale-760cc21a.js');
-require('./index.styles-08ca8b79.js');
-require('./translationsContext-614b0187.js');
+require('./useMantineLocale-840f475b.js');
+require('./index.styles-543fd8dc.js');
+require('./translationsContext-8310ed3f.js');
 require('@mantine/hooks');
-require('./other-cbb37c7a.js');
-require('./index-d559eb88.js');
+require('./other-655feeba.js');
+require('./index-20a23230.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-4766c35f.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-23ad5f44.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-23c60e4b.js');
-var index$9 = require('./index-6f55e008.js');
-var index$a = require('./index-2aa154a0.js');
-var index$8 = require('./index-86c988c4.js');
-var store = require('./store-969f6ea3.js');
+var Locale = require('./Locale-e892ac6d.js');
+var index$9 = require('./index-e85554b4.js');
+var index$a = require('./index-e38ca5f1.js');
+var index$8 = require('./index-c93f0be0.js');
+var store = require('./store-ef271cee.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-01227484.js');
+require('./index-34778508.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-2fc75787.js');
-require('./WhatsApp-7306443c.js');
-require('./Spinner-ed1ca856.js');
-require('./index-cfd9a1b5.js');
-require('./useScreenSize-e874c005.js');
+require('./index-021a49b5.js');
+require('./WhatsApp-94be2f98.js');
+require('./Spinner-9377cea8.js');
+require('./index-c326aacb.js');
+require('./useScreenSize-7f7c2908.js');
 require('@mantine/carousel');
-require('./useUniqueId-dabdcbf0.js');
+require('./useUniqueId-4732b2f1.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('zustand');
-require('./normalizeLink-14ecc0e7.js');
+require('./normalizeLink-90421b45.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -1555,7 +1555,7 @@ const excludeNodeList = [
 //   return false
 // }
 const Container$u = () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { formatMessage: f, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const { listNodes, activeId, isShowFooter, onNext, onPrev, params, onStartOver, loading, } = React.useContext(SubotInlineContext);
@@ -1566,16 +1566,15 @@ const Container$u = () => {
     const actionNextChoice = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.find((act) => act.type === index$2.NodeActionType.USER_CHOICE_NEXT);
     const actionPollSubmit = (_b = node === null || node === void 0 ? void 0 : node.actions) === null || _b === void 0 ? void 0 : _b.find(({ type }) => type == index$2.NodeActionType.POLL_BUTTON);
     const actionMultipleSubmit = (_c = node === null || node === void 0 ? void 0 : node.actions) === null || _c === void 0 ? void 0 : _c.find(({ type }) => type == index$2.NodeActionType.ACTION_MULTIPLE_BUTTON);
-    // const selectedWithOtherInput =
-    //   node?.actions?.find(({ id }) => id === value.action_id)?.type ===
-    //   NodeActionType.USER_CHOICE_TEXT_BY_INPUT
+    const selectedWithOtherInput = ((_e = (_d = node === null || node === void 0 ? void 0 : node.actions) === null || _d === void 0 ? void 0 : _d.find(({ id }) => id === value.action_id)) === null || _e === void 0 ? void 0 : _e.type) ===
+        index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
     const handleNextChoice = () => {
         const nextValue = {
             node_id: node.id,
             action_id: actionNextChoice === null || actionNextChoice === void 0 ? void 0 : actionNextChoice.id,
             action_value: actionNextChoice === null || actionNextChoice === void 0 ? void 0 : actionNextChoice.key,
         };
-        onNext(Object.assign(Object.assign(Object.assign({}, params), node === null || node === void 0 ? void 0 : node._message), nextValue));
+        onNext(Object.assign(Object.assign(Object.assign({}, params), nextValue), node === null || node === void 0 ? void 0 : node._message));
     };
     const handlePollSubmit = () => {
         var _a;
@@ -1620,15 +1619,15 @@ const Container$u = () => {
             });
         }
         else {
-            onNext(Object.assign(Object.assign(Object.assign({}, params), node === null || node === void 0 ? void 0 : node._message), value));
+            onNext(Object.assign(Object.assign(Object.assign({}, params), value), node === null || node === void 0 ? void 0 : node._message));
         }
     };
     if (!isShowFooter)
         return null;
     const found = listNodes.find((nodeItem) => nodeItem.id == activeId);
     const isDisabled = disabledNodeList.includes((found === null || found === void 0 ? void 0 : found.type) || '') ||
-        disabledPositionList.includes((found === null || found === void 0 ? void 0 : found.position) || '');
-    // selectedWithOtherInput
+        disabledPositionList.includes((found === null || found === void 0 ? void 0 : found.position) || '') ||
+        selectedWithOtherInput;
     const isDisplayAction = !excludeNodeList.includes((found === null || found === void 0 ? void 0 : found.type) || '');
     return (React__default["default"].createElement(StyledWrap$p, { "data-show-action": isDisplayAction },
         React__default["default"].createElement("button", { onClick: onStartOver, "data-event-category": "Service Connection", "data-event-action": "Risk Screening Start Over", "data-event-label": currentUrl, "data-bot-id": params.bot_id, className: "si-footer-start-over", disabled: Boolean((botItem === null || botItem === void 0 ? void 0 : botItem.subot_field_type) && activeId == (listNodes === null || listNodes === void 0 ? void 0 : listNodes[1].id)) },
@@ -5434,9 +5433,21 @@ const stylesTextarea = {
             boxShadow: '0px 0px 0px 2px var(--subot-inline-primary-color-300) !important',
         },
     },
+};
+const stylesButtonSubmitOther = {
+    root: {
+        ':not(:disabled)': {
+            backgroundColor: 'var(--subot-inline-primary-color) !important',
+            '&:hover': {
+                backgroundColor: 'var(--subot-inline-primary-color-hover) !important',
+            },
+        },
+    },
 };
 
 const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) => {
+    const timeoutId = React.useRef(null);
+    const { formatMessage: f } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const inputRef = React.useRef(null);
     const [otherText, setOtherText] = React.useState('');
@@ -5444,6 +5455,14 @@ const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) =>
     const isActionPollWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT;
     const isActionSelectWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
         isActionPollWithOther;
+    const actionSubmitted = isActionPollWithOther
+        ? {
+            key: action === null || action === void 0 ? void 0 : action.key,
+            control: index$2.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type],
+            value: '',
+            action_id: action === null || action === void 0 ? void 0 : action.id,
+        }
+        : action;
     React.useEffect(() => {
         var _a, _b;
         if (active) {
@@ -5451,24 +5470,45 @@ const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) =>
             (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.focus();
         }
     }, [active, formSubmitMeta]);
+    const handleClickWithFormMeta = () => {
+        if (otherText) {
+            onChange &&
+                onChange(actionSubmitted, [
+                    {
+                        key: KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD,
+                        control: 'text',
+                        value: otherText,
+                    },
+                ]);
+        }
+    };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const onChangeTextArea = (evt) => {
         setOtherText(evt.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(action, [
-            {
-                key: KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD,
-                control: 'text',
-                value: evt.target.value,
-                action_id: action === null || action === void 0 ? void 0 : action.id,
-            },
-        ]);
+        if (isActionPollWithOther) {
+            timeoutId.current && clearTimeout(timeoutId.current);
+            timeoutId.current = setTimeout(() => {
+                onChange &&
+                    onChange(actionSubmitted, [
+                        {
+                            key: KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD,
+                            control: 'text',
+                            value: evt.target.value,
+                        },
+                    ]);
+            }, 300);
+        }
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(StyledWrap$5, { id: "si-action-text-choice", active: !!active, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange(action), "data-event-category": "Service Connection", "data-event-action": "Risk Screening Answer Click", "data-event-label": currentUrl, "data-bot-id": params.bot_id },
+        React__default["default"].createElement(StyledWrap$5, { id: "si-action-text-choice", active: !!active, onClick: () => onChange && onChange(actionSubmitted), "data-event-category": "Service Connection", "data-event-action": "Risk Screening Answer Click", "data-event-label": currentUrl, "data-bot-id": params.bot_id },
             React__default["default"].createElement(StyledRadioIcon, { active: !!active }, htmlType === 'checkbox' && (React__default["default"].createElement(Checkbox, { className: "icon-checkbox", viewBox: "0 0 22 22" }))),
             React__default["default"].createElement("div", { className: "label" }, action === null || action === void 0 ? void 0 : action.label)),
         isActionSelectWithOther && active && (React__default["default"].createElement(core.Box, { px: "2px", style: { textAlign: 'right' } },
-            React__default["default"].createElement(core.Textarea, { ref: inputRef, placeholder: action === null || action === void 0 ? void 0 : action.label, styles: stylesTextarea, value: otherText, onChange: onChangeTextArea, maxLength: 360 })))));
+            React__default["default"].createElement(core.Textarea, { ref: inputRef, placeholder: action === null || action === void 0 ? void 0 : action.label, styles: stylesTextarea, value: otherText, onChange: onChangeTextArea, maxLength: 360 }),
+            !isActionPollWithOther && (React__default["default"].createElement(index$4.Button, { size: "sm", mt: "5px", styles: stylesButtonSubmitOther, disabled: !otherText, onClick: handleClickWithFormMeta }, f({
+                id: 'feedback.submit',
+                defaultMessage: 'Submit',
+            })))))));
 };
 Container$a.displayName = 'SubotInlineActionTextChoice';
 
@@ -5628,49 +5668,34 @@ const Container$5 = ({ node, indexNumber }) => {
         }
         return [];
     }, [value, value === null || value === void 0 ? void 0 : value.selected_actions]);
-    const handleOnChange = (action, formSubmitMeta) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (action) {
-            const _value = JSON.parse(JSON.stringify(Object.assign(Object.assign({}, value), { action_id: submitButton === null || submitButton === void 0 ? void 0 : submitButton.id, action_value: submitButton === null || submitButton === void 0 ? void 0 : submitButton.key, selected_actions: Object.assign({}, value === null || value === void 0 ? void 0 : value.selected_actions) })));
-            if ((action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT ||
-                (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT) {
-                const isExistedPoll = (_value === null || _value === void 0 ? void 0 : _value.selected_actions) && action.id in _value.selected_actions;
-                if (isExistedPoll) {
-                    if (formSubmitMeta) {
-                        _value.form_submit_meta = formSubmitMeta;
-                    }
-                    else {
-                        delete _value.form_submit_meta;
-                        (_b = _value.selected_actions) === null || _b === void 0 ? true : delete _b[action.id];
-                    }
-                }
-                else {
-                    if (action === null || action === void 0 ? void 0 : action.id) {
-                        _value.selected_actions = Object.assign(Object.assign({}, _value.selected_actions), { [action.id]: action.key || '' });
-                    }
-                }
-                setValue(_value);
-                onChange === null || onChange === void 0 ? void 0 : onChange(_value);
-                return;
-            }
-            if (!((_c = _value.selected_actions) === null || _c === void 0 ? void 0 : _c[action.id])) {
-                _value.selected_actions = Object.assign(Object.assign({}, _value.selected_actions), { [action.id]: action.key || '' });
-                onChange && onChange(_value);
-                setValue(_value);
-                return;
-            }
-            if (_value.selected_actions[action.id]) {
-                delete _value.selected_actions[action.id];
-                onChange && onChange(_value);
-                setValue(_value);
-                return;
-            }
+    const handleOnChange = (action) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        if (!action) {
+            return;
+        }
+        const _value = Object.assign(Object.assign({}, value), { action_id: submitButton === null || submitButton === void 0 ? void 0 : submitButton.id, action_value: submitButton === null || submitButton === void 0 ? void 0 : submitButton.key });
+        if (!_value.selected_actions) {
+            const tmp = {};
+            tmp[action.id] = action === null || action === void 0 ? void 0 : action.key;
+            setValue(Object.assign(Object.assign({}, _value), { selected_actions: Object.assign({}, tmp) }));
+            return;
+        }
+        if (!_value.selected_actions[action.id]) {
+            _value.selected_actions[action.id] = action === null || action === void 0 ? void 0 : action.key;
+            onChange && onChange(_value);
+            setValue(_value);
+            return;
+        }
+        if (_value.selected_actions[action.id]) {
+            delete _value.selected_actions[action.id];
+            onChange && onChange(_value);
+            setValue(_value);
+            return;
         }
     });
     const actionsRemoveMultipleBtn = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.filter((a) => a.type !== index$2.NodeActionType.ACTION_MULTIPLE_BUTTON);
     return (React__default["default"].createElement(StyledWrap$3, { id: "si-node-text" },
         React__default["default"].createElement(Container$h, { intents: (node === null || node === void 0 ? void 0 : node.intents) || [], indexNumber: indexNumber }),
-        React__default["default"].createElement(Container$7, { value: activeActions, actions: actionsRemoveMultipleBtn, onChange: handleOnChange, formSubmitMeta: value === null || value === void 0 ? void 0 : value.form_submit_meta })));
+        React__default["default"].createElement(Container$7, { value: activeActions, actions: actionsRemoveMultipleBtn, onChange: handleOnChange })));
 };
 Container$5.displayName = 'SubotInlineNodeMultipleContainer';
 
@@ -5714,7 +5739,8 @@ const StyledWrap$2 = styled__default["default"].div `
 `;
 
 const Container$4 = ({ node, indexNumber }) => {
-    const { onChange, setIsShowFooter } = React.useContext(SubotInlineContext);
+    var _a;
+    const { params, setIsShowFooter } = React.useContext(SubotInlineContext);
     const { value, setValue } = React.useContext(NodeContext);
     const descriptionNode = useDescriptionPollNode({ node });
     React.useMemo(() => {
@@ -5731,41 +5757,48 @@ const Container$4 = ({ node, indexNumber }) => {
         return null;
     }, [node === null || node === void 0 ? void 0 : node.actions]);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const handleOnChange = (action, formSubmitMeta) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const newValue = JSON.parse(JSON.stringify(Object.assign(Object.assign({}, value), { node_id: node.id, action_id: submitButton === null || submitButton === void 0 ? void 0 : submitButton.id, action_value: submitButton === null || submitButton === void 0 ? void 0 : submitButton.key, form_submit_meta: [...((value === null || value === void 0 ? void 0 : value.form_submit_meta) || [])] })));
-        if ((action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT ||
-            (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT) {
-            const isExistedPoll = (_a = newValue.form_submit_meta) === null || _a === void 0 ? void 0 : _a.some(({ action_id }) => action_id === action.id);
-            if (isExistedPoll) {
-                newValue.form_submit_meta =
-                    typeof formSubmitMeta === 'undefined'
-                        ? (_b = newValue.form_submit_meta) === null || _b === void 0 ? void 0 : _b.filter(({ action_id }) => action_id !== action.id)
-                        : (_c = newValue.form_submit_meta) === null || _c === void 0 ? void 0 : _c.filter(({ action_id }) => action_id !== action.id).concat(formSubmitMeta);
+    const handleOnChange = (formValue, formSubmitMetaWithOther) => {
+        if (formValue) {
+            const { is_multi_select } = node;
+            const _message = Object.assign(Object.assign(Object.assign({}, params), value), { node_id: node.id, action_id: submitButton === null || submitButton === void 0 ? void 0 : submitButton.id, action_value: submitButton === null || submitButton === void 0 ? void 0 : submitButton.key, form_submit_meta: (value === null || value === void 0 ? void 0 : value.form_submit_meta)
+                    ? [...value === null || value === void 0 ? void 0 : value.form_submit_meta]
+                    : [] });
+            let tmpFormSubmitMeta = [];
+            const currentSubmitMeta = [
+                ..._message === null || _message === void 0 ? void 0 : _message.form_submit_meta,
+            ];
+            if (!formSubmitMetaWithOther) {
+                const formUpdateIndex = currentSubmitMeta.findIndex(({ action_id }) => action_id === formValue.action_id);
+                /**
+                 * The current logic when onChange is called will remove/add this poll action in the submit meta
+                 *  But IF the onChange is called due to the input text other, this action will be not removed from the previous list
+                 */
+                if (formUpdateIndex !== -1) {
+                    tmpFormSubmitMeta = [
+                        ...currentSubmitMeta.slice(0, formUpdateIndex),
+                        ...currentSubmitMeta.slice(formUpdateIndex + 1),
+                    ];
+                }
+                else {
+                    if (!is_multi_select) {
+                        tmpFormSubmitMeta = [Object.assign({}, formValue)];
+                    }
+                    else {
+                        tmpFormSubmitMeta = [...currentSubmitMeta];
+                        tmpFormSubmitMeta.push(formValue);
+                    }
+                }
             }
             else {
-                newValue.form_submit_meta = (_d = newValue.form_submit_meta) === null || _d === void 0 ? void 0 : _d.concat([
-                    {
-                        key: action === null || action === void 0 ? void 0 : action.key,
-                        control: index$2.ELEMENT_CONTROL_INPUT_TYPE[action === null || action === void 0 ? void 0 : action.type] || 'text',
-                        value: '',
-                        action_id: action === null || action === void 0 ? void 0 : action.id,
-                    },
-                ]);
+                tmpFormSubmitMeta = currentSubmitMeta;
             }
-            setValue(newValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-            return;
-        }
-        const isPoll = (_e = newValue.form_submit_meta) === null || _e === void 0 ? void 0 : _e.some(({ action_id }) => action_id === (action === null || action === void 0 ? void 0 : action.action_id));
-        if (isPoll) {
-            newValue.form_submit_meta = (_f = newValue.form_submit_meta) === null || _f === void 0 ? void 0 : _f.filter(({ action_id }) => action_id !== (action === null || action === void 0 ? void 0 : action.action_id));
+            _message.form_submit_meta = [...tmpFormSubmitMeta]
+                .filter((item) => formSubmitMetaWithOther
+                ? item.key !== KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD
+                : true)
+                .concat(formSubmitMetaWithOther || []);
+            setValue(_message);
         }
-        else {
-            newValue.form_submit_meta = (_g = newValue.form_submit_meta) === null || _g === void 0 ? void 0 : _g.concat([action]);
-        }
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
     };
     const activeActions = React.useMemo(() => {
         if (value === null || value === void 0 ? void 0 : value.form_submit_meta) {
@@ -5773,14 +5806,10 @@ const Container$4 = ({ node, indexNumber }) => {
         }
         return [];
     }, [value, value === null || value === void 0 ? void 0 : value.form_submit_meta]);
-    React.useEffect(() => {
-        console.log('adfsafsdf');
-        setValue(node === null || node === void 0 ? void 0 : node._message);
-    }, []);
     return (React__default["default"].createElement(StyledWrap$2, null,
         React__default["default"].createElement(Container$h, { intents: node.intents || [], indexNumber: indexNumber }),
         React__default["default"].createElement("p", { className: "si-poll-description" }, descriptionNode),
-        React__default["default"].createElement(Container$7, { node_type: node === null || node === void 0 ? void 0 : node.type, value: activeActions, actions: node === null || node === void 0 ? void 0 : node.actions, onChange: handleOnChange, formSubmitMeta: value === null || value === void 0 ? void 0 : value.form_submit_meta })));
+        React__default["default"].createElement(Container$7, { node_type: node === null || node === void 0 ? void 0 : node.type, value: activeActions, actions: node === null || node === void 0 ? void 0 : node.actions, onChange: handleOnChange, formSubmitMeta: (_a = node._message) === null || _a === void 0 ? void 0 : _a.form_submit_meta })));
 };
 Container$4.displayName = 'SubotinlineNodePoll';
 
@@ -5851,6 +5880,7 @@ const StyledWrap = styled__default["default"].div `
 `;
 
 const Container$2 = ({ node, indexNumber }) => {
+    var _a;
     const { params, onSubmit, setIsShowFooter, listNodes, activeId, setLoading, onChange, } = React.useContext(SubotInlineContext);
     const { value, setValue } = React.useContext(NodeContext);
     React.useMemo(() => {
@@ -5870,7 +5900,7 @@ const Container$2 = ({ node, indexNumber }) => {
         const res = yield subotInlineMessage(newParams);
         setLoading(false);
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-            const _a = res === null || res === void 0 ? void 0 : res._data, { node } = _a, restData = tslib_es6.__rest(_a, ["node"]);
+            const _b = res === null || res === void 0 ? void 0 : res._data, { node } = _b, restData = tslib_es6.__rest(_b, ["node"]);
             const nextNode = Object.assign(Object.assign({}, node), { _message: Object.assign(Object.assign({}, restData), { node_id: node.id }) });
             onSubmit(nextNode, newParams);
         }
@@ -5878,21 +5908,28 @@ const Container$2 = ({ node, indexNumber }) => {
     const handleOnChange = (action, formSubmitMeta) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         if (!action)
             return;
-        const actionWithOther = (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
-            (action === null || action === void 0 ? void 0 : action.type) === index$2.NodeActionType.POLL_CHOICE_TEXT_BY_INPUT;
-        const newValue = Object.assign(Object.assign({}, value), { action_id: action === null || action === void 0 ? void 0 : action.id, action_value: action === null || action === void 0 ? void 0 : action.key, form_submit_meta: formSubmitMeta });
-        if (actionWithOther) {
-            setValue(newValue);
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        const isActionSelectWithOther = action.type === index$2.NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
+        setValue(Object.assign(Object.assign({}, value), { action_id: action === null || action === void 0 ? void 0 : action.id, action_value: action === null || action === void 0 ? void 0 : action.key }));
+        if (!isActionSelectWithOther) {
+            handleOnChangeNormal(action);
             return;
         }
-        delete newValue.form_submit_meta;
-        setValue(newValue);
-        handleOnChangeNormal(action);
+        if (formSubmitMeta) {
+            const newParams = Object.assign(Object.assign(Object.assign(Object.assign({}, params), value), { node_id: node.id, action_id: action === null || action === void 0 ? void 0 : action.id, action_value: action === null || action === void 0 ? void 0 : action.key, form_submit_meta: formSubmitMeta }), getCurrentTotalDynamicScore(listNodes, activeId, action.id));
+            onChange(newParams);
+            setLoading(true);
+            const res = yield subotInlineMessage(newParams);
+            setLoading(false);
+            if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
+                const _c = res === null || res === void 0 ? void 0 : res._data, { node } = _c, restData = tslib_es6.__rest(_c, ["node"]);
+                const nextNode = Object.assign(Object.assign({}, node), { _message: Object.assign(Object.assign({}, restData), { node_id: node.id }) });
+                onSubmit(nextNode, newParams);
+            }
+        }
     });
     return (React__default["default"].createElement(StyledWrap, { id: "si-node-text" },
         React__default["default"].createElement(Container$h, { intents: (node === null || node === void 0 ? void 0 : node.intents) || [], indexNumber: indexNumber }),
-        React__default["default"].createElement(Container$7, { value: (value === null || value === void 0 ? void 0 : value.action_id) ? [value === null || value === void 0 ? void 0 : value.action_id] : [], actions: node === null || node === void 0 ? void 0 : node.actions, onChange: handleOnChange, formSubmitMeta: value === null || value === void 0 ? void 0 : value.form_submit_meta })));
+        React__default["default"].createElement(Container$7, { value: (value === null || value === void 0 ? void 0 : value.action_id) ? [value === null || value === void 0 ? void 0 : value.action_id] : [], actions: node === null || node === void 0 ? void 0 : node.actions, onChange: handleOnChange, formSubmitMeta: (_a = node === null || node === void 0 ? void 0 : node._message) === null || _a === void 0 ? void 0 : _a.form_submit_meta })));
 };
 Container$2.displayName = 'SubotInlineNodeTextContainer';
 

package/build/surveyOrPremiumBanner.js

@@ -4,62 +4,62 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-dac49bb2.js');
-require('./utils-fdba16fd.js');
-require('./index-cfd9a1b5.js');
-require('./index-822d25d0.js');
+var surveyOrPremiumBanner = require('./index-3aaf8bed.js');
+require('./utils-350a45ce.js');
+require('./index-c326aacb.js');
+require('./index-d71e54a5.js');
 require('./constantsDomainLocales.js');
-require('./Locale-23c60e4b.js');
+require('./Locale-e892ac6d.js');
 require('./constantsIsProduction.js');
-require('./index-f836d800.js');
+require('./index-792bb705.js');
 require('date-fns/locale');
-require('./index-af9fb8fd.js');
+require('./index-5b3cfca3.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./tslib.es6-8590f3e8.js');
-require('./store-969f6ea3.js');
+require('./tslib.es6-843a07b4.js');
+require('./store-ef271cee.js');
 require('zustand');
-require('./normalizeLink-14ecc0e7.js');
+require('./normalizeLink-90421b45.js');
 require('./miscCookieHelper.js');
-require('./useScreenSize-e874c005.js');
+require('./useScreenSize-7f7c2908.js');
 require('@emotion/styled');
-require('./utils-60b33bfe.js');
+require('./utils-332dcfd0.js');
 require('@mantine/form');
-require('./index-297debb8.js');
+require('./index-7202d158.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-dc87e4ea.js');
-require('./other-cbb37c7a.js');
+require('./index-64eb1bcd.js');
+require('./other-655feeba.js');
 require('./miscTheme.js');
-require('./useMantineLocale-760cc21a.js');
+require('./useMantineLocale-840f475b.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-9a86bbef.js');
+require('./index-e24f67fa.js');
 require('classnames');
-require('./useUniqueId-dabdcbf0.js');
+require('./useUniqueId-4732b2f1.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-08ca8b79.js');
-require('./index-d559eb88.js');
+require('./index.styles-543fd8dc.js');
+require('./index-20a23230.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-614b0187.js');
-require('./index-455ba5c6.js');
-require('./useHealthToolCache-c5640115.js');
+require('./translationsContext-8310ed3f.js');
+require('./index-f19481ce.js');
+require('./useHealthToolCache-16c2f6e3.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-10afa7c3.js');
-require('./index-2fc75787.js');
-require('./WhatsApp-7306443c.js');
-require('./Spinner-ed1ca856.js');
-require('./index-9be46480.js');
-require('./index-b77c44aa.js');
+require('./core-bf2a5102.js');
+require('./index-021a49b5.js');
+require('./WhatsApp-94be2f98.js');
+require('./Spinner-9377cea8.js');
+require('./index-a3a2fd26.js');
+require('./index-fc5e5435.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-01227484.js');
+require('./index-34778508.js');
 require('slugify');
 require('string-format');
-require('./constants-c0862d46.js');
+require('./constants-230dde95.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-020bc0d2.js');
+var surveyThankyouCard = require('./surveyThankyouCard-111f21d7.js');
 require('react');
-require('./index-86c988c4.js');
-require('./tslib.es6-8590f3e8.js');
-require('./index-9a86bbef.js');
+require('./index-c93f0be0.js');
+require('./tslib.es6-843a07b4.js');
+require('./index-e24f67fa.js');
 require('@mantine/core');
-require('./index-dc87e4ea.js');
-require('./other-cbb37c7a.js');
-require('./index-455ba5c6.js');
-require('./index-2570ab00.js');
+require('./index-64eb1bcd.js');
+require('./other-655feeba.js');
+require('./index-f19481ce.js');
+require('./index-13a49491.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-60b33bfe.js');
-require('./index-722cb11b.js');
+require('./utils-332dcfd0.js');
+require('./index-aeb46aaa.js');
 
 
 

package/build/{surveyThankyouCard-020bc0d2.js → surveyThankyouCard-111f21d7.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-86c988c4.js');
-var index$1 = require('./index-dc87e4ea.js');
-var index = require('./index-455ba5c6.js');
-var index$3 = require('./index-2570ab00.js');
-var index$2 = require('./index-722cb11b.js');
+var index$4 = require('./index-c93f0be0.js');
+var index$1 = require('./index-64eb1bcd.js');
+var index = require('./index-f19481ce.js');
+var index$3 = require('./index-13a49491.js');
+var index$2 = require('./index-aeb46aaa.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');