@hhgtech/hhg-components 1.29.337 → 1.29.338-beta-1

package/build/{store-1dcf5e8f.js → store-bac953c1.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-f49889de.js');
+var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-a0020d17.js');
-var index = require('./index-d041a262.js');
+var normalizeLink = require('./normalizeLink-8008729b.js');
+var index = require('./index-649e871b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-fa9ab7e8.js');
+var Locale = require('./Locale-b511d433.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/subot/components/dob/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TDOB } from "./";
+declare const DOB: FC<TDOB<Record<string, any>>>;
+export default DOB;

package/build/subot/components/dob/utils.d.ts

@@ -0,0 +1,14 @@
+import dayjs from 'dayjs';
+export declare const isDurgoCampaignFn: (botId: number | string) => boolean;
+export declare const calcAge: (value: Date) => {
+    birthDate: dayjs.Dayjs;
+    today: dayjs.Dayjs;
+    age: number;
+};
+/**
+ * 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
+ *
+ */
+export declare const validateAge: (value: Date, errMsg: string) => string | true;

package/build/subot.js

@@ -3,74 +3,75 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-a4b66208.js');
-var tslib_es6 = require('./tslib.es6-f49889de.js');
-var index$3 = require('./index-d041a262.js');
+var index$2 = require('./index-3922dc3c.js');
+var tslib_es6 = require('./tslib.es6-dd9e0cc4.js');
+var index$3 = require('./index-649e871b.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-56c0b75f.js');
+var togetherComponentGlobalContext = require('./utils-2b8bf3e7.js');
 var formatString = require('string-format');
-var index$1 = require('./index-4576c899.js');
+var index$1 = require('./index-f84dc620.js');
+var dayjs = require('dayjs');
+var constantsIsProduction = require('./constantsIsProduction.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-2cfd24d1.js');
-var index$b = require('./index-528ea33c.js');
+var index$c = require('./index-b35b2e76.js');
+var index$b = require('./index-1e2090d0.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-29060b96.js');
-var index$4 = require('./index-f7161b6e.js');
+var utils = require('./utils-910c005a.js');
+var index$4 = require('./index-c567c191.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-aab4a11a.js');
-var dayjs = require('dayjs');
+var index$5 = require('./index-c5e6cb9a.js');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-46d1fa7f.js');
+var constants = require('./constants-31412dd2.js');
 var uuid = require('uuid');
-var index$6 = require('./index-d7fd57cc.js');
+var index$6 = require('./index-fc5fc4e4.js');
 var miscTheme = require('./miscTheme.js');
-var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-c8b7370e.js');
+var index$7 = require('./index-a259aa64.js');
 require('@mantine/dates');
-require('./useMantineLocale-d5e030cb.js');
-require('./index.styles-282b5f51.js');
-require('./translationsContext-8eddc47b.js');
+require('./useMantineLocale-3eb7ea98.js');
+require('./index.styles-cac29d6f.js');
+require('./translationsContext-d5b2e9b1.js');
 require('@mantine/hooks');
-require('./other-dbb2467d.js');
-require('./index-5c0d6586.js');
+require('./other-d5b52eb3.js');
+require('./index-8281890d.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-8e9ebb28.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-6b192546.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-fa9ab7e8.js');
-var index$9 = require('./index-91d396e3.js');
-var index$8 = require('./index-01413f5f.js');
-var index$a = require('./index-5678e1f8.js');
-var store = require('./store-1dcf5e8f.js');
+var Locale = require('./Locale-b511d433.js');
+var get = require('lodash/get');
+var index$8 = require('./index-99ef9806.js');
+var index$9 = require('./index-0aacbeb5.js');
+var index$a = require('./index-66d98f03.js');
+var store = require('./store-bac953c1.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-1ec90590.js');
+require('./index-61c501cb.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-57a3f434.js');
-require('./WhatsApp-8d005727.js');
-require('./Spinner-3da24dda.js');
-require('./index-6f47c87f.js');
-require('./useScreenSize-aae08299.js');
+require('./index-2b4d5f8c.js');
+require('./WhatsApp-cc1b2510.js');
+require('./Spinner-b4502420.js');
+require('./index-c2a9a8e8.js');
+require('./useScreenSize-8a55816c.js');
 require('@mantine/carousel');
-require('./useUniqueId-0206d180.js');
+require('./useUniqueId-ec4bb28c.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('zustand');
-require('./normalizeLink-a0020d17.js');
+require('./normalizeLink-8008729b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -79,12 +80,13 @@ var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
 var fd__default = /*#__PURE__*/_interopDefault(fd);
 var fastdomPromised__default = /*#__PURE__*/_interopDefault(fastdomPromised);
 var formatString__default = /*#__PURE__*/_interopDefault(formatString);
+var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var cn__default = /*#__PURE__*/_interopDefault(cn);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
-var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var isSameOrBefore__default = /*#__PURE__*/_interopDefault(isSameOrBefore);
 var isEmpty__default = /*#__PURE__*/_interopDefault(isEmpty);
 var PhoneInputBase__default = /*#__PURE__*/_interopDefault(PhoneInputBase);
+var get__default = /*#__PURE__*/_interopDefault(get);
 
 // extend fastdom
 const fastdom = fd__default["default"].extend(fastdomPromised__default["default"]);
@@ -229,6 +231,34 @@ const subotInlineImpression = (data) => tslib_es6.__awaiter(void 0, void 0, void
     catch (error) { }
 });
 
+const isDurgoCampaignFn = (botId) => {
+    const botIdNumber = Number(botId);
+    return constantsIsProduction.isProduction ? botIdNumber === 2629 : botIdNumber === 1092;
+};
+const calcAge = (value) => {
+    const birthDate = dayjs__default["default"](value);
+    const today = dayjs__default["default"]();
+    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 || {};
@@ -280,14 +310,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 ===
+                    index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_NUMBER] ||
+                    f.control ===
+                        index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.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 ===
+                        index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_NUMBER] ||
+                        f.control ===
+                            index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DOB]));
                 if (!formValue)
                     return '';
