@hhgtech/hhg-components 1.29.319 → 1.29.320

package/build/esm/ssoV2.js

@@ -1,27 +1,27 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-19fe97c5.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-49ca40fa.js';
 import React__default, { createContext, useMemo, useEffect, useState, useCallback, forwardRef } from 'react';
-import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-9d956264.js';
-import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, f as fetchSSOV2Api, w as websiteId, b as SSO_V2_PATHS, c as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, d as updateUserInfo, e as isPhoneNotVerifedYet, j as isLoginWithPhoneNotVerifedYet, k as isFlowFinishedSetup, r as resetPassword, l as redirect } from './store-60dbd39c.js';
-export { u as useSSOV2Store } from './store-60dbd39c.js';
+import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-f9887fb6.js';
+import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, f as fetchSSOV2Api, w as websiteId, b as SSO_V2_PATHS, c as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, d as updateUserInfo, e as isPhoneNotVerifedYet, j as isLoginWithPhoneNotVerifedYet, k as isFlowFinishedSetup, r as resetPassword, l as redirect } from './store-a60898cd.js';
+export { u as useSSOV2Store } from './store-a60898cd.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close, Search, ReplySquare } from '@hhgtech/icons/core';
-import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-87e48e6a.js';
-import { L as LogoIcon } from './logoIcon-0ebcb7ee.js';
-import { B as Button } from './index-9dffd07c.js';
-import { M as Modal } from './index-00d45d5d.js';
+import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES, Q as QUERY_HEALTH_TOOL } from './index-c8f4eec2.js';
+import { L as LogoIcon } from './logoIcon-cf77f069.js';
+import { B as Button } from './index-6885689a.js';
+import { M as Modal } from './index-fca96fe1.js';
 import { Stack, Flex, Box, Group, Divider } from '@mantine/core';
 import '@mantine/dates';
-import './index-a415a0b9.js';
-import './index-ffb7f4b1.js';
-import { s as showNotification } from './useMantineLocale-92f2ea43.js';
-import { T as Text } from './index-cfa693d6.js';
-import { u as useTranslations } from './index-65c5f9ff.js';
+import './index-5b1abe33.js';
+import './index-46ba5ef1.js';
+import { s as showNotification } from './useMantineLocale-463de4dc.js';
+import { T as Text } from './index-e17bf4a4.js';
+import { u as useTranslations } from './index-c407454a.js';
 import '@mantine/hooks';
-import './utils-e1e4fc34.js';
-import './other-829bfc4e.js';
-import './index-98d12ee0.js';
-import { L as LOCALE } from './Locale-113763dc.js';
-import { G as Google, F as Facebook } from './Google-316e2fad.js';
+import './utils-91df31b9.js';
+import './other-191c206c.js';
+import './index-a03b7c7e.js';
+import { L as LOCALE } from './Locale-91a0ee98.js';
+import { G as Google, F as Facebook } from './Google-0bc6bba6.js';
 import { parsePhoneNumber, getCountryCallingCode } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import cn from 'classnames';
@@ -29,28 +29,28 @@ import { CaretDown } from '@hhgtech/icons/other';
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import Flags from 'react-phone-number-input/flags';
-import { u as useScreenSize } from './useScreenSize-b9c63fd4.js';
+import { u as useScreenSize } from './useScreenSize-1c07e0db.js';
 import { Drawer } from 'vaul';
-import { M as MAPPED_LOCALE } from './utils-e1753919.js';
-import { S as Spoiler } from './index-528b7f1b.js';
+import { M as MAPPED_LOCALE } from './utils-4a9fef7b.js';
+import { S as Spoiler } from './index-b695b404.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-d11f456f.js';
+import { D as DatePicker } from './index-267ae4aa.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './useUniqueId-e0046ffd.js';
+import './useUniqueId-b4e8c44b.js';
 import './constantsSite.js';
 import 'zustand';
 import './constantsIsProduction.js';
-import './normalizeLink-f023bdfd.js';
+import './normalizeLink-1a9aaef2.js';
 import './miscCookieHelper.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './index.styles-1ced5cf6.js';
+import './index.styles-ad357f5a.js';
 import '@mantine/notifications';
