@hhgtech/hhg-components 1.29.338-beta-2 → 1.29.339

package/build/esm/subot.js

@@ -1,73 +1,74 @@
 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-48d6e836.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-2e8db8a5.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-022db00c.js';
+import { d as NodeType, E as ELEMENT_CONTROL_INPUT_TYPE, f as NodeActionType, c as NodePosition, e as NodeFinalTypes, g as NodeMultipleOptions, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-aac219e9.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-2182ef86.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-18b14756.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-bf86b17e.js';
+import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-c5072046.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, i as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, j as isFakeEmail, s as ssoIntents, k as getHhgIdFromCookie } from './index-08e53de8.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, i as formatUrlWithEncrypedGa, g as getHelloSitesUrl, k as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, j as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-08e53de8.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, i as formatUrlWithEncrypedGa, T as TIME_RESET_RESEND_OTP, j as isFakeEmail, s as ssoIntents, k as getHhgIdFromCookie } from './index-96a335b0.js';
+export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, i as formatUrlWithEncrypedGa, g as getHelloSitesUrl, k as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, j as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-96a335b0.js';
+import dayjs from 'dayjs';
+import { isProduction } from './constantsIsProduction.js';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-874a7c75.js';
-import { L as Loading } from './index-278965b8.js';
+import { C as Container$w } from './index-276e0b82.js';
+import { L as Loading } from './index-83b1670e.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-7926bf07.js';
-import { B as Button } from './index-5deb21e5.js';
+import { M as MediaQueries } from './utils-b81a28b9.js';
+import { B as Button } from './index-4e21409e.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-9f6c634c.js';
-import dayjs from 'dayjs';
+import { C as CommonGAssets } from './index-365841eb.js';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-569dafc4.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-eb7e41cc.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-62524755.js';
+import { T as Text } from './index-9e3e1e59.js';
 import { theme } from './miscTheme.js';
-import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-25e8231a.js';
+import { S as Select } from './index-0bfb8bd7.js';
 import '@mantine/dates';
-import './useMantineLocale-1f4d8845.js';
-import './index.styles-bfd355b2.js';
-import './translationsContext-e4acb4e4.js';
+import './useMantineLocale-f6f85c94.js';
+import './index.styles-d705a465.js';
+import './translationsContext-7982d711.js';
 import '@mantine/hooks';
-import './other-51b99f75.js';
-import './index-8a4280d2.js';
+import './other-23ce9e65.js';
+import './index-d816dd07.js';
 import isEmpty from 'lodash/isEmpty';
-import { Controller, useForm } from 'react-hook-form';
+import { Controller, useForm, useFormState } 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-470d7389.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-b2c8d610.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-30483a63.js';
-import { D as DatePicker } from './index-49778458.js';
-import { B as Button$1 } from './index-c63924df.js';
-import { D as Dropdown } from './index-147e6ca0.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-08cd60db.js';
+import { L as LOCALE } from './Locale-6bdee2f7.js';
+import get from 'lodash/get';
+import { D as DatePicker } from './index-609d7083.js';
+import { B as Button$1 } from './index-a3f87af0.js';
+import { D as Dropdown } from './index-8a6ce414.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4f4bdfd3.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-3e07a585.js';
+import './index-e63fa675.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-f4b17ed6.js';
-import './WhatsApp-9b3d9931.js';
-import './Spinner-61d3848d.js';
-import './index-fc025d21.js';
-import './useScreenSize-1f7aac9e.js';
+import './index-437685c3.js';
+import './WhatsApp-e4a418f1.js';
+import './Spinner-02276087.js';
+import './index-cea7133e.js';
+import './useScreenSize-25fb52d6.js';
 import '@mantine/carousel';
-import './useUniqueId-3ac7c649.js';
+import './useUniqueId-4c2b51ff.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-b7ec7f71.js';
+import './normalizeLink-e73f015c.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);
@@ -212,6 +213,34 @@ const subotInlineImpression = (data) => __awaiter(void 0, void 0, void 0, functi
     catch (error) { }
 });
 
