@hhgtech/hhg-components 1.29.50 → 1.29.51-beta-1

package/build/esm/navigation.js

@@ -1,53 +1,53 @@
-export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-ae6b9656.js';
-import './tslib.es6-2db0387d.js';
+export { N as NavigationV2, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-db207491.js';
+import './tslib.es6-1fc1660c.js';
 import 'react';
-import './index-82899714.js';
+import './index-42dbfd36.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-f39a4894.js';
-import './index-b3a3e26b.js';
+import './index-b0c8b77f.js';
+import './index-8cce8fcb.js';
 import 'date-fns/locale';
-import './index-c96af862.js';
-import './isProduction-7431bdac.js';
-import './utils-e45859ac.js';
+import './index-c01ed3a0.js';
+import './isProduction-68b4499a.js';
+import './utils-cfb72e36.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-61feed82.js';
-import './theme-74f03581.js';
-import './useMantineLocale-71f69a40.js';
+import './index-70129246.js';
+import './theme-c91191dc.js';
+import './useMantineLocale-964c405e.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-bb76ec2a.js';
+import './useUniqueId-a30f0fb0.js';
 import '@hhgtech/icons/core';
-import './normalizeLink-40bf2a65.js';
-import './routing-95cfab29.js';
-import './index-5eaf6a7e.js';
-import './utils-5add73a5.js';
-import './cookieHelper-c24cfce1.js';
+import './normalizeLink-3965ddbd.js';
+import './routing-236ed610.js';
+import './index-3aa59e49.js';
+import './utils-1e59bbd9.js';
+import './cookieHelper-59adc190.js';
 import 'slugify';
 import 'string-format';
-import './index-cb4af25a.js';
-import './utils-05639753.js';
-import './useTranslations-92cd9bf1.js';
-import './translationsContext-d1ca80ac.js';
+import './index-67cd01db.js';
+import './utils-2ab6c58f.js';
+import './useTranslations-6b51d5cd.js';
+import './translationsContext-77852958.js';
 import 'lodash/throttle';
 import '@mantine/dates';
-import './constants-c13138b3.js';
-import './ChevronDown-02dfaae7.js';
+import './constants-0e5c07d6.js';
+import './ChevronDown-26a34ddf.js';
 import '@emotion/react';
-import './index-4de64c33.js';
-import './constants-4a7e0e4d.js';
-import './index-af6f5782.js';
-import './index-34b81f9b.js';
-import './useIsInit-2e885e97.js';
-import './index.styles-7320c409.js';
-import './animation-3aed249d.js';
+import './index-dde0d623.js';
+import './constants-eb5b4093.js';
+import './index-9fe19ae4.js';
+import './index-27b912d8.js';
+import './useIsInit-72035645.js';
+import './index.styles-43c7b347.js';
+import './animation-d4d5d6e7.js';
 import 'react-keyed-flatten-children';
-import './WhatsApp-1be66710.js';
-import './index.styled-f4fc1284.js';
-import './index-530a553a.js';
+import './WhatsApp-67df0ccd.js';
+import './index.styled-dfbc8174.js';
+import './index-7c36d21b.js';
 import 'dayjs/plugin/relativeTime';
-import './index-7d1050c3.js';
+import './index-1aa87885.js';
 import 'lodash/debounce';
-import './core-2e778416.js';
+import './core-78ab4919.js';

package/build/esm/onboardingV2.js

@@ -1,53 +1,53 @@
 import React__default, { createContext, forwardRef, useContext, useImperativeHandle, useState, useRef, useEffect, useMemo, Fragment } from 'react';
 import { Box, Input, Grid, Title, Container, Flex, rem, Stack, AspectRatio } from '@mantine/core';
-import { P as Phone, c as Input$1, R as Radio, O as OTP, d as Checkbox, u as useScreenSize, B as Button } from './index-82899714.js';
+import { P as Phone, c as Input$1, R as Radio, O as OTP, d as Checkbox, u as useScreenSize, B as Button } from './index-42dbfd36.js';
 import '@mantine/dates';
-import { L as LOCALE_SPECS } from './index-b3a3e26b.js';
-import './index-c96af862.js';
-import { C as CommonGAssets } from './index-f39a4894.js';
-import './useMantineLocale-71f69a40.js';
-import { T as Text } from './index-61feed82.js';
-import { t as theme } from './theme-74f03581.js';
-import './translationsContext-d1ca80ac.js';
+import { L as LOCALE_SPECS } from './index-8cce8fcb.js';
+import './index-c01ed3a0.js';
+import { C as CommonGAssets } from './index-b0c8b77f.js';
+import './useMantineLocale-964c405e.js';
+import { T as Text } from './index-70129246.js';
+import { t as theme } from './theme-c91191dc.js';
+import './translationsContext-77852958.js';
 import 'string-format';
 import { useInterval, useCounter } from '@mantine/hooks';
-import { M as MediaQueries, a as getPopupWrapperDom } from './utils-e45859ac.js';
-import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-de7079a1.js';
-export { M as MAPPED_LOCALE } from './utils-de7079a1.js';
+import { M as MediaQueries, a as getPopupWrapperDom } from './utils-cfb72e36.js';
+import { M as MAPPED_LOCALE, h as hiddenEmailChar } from './utils-12bae36d.js';
+export { M as MAPPED_LOCALE } from './utils-12bae36d.js';
 import { createFormContext, yupResolver } from '@mantine/form';
 import styled from '@emotion/styled';
-import { _ as __rest, a as __awaiter } from './tslib.es6-2db0387d.js';
-import './index.styles-7320c409.js';
-import { H as Heading } from './index-af6f5782.js';
-import './constants-4a7e0e4d.js';
-import { L as LogoIcon } from './utils-05639753.js';
-import { u as useTranslations } from './useTranslations-92cd9bf1.js';
-import './utils-5add73a5.js';
-import './WhatsApp-1be66710.js';
-import './index.styled-f4fc1284.js';
-import './index-530a553a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1fc1660c.js';
+import './index.styles-43c7b347.js';
+import { H as Heading } from './index-9fe19ae4.js';
+import './constants-eb5b4093.js';
+import { L as LogoIcon } from './utils-2ab6c58f.js';
+import { u as useTranslations } from './useTranslations-6b51d5cd.js';
+import './utils-1e59bbd9.js';
+import './WhatsApp-67df0ccd.js';
+import './index.styled-dfbc8174.js';
+import './index-7c36d21b.js';
 import '@hhgtech/icons/other';
 import * as yup from 'yup';
-import { D as DatePicker } from './index-15a971ba.js';
-import { A as AddressInput } from './index-a304099f.js';
-import { V as Visible } from './Visible-91ac8482.js';
+import { D as DatePicker } from './index-6b1d51a6.js';
+import { A as AddressInput } from './index-7f9b2004.js';
+import { V as Visible } from './Visible-505dd771.js';
 import { createPortal } from 'react-dom';
-import { I as Icon } from './index-1ae91c0d.js';
+import { I as Icon } from './index-664b1bde.js';
 import throttle from 'lodash/throttle';
-import { B as Button$1 } from './index-4de64c33.js';
-import { T as Text$1 } from './index-ae40da42.js';
+import { B as Button$1 } from './index-dde0d623.js';
+import { T as Text$1 } from './index-bd35a3b0.js';
 import { format } from 'date-fns';
 import flattenChildren from 'react-keyed-flatten-children';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-bb76ec2a.js';
+import './useUniqueId-a30f0fb0.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
-import './isProduction-7431bdac.js';
+import './isProduction-68b4499a.js';
 import 'dayjs';
 import '@emotion/react';
-import './animation-3aed249d.js';
-import './cookieHelper-c24cfce1.js';
+import './animation-d4d5d6e7.js';
+import './cookieHelper-59adc190.js';
 import 'slugify';
 
 // define shared context

package/build/esm/pwg.js

@@ -1,34 +1,34 @@
 import React__default, { useMemo, useState, useRef } from 'react';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-ca3fe93b.js';
-import { T as Text } from './index-61feed82.js';
-import { P as PillCarousel } from './index-84830868.js';
-import { u as useTranslations } from './useTranslations-92cd9bf1.js';
-import { t as theme } from './theme-74f03581.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-3b98ba00.js';
+import { T as Text } from './index-70129246.js';
+import { P as PillCarousel } from './index-c0f11a8f.js';
+import { u as useTranslations } from './useTranslations-6b51d5cd.js';
+import { t as theme } from './theme-c91191dc.js';
 import { ResponsiveContainer, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis, Area, ReferenceDot } from 'recharts';
-import { C as CustomReferenceDot } from './index-530a553a.js';
-import { a as useOutsideClick } from './useOutsideClick-6b675cd3.js';
+import { C as CustomReferenceDot } from './index-7c36d21b.js';
+import { a as useOutsideClick } from './useOutsideClick-43beec2c.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-2db0387d.js';
-import './index.styled-f4fc1284.js';
+import { _ as __rest } from './tslib.es6-1fc1660c.js';
+import './index.styled-dfbc8174.js';
 import '@mantine/core';
-import './utils-e45859ac.js';
-import './index-c96af862.js';
-import './index-f39a4894.js';
-import './index-b3a3e26b.js';
+import './utils-cfb72e36.js';
+import './index-c01ed3a0.js';
+import './index-b0c8b77f.js';
+import './index-8cce8fcb.js';
 import 'date-fns/locale';
-import './isProduction-7431bdac.js';
-import './index-82899714.js';
+import './isProduction-68b4499a.js';
+import './index-42dbfd36.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './useMantineLocale-71f69a40.js';
+import './useMantineLocale-964c405e.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-bb76ec2a.js';
+import './useUniqueId-a30f0fb0.js';
 import '@hhgtech/icons/core';
-import './index-ae40da42.js';
+import './index-bd35a3b0.js';
 import '@mantine/dates';
-import './translationsContext-d1ca80ac.js';
+import './translationsContext-77852958.js';
 import 'string-format';
 
 const CustomizedAxisTick = (props) => {

package/build/esm/{routing-95cfab29.js → routing-236ed610.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-b3a3e26b.js';
-import { i as isProduction } from './isProduction-7431bdac.js';
+import { d as domainLocales } from './index-8cce8fcb.js';
+import { i as isProduction } from './isProduction-68b4499a.js';
 
 const getCurrentBaseUrl = (locale, isMarryBaby) => {
     if (typeof window !== 'undefined')

package/build/esm/subot/components/userInfoForm/utils.d.ts

@@ -7,3 +7,4 @@ export declare const getActionOtpWhatsApp: (actions: SubotNodeAction[]) => Subot
 export declare const getActionConfirm: (actions: SubotNodeAction[]) => SubotNodeAction;
 export declare const isControlOtp: (control: string) => boolean;
 export declare const isActionTypeOtp: (type: string) => boolean;
+export declare const getTranslateVerifiedOtpMessages: () => Map<any, any>;

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

@@ -1,5 +1,6 @@
 export { default } from "./subotInlineRevamp";
 export { default as SubotInlineRevampWithTheme } from "./subotInlineRevamp/with-theme";
+export { UserInfoForm } from "./components/userInfoForm";
 export * from "./utils";
 export * from "./api/utils";
 export * from "./api/paths";

package/build/esm/subot.js

@@ -1,52 +1,52 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, memo, useImperativeHandle } from 'react';
-import { e as NodeIntentType, c as NodeType, N as NodePosition, d as NodeFinalTypes, f as NodeActionType, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS } from './index-c96af862.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-2db0387d.js';
-import { B as BEARER_TOKEN_COOKIE, d as domainLocales, M as MAP_DOMAIN_BY_LOCALE, 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-b3a3e26b.js';
+import { e as NodeIntentType, c as NodeType, N as NodePosition, d as NodeFinalTypes, f as NodeActionType, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, L as LOCALE, F as FULL_KEY_ADDRESS } from './index-c01ed3a0.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-1fc1660c.js';
+import { B as BEARER_TOKEN_COOKIE, d as domainLocales, M as MAP_DOMAIN_BY_LOCALE, 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-8cce8fcb.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
 import formatString from 'string-format';
-import { G as GlobalData, h as callApi, y as cookie, z as locale, T as TogetherComponentGlobalContext, L as LEAD_TOKEN_COOKIE, s as setDefaultClass } from './utils-5add73a5.js';
+import { G as GlobalData, h as callApi, y as cookie, z as locale, T as TogetherComponentGlobalContext, L as LEAD_TOKEN_COOKIE, s as setDefaultClass } from './utils-1e59bbd9.js';
 import { v4 } from 'uuid';
-import { i as isProduction } from './isProduction-7431bdac.js';
+import { i as isProduction } from './isProduction-68b4499a.js';
 import hexRgb from 'hex-rgb';
 import cn from 'classnames';
-import { C as Container$w } from './index-7d1050c3.js';
-import { D as DatePicker, L as Loading } from './index-a8e20c56.js';
+import { C as Container$w } from './index-1aa87885.js';
+import { D as DatePicker, L as Loading } from './index-39966135.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-e45859ac.js';
-import { B as Button, S as Select } from './index-82899714.js';
+import { M as MediaQueries } from './utils-cfb72e36.js';
+import { B as Button, S as Select } from './index-42dbfd36.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-f39a4894.js';
+import { C as CommonGAssets } from './index-b0c8b77f.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { T as Text } from './index-61feed82.js';
-import { t as theme } from './theme-74f03581.js';
+import { T as Text } from './index-70129246.js';
+import { t as theme } from './theme-c91191dc.js';
 import '@mantine/dates';
-import './useMantineLocale-71f69a40.js';
-import './translationsContext-d1ca80ac.js';
+import './useMantineLocale-964c405e.js';
+import './translationsContext-77852958.js';
 import '@mantine/hooks';
 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-688785a8.js';
-import { D as Dropdown } from './index-3e8fbb37.js';
-import { B as Button$1 } from './index-4de64c33.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-1d43519a.js';
+import { D as Dropdown } from './index-53bee442.js';
+import { B as Button$1 } from './index-dde0d623.js';
 import 'date-fns/locale';
-import './cookieHelper-c24cfce1.js';
+import './cookieHelper-59adc190.js';
 import 'slugify';
-import './index-1ae91c0d.js';
-import './WhatsApp-1be66710.js';
-import './useTranslations-92cd9bf1.js';
+import './index-664b1bde.js';
+import './WhatsApp-67df0ccd.js';
+import './useTranslations-6b51d5cd.js';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import '@mantine/carousel';
-import './useUniqueId-bb76ec2a.js';
+import './useUniqueId-a30f0fb0.js';
 import '@hhgtech/icons/core';
 
 // extend fastdom
@@ -3687,12 +3687,6 @@ const StyleDatePickerInput = setDefaultClass(styled.div `
     .input-date {
       display: none;
     }
-    .pickerContainer {
-      > .pickerOverlayWrapper {
-        right: 50%;
-        transform: translateX(50%);
-      }
-    }
   `, 'hhgcomp-subot-datepickerinput');
 const StyledUserInfoFormContainer = styled.div `
   margin: 0 auto;
@@ -4032,7 +4026,7 @@ const StyledUserInfoFormContainer = styled.div `
           background-color: var(--subot-inline-primary-color);
         }
 
-        &:hover {
+        &:not(:disabled):hover {
           background-color: var(--subot-inline-primary-color-hover);
         }
       }
@@ -4127,6 +4121,20 @@ const isControlOtp = (control) => {
 const isActionTypeOtp = (type) => {
     return (type === NodeActionType.USER_SUBMIT_OTP ||
         type === NodeActionType.USER_SUBMIT_WHATSAPP);
+};
+const getTranslateVerifiedOtpMessages = () => {
+    const phoneWasVerifiedMessage = new Map();
+    phoneWasVerifiedMessage.set(LOCALE.Vietnam, 'Số điện thoại này đã được xác minh.');
+    phoneWasVerifiedMessage.set(LOCALE.PhilippinesEnglish, 'This phone number has been verified.');
+    phoneWasVerifiedMessage.set(LOCALE.Cambodia, 'លេខទូរស័ព្ទនេះត្រូវបានផ្ទៀងផ្ទាត់។');
+    phoneWasVerifiedMessage.set(LOCALE.India, 'इस फ़ोन नंबर की पुष्टि कर दी गई है.');
+    phoneWasVerifiedMessage.set(LOCALE.Indonesia, 'Nomor telepon ini telah diverifikasi.');
+    phoneWasVerifiedMessage.set(LOCALE.Malaysia, 'Nombor telefon ini telah disahkan.');
+    phoneWasVerifiedMessage.set(LOCALE.Myanmar, 'ဤဖုန်းနံပါတ်ကို စစ်ဆေးပြီးပါပြီ။');
+    phoneWasVerifiedMessage.set(LOCALE.Taiwan, '該電話號碼已經過驗證。');
+    phoneWasVerifiedMessage.set(LOCALE.Thailand, 'หมายเลขโทรศัพท์นี้ได้รับการตรวจสอบแล้ว');
+    phoneWasVerifiedMessage.set(LOCALE.PhilippinesTagalog, 'Na-verify na ang numero ng teleponong ito.');
+    return phoneWasVerifiedMessage;
 };
 
 const CheckCircleGreen = (props) => {
@@ -4754,9 +4762,10 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 (((_a = result === null || result === void 0 ? void 0 : result._messages) === null || _a === void 0 ? void 0 : _a[0]) === 'This phone number was verified' ||
                     ((_b = result === null || result === void 0 ? void 0 : result._messages) === null || _b === void 0 ? void 0 : _b[0]) ===
                         'This phone number was verified on Whatsapp')) {
+                const messages = getTranslateVerifiedOtpMessages();
                 pushNotifications({
                     title: '',
-                    message: 'Số điện thoại này đã được xác minh.',
+                    message: messages.get(locale) || messages.get(LOCALE.PhilippinesEnglish),
                     type: 'success',
                 });
                 clearErrors(((_c = getActionOtp(actions)) === null || _c === void 0 ? void 0 : _c.key) || ((_d = getActionOtpWhatsApp(actions)) === null || _d === void 0 ? void 0 : _d.key));
@@ -4915,7 +4924,9 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 const options = action.url ? action.url.split('\n') : [];
                 return (React__default.createElement("div", { className: "input-row", key: action.id },
                     React__default.createElement("label", { htmlFor: action.key }, action.label),
-                    React__default.createElement(Controller, { key: action.key, control: control, name: action.key, render: ({ field }) => {
+                    React__default.createElement(Controller, { key: action.key, control: control, name: action.key, rules: {
+                            required: true,
+                        }, render: ({ field }) => {
                             return (React__default.createElement(Select, Object.assign({ searchable: true, data: options, placeholder: action.label }, field, { withinPortal: true, zIndex: 1000 })));
                         } }),
                     errors[action.key] && (React__default.createElement("p", { className: "error-message" }, f({
@@ -4980,113 +4991,6 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            // case NodeActionType.USER_SUBMIT_ADDRESS_PROVINCE:
-            //   return (
-            //     <div className="input-row" key={action.id}>
-            //       <label htmlFor={action.key}>{action.label}</label>
-            //       <div style={{ background: '#fff' }}>
-            //         <Controller
-            //           name={action.key}
-            //           control={control}
-            //           rules={{
-            //             required: true,
-            //           }}
-            //           render={(props) => (
-            //             <Dropdown
-            //               id={action.id}
-            //               options={provinceData}
-            //               onChange={(val) => {
-            //                 props.field.onChange(val)
-            //                 handleSelectedProvince(val as Dropdown)
-            //               }}
-            //               value={props.field.value}
-            //               placeholder="&nbsp;"
-            //               className="address-dropdown"
-            //             />
-            //           )}
-            //         />
-            //       </div>
-            //       {errors[action.key] && (
-            //         <p className="error-message">
-            //           {f({
-            //             id: 'validation.error.requiredField',
-            //             defaultMessage: 'This field is required',
-            //           })}
-            //         </p>
-            //       )}
-            //     </div>
-            //   )
-            // case NodeActionType.USER_SUBMIT_ADDRESS_DISTRICT:
-            //   return (
-            //     <div className="input-row" key={action.id}>
-            //       <label htmlFor={action.key}>{action.label}</label>
-            //       <div style={{ background: '#fff' }}>
-            //         <Controller
-            //           name={action.key}
-            //           control={control}
-            //           rules={{
-            //             required: true,
-            //           }}
-            //           render={(props) => (
-            //             <Dropdown
-            //               id={action.id}
-            //               options={districtData}
-            //               onChange={(val) => {
-            //                 props.field.onChange(val)
-            //                 handleSelectedDistrict(val as Dropdown)
-            //               }}
-            //               value={props.field.value}
-            //               placeholder="&nbsp;"
-            //               className="address-dropdown"
-            //             />
-            //           )}
-            //         />
-            //       </div>
-            //       {errors[action.key] && (
-            //         <p className="error-message">
-            //           {f({
-            //             id: 'validation.error.requiredField',
-            //             defaultMessage: 'This field is required',
-            //           })}
-            //         </p>
-            //       )}
-            //     </div>
-            //   )
-            // case NodeActionType.USER_SUBMIT_ADDRESS_COMMUNE:
-            //   return (
-            //     <div className="input-row" key={action.id}>
-            //       <label htmlFor={action.key}>{action.label}</label>
-            //       <div style={{ background: '#fff' }}>
-            //         <Controller
-            //           name={action.key}
-            //           control={control}
-            //           rules={{
-            //             required: true,
-            //           }}
-            //           render={(props) => (
-            //             <Dropdown
-            //               id={action.id}
-            //               options={communeData}
-            //               onChange={(val) => {
-            //                 props.field.onChange(val)
-            //               }}
-            //               value={props.field.value}
-            //               placeholder="&nbsp;"
-            //               className="address-dropdown"
-            //             />
-            //           )}
-            //         />
-            //       </div>
-            //       {errors[action.key] && (
-            //         <p className="error-message">
-            //           {f({
-            //             id: 'validation.error.requiredField',
-            //             defaultMessage: 'This field is required',
-            //           })}
-            //         </p>
-            //       )}
-            //     </div>
-            //   )
             case NodeActionType.USER_SUBMIT_BMI:
                 return (React__default.createElement("div", { key: action.id },
                     React__default.createElement("div", { className: "input-row", key: `${action.id}-weight` },
@@ -5219,11 +5123,9 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         React__default.createElement("span", { className: "subot-checkbox__label" },
                             React__default.createElement(Markdown, null, action.label)))));
             case NodeActionType.USER_SUBMIT_SEND:
-                const disabledWhenNotVerifyed = hasOtpField ? !verifiedOTP : false;
+                // const disabledWhenNotVerifyed = hasOtpField ? !verifiedOTP : false
                 return (React__default.createElement("div", { className: "submit-btn-row", key: action.id },
-                    React__default.createElement("button", Object.assign({ id: action.id, className: "submit-btn", type: "submit", disabled: hasConfirm
-                            ? !confirm || disabledWhenNotVerifyed
-                            : disabledWhenNotVerifyed }, trackingSubmit, { "data-response-id": action.id }), action.label)));
+                    React__default.createElement("button", Object.assign({ id: action.id, className: "submit-btn", type: "submit", disabled: hasConfirm ? !confirm : false }, trackingSubmit, { "data-response-id": action.id }), action.label)));
             case NodeActionType.USER_SUBMIT_TERMS:
                 return (React__default.createElement("div", { className: "form-terms", key: action.id },
                     React__default.createElement(Markdown, null, action.label)));
@@ -6194,6 +6096,7 @@ var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   'default': ContainerWithProvider,
   SubotInlineRevampWithTheme: SubotInlineRevampWithTheme,
+  UserInfoForm: UserInfoForm,
   overrideParamsByQuery: overrideParamsByQuery,
   ssoIntents: ssoIntents,
   checkUntilFinished: checkUntilFinished,
@@ -6215,4 +6118,4 @@ var index = /*#__PURE__*/Object.freeze({
   PATHS: PATHS$1
 });
 
-export { PATHS$1 as PATHS, SubotInlineRevampWithTheme, TIME_RESET_RESEND_OTP, checkMobile, checkUntilFinished, clickAndOpenInNewTab, computeExtraSettingsForBot, ContainerWithProvider as default, getHelloSitesUrl, getHhgIdFromCookie, getSubotApiPath, getSubotCookieId, getUserIdFromCookie, getUserInfoFromCookie, getWindowId, overrideParamsByQuery, ssoIntents, subotInlineClick, subotInlineFirstNode, subotInlineImpression, subotInlineMessage };
+export { PATHS$1 as PATHS, SubotInlineRevampWithTheme, TIME_RESET_RESEND_OTP, UserInfoForm, checkMobile, checkUntilFinished, clickAndOpenInNewTab, computeExtraSettingsForBot, ContainerWithProvider as default, getHelloSitesUrl, getHhgIdFromCookie, getSubotApiPath, getSubotCookieId, getUserIdFromCookie, getUserInfoFromCookie, getWindowId, overrideParamsByQuery, ssoIntents, subotInlineClick, subotInlineFirstNode, subotInlineImpression, subotInlineMessage };

package/build/esm/together.js

@@ -1,55 +1,55 @@
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-44e24a0e.js';
-export { d as TogetherDataTransforms, U as UserAvatar } from './index-5eaf6a7e.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-5add73a5.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-5eeacd5b.js';
+export { d as TogetherDataTransforms, U as UserAvatar } from './index-3aa59e49.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-1e59bbd9.js';
 import 'react';
-import './index-61feed82.js';
-import './tslib.es6-2db0387d.js';
+import './index-70129246.js';
+import './tslib.es6-1fc1660c.js';
 import '@mantine/core';
-import './utils-e45859ac.js';
-import './translationsContext-d1ca80ac.js';
+import './utils-cfb72e36.js';
+import './translationsContext-77852958.js';
 import 'string-format';
 import '@hhgtech/icons/other';
-import './index-3e8fbb37.js';
+import './index-53bee442.js';
 import '@emotion/styled';
-import './theme-74f03581.js';
-import './useTranslations-92cd9bf1.js';
+import './theme-c91191dc.js';
+import './useTranslations-6b51d5cd.js';
 import 'innertext';
-import './index-82899714.js';
+import './index-42dbfd36.js';
 import '@mantine/hooks';
-import './index-f39a4894.js';
-import './index-b3a3e26b.js';
+import './index-b0c8b77f.js';
+import './index-8cce8fcb.js';
 import 'date-fns/locale';
-import './index-c96af862.js';
-import './isProduction-7431bdac.js';
+import './index-c01ed3a0.js';
+import './isProduction-68b4499a.js';
 import '@mantine/carousel';
-import './useMantineLocale-71f69a40.js';
+import './useMantineLocale-964c405e.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-bb76ec2a.js';
+import './useUniqueId-a30f0fb0.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-70bdb38c.js';
-import './index.styles-7320c409.js';
-import './constants-4a7e0e4d.js';
+import './index-0601beac.js';
+import './index.styles-43c7b347.js';
+import './constants-eb5b4093.js';
 import '@emotion/react';
-import './animation-3aed249d.js';
+import './animation-d4d5d6e7.js';
 import 'react-keyed-flatten-children';
-import './paths-924e71ac.js';
-import './index-b13711f0.js';
+import './paths-1bbf8007.js';
+import './index-bc843a94.js';
 import 'lodash/debounce';
 import 'react-contenteditable';
-import './index-4de64c33.js';
-import './index-af6f5782.js';
-import './cookieHelper-c24cfce1.js';
+import './index-dde0d623.js';
+import './index-9fe19ae4.js';
+import './cookieHelper-59adc190.js';
 import 'react-dom';
-import './index-1ae91c0d.js';
-import './WhatsApp-1be66710.js';
-import './number-ab59ae3d.js';
+import './index-664b1bde.js';
+import './WhatsApp-67df0ccd.js';
+import './number-cae5b603.js';
 import 'date-fns';
 import 'dayjs/plugin/relativeTime';
-import './index-eac3e7f0.js';
-import './routing-95cfab29.js';
-import './utils-05639753.js';
-import './index.styled-f4fc1284.js';
-import './index-530a553a.js';
+import './index-f09030c7.js';
+import './routing-236ed610.js';
+import './utils-2ab6c58f.js';
+import './index.styled-dfbc8174.js';
+import './index-7c36d21b.js';
 import 'slugify';