-import './translationsContext-cb129b96.js';
+import './translationsContext-c5c62ce0.js';
 
 const SSOStateContext = createContext({
     locale: LOCALE.Vietnam,

package/build/esm/{store-60dbd39c.js → store-a60898cd.js}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-19fe97c5.js';
+import { a as __awaiter } from './tslib.es6-49ca40fa.js';
 import { create } from 'zustand';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-f023bdfd.js';
-import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-87e48e6a.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-1a9aaef2.js';
+import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-c8f4eec2.js';
 import { setCookie, getCookie } from './miscCookieHelper.js';
 import { domainLocales } from './constantsDomainLocales.js';
 

package/build/esm/subot/utils/index.d.ts

@@ -17,7 +17,7 @@ export declare const getUserInfoFromCookie: (reqCookie?: string) => {
     email: any;
     id: any;
 };
-export declare const getWindowId: () => any;
+export declare const getWindowId: () => string;
 export declare const getHelloSitesUrl: (locale: LOCALE | LocaleType, ignoreLocal?: boolean) => string;
 export declare const checkMobile: (userAgent: string) => boolean;
 export declare const clickAndOpenInNewTab: (url: string) => void;

package/build/esm/subot.js

@@ -1,73 +1,73 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, memo, useImperativeHandle } from 'react';
-import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-a415a0b9.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-19fe97c5.js';
-import { e as basePath, G as GA_TOKEN_COOKIE, h as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, f as SSO_URL } from './index-87e48e6a.js';
+import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-5b1abe33.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-49ca40fa.js';
+import { e as basePath, G as GA_TOKEN_COOKIE, h as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, f as SSO_URL } from './index-c8f4eec2.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, t as locale, T as TogetherComponentGlobalContext } from './utils-a5a9607a.js';
+import { G as GlobalData, c as callApi, t as locale, T as TogetherComponentGlobalContext } from './utils-9662d944.js';
 import formatString from 'string-format';
-import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, i as isFakeEmail, s as ssoIntents, j as getHhgIdFromCookie } from './index-2a2c81f0.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, j as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, i as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-2a2c81f0.js';
+import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, i as isFakeEmail, s as ssoIntents, j as getHhgIdFromCookie } from './index-fae543f2.js';
+export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, j as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, i as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-fae543f2.js';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-430e0ec8.js';
-import { L as Loading } from './index-ff09d4e3.js';
+import { C as Container$w } from './index-822233d3.js';
+import { L as Loading } from './index-3223a18a.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e1e4fc34.js';
-import { B as Button } from './index-9dffd07c.js';
+import { M as MediaQueries } from './utils-91df31b9.js';
+import { B as Button } from './index-6885689a.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
 import { Box, Textarea } from '@mantine/core';
-import { C as CommonGAssets } from './index-ffb7f4b1.js';
+import { C as CommonGAssets } from './index-46ba5ef1.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-ec91ac43.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-4c8374b7.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-cfa693d6.js';
+import { T as Text } from './index-e17bf4a4.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-9d956264.js';
+import { S as Select } from './index-f9887fb6.js';
 import '@mantine/dates';
-import './useMantineLocale-92f2ea43.js';
-import './index.styles-1ced5cf6.js';
-import './translationsContext-cb129b96.js';
+import './useMantineLocale-463de4dc.js';
+import './index.styles-ad357f5a.js';
+import './translationsContext-c5c62ce0.js';
 import '@mantine/hooks';
-import './other-829bfc4e.js';
-import './index-98d12ee0.js';
+import './other-191c206c.js';
+import './index-a03b7c7e.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-fb864ca8.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-e91197e8.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-113763dc.js';
-import { D as DatePicker } from './index-08abbf60.js';
-import { D as Dropdown } from './index-4a9572c1.js';
-import { B as Button$1 } from './index-e23ba33a.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-60dbd39c.js';
+import { L as LOCALE } from './Locale-91a0ee98.js';
+import { D as DatePicker } from './index-a53c68b6.js';
+import { D as Dropdown } from './index-a5a44f61.js';
+import { B as Button$1 } from './index-4902d406.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-a60898cd.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-a03ee763.js';
+import './index-c2c0593c.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-81d45397.js';
-import './WhatsApp-ea897797.js';
-import './Spinner-00ba6eea.js';
-import './index-65c5f9ff.js';
-import './useScreenSize-b9c63fd4.js';
+import './index-a75e6728.js';
+import './WhatsApp-2e16cddf.js';
+import './Spinner-c23d4aa4.js';
+import './index-c407454a.js';
+import './useScreenSize-1c07e0db.js';
 import '@mantine/carousel';