+                if (formValue.control ===
+                    index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DOB]) {
+                    const { age } = calcAge(dayjs__default["default"](formValue.value).toDate());
+                    return `var ${variableName} = ${age};`;
+                }
                 return `var ${variableName} = ${formValue.value};`;
             })
                 .join('');
@@ -315,7 +358,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 ===
+                    index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_NUMBER] ||
+                    f.control ===
+                        index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DOB]));
             if (dynamicScoreHash[nodeId].formula &&
                 dynamicScoreHash[nodeId].formula_result_name &&
                 (foundFormMetas === null || foundFormMetas === void 0 ? void 0 : foundFormMetas.length)) {
@@ -323,7 +370,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 ===
+                            index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_NUMBER] ||
+                            f.control ===
+                                index$2.ELEMENT_CONTROL_INPUT_TYPE[index$2.NodeActionType.USER_SUBMIT_DOB]));
                     if (!formValue)
                         return '';
                     return `var ${variableName} = ${formValue.value};`;
@@ -3974,7 +4025,9 @@ const StyledUserInfoFormContainer = styled__default["default"].div `
         background-color: ${miscTheme.theme.colors.primaryHover};
       }
       &[disabled] {
-        background-color: ${miscTheme.theme.colors.gray200};
+        font-weight: ${miscTheme.theme.sizes.fwSemiBold};
+        background-color: rgb(242, 242, 242);
+        color: rgb(140, 140, 140);
       }
     }
     .submit-btn-row {
@@ -4577,6 +4630,46 @@ const PhoneInputWithCode = (props) => {
     return (React__default["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 = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.locale;
+    const { formatMessage: f } = React.useContext(togetherComponentGlobalContext.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__default["default"](errors, key);
+    const dobErrMsg = get__default["default"](error, 'message');
+    const handleOnChange = (_value) => {
+        const dateString = dayjs__default["default"](_value).format(index$3.API_DATE_FORMAT);
+        setValue(key, dateString);
+        trigger(key);
+    };
+    return (React__default["default"].createElement("div", { className: "input-row", key: id },
+        React__default["default"].createElement("label", { htmlFor: key }, label),
+        React__default["default"].createElement(StyleDatePickerInput, null,
+            React__default["default"].createElement(index$8.DatePicker, { locale: locale || 'en-PH', displayDateFormat: index$3.DATE_FNS_DATE_FORMAT, onChange: handleOnChange }),
+            React__default["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["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 = React.useRef();
     const userInfo = togetherComponentGlobalContext.GlobalData === null || togetherComponentGlobalContext.GlobalData === void 0 ? void 0 : togetherComponentGlobalContext.GlobalData.userInfo;
@@ -4700,6 +4793,8 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
     }, [actions]);
     const inputType = index$2.ELEMENT_CONTROL_INPUT_TYPE;
     const { register, handleSubmit, watch, formState: { errors }, control, setValue, setError, clearErrors, getValues, trigger, } = reactHookForm.useForm({ defaultValues: defaultFormValues });
+    const formState = reactHookForm.useFormState({ control });
+    const isDurgoCampaign = isDurgoCampaignFn(botId);
     const setSubmitData = (data) => {
         const submitMeta = [];
         for (const action of actions) {
@@ -4731,6 +4826,14 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         value: data[action.key].label || '',
                     });
                 }
+                else if (action.type === index$2.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,
@@ -5063,7 +5166,7 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
                     React__default["default"].createElement(StyleDatePickerInput, null,
-                        React__default["default"].createElement(index$9.DatePicker, { locale: locale || 'en-PH', displayDateFormat: index$3.DATE_FNS_DATE_FORMAT, onChange: (_value) => {
+                        React__default["default"].createElement(index$8.DatePicker, { locale: locale || 'en-PH', displayDateFormat: index$3.DATE_FNS_DATE_FORMAT, onChange: (_value) => {
                                 const dateString = dayjs__default["default"](_value).format(index$3.API_DATE_FORMAT);
                                 setValue(action.key, dateString);
                                 trigger(action.key);
@@ -5113,7 +5216,6 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                         id: 'validation.error.requiredField',
                         defaultMessage: 'This field is required',
                     })))));
-            // case NodeActionType.USER_SUBMIT_ADDRESS:
             case index$2.NodeActionType.USER_SUBMIT_TEXT:
                 return (React__default["default"].createElement("div", { className: "input-row", key: action.id },
                     React__default["default"].createElement("label", { htmlFor: action.key }, action.label),
@@ -5179,12 +5281,14 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             React__default["default"].createElement("span", { className: "verify-success-label" }, f({
                                 id: 'subot.verifyOTP.success.message',
                                 defaultMessage: 'Verified successful',
-                            })))) : (React__default["default"].createElement(index$8.Button, Object.assign({ className: "submit-btn", size: isFormRevamp ? 'md' : 'lg', isLoading: isLoadingVerify, isDisabled: !sentOTP, onClick: (e) => handleVerifyOTP(e, action) }, trackingVerifyOTP), f({
+                            })))) : (React__default["default"].createElement(index$9.Button, Object.assign({ className: "submit-btn", size: isFormRevamp ? 'md' : 'lg', isLoading: isLoadingVerify, isDisabled: !sentOTP, onClick: (e) => handleVerifyOTP(e, action) }, trackingVerifyOTP), f({
                             id: 'subot.verifyOTP.button',
                             defaultMessage: 'Verify OTP',
                         })))))));
             case index$2.NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS:
                 return (React__default["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 index$2.NodeActionType.USER_SUBMIT_DOB:
+                return (React__default["default"].createElement(DOB, { action: action, setValue: setValue, trigger: trigger, register: register, errors: errors, botId: botId }));
             default:
                 return '';
         }
@@ -5199,8 +5303,10 @@ const UserInfoForm = ({ className, style, actions, countryCode, callBack, formSu
                             React__default["default"].createElement(Markdown, null, action.label)))));
             case index$2.NodeActionType.USER_SUBMIT_SEND:
                 // const disabledWhenNotVerifyed = hasOtpField ? !verifiedOTP : false
+                const disabled = hasConfirm ? !confirm : false;
+                const disabledDurgoCampaign = !formState.isValid;
                 return (React__default["default"].createElement("div", { className: "submit-btn-row", key: action.id },
-                    React__default["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["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 index$2.NodeActionType.USER_SUBMIT_TERMS:
                 return (React__default["default"].createElement("div", { className: "form-terms", key: action.id },
                     React__default["default"].createElement(Markdown, null, action.label)));
@@ -5231,6 +5337,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 = tslib_es6.__rest(_b, ["node"]);
             const _nextNode = Object.assign(Object.assign({}, _node), { _message: Object.assign(Object.assign({}, restData), { node_id: _node.id }) });

package/build/surveyOrPremiumBanner.js

@@ -4,62 +4,62 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('@mantine/core');
-var surveyOrPremiumBanner = require('./index-8055f38c.js');
-require('./utils-56c0b75f.js');
-require('./index-6f47c87f.js');
-require('./index-aab4a11a.js');
+var surveyOrPremiumBanner = require('./index-4db37b99.js');
+require('./utils-2b8bf3e7.js');
+require('./index-c2a9a8e8.js');
+require('./index-c5e6cb9a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-fa9ab7e8.js');
+require('./Locale-b511d433.js');
 require('./constantsIsProduction.js');
-require('./index-d041a262.js');
+require('./index-649e871b.js');
 require('date-fns/locale');
-require('./index-a4b66208.js');
+require('./index-3922dc3c.js');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./tslib.es6-f49889de.js');
-require('./store-1dcf5e8f.js');
+require('./tslib.es6-dd9e0cc4.js');
+require('./store-bac953c1.js');
 require('zustand');
-require('./normalizeLink-a0020d17.js');
+require('./normalizeLink-8008729b.js');
 require('./miscCookieHelper.js');
-require('./useScreenSize-aae08299.js');
+require('./useScreenSize-8a55816c.js');
 require('@emotion/styled');
-require('./utils-29060b96.js');
+require('./utils-910c005a.js');
 require('@mantine/form');
-require('./index-c8b7370e.js');
+require('./index-a259aa64.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./index-d7fd57cc.js');
-require('./other-dbb2467d.js');
+require('./index-fc5fc4e4.js');
+require('./other-d5b52eb3.js');
 require('./miscTheme.js');
-require('./useMantineLocale-d5e030cb.js');
+require('./useMantineLocale-3eb7ea98.js');
 require('@mantine/notifications');
 require('dayjs');
-require('./index-f7161b6e.js');
+require('./index-c567c191.js');
 require('classnames');
-require('./useUniqueId-0206d180.js');
+require('./useUniqueId-ec4bb28c.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-282b5f51.js');
-require('./index-5c0d6586.js');
+require('./index.styles-cac29d6f.js');
+require('./index-8281890d.js');
 require('./togetherApiPaths.js');
-require('./translationsContext-8eddc47b.js');
-require('./index-49719113.js');
-require('./useHealthToolCache-daaae90b.js');
+require('./translationsContext-d5b2e9b1.js');
+require('./index-c2a6dc92.js');
+require('./useHealthToolCache-ebe60356.js');
 require('./miscGetDynamicHealthTool.js');
-require('./core-d30b3e3a.js');
-require('./index-57a3f434.js');
-require('./WhatsApp-8d005727.js');
-require('./Spinner-3da24dda.js');
-require('./index-63b6bb84.js');
-require('./index-64997aff.js');
+require('./core-ce8b253a.js');
+require('./index-2b4d5f8c.js');
+require('./WhatsApp-cc1b2510.js');
+require('./Spinner-b4502420.js');
+require('./index-66e9086a.js');
+require('./index-2b5f4100.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./index-1ec90590.js');
+require('./index-61c501cb.js');
 require('slugify');
 require('string-format');
-require('./constants-46d1fa7f.js');
+require('./constants-31412dd2.js');
 
 
 

package/build/surveyQuestionCard.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var surveyThankyouCard = require('./surveyThankyouCard-df98bad7.js');
+var surveyThankyouCard = require('./surveyThankyouCard-2d88a125.js');
 require('react');
-require('./index-01413f5f.js');
-require('./tslib.es6-f49889de.js');
-require('./index-f7161b6e.js');
+require('./index-0aacbeb5.js');
+require('./tslib.es6-dd9e0cc4.js');
+require('./index-c567c191.js');
 require('@mantine/core');
-require('./index-d7fd57cc.js');
-require('./other-dbb2467d.js');
-require('./index-49719113.js');
-require('./index-1b3acda3.js');
+require('./index-fc5fc4e4.js');
+require('./other-d5b52eb3.js');
+require('./index-c2a6dc92.js');
+require('./index-6a3cc469.js');
 require('@emotion/styled');
 require('./miscTheme.js');
-require('./utils-29060b96.js');
-require('./index-83b6bfdc.js');
+require('./utils-910c005a.js');
+require('./index-6d4e364a.js');
 
 
 

package/build/{surveyThankyouCard-df98bad7.js → surveyThankyouCard-2d88a125.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var index$4 = require('./index-01413f5f.js');
-var index$1 = require('./index-d7fd57cc.js');
-var index = require('./index-49719113.js');
-var index$3 = require('./index-1b3acda3.js');
-var index$2 = require('./index-83b6bfdc.js');
+var index$4 = require('./index-0aacbeb5.js');
+var index$1 = require('./index-fc5fc4e4.js');
+var index = require('./index-c2a6dc92.js');
+var index$3 = require('./index-6a3cc469.js');
+var index$2 = require('./index-6d4e364a.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

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

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

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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Option } from "../../../../../interfaces/types";
-import { Topic } from "../../../../interfaces/types";
+import { CategoryTopic, Topic } from "../../../../interfaces/types";
 import { Community } from "../../../../interfaces/types";
 import { PostStepType } from "../types";
 export type Props = {
     communitiesList: Community[];
     currentCommunity: Community | null;
-    selectedTopics: Topic[];
+    selectedTopics: (CategoryTopic | Topic)[];
     communityValue: Option;
     isMobile?: boolean;
     isFullscreen?: boolean;
@@ -15,7 +15,7 @@ export type Props = {
     isMarryBaby: boolean;
     defaultCommunity?: Community;
     error?: Record<string, string>;
-    setSelectedTopics: (val: Topic[]) => void;
+    setSelectedTopics: (val: (CategoryTopic | 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: Topic[];
+    selectedTopics: (CategoryTopic | Topic)[];
     currentCommunity: Community;
-    setSelectedTopics: (val: Topic[]) => void;
+    setSelectedTopics: (val: (CategoryTopic | 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/together/components/molecules/createNewPostContentV2/createPostCommunity/suggestedCommunity/index.d.ts

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

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

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

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

@@ -1,6 +1,11 @@
 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;
@@ -8,9 +13,9 @@ export type Props = {
     isLoading?: boolean;
     topics?: Topic[];
     forceTopics?: Topic[];
-    selectedTopics?: Topic[];
+    selectedTopics?: (CategoryTopic | Topic)[];
     disabled?: boolean;
-    onChange?: (v: Topic[]) => void;
+    onChange?: (v: CategoryTopic[]) => void;
     noFetch?: boolean;
 } & DataTrackingType;
-export declare const TopicSelectList: ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, forceTopics, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;
+export declare const TopicSelectList: ({ className, style, topics: topicsProp, communityId, onChange, isLoading, disabled, selectedTopics: selectedTopicsProp, noFetch, dataEventCategory, dataEventAction, dataEventLabel, }: Props) => React.JSX.Element;