@hhgtech/hhg-components 1.29.341-beta-1 → 1.29.341

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-8d4ba262.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-d6634fe6.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-abfac3da.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-5beca92b.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-d983aca1.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-f96c758b.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-67be06c2.js';
+import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-284b3857.js';
 import formatString from 'string-format';
-import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, i as isFakeEmail, s as ssoIntents, j as getHhgIdFromCookie } from './index-0cc11fb1.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, j as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, i as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-0cc11fb1.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-1f97faf1.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-1f97faf1.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-481ac1b5.js';
-import { L as Loading } from './index-e57296bb.js';
+import { C as Container$w } from './index-9db2daf2.js';
+import { L as Loading } from './index-4ae4115a.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-caced094.js';
-import { B as Button } from './index-a407c8a1.js';
+import { M as MediaQueries } from './utils-cb146a70.js';
+import { B as Button } from './index-63dc7b02.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-2efa5c25.js';
-import dayjs from 'dayjs';
+import { C as CommonGAssets } from './index-09f90c0d.js';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-76a688b3.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-d8dcf848.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-7bf03303.js';
+import { T as Text } from './index-1feb112f.js';
 import { theme } from './miscTheme.js';
-import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-e69c3b32.js';
+import { S as Select } from './index-b99adac7.js';
 import '@mantine/dates';
-import './useMantineLocale-94a0b8bd.js';
-import './index.styles-b69d7b05.js';
-import './translationsContext-8653213c.js';
+import './useMantineLocale-ee453257.js';
+import './index.styles-9aeabac4.js';
+import './translationsContext-b8b3f1f2.js';
 import '@mantine/hooks';
-import './other-7217ed28.js';
-import './index-6efda9ca.js';
+import './other-afc01340.js';
+import './index-eaae9c13.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-59f4f648.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-7b0503dc.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-f2acbe20.js';
-import { D as DatePicker } from './index-aa963a3f.js';
-import { B as Button$1 } from './index-1b29aa3f.js';
-import { D as Dropdown } from './index-4cda9886.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53e8f82d.js';
+import { L as LOCALE } from './Locale-b85a2806.js';
+import get from 'lodash/get';
+import { D as DatePicker } from './index-c41b3f18.js';
+import { B as Button$1 } from './index-00d608ea.js';
+import { D as Dropdown } from './index-43c80986.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-9f9b8c7e.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-33129b88.js';
+import './index-fcd91927.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-f9de0793.js';
-import './WhatsApp-93f66619.js';
-import './Spinner-49091360.js';
-import './index-0dca8a9c.js';
-import './useScreenSize-430352d3.js';
+import './index-d003a87c.js';
+import './WhatsApp-29064eaa.js';
+import './Spinner-4073c7bb.js';
+import './index-fbce107a.js';
+import './useScreenSize-86ff79b6.js';
 import '@mantine/carousel';
-import './useUniqueId-296671f9.js';
+import './useUniqueId-3deb18e4.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-b2c301bb.js';
+import './normalizeLink-24199d48.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};`;
@@ -2462,6 +2512,36 @@ const Container$n = ({ intent }) => {
 };
 Container$n.displayName = 'SubotInlineIntentBotImage';
 
