@hhgtech/hhg-components 1.29.341-beta-4 → 1.29.341-beta-5

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-b06d4aac.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-a28612e9.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-481ad938.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-83b25948.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b13d9bb6.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-46e95b8b.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-e173a83d.js';
+import { G as GlobalData, c as callApi, u as locale, T as TogetherComponentGlobalContext } from './utils-b1dbc1ff.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-ae8e25e7.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-ae8e25e7.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-0d74a29c.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-0d74a29c.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-1ab17628.js';
-import { L as Loading } from './index-2c47a78c.js';
+import { C as Container$w } from './index-78405fbe.js';
+import { L as Loading } from './index-b7204fcd.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f9df87ad.js';
-import { B as Button } from './index-c2d7df1b.js';
+import { M as MediaQueries } from './utils-b095b5f7.js';
+import { B as Button } from './index-832e25de.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-3e095706.js';
-import dayjs from 'dayjs';
+import { C as CommonGAssets } from './index-f37cd68a.js';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-c1b6e6e6.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-d429ea90.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-8b47416e.js';
+import { T as Text } from './index-b14461a3.js';
 import { theme } from './miscTheme.js';
-import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-90cac9e5.js';
+import { S as Select } from './index-856724ed.js';
 import '@mantine/dates';
-import './useMantineLocale-5a4595f2.js';
-import './index.styles-b22f6e1f.js';
-import './translationsContext-b378aad7.js';
+import './useMantineLocale-1c62b715.js';
+import './index.styles-241e597c.js';
+import './translationsContext-e77c3167.js';
 import '@mantine/hooks';
-import './other-c7b41bb1.js';
-import './index-9fb8d0d3.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.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-05366516.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-3e36095e.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-5c4592c0.js';
-import { D as DatePicker } from './index-9de7d709.js';
-import { B as Button$1 } from './index-12832709.js';
-import { D as Dropdown } from './index-469aca76.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-04270867.js';
+import { L as LOCALE } from './Locale-82737cba.js';
+import get from 'lodash/get';
+import { D as DatePicker } from './index-45ed6241.js';
+import { B as Button$1 } from './index-86f399c7.js';
+import { D as Dropdown } from './index-366cbe4d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4d31051c.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-b1b602a3.js';
+import './index-2940b1e5.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-75bc5f47.js';
-import './WhatsApp-314e285f.js';
-import './Spinner-489c409d.js';
-import './index-eee7f80e.js';
-import './useScreenSize-727c5292.js';
+import './index-6c7a1cec.js';
+import './WhatsApp-89ab29e7.js';
+import './Spinner-d42e2aa6.js';
+import './index-2eedd7c7.js';
+import './useScreenSize-832ea891.js';
 import '@mantine/carousel';
-import './useUniqueId-adb5c890.js';
+import './useUniqueId-1968e55d.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-a8b6e66c.js';
+import './normalizeLink-227b684f.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-f6e657f5.js';
-import './utils-e173a83d.js';
-import './index-eee7f80e.js';
-import './index-3e095706.js';
+export { S as SurveyOrPremiumBanner } from './index-d610f37e.js';
+import './utils-b1dbc1ff.js';
+import './index-2eedd7c7.js';
+import './index-f37cd68a.js';
 import './constantsDomainLocales.js';
-import './Locale-5c4592c0.js';
+import './Locale-82737cba.js';
 import './constantsIsProduction.js';
-import './index-481ad938.js';
+import './index-46e95b8b.js';
 import 'date-fns/locale';
-import './index-b06d4aac.js';
+import './index-83b25948.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './tslib.es6-a28612e9.js';
-import './store-04270867.js';
+import './tslib.es6-b13d9bb6.js';
+import './store-4d31051c.js';
 import 'zustand';
-import './normalizeLink-a8b6e66c.js';
+import './normalizeLink-227b684f.js';
 import './miscCookieHelper.js';
-import './useScreenSize-727c5292.js';
+import './useScreenSize-832ea891.js';
 import '@emotion/styled';
-import './utils-f9df87ad.js';
+import './utils-b095b5f7.js';
 import '@mantine/form';
-import './index-90cac9e5.js';
+import './index-856724ed.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './index-8b47416e.js';
-import './other-c7b41bb1.js';
+import './index-b14461a3.js';
+import './other-c98cc85f.js';
 import './miscTheme.js';
-import './useMantineLocale-5a4595f2.js';
+import './useMantineLocale-1c62b715.js';
 import '@mantine/notifications';
 import 'dayjs';
-import './index-c2d7df1b.js';
+import './index-832e25de.js';
 import 'classnames';
-import './useUniqueId-adb5c890.js';
+import './useUniqueId-1968e55d.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-b22f6e1f.js';
-import './index-9fb8d0d3.js';
+import './index.styles-241e597c.js';
+import './index-73c778f3.js';
 import './togetherApiPaths.js';
-import './translationsContext-b378aad7.js';
-import './index-c903debb.js';
-import './useHealthToolCache-b9949e32.js';
+import './translationsContext-e77c3167.js';
+import './index-d937373e.js';
+import './useHealthToolCache-19cb17fc.js';
 import './miscGetDynamicHealthTool.js';
-import './core-c1984e84.js';
-import './index-75bc5f47.js';
-import './WhatsApp-314e285f.js';
-import './Spinner-489c409d.js';
-import './index-3fe65768.js';
-import './index-0d24d252.js';
+import './core-2fcc1568.js';
+import './index-6c7a1cec.js';
+import './WhatsApp-89ab29e7.js';
+import './Spinner-d42e2aa6.js';
+import './index-66cecb96.js';
+import './index-28d58efe.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './index-b1b602a3.js';
+import './index-2940b1e5.js';
 import 'slugify';
 import 'string-format';
-import './constants-c1b6e6e6.js';
+import './constants-d429ea90.js';

package/build/esm/surveyQuestionCard.js

@@ -1,14 +1,14 @@
-export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-750453b4.js';
+export { S as SurveyQuestionCard, a as SurveyThankyouCard } from './surveyThankyouCard-d303658f.js';
 import 'react';
-import './index-12832709.js';
-import './tslib.es6-a28612e9.js';
-import './index-c2d7df1b.js';
+import './index-86f399c7.js';
+import './tslib.es6-b13d9bb6.js';
+import './index-832e25de.js';
 import '@mantine/core';
-import './index-8b47416e.js';
-import './other-c7b41bb1.js';
-import './index-c903debb.js';
-import './index-d5a7776d.js';
+import './index-b14461a3.js';
+import './other-c98cc85f.js';
+import './index-d937373e.js';
+import './index-8cb28ea4.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-f9df87ad.js';
-import './index-75670317.js';
+import './utils-b095b5f7.js';
+import './index-4f9c8a88.js';

package/build/esm/{surveyThankyouCard-750453b4.js → surveyThankyouCard-d303658f.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useRef } from 'react';
-import { B as Button } from './index-12832709.js';
-import { T as Text } from './index-8b47416e.js';
-import { H as Heading } from './index-c903debb.js';
-import { I as Input } from './index-d5a7776d.js';
-import { T as TextArea } from './index-75670317.js';
+import { B as Button } from './index-86f399c7.js';
+import { T as Text } from './index-b14461a3.js';
+import { H as Heading } from './index-d937373e.js';
+import { I as Input } from './index-8cb28ea4.js';
+import { T as TextArea } from './index-4f9c8a88.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;