+const isDurgoCampaignFn = (botId) => {
+    const botIdNumber = Number(botId);
+    return isProduction ? botIdNumber === 2629 : botIdNumber === 1092;
+};
+const calcAge = (value) => {
+    const birthDate = dayjs(value);
+    const today = dayjs();
+    return {
+        birthDate,
+        today,
+        age: today.diff(birthDate, 'year'),
+    };
+};
+/**
+ * Temporary hard the range of age from 1 -> 3 for Durgo Campaign at this time
+ *    Will be updated the range from 1 -> 3 and 4 -> 6 later
+ * Ticket: https://hhgdev.atlassian.net/browse/HTO-1327
+ *
+ */
+const validateAge = (value, errMsg) => {
+    const { birthDate, today, age } = calcAge(value);
+    if (today.month() < birthDate.month() ||
+        (today.month() === birthDate.month() && today.date() < birthDate.date())) {
+        return age >= 1 && age <= 3 ? true : errMsg;
+    }
+    return age >= 1 && age <= 3 ? true : errMsg;
+};
+
 const getDynamicScore = (node) => {
     try {
         return node.dynamic_score || {};
@@ -263,14 +292,27 @@ const getCurrentTotalDynamicScore = (listNodes, activeId, nextActionId, _formSub
             const actionVarsDynamicScore = dynamicScoreHash[node.id].action_ids.map((i) => i.variableName);
             const formula = dynamicScoreHash[node.id].formula;
             const foundActions = (_b = node.actions) === null || _b === void 0 ? void 0 : _b.filter((act) => actionIdsDynamicScore.includes(act.id));
-            const foundFormMetas = formSubmitMeta.filter((f) => foundActions.find((a) => a.key === f.key) && f.control === 'number');
+            const foundFormMetas = formSubmitMeta.filter((f) => foundActions.find((a) => a.key === f.key) &&
+                (f.control ===
+                    ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_NUMBER] ||
+                    f.control ===
+                        ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_DOB]));
             const formulaWithVariable = actionVarsDynamicScore
                 .map((variableName, idx) => {
                 const variableMapToActionId = actionIdsDynamicScore[idx];
                 const variableMapToAction = foundActions.find((act) => act.id === variableMapToActionId);
-                const formValue = foundFormMetas.find((f) => (variableMapToAction === null || variableMapToAction === void 0 ? void 0 : variableMapToAction.key) === f.key && f.control === 'number');
+                const formValue = foundFormMetas.find((f) => (variableMapToAction === null || variableMapToAction === void 0 ? void 0 : variableMapToAction.key) === f.key &&
+                    (f.control ===
+                        ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_NUMBER] ||
+                        f.control ===
+                            ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_DOB]));
                 if (!formValue)
                     return '';
+                if (formValue.control ===
+                    ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_DOB]) {
+                    const { age } = calcAge(dayjs(formValue.value).toDate());
+                    return `var ${variableName} = ${age};`;
+                }
                 return `var ${variableName} = ${formValue.value};`;
             })
                 .join('');