+function useGetEncodedGaId() {
+    const [encodedGaId, setEncodedGaId] = useState('');
+    const [gaId, setGaId] = useState('');
+    useEffect(() => {
+        if (!Cookies.get(GA_TOKEN_COOKIE)) {
+            checkUntilFinished({
+                condition: () => Boolean(Cookies.get(GA_TOKEN_COOKIE)),
+                finished: () => {
+                    const gaClientId = Cookies.get(GA_TOKEN_COOKIE);
+                    if (gaClientId) {
+                        const base64Encoded = btoa(gaClientId);
+                        setEncodedGaId(base64Encoded);
+                        setGaId(gaClientId);
+                    }
+                },
+                // timeout: 10000,
+            });
+        }
+        else {
+            const gaClientId = Cookies.get(GA_TOKEN_COOKIE);
+            if (gaClientId) {
+                const base64Encoded = btoa(gaClientId);
+                setEncodedGaId(base64Encoded);
+                setGaId(gaClientId);
+            }
+        }
+    }, []);
+    return { encodedGaId, gaId };
+}
+
 const StyledWrap$g = styled.div `
   padding: 16px 0;
 
@@ -2571,11 +2651,13 @@ Container$m.displayName = 'SubotInlineDisclaimer';
 const Container$l = ({ intent }) => {
     var _a, _b, _c;
     const { formatMessage: f } = useContext(TogetherComponentGlobalContext);
+    const { encodedGaId } = useGetEncodedGaId();
     const handleOnClick = (service) => {
         if (!service.url) {
             return;
         }
-        service.url && clickAndOpenInNewTab(service.url);
+        const serviceUrl = formatUrlWithEncrypedGa(service.url, encodedGaId);
+        service.url && clickAndOpenInNewTab(serviceUrl);
     };
     const listServices = useMemo(() => {
         try {
@@ -2596,7 +2678,7 @@ const Container$l = ({ intent }) => {
                 defaultMessage: 'Suggested services',
             }) + ':'),
         React__default.createElement("div", { className: "si-list-services" }, listServices.map((service, index) => {
-            return (React__default.createElement("div", { onClick: () => handleOnClick(service), key: index, className: "image-wrapper", role: "presentation", "data-event-category": "Service Connection", "data-event-action": "Risk Screener Result Recommended Services", "data-event-label": service.url },
+            return (React__default.createElement("div", { onClick: () => handleOnClick(service), key: index, className: "image-wrapper", role: "presentation", "data-event-category": "Service Connection", "data-event-action": "Risk Screener Result Recommended Services", "data-event-label": formatUrlWithEncrypedGa((service === null || service === void 0 ? void 0 : service.url) || '', encodedGaId) },
                 React__default.createElement(Box, { className: "aspect-square" },
                     React__default.createElement("img", { loading: "lazy", src: service.feature, alt: service.feature, key: index })),
                 service.title && (React__default.createElement(Text, { size: "p2", className: "si-service-title", color: "var(--subot-inline-text-color, #262626)" }, service.title))));
@@ -3925,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 {
@@ -4528,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;
@@ -4651,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) {
@@ -4682,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,
@@ -5064,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),
@@ -5136,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 '';
         }
@@ -5150,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)));
@@ -5182,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 }) });
@@ -6128,6 +6266,7 @@ var index = /*#__PURE__*/Object.freeze({
   clickAndOpenInNewTab: clickAndOpenInNewTab,
   TIME_RESET_RESEND_OTP: TIME_RESET_RESEND_OTP,
   isFakeEmail: isFakeEmail,
+  formatUrlWithEncrypedGa: formatUrlWithEncrypedGa,
   getSubotApiPath: getSubotApiPath,
   subotInlineMessage: subotInlineMessage,
   computeExtraSettingsForBot: computeExtraSettingsForBot,

package/build/esm/surveyOrPremiumBanner.js

@@ -1,58 +1,58 @@
 import 'react';
 import '@mantine/core';
-export { S as SurveyOrPremiumBanner } from './index-e0c0f934.js';
-import './utils-67be06c2.js';
-import './index-0dca8a9c.js';
-import './index-2efa5c25.js';
+export { S as SurveyOrPremiumBanner } from './index-cb195323.js';
+import './utils-284b3857.js';
+import './index-fbce107a.js';
+import './index-09f90c0d.js';
 import './constantsDomainLocales.js';
-import './Locale-f2acbe20.js';
+import './Locale-b85a2806.js';
 import './constantsIsProduction.js';
-import './index-abfac3da.js';
+import './index-f96c758b.js';
 import 'date-fns/locale';
-import './index-8d4ba262.js';
+import './index-5beca92b.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './tslib.es6-d6634fe6.js';
-import './store-53e8f82d.js';
+import './tslib.es6-d983aca1.js';
+import './store-9f9b8c7e.js';
 import 'zustand';
-import './normalizeLink-b2c301bb.js';
+import './normalizeLink-24199d48.js';
 import './miscCookieHelper.js';
-import './useScreenSize-430352d3.js';
+import './useScreenSize-86ff79b6.js';
 import '@emotion/styled';
-import './utils-caced094.js';
+import './utils-cb146a70.js';
 import '@mantine/form';
-import './index-e69c3b32.js';
+import './index-b99adac7.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-7bf03303.js';
-import './other-7217ed28.js';
+import './index-1feb112f.js';
+import './other-afc01340.js';
 import './miscTheme.js';
-import './useMantineLocale-94a0b8bd.js';
+import './useMantineLocale-ee453257.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-a407c8a1.js';
+import './index-63dc7b02.js';
 import 'classnames';
-import './useUniqueId-296671f9.js';
+import './useUniqueId-3deb18e4.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-b69d7b05.js';
-import './index-6efda9ca.js';
+import './index.styles-9aeabac4.js';
+import './index-eaae9c13.js';
 import './togetherApiPaths.js';
-import './translationsContext-8653213c.js';
-import './index-adf60b38.js';
-import './useHealthToolCache-f527b48f.js';
+import './translationsContext-b8b3f1f2.js';
+import './index-b389ccb0.js';
+import './useHealthToolCache-60c491b2.js';
 import './miscGetDynamicHealthTool.js';
-import './core-4bbe3aac.js';
-import './index-f9de0793.js';
-import './WhatsApp-93f66619.js';
-import './Spinner-49091360.js';
-import './index-35e98df8.js';
-import './index-97a1a574.js';
+import './core-90b57158.js';
+import './index-d003a87c.js';
+import './WhatsApp-29064eaa.js';
+import './Spinner-4073c7bb.js';
+import './index-c4029515.js';
+import './index-e66bb8ed.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-33129b88.js';
+import './index-fcd91927.js';
 import 'slugify';
 import 'string-format';
-import './constants-76a688b3.js';
+import './constants-d8dcf848.js';

package/build/esm/surveyQuestionCard.js

@@ -1,14 +1,14 @@
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-f09b901d.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-fd56b470.js';
 import 'react';
-import './index-1b29aa3f.js';
-import './tslib.es6-d6634fe6.js';
-import './index-a407c8a1.js';
+import './index-00d608ea.js';
+import './tslib.es6-d983aca1.js';
+import './index-63dc7b02.js';
 import '@mantine/core';
-import './index-7bf03303.js';
-import './other-7217ed28.js';
-import './index-adf60b38.js';
-import './index-1ca0ac46.js';
+import './index-1feb112f.js';
+import './other-afc01340.js';
+import './index-b389ccb0.js';
+import './index-05f4b04d.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-caced094.js';
-import './index-669fa307.js';
+import './utils-cb146a70.js';
+import './index-8e160543.js';

package/build/esm/{surveyThankyouCard-f09b901d.js → surveyThankyouCard-fd56b470.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useRef } from 'react';
-import { B as Button } from './index-1b29aa3f.js';
-import { T as Text } from './index-7bf03303.js';
-import { H as Heading } from './index-adf60b38.js';
-import { I as Input } from './index-1ca0ac46.js';
-import { T as TextArea } from './index-669fa307.js';
+import { B as Button } from './index-00d608ea.js';
+import { T as Text } from './index-1feb112f.js';
+import { H as Heading } from './index-b389ccb0.js';
+import { I as Input } from './index-05f4b04d.js';
+import { T as TextArea } from './index-8e160543.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 { 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/esm/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/esm/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/esm/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/esm/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;

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

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