-import './useUniqueId-e0046ffd.js';
+import './useUniqueId-b4e8c44b.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-f023bdfd.js';
+import './normalizeLink-1a9aaef2.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);
@@ -1538,7 +1538,7 @@ const excludeNodeList = [
 //   return false
 // }
 const Container$u = () => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     const { formatMessage: f, action: { pushNotifications }, } = useContext(TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const { listNodes, activeId, isShowFooter, onNext, onPrev, params, onStartOver, loading, } = useContext(SubotInlineContext);
@@ -1549,15 +1549,16 @@ 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 === 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 == 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 == NodeActionType.ACTION_MULTIPLE_BUTTON);
-    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) ===
-        NodeActionType.USER_CHOICE_TEXT_BY_INPUT;
+    // const selectedWithOtherInput =
+    //   node?.actions?.find(({ id }) => id === value.action_id)?.type ===
+    //   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), nextValue), node === null || node === void 0 ? void 0 : node._message));
+        onNext(Object.assign(Object.assign(Object.assign({}, params), node === null || node === void 0 ? void 0 : node._message), nextValue));
     };
     const handlePollSubmit = () => {
         var _a;
@@ -1602,15 +1603,15 @@ const Container$u = () => {
             });
         }
         else {
-            onNext(Object.assign(Object.assign(Object.assign({}, params), value), node === null || node === void 0 ? void 0 : node._message));
+            onNext(Object.assign(Object.assign(Object.assign({}, params), node === null || node === void 0 ? void 0 : node._message), value));
         }
     };
     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.createElement(StyledWrap$p, { "data-show-action": isDisplayAction },
         React__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)) },
@@ -5416,21 +5417,9 @@ 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 = useRef(null);
-    const { formatMessage: f } = useContext(TogetherComponentGlobalContext);
     const currentUrl = useCurrentUrl();
     const inputRef = useRef(null);
     const [otherText, setOtherText] = useState('');
@@ -5438,14 +5427,6 @@ const Container$a = ({ action, onChange, active, htmlType, formSubmitMeta, }) =>
     const isActionPollWithOther = (action === null || action === void 0 ? void 0 : action.type) === NodeActionType.POLL_CHOICE_TEXT_BY_INPUT;
     const isActionSelectWithOther = (action === null || action === void 0 ? void 0 : action.type) === NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
         isActionPollWithOther;
-    const actionSubmitted = isActionPollWithOther
-        ? {
-            key: action === null || action === void 0 ? void 0 : action.key,
-            control: 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;
     useEffect(() => {
         var _a, _b;
         if (active) {
@@ -5453,45 +5434,24 @@ 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);
-        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);
-        }
+        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,
+            },
+        ]);
     };
     return (React__default.createElement(React__default.Fragment, null,
-        React__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.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.createElement(StyledRadioIcon, { active: !!active }, htmlType === 'checkbox' && (React__default.createElement(Checkbox, { className: "icon-checkbox", viewBox: "0 0 22 22" }))),
             React__default.createElement("div", { className: "label" }, action === null || action === void 0 ? void 0 : action.label)),
         isActionSelectWithOther && active && (React__default.createElement(Box, { px: "2px", style: { textAlign: 'right' } },
-            React__default.createElement(Textarea, { ref: inputRef, placeholder: action === null || action === void 0 ? void 0 : action.label, styles: stylesTextarea, value: otherText, onChange: onChangeTextArea, maxLength: 360 }),
-            !isActionPollWithOther && (React__default.createElement(Button, { size: "sm", mt: "5px", styles: stylesButtonSubmitOther, disabled: !otherText, onClick: handleClickWithFormMeta }, f({
-                id: 'feedback.submit',
-                defaultMessage: 'Submit',
-            })))))));
+            React__default.createElement(Textarea, { ref: inputRef, placeholder: action === null || action === void 0 ? void 0 : action.label, styles: stylesTextarea, value: otherText, onChange: onChangeTextArea, maxLength: 360 })))));
 };
 Container$a.displayName = 'SubotInlineActionTextChoice';
 
@@ -5651,34 +5611,49 @@ const Container$5 = ({ node, indexNumber }) => {
         }
         return [];
     }, [value, value === null || value === void 0 ? void 0 : value.selected_actions]);
-    const handleOnChange = (action) => __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 handleOnChange = (action, formSubmitMeta) => __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) === NodeActionType.POLL_CHOICE_TEXT_BY_INPUT ||
+                (action === null || action === void 0 ? void 0 : action.type) === 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 actionsRemoveMultipleBtn = (_a = node === null || node === void 0 ? void 0 : node.actions) === null || _a === void 0 ? void 0 : _a.filter((a) => a.type !== NodeActionType.ACTION_MULTIPLE_BUTTON);
     return (React__default.createElement(StyledWrap$3, { id: "si-node-text" },
         React__default.createElement(Container$h, { intents: (node === null || node === void 0 ? void 0 : node.intents) || [], indexNumber: indexNumber }),
-        React__default.createElement(Container$7, { value: activeActions, actions: actionsRemoveMultipleBtn, onChange: handleOnChange })));
+        React__default.createElement(Container$7, { value: activeActions, actions: actionsRemoveMultipleBtn, onChange: handleOnChange, formSubmitMeta: value === null || value === void 0 ? void 0 : value.form_submit_meta })));
 };
 Container$5.displayName = 'SubotInlineNodeMultipleContainer';
 