@@ -298,7 +340,11 @@ const replaceTextWithVariables = (label, listNodes) => {
             const actionVarsDynamicScore = dynamicScoreHash[nodeId].action_ids.map((i) => i.variableName);
             const formula = dynamicScoreHash[nodeId].formula;
             const foundActions = (_a = foundNode === null || foundNode === void 0 ? void 0 : foundNode.actions) === null || _a === void 0 ? void 0 : _a.filter((act) => actionIdsDynamicScore.includes(act.id));
-            const foundFormMetas = (_c = (_b = foundNode === null || foundNode === void 0 ? void 0 : foundNode._message) === null || _b === void 0 ? void 0 : _b.form_submit_meta) === null || _c === void 0 ? void 0 : _c.filter((f) => foundActions.find((a) => a.key === f.key) && f.control === 'number');
+            const foundFormMetas = (_c = (_b = foundNode === null || foundNode === void 0 ? void 0 : foundNode._message) === null || _b === void 0 ? void 0 : _b.form_submit_meta) === null || _c === void 0 ? void 0 : _c.filter((f) => foundActions.find((a) => a.key === f.key) &&
+                (f.control ===
+                    ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_NUMBER] ||
+                    f.control ===
+                        ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_DOB]));
             if (dynamicScoreHash[nodeId].formula &&
                 dynamicScoreHash[nodeId].formula_result_name &&
                 (foundFormMetas === null || foundFormMetas === void 0 ? void 0 : foundFormMetas.length)) {
@@ -306,7 +352,11 @@ const replaceTextWithVariables = (label, listNodes) => {
                     .map((variableName, idx) => {
                     const variableMapToActionId = actionIdsDynamicScore[idx];
                     const variableMapToAction = foundActions.find((act) => act.id === variableMapToActionId);
-                    const formValue = foundFormMetas.find((f) => (variableMapToAction === null || variableMapToAction === void 0 ? void 0 : variableMapToAction.key) === f.key && f.control === 'number');
+                    const formValue = foundFormMetas.find((f) => (variableMapToAction === null || variableMapToAction === void 0 ? void 0 : variableMapToAction.key) === f.key &&
+                        (f.control ===
+                            ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_NUMBER] ||
+                            f.control ===
+                                ELEMENT_CONTROL_INPUT_TYPE[NodeActionType.USER_SUBMIT_DOB]));
                     if (!formValue)
                         return '';
                     return `var ${variableName} = ${formValue.value};`;
@@ -3957,7 +4007,9 @@ const StyledUserInfoFormContainer = styled.div `
         background-color: ${theme.colors.primaryHover};
       }
       &[disabled] {
-        background-color: ${theme.colors.gray200};
+        font-weight: ${theme.sizes.fwSemiBold};
+        background-color: rgb(242, 242, 242);
+        color: rgb(140, 140, 140);
       }
     }
     .submit-btn-row {
@@ -4560,6 +4612,46 @@ const PhoneInputWithCode = (props) => {
     return (React__default.createElement(StyledPhoneInputWithCode, Object.assign({}, props, { flagComponent: FlagComponent })));
 };
 
+const DOB = ({ action, setValue, trigger, register, errors, botId, }) => {
+    const { id, key, label } = action !== null && action !== void 0 ? action : {};
+    const locale = GlobalData === null || GlobalData === void 0 ? void 0 : GlobalData.locale;
+    const { formatMessage: f } = useContext(TogetherComponentGlobalContext);
+    /**
+     * Temporary hard for Durgo Campaign at this time
+     * Ticket: https://hhgdev.atlassian.net/browse/HTO-1327
+     * Production is: 2629
+     * Staging is: 1092
+     */
+    const isDurgoCampaign = isDurgoCampaignFn(botId);
+    const error = get(errors, key);
+    const dobErrMsg = get(error, 'message');
+    const handleOnChange = (_value) => {
+        const dateString = dayjs(_value).format(API_DATE_FORMAT);
+        setValue(key, dateString);
+        trigger(key);
+    };
+    return (React__default.createElement("div", { className: "input-row", key: id },
+        React__default.createElement("label", { htmlFor: key }, label),
+        React__default.createElement(StyleDatePickerInput, null,
+            React__default.createElement(DatePicker, { locale: locale || 'en-PH', displayDateFormat: DATE_FNS_DATE_FORMAT, onChange: handleOnChange }),
+            React__default.createElement("input", Object.assign({ id: id, type: "date", className: "input-date" }, register(key, {
+                required: true,
+                validate: {
+                    ageRange: (value) => isDurgoCampaign
+                        ? validateAge(value, f({
+                            id: 'validation.error.requiredAgeGroup',
+                            defaultMessage: 'Sorry, your child is not in the required Age Group.',
+                        }))
+                        : true,
+                },
+            })))),
+        error && (React__default.createElement("p", { className: "error-message" }, dobErrMsg ||
+            f({
+                id: 'validation.error.requiredField',
+                defaultMessage: 'This field is required',
+            })))));
+};
+
 const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSubmitMeta, isFormRevamp, botId, nodeId, trackingSubmitBtn, }) => {
     const countRef = useRef();
     const userInfo = GlobalData === null || GlobalData === void 0 ? void 0 : GlobalData.userInfo;
@@ -4683,6 +4775,8 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
     }, [actions]);
     const inputType = ELEMENT_CONTROL_INPUT_TYPE;
     const { register, handleSubmit, watch, formState: { errors }, control, setValue, setError, clearErrors, getValues, trigger, } = useForm({ defaultValues: defaultFormValues });
+    const formState = useFormState({ control });
+    const isDurgoCampaign = isDurgoCampaignFn(botId);
     const setSubmitData = (data) => {
         const submitMeta = [];
         for (const action of actions) {
@@ -4714,6 +4808,14 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         value: data[action.key].label || '',
                     });
                 }
+                else if (action.type === NodeActionType.USER_SUBMIT_DOB) {
+                    const dobStr = data[action.key] || '';
+                    submitMeta.push({
+                        key: action.key,
+                        control: inputType[action.type] || '',
+                        value: dobStr,
+                    });
+                }
                 else if (isActionTypeOtp(action.type)) {
                     submitMeta.push({
                         key: action.key,
@@ -5096,7 +5198,6 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            // case NodeActionType.USER_SUBMIT_ADDRESS:
             case NodeActionType.USER_SUBMIT_TEXT:
                 return (React__default.createElement("div", { className: "input-row", key: action.id },
                     React__default.createElement("label", { htmlFor: action.key }, action.label),
@@ -5168,6 +5269,8 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         })))))));
             case NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:
                 return (React__default.createElement(GoogleAddressField$1, { action: action, control: control, formError: errors[action.key], key: action.id, initValue: defaultFormValues === null || defaultFormValues === void 0 ? void 0 : defaultFormValues[action.key], onChange: setValue }));
+            case NodeActionType.USER_SUBMIT_DOB:
+                return (React__default.createElement(DOB, { action: action, setValue: setValue, trigger: trigger, register: register, errors: errors, botId: botId }));
             default:
                 return '';
         }
@@ -5182,8 +5285,10 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             React__default.createElement(Markdown, null, action.label)))));
             case NodeActionType.USER_SUBMIT_SEND:
                 // const disabledWhenNotVerifyed = hasOtpField ? !verifiedOTP : false
+                const disabled = hasConfirm ? !confirm : false;
+                const disabledDurgoCampaign = !formState.isValid;
                 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 : false }, trackingSubmit, { "data-response-id": action.id }), action.label)));
+                    React__default.createElement("button", Object.assign({ id: action.id, className: "submit-btn", type: "submit", disabled: isDurgoCampaign ? disabledDurgoCampaign : disabled }, 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)));
@@ -5214,6 +5319,7 @@ const Container$d = ({ node, indexNumber }) => {
         checkSyncDataOnFrisoCampaign(listNodes[0], data.form_submit_meta);
         const _message = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, params), node._message), data), getCurrentTotalDynamicScore(listNodes, activeId, data.action_id, data.form_submit_meta)), { node_id: node.id });
         const res = yield subotInlineMessage(_message);
+        // asking
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
             const _b = res === null || res === void 0 ? void 0 : res._data, { node: _node } = _b, restData = __rest(_b, ["node"]);
             const _nextNode = Object.assign(Object.assign({}, _node), { _message: Object.assign(Object.assign({}, restData), { node_id: _node.id }) });

package/build/esm/surveyOrPremiumBanner.js

@@ -1,58 +1,58 @@
 import 'react';
 import '@mantine/core';
-export { S as SurveyOrPremiumBanner } from './index-2cc5c261.js';
-import './utils-bf86b17e.js';
-import './index-fc025d21.js';
-import './index-9f6c634c.js';
+export { S as SurveyOrPremiumBanner } from './index-99e01d74.js';
+import './utils-c5072046.js';
+import './index-cea7133e.js';
+import './index-365841eb.js';
 import './constantsDomainLocales.js';
-import './Locale-30483a63.js';
+import './Locale-6bdee2f7.js';
 import './constantsIsProduction.js';
-import './index-022db00c.js';
+import './index-18b14756.js';
 import 'date-fns/locale';
-import './index-48d6e836.js';
+import './index-aac219e9.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './tslib.es6-2e8db8a5.js';
-import './store-08cd60db.js';
+import './tslib.es6-2182ef86.js';
+import './store-4f4bdfd3.js';
 import 'zustand';
-import './normalizeLink-b7ec7f71.js';
+import './normalizeLink-e73f015c.js';
 import './miscCookieHelper.js';
-import './useScreenSize-1f7aac9e.js';
+import './useScreenSize-25fb52d6.js';
 import '@emotion/styled';
-import './utils-7926bf07.js';
+import './utils-b81a28b9.js';
 import '@mantine/form';
-import './index-25e8231a.js';
+import './index-0bfb8bd7.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-62524755.js';
-import './other-51b99f75.js';
+import './index-9e3e1e59.js';
+import './other-23ce9e65.js';
 import './miscTheme.js';
-import './useMantineLocale-1f4d8845.js';
+import './useMantineLocale-f6f85c94.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-5deb21e5.js';
+import './index-4e21409e.js';
 import 'classnames';
-import './useUniqueId-3ac7c649.js';
+import './useUniqueId-4c2b51ff.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-bfd355b2.js';
-import './index-8a4280d2.js';
+import './index.styles-d705a465.js';
+import './index-d816dd07.js';
 import './togetherApiPaths.js';
-import './translationsContext-e4acb4e4.js';
-import './index-014124f3.js';
-import './useHealthToolCache-568826c0.js';
+import './translationsContext-7982d711.js';
+import './index-b07cb874.js';
+import './useHealthToolCache-6b1ca67a.js';
 import './miscGetDynamicHealthTool.js';
-import './core-78258573.js';
-import './index-f4b17ed6.js';
-import './WhatsApp-9b3d9931.js';
-import './Spinner-61d3848d.js';
-import './index-824f77f1.js';
-import './index-e398c9af.js';
+import './core-ff1b1f2e.js';
+import './index-437685c3.js';
+import './WhatsApp-e4a418f1.js';
+import './Spinner-02276087.js';
+import './index-e71a4110.js';
+import './index-3f70d362.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-3e07a585.js';
+import './index-e63fa675.js';
 import 'slugify';
 import 'string-format';
-import './constants-569dafc4.js';
+import './constants-eb7e41cc.js';

package/build/esm/surveyQuestionCard.js

@@ -1,14 +1,14 @@
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-0ae48702.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-eb033751.js';
 import 'react';
-import './index-c63924df.js';
-import './tslib.es6-2e8db8a5.js';
-import './index-5deb21e5.js';
+import './index-a3f87af0.js';
+import './tslib.es6-2182ef86.js';
+import './index-4e21409e.js';
 import '@mantine/core';
-import './index-62524755.js';
-import './other-51b99f75.js';
-import './index-014124f3.js';
-import './index-c03f370f.js';
+import './index-9e3e1e59.js';
+import './other-23ce9e65.js';
+import './index-b07cb874.js';
+import './index-883fd297.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-7926bf07.js';
-import './index-38ce8c9c.js';
+import './utils-b81a28b9.js';
+import './index-128765ca.js';

package/build/esm/{surveyThankyouCard-0ae48702.js → surveyThankyouCard-eb033751.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useRef } from 'react';
-import { B as Button } from './index-c63924df.js';
-import { T as Text } from './index-62524755.js';
-import { H as Heading } from './index-014124f3.js';
-import { I as Input } from './index-c03f370f.js';
-import { T as TextArea } from './index-38ce8c9c.js';
+import { B as Button } from './index-a3f87af0.js';
+import { T as Text } from './index-9e3e1e59.js';
+import { H as Heading } from './index-b07cb874.js';
+import { I as Input } from './index-883fd297.js';
+import { T as TextArea } from './index-128765ca.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/together/components/molecules/createNewPostContentV2/createPostCommunity/commonCommunity/index.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
-import { CategoryTopic, Community, Topic } from "../../../../../interfaces/types";
+import { Community, Topic } from "../../../../../interfaces/types";
 import { Option } from "../../../../../../types";
 type Props = {
     communitiesList: Community[];
     communityValue: Option;
-    selectedTopics: (CategoryTopic | Topic)[];
+    selectedTopics: Topic[];
     isInEditMode: boolean;
     defaultCommunity?: Community;
     setCommunityValue: (val: Option) => void;
-    setSelectedTopics: (val: (CategoryTopic | Topic)[]) => void;
+    setSelectedTopics: (val: Topic[]) => void;
     onSubmitPost: (uncategorized?: boolean) => void;
 };
 declare const CommonCommunity: ({ communitiesList, communityValue, selectedTopics, defaultCommunity, isInEditMode, setCommunityValue, setSelectedTopics, onSubmitPost, }: Props) => React.JSX.Element;

package/build/esm/together/components/molecules/createNewPostContentV2/createPostCommunity/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Option } from "../../../../../interfaces/types";
-import { CategoryTopic, Topic } from "../../../../interfaces/types";
+import { Topic } from "../../../../interfaces/types";
 import { Community } from "../../../../interfaces/types";
 import { PostStepType } from "../types";
 export type Props = {
     communitiesList: Community[];
     currentCommunity: Community | null;
-    selectedTopics: (CategoryTopic | Topic)[];
+    selectedTopics: Topic[];
     communityValue: Option;
     isMobile?: boolean;
     isFullscreen?: boolean;
@@ -15,7 +15,7 @@ export type Props = {
     isMarryBaby: boolean;
     defaultCommunity?: Community;
     error?: Record<string, string>;
-    setSelectedTopics: (val: (CategoryTopic | Topic)[]) => void;
+    setSelectedTopics: (val: Topic[]) => void;
     setCommunityValue: (val: any) => void;
     onBack?: (val: boolean) => void;
     removeKeyError?: (val: string) => void;
@@ -23,9 +23,9 @@ export type Props = {
     onSubmitPost: (uncategorized?: boolean) => void;
 };
 export type CommunityReviewProps = {
-    selectedTopics: (CategoryTopic | Topic)[];
+    selectedTopics: Topic[];
     currentCommunity: Community;
-    setSelectedTopics: (val: (CategoryTopic | Topic)[]) => void;
+    setSelectedTopics: (val: Topic[]) => void;
 };
 export type SelectionCommunityType = 'chatbot' | 'manual';
 export declare const CreatePostCommunity: ({ communitiesList, currentCommunity, selectedTopics, communityValue, isInEditMode, isLoadingSuggest, defaultCommunity, isMarryBaby, setSelectedTopics, setCommunityValue, onSubmitPost, setStepPost, }: Props) => React.ReactPortal;

package/build/esm/together/components/molecules/createNewPostContentV2/createPostCommunity/suggestedCommunity/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { CategoryTopic, Community, Topic } from "../../../../../interfaces/types";
+import { Community, Topic } from "../../../../../interfaces/types";
 type Props = {
     currentCommunity: Community | null;
-    selectedTopics: (CategoryTopic | Topic)[];
+    selectedTopics: Topic[];
     isLoading: boolean;
     clickOtherCommunity: () => void;
     onSubmitPost: (uncategorized?: boolean) => void;

package/build/esm/together/components/molecules/createNewPostContentV2/index.d.ts

@@ -1,5 +1,6 @@
 import React, { CSSProperties } from 'react';
-import { Topic, Community } from "../../../interfaces/types";
+import { Topic } from "../../../interfaces/types";
+import { Community } from "../../../interfaces/types";
 import { UserInfo } from "../../../../types";
 import { Post } from "../../../interfaces/types";
 export type Props = {
@@ -23,4 +24,4 @@ export type Props = {
     isMarryBaby?: boolean;
     userInfo?: UserInfo | null;
 };
-export declare const CreateNewPostContentV2: ({ className, style, onClose, onPostCreatedEdited, forceSelectCommunity, forceSelectTopics, articleId, editPostData, defaultCommunity, communities, userInfo, isMarryBaby, }: Props) => React.JSX.Element;
+export declare const CreateNewPostContentV2: ({ className, style, onClose, forceSelectCommunity, articleId, editPostData, defaultCommunity, defaultTopics, userInfo, isMarryBaby, }: Props) => React.JSX.Element;

package/build/esm/together/components/molecules/createNewPostContentV2/topicSelectList/index.d.ts

@@ -1,11 +1,6 @@
 import React, { CSSProperties } from 'react';
 import { DataTrackingType } from "../../../../../interfaces/types";
 import { Topic } from "../../../../interfaces/types";
-export type CategoryTopic = {
-    category_id: number;
-    name: string;
-    id: number;
-};
 export type Props = {
     className?: string;
     style?: CSSProperties;
@@ -13,9 +8,9 @@ export type Props = {
     isLoading?: boolean;
     topics?: Topic[];
     forceTopics?: Topic[];
-    selectedTopics?: (CategoryTopic | Topic)[];
+    selectedTopics?: Topic[];
     disabled?: boolean;
-    onChange?: (v: CategoryTopic[]) => void;
+    onChange?: (v: Topic[]) => void;
     noFetch?: boolean;
 } & DataTrackingType;
-export declare const TopicSelectList: ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;
+export declare const TopicSelectList: ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, forceTopics, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;

package/build/esm/together/interfaces/types.d.ts

@@ -43,11 +43,6 @@ export type AdminUserInfo = {
     _adminHasSSO?: boolean;
     _adminPermissions?: AdminPermissionApi[];
 };
-export type CategoryTopic = {
-    category_id: number;
-    name: string;
-    id: number;
-};
 export type Topic = {
     id?: number;
     name: string;