@@ -5722,8 +5697,7 @@ const StyledWrap$2 = styled.div `
 `;
 
 const Container$4 = ({ node, indexNumber }) => {
-    var _a;
-    const { params, setIsShowFooter } = useContext(SubotInlineContext);
+    const { onChange, setIsShowFooter } = useContext(SubotInlineContext);
     const { value, setValue } = useContext(NodeContext);
     const descriptionNode = useDescriptionPollNode({ node });
     useMemo(() => {
@@ -5740,48 +5714,41 @@ 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 = (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);
-                    }
-                }
+    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) === NodeActionType.POLL_CHOICE_TEXT_BY_INPUT ||
+            (action === null || action === void 0 ? void 0 : action.type) === 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);
             }
             else {
-                tmpFormSubmitMeta = currentSubmitMeta;
+                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: 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,
+                    },
+                ]);
             }
-            _message.form_submit_meta = [...tmpFormSubmitMeta]
-                .filter((item) => formSubmitMetaWithOther
-                ? item.key !== KEY_OF_TEXT_CHOICE_WITH_OTHER_FIELD
-                : true)
-                .concat(formSubmitMetaWithOther || []);
-            setValue(_message);
+            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));
         }
+        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 = useMemo(() => {
         if (value === null || value === void 0 ? void 0 : value.form_submit_meta) {
@@ -5789,10 +5756,14 @@ const Container$4 = ({ node, indexNumber }) => {
         }
         return [];
     }, [value, value === null || value === void 0 ? void 0 : value.form_submit_meta]);
+    useEffect(() => {
+        console.log('adfsafsdf');
+        setValue(node === null || node === void 0 ? void 0 : node._message);
+    }, []);
     return (React__default.createElement(StyledWrap$2, null,
         React__default.createElement(Container$h, { intents: node.intents || [], indexNumber: indexNumber }),
         React__default.createElement("p", { className: "si-poll-description" }, descriptionNode),
-        React__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 })));
+        React__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 })));
 };
 Container$4.displayName = 'SubotinlineNodePoll';
 
@@ -5863,7 +5834,6 @@ const StyledWrap = styled.div `
 `;
 
 const Container$2 = ({ node, indexNumber }) => {
-    var _a;
     const { params, onSubmit, setIsShowFooter, listNodes, activeId, setLoading, onChange, } = useContext(SubotInlineContext);
     const { value, setValue } = useContext(NodeContext);
     useMemo(() => {
@@ -5883,7 +5853,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 _b = res === null || res === void 0 ? void 0 : res._data, { node } = _b, restData = __rest(_b, ["node"]);
+            const _a = res === null || res === void 0 ? void 0 : res._data, { node } = _a, restData = __rest(_a, ["node"]);
             const nextNode = Object.assign(Object.assign({}, node), { _message: Object.assign(Object.assign({}, restData), { node_id: node.id }) });
             onSubmit(nextNode, newParams);
         }
@@ -5891,28 +5861,21 @@ const Container$2 = ({ node, indexNumber }) => {
     const handleOnChange = (action, formSubmitMeta) => __awaiter(void 0, void 0, void 0, function* () {
         if (!action)
             return;
-        const isActionSelectWithOther = action.type === 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);
+        const actionWithOther = (action === null || action === void 0 ? void 0 : action.type) === NodeActionType.USER_CHOICE_TEXT_BY_INPUT ||
+            (action === null || action === void 0 ? void 0 : action.type) === 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);
             return;
         }
-        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 = __rest(_c, ["node"]);
-                const nextNode = Object.assign(Object.assign({}, node), { _message: Object.assign(Object.assign({}, restData), { node_id: node.id }) });
-                onSubmit(nextNode, newParams);
-            }
-        }
+        delete newValue.form_submit_meta;
+        setValue(newValue);
+        handleOnChangeNormal(action);
     });
     return (React__default.createElement(StyledWrap, { id: "si-node-text" },
         React__default.createElement(Container$h, { intents: (node === null || node === void 0 ? void 0 : node.intents) || [], indexNumber: indexNumber }),
-        React__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 })));
+        React__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 })));
 };
 Container$2.displayName = 'SubotInlineNodeTextContainer';