@botonic/react 0.36.0-alpha.0 → 0.36.0

package/lib/esm/util/webchat.js

@@ -2,19 +2,20 @@ import merge from 'lodash.merge';
 import UAParser from 'ua-parser-js';
 import { v7 as uuidv7 } from 'uuid';
 import { WEBCHAT } from '../constants';
+import { timeZoneToCountryCode } from '../time-zone-to-country-code';
 import { getProperty } from './objects';
 /**
  * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
  * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
  * If property doesn't exist, returns the defaultValue.
  */
-export const _getThemeProperty = theme => (property, defaultValue = undefined) => {
-    for (const [k, v] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
-        if (v == property) {
-            const nestedProperty = getProperty(theme, v);
+export const _getThemeProperty = (theme) => (property, defaultValue) => {
+    for (const [key, value] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
+        if (value === property) {
+            const nestedProperty = getProperty(theme, value);
             if (nestedProperty !== undefined)
                 return nestedProperty;
-            const plainProperty = getProperty(theme, k);
+            const plainProperty = getProperty(theme, key);
             if (plainProperty !== undefined)
                 return plainProperty;
             return defaultValue;
@@ -33,15 +34,49 @@ export const createUser = () => {
         name,
     };
 };
-export const initSession = session => {
+export const initSession = (session) => {
+    var _a;
     if (!session)
         session = {};
-    const hasUserId = session.user && session.user.id !== undefined;
+    const hasUserId = ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id) !== undefined;
     if (!session.user || Object.keys(session.user).length === 0 || !hasUserId)
         session.user = !hasUserId ? merge(session.user, createUser()) : createUser();
     return session;
 };
+export function updateUserLocaleAndCountry(user) {
+    user.locale = getLocale(user);
+    user.country = getCountry(user);
+    user.system_locale = getSystemLocale(user);
+    return user;
+}
+function getLocale(user) {
+    var _a, _b;
+    if (user.locale) {
+        return user.locale;
+    }
+    return ((_a = user.extra_data) === null || _a === void 0 ? void 0 : _a.language)
+        ? (_b = user.extra_data) === null || _b === void 0 ? void 0 : _b.language
+        : navigator.language;
+}
+function getCountry(user) {
+    var _a, _b;
+    if (user.country) {
+        return user.country;
+    }
+    const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const userCountry = timeZoneToCountryCode[timeZone];
+    return ((_a = user.extra_data) === null || _a === void 0 ? void 0 : _a.country)
+        ? (_b = user.extra_data) === null || _b === void 0 ? void 0 : _b.country
+        : userCountry;
+}
+function getSystemLocale(user) {
+    if (user.system_locale) {
+        return user.system_locale;
+    }
+    return getLocale(user);
+}
 export const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || (devSettings && devSettings.keepSessionOnReload);
+//TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage
 export const getServerErrorMessage = serverConfig => {
     if (!serverConfig || !serverConfig.errorMessage)
         return 'Connection issues';

package/lib/esm/util/webchat.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,QAAQ,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAC5B,KAAK,CAAC,EAAE,CACR,CAAC,QAAQ,EAAE,YAAY,GAAG,SAAS,EAAE,EAAE;IACrC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;QAC9D,IAAI,CAAC,IAAI,QAAQ,EAAE;YACjB,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAC5C,IAAI,cAAc,KAAK,SAAS;gBAAE,OAAO,cAAc,CAAA;YACvD,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAC3C,IAAI,aAAa,KAAK,SAAS;gBAAE,OAAO,aAAa,CAAA;YACrD,OAAO,YAAY,CAAA;SACpB;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;IAC7B,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IAC7C,IAAI,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI;QAAE,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;IACnE,OAAO;QACL,EAAE,EAAE,MAAM,EAAE;QACZ,IAAI;KACL,CAAA;AACH,CAAC,CAAA;AACD,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE;IACnC,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAA;IAC/D,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,SAAS;QACvE,OAAO,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC9E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,kBAAkB,EAClB,WAAW,GACZ,EAAE,EAAE,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAE7E,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAY,CAAC,EAAE;IAClD,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,YAAY;QAAE,OAAO,mBAAmB,CAAA;IAC3E,IAAI,OAAO,YAAY,CAAC,YAAY,KAAK,UAAU,EAAE;QACnD,OAAO,YAAY,CAAC,YAAY,EAAE,CAAA;KACnC;IACD,OAAO,YAAY,CAAC,YAAY,CAAA;AAClC,CAAC,CAAA"}
+{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.ts"],"names":[],"mappings":"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"}

package/lib/esm/webchat/chat-area/index.d.ts

@@ -1 +1 @@
-export declare const ChatArea: () => JSX.Element;
+export declare const ChatArea: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/chat-area/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useEffect, useState } from 'react';
-import { WebchatContext } from '../../contexts';
 import { BotonicContainerId } from '../constants';
+import { WebchatContext } from '../context';
 import { useWebchatDimensions } from '../hooks';
 import { WebchatMessageList } from '../message-list';
 import { WebchatReplies } from '../replies';
@@ -13,6 +13,6 @@ export const ChatArea = () => {
     useEffect(() => {
         setChatAreaHeight(calculateResizedPxChatAreaHeight());
     }, []);
-    return (_jsxs(StyledChatArea, Object.assign({ id: BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [_jsx(WebchatMessageList, {}), replies && Object.keys(replies).length > 0 && (_jsx(WebchatReplies, { replies: replies }))] })));
+    return (_jsxs(StyledChatArea, Object.assign({ id: BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [_jsx(WebchatMessageList, {}), replies && replies.length > 0 && _jsx(WebchatReplies, {})] })));
 };
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/chat-area/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,oBAAoB,EAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,cAAc,kBACb,EAAE,EAAE,kBAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,KAAC,kBAAkB,KAAG,EACrB,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CACrC,KACc,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,oBAAoB,EAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,cAAc,kBACb,EAAE,EAAE,kBAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,KAAC,kBAAkB,KAAG,EACrB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,cAAc,KAAG,KACrC,CAClB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/chat-area/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledChatArea: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledChatArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     height: number;
 }, never>;

package/lib/esm/webchat/components/common.d.ts

@@ -1 +1 @@
-export function Icon(props: any): JSX.Element;
+export function Icon(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/conditional-animation.d.ts

@@ -1 +1 @@
-export function ConditionalAnimation(props: any): JSX.Element;
+export function ConditionalAnimation(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/components/conditional-animation.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
 import { Scale } from '../../shared/styles';
 import { ConditionalWrapper } from '../../util/react';
+import { WebchatContext } from '../context';
 export const ConditionalAnimation = props => {
     const { getThemeProperty } = useContext(WebchatContext);
-    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
+    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
     return (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: props.children })));
 };
 //# sourceMappingURL=conditional-animation.js.map

package/lib/esm/webchat/components/conditional-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAE3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,OAAO,CACL,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/components/opened-persistent-menu.d.ts

@@ -2,5 +2,5 @@ export function OpenedPersistentMenu({ onClick, options, borderRadius }: {
     onClick: any;
     options: any;
     borderRadius: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default OpenedPersistentMenu;

package/lib/esm/webchat/components/opened-persistent-menu.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext } from 'react';
 import styled from 'styled-components';
-import { Button } from '../../components/button';
+import { Button } from '../../components/button/index';
 import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../context';
 import { useComponentVisible } from '../hooks';
 const ButtonsContainer = styled.div `
   position: absolute;
@@ -15,7 +15,7 @@ const ButtonsContainer = styled.div `
 export const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
     const { ref, isComponentVisible } = useComponentVisible(true, onClick);
     const { getThemeProperty } = useContext(WebchatContext);
-    const CustomPersistentMenu = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu, undefined);
+    const CustomPersistentMenu = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu);
     let closeLabel = 'Cancel';
     try {
         closeLabel = options.filter(opt => opt.closeLabel !== undefined)[0]

package/lib/esm/webchat/components/opened-persistent-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,SAAS,CACV,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,MAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,KAAC,MAAM,kBACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,gBAGjB,CAAC,CAAC,KAAK,KAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAC/C,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,MAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,KAAC,MAAM,kBACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,gBAGjB,CAAC,CAAC,KAAK,KAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/{cjs/webchat → esm/webchat/context}/actions.d.ts

@@ -22,5 +22,8 @@ export declare enum WebchatAction {
     UPDATE_SESSION = "updateSession",
     UPDATE_THEME = "updateTheme",
     UPDATE_TYPING = "updateTyping",
-    UPDATE_WEBVIEW = "updateWebview"
+    UPDATE_WEBVIEW = "updateWebview",
+    REMOVE_REPLIES = "removeReplies",
+    REMOVE_WEBVIEW = "removeWebview",
+    SET_IS_INPUT_FOCUSED = "setIsInputFocused"
 }

package/lib/esm/webchat/{actions.js → context/actions.js}

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/naming-convention */
 export var WebchatAction;
 (function (WebchatAction) {
     WebchatAction["ADD_MESSAGE"] = "addMessage";
@@ -24,5 +25,8 @@ export var WebchatAction;
     WebchatAction["UPDATE_THEME"] = "updateTheme";
     WebchatAction["UPDATE_TYPING"] = "updateTyping";
     WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
+    WebchatAction["REMOVE_REPLIES"] = "removeReplies";
+    WebchatAction["REMOVE_WEBVIEW"] = "removeWebview";
+    WebchatAction["SET_IS_INPUT_FOCUSED"] = "setIsInputFocused";
 })(WebchatAction || (WebchatAction = {}));
 //# sourceMappingURL=actions.js.map

package/lib/esm/webchat/context/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/webchat/context/actions.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,CAAN,IAAY,aA4BX;AA5BD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,2DAA0C,CAAA;AAC5C,CAAC,EA5BW,aAAa,KAAb,aAAa,QA4BxB"}

package/lib/esm/webchat/context/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WebchatContextProps } from './types';
+export { WebchatState } from './types';
+export { useWebchat } from './use-webchat';
+export declare const WebchatContext: import("react").Context<WebchatContextProps>;

package/lib/esm/webchat/context/index.js

@@ -0,0 +1,79 @@
+import { __awaiter } from "tslib";
+import { createContext } from 'react';
+export { useWebchat } from './use-webchat';
+export const WebchatContext = createContext({
+    addMessage: () => {
+        return;
+    },
+    getThemeProperty: () => {
+        return;
+    },
+    closeWebview: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    openWebview: () => {
+        return;
+    },
+    resolveCase: () => {
+        return;
+    },
+    resetUnreadMessages: () => {
+        return;
+    },
+    setIsInputFocused: () => {
+        return;
+    },
+    setLastMessageVisible: () => {
+        return;
+    },
+    sendAttachment: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendInput: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendPayload: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendText: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    toggleCoverComponent: () => {
+        return;
+    },
+    toggleWebchat: () => {
+        return;
+    },
+    toggleEmojiPicker: () => {
+        return;
+    },
+    togglePersistentMenu: () => {
+        return;
+    },
+    updateLatestInput: () => {
+        return;
+    },
+    updateMessage: () => {
+        return;
+    },
+    updateReplies: () => {
+        return;
+    },
+    updateUser: () => {
+        return;
+    },
+    updateWebchatDevSettings: () => {
+        return;
+    },
+    webchatState: {},
+    trackEvent: () => __awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    webchatContainerRef: { current: null },
+    chatAreaRef: { current: null },
+    inputPanelRef: { current: null },
+    headerRef: { current: null },
+    scrollableMessagesListRef: { current: null },
+    repliesRef: { current: null },
+});
+//# sourceMappingURL=index.js.map

package/lib/esm/webchat/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAKrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC;IACD,YAAY,EAAE,GAAS,EAAE;QACvB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,GAAS,EAAE;QACzB,OAAM;IACR,CAAC,CAAA;IACD,SAAS,EAAE,GAAS,EAAE;QACpB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAS,EAAE;QACtB,OAAM;IACR,CAAC,CAAA;IACD,QAAQ,EAAE,GAAS,EAAE;QACnB,OAAM;IACR,CAAC,CAAA;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,EAAkB;IAChC,UAAU,EAAE,GAAS,EAAE;QACrB,OAAM;IACR,CAAC,CAAA;IACD,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}

package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts}

@@ -1,5 +1,5 @@
 import { WebchatAction } from './actions';
-import { WebchatState } from './index-types';
+import { WebchatState } from './types';
 export declare const messagesReducer: (state: WebchatState, action: {
     type: WebchatAction;
     payload?: any;

package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js}

@@ -1,4 +1,4 @@
-import { SENDERS } from '../index-types';
+import { SENDERS } from '../../index-types';
 import { WebchatAction } from './actions';
 export const messagesReducer = (state, action) => {
     switch (action.type) {
@@ -10,6 +10,8 @@ export const messagesReducer = (state, action) => {
             return updateMessageReducer(state, action);
         case WebchatAction.UPDATE_REPLIES:
             return Object.assign(Object.assign({}, state), { replies: action.payload });
+        case WebchatAction.REMOVE_REPLIES:
+            return Object.assign(Object.assign({}, state), { replies: undefined });
         case WebchatAction.CLEAR_MESSAGES:
             return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
         case WebchatAction.UPDATE_LAST_MESSAGE_DATE:

package/lib/esm/webchat/context/messages-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/messages-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAGzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAAmB,EACnB,MAA8C,EAChC,EAAE;IAChB,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,aAAa,CAAC,WAAW;YAC5B,OAAO,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzC,KAAK,aAAa,CAAC,qBAAqB;YACtC,OAAO,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC3C,KAAK,aAAa,CAAC,cAAc;YAC/B,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC5C,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,SAAS,IAAE;QACzC,KAAK,aAAa,CAAC,cAAc;YAC/B,uCACK,KAAK,KACR,YAAY,EAAE,EAAE,EAChB,kBAAkB,EAAE,EAAE,EACtB,iBAAiB,EAAE,CAAC,IACrB;QACH,KAAK,aAAa,CAAC,wBAAwB;YACzC,uCACK,KAAK,KACR,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAClC;QACH,KAAK,aAAa,CAAC,qBAAqB;YACtC,OAAO,mBAAmB,CAAC,KAAK,CAAC,CAAA;QACnC,KAAK,aAAa,CAAC,wBAAwB;YACzC,uCACK,KAAK,KACR,oBAAoB,EAAE,MAAM,CAAC,OAAO,IACrC;QACH;YACE,MAAM,IAAI,KAAK,EAAE,CAAA;KACpB;AACH,CAAC,CAAA;AAED,SAAS,mBAAmB,CAC1B,KAAmB,EACnB,MAA8C;;IAE9C,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAA;IACvC,MAAM,eAAe,GACnB,CAAA,MAAA,gBAAgB,CAAC,KAAK,0CAAE,QAAQ;QAChC,CAAA,MAAA,gBAAgB,CAAC,KAAK,0CAAE,MAAM,MAAK,OAAO,CAAC,IAAI,CAAA;IAEjD,MAAM,iBAAiB,GAAG,eAAe;QACvC,CAAC,CAAC,KAAK,CAAC,iBAAiB,GAAG,CAAC;QAC7B,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAA;IAE3B,uCACK,KAAK,KACR,kBAAkB,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAC3E,iBAAiB,IAClB;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAmB;IAC9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;QACzE,IAAI,gBAAgB,CAAC,KAAK,CAAC,QAAQ,EAAE;YACnC,gBAAgB,mCACX,gBAAgB,KACnB,KAAK,kCAAO,gBAAgB,CAAC,KAAK,KAAE,QAAQ,EAAE,KAAK,MACpD,CAAA;SACF;QACD,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;QACxD,IAAI,WAAW,CAAC,QAAQ,EAAE;YACxB,WAAW,CAAC,QAAQ,GAAG,KAAK,CAAA;SAC7B;QACD,OAAO,WAAW,CAAA;IACpB,CAAC,CAAC,CAAA;IACF,uCACK,KAAK,KACR,kBAAkB;QAClB,YAAY,EACZ,iBAAiB,EAAE,CAAC,IACrB;AACH,CAAC;AAED,SAAS,oBAAoB,CAC3B,KAAmB,EACnB,MAA8C;IAE9C,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC7E,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;QACjB,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QACvD,IAAI,wBAAwB,GAAG,EAAE,CAAA;QACjC,IAAI,YAAY,EAAE;YAChB,MAAM,mBAAmB,mCACpB,YAAY,GACZ;gBACD,KAAK,kCAAO,YAAY,CAAC,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,GAAE;aAC1D,CACF,CAAA;YACD,wBAAwB,GAAG;gBACzB,kBAAkB,EAAE;oBAClB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;sCACzC,mBAAmB;oBACxB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;iBAChD;aACF,CAAA;SACF;QAED,MAAM,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CACvD,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CACpD,CAAC,MAAM,CAAA;QAER,mEACK,KAAK,KACR,YAAY,EAAE;gBACZ,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;kCACnC,MAAM,CAAC,OAAO;gBACnB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC1C,KACE,wBAAwB,KAC3B,iBAAiB,IAClB;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,iBAAiB,CACxB,KAAmB,EACnB,MAA8C;IAE9C,IACE,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QAExD,OAAO,KAAK,CAAA;IACd,uCACK,KAAK,KACR,YAAY,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAC9D;AACH,CAAC"}

package/lib/esm/webchat/context/types.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import { Input as CoreInput, Session as CoreSession } from '@botonic/core';
+import { Reply, WebchatSettingsProps, Webview } from '../../components';
+import { CloseWebviewOptions } from '../../contexts';
+import { TrackEventFunction, WebchatMessage } from '../../index-types';
+import { WebchatTheme } from '../theme/types';
+export interface ErrorMessage {
+    message?: string;
+}
+export interface DevSettings {
+    keepSessionOnReload?: boolean;
+    showSessionView?: boolean;
+}
+export interface WebchatState {
+    messagesJSON: any[];
+    messagesComponents: any[];
+    replies?: (typeof Reply)[];
+    latestInput: Partial<CoreInput>;
+    typing: boolean;
+    webview: Webview | null;
+    webviewParams: null;
+    session: Partial<CoreSession>;
+    lastRoutePath?: string;
+    handoff: boolean;
+    theme: WebchatTheme;
+    themeUpdates: Partial<WebchatTheme>;
+    error: ErrorMessage;
+    online: boolean;
+    devSettings: DevSettings;
+    isWebchatOpen: boolean;
+    isEmojiPickerOpen: boolean;
+    isPersistentMenuOpen: boolean;
+    isCoverComponentOpen: boolean;
+    isCustomComponentRendered: boolean;
+    lastMessageUpdate?: string;
+    currentAttachment?: File;
+    numUnreadMessages: number;
+    isLastMessageVisible: boolean;
+    isInputFocused: boolean;
+}
+export type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>;
+export type ClientSession = {
+    user: ClientUser;
+};
+export type ClientUser = {
+    id: string;
+    name: string;
+    locale: string;
+    country: string;
+    system_locale?: string;
+    extra_data?: Record<string, any>;
+};
+export interface WebchatContextProps {
+    addMessage: (message: WebchatMessage) => void;
+    getThemeProperty: (property: string, defaultValue?: any) => any;
+    closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
+    openWebview: (webviewComponent: Webview, params?: any) => void;
+    resetUnreadMessages: () => void;
+    resolveCase: () => void;
+    sendAttachment: (attachment: File) => Promise<void>;
+    sendInput: (input: ClientInput) => Promise<void>;
+    sendPayload: (payload: string) => Promise<void>;
+    sendText: (text: string, payload?: string) => Promise<void>;
+    setIsInputFocused: (isInputFocused: boolean) => void;
+    setLastMessageVisible: (isLastMessageVisible: boolean) => void;
+    toggleWebchat: (toggle: boolean) => void;
+    toggleEmojiPicker: (toggle: boolean) => void;
+    togglePersistentMenu: (toggle: boolean) => void;
+    toggleCoverComponent: (toggle: boolean) => void;
+    updateLatestInput: (input: ClientInput) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: (typeof Reply)[]) => void;
+    updateUser: (user: ClientUser) => void;
+    updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
+    trackEvent?: TrackEventFunction;
+    webchatState: WebchatState;
+    webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
+    chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
+    inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
+    headerRef: React.MutableRefObject<HTMLDivElement | null>;
+    scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
+    repliesRef: React.MutableRefObject<HTMLDivElement | null>;
+}

package/lib/esm/webchat/context/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/esm/webchat/context/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/context/types.ts"],"names":[],"mappings":""}

package/lib/esm/webchat/context/use-webchat.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { Session } from '@botonic/core';
+import { Reply } from '../../components';
+import { Webview } from '../../components/index-types';
+import { WebchatMessage } from '../../index-types';
+import { WebchatTheme } from '../theme/types';
+import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
+export interface UseWebchat {
+    addMessage: (message: WebchatMessage) => void;
+    addMessageComponent: (message: {
+        props: WebchatMessage;
+    }) => void;
+    clearMessages: () => void;
+    doRenderCustomComponent: (toggle: boolean) => void;
+    resetUnreadMessages: () => void;
+    setCurrentAttachment: (attachment?: File) => void;
+    setError: (error?: ErrorMessage) => void;
+    setIsInputFocused: (isInputFocused: boolean) => void;
+    setLastMessageVisible: (isLastMessageVisible: boolean) => void;
+    setOnline: (online: boolean) => void;
+    toggleCoverComponent: (toggle: boolean) => void;
+    toggleEmojiPicker: (toggle: boolean) => void;
+    togglePersistentMenu: (toggle: boolean) => void;
+    toggleWebchat: (toggle: boolean) => void;
+    updateDevSettings: (settings: DevSettings) => void;
+    updateHandoff: (handoff: boolean) => void;
+    updateLastMessageDate: (date: string) => void;
+    updateLastRoutePath: (path: string) => void;
+    updateLatestInput: (input: ClientInput) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: (typeof Reply)[]) => void;
+    updateSession: (session: Partial<Session>) => void;
+    updateTheme: (theme: WebchatTheme, themeUpdates?: WebchatTheme) => void;
+    updateTyping: (typing: boolean) => void;
+    updateWebview: (webview: Webview, params: Record<string, string>) => void;
+    removeReplies: () => void;
+    removeWebview: () => void;
+    webchatState: WebchatState;
+    webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
+    headerRef: React.MutableRefObject<HTMLDivElement | null>;
+    chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
+    scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
+    repliesRef: React.MutableRefObject<HTMLDivElement | null>;
+    inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
+}
+export declare function useWebchat(theme?: WebchatTheme): UseWebchat;

package/lib/esm/webchat/{hooks → context}/use-webchat.js

@@ -1,47 +1,41 @@
 import { useReducer, useRef } from 'react';
-import { COLORS, WEBCHAT } from '../../constants';
-import { WebchatAction } from '../actions';
-import { webchatReducer } from '../webchat-reducer';
-export const webchatInitialState = {
-    width: WEBCHAT.DEFAULTS.WIDTH,
-    height: WEBCHAT.DEFAULTS.HEIGHT,
-    messagesJSON: [],
-    messagesComponents: [],
-    replies: [],
-    latestInput: {},
-    typing: false,
-    webview: null,
-    webviewParams: null,
-    session: { user: undefined },
-    lastRoutePath: null,
-    handoff: false,
-    theme: {
-        headerTitle: WEBCHAT.DEFAULTS.TITLE,
-        brandColor: COLORS.BOTONIC_BLUE,
-        brandImage: WEBCHAT.DEFAULTS.LOGO,
-        triggerButtonImage: undefined,
-        textPlaceholder: WEBCHAT.DEFAULTS.PLACEHOLDER,
-        style: {
-            fontFamily: WEBCHAT.DEFAULTS.FONT_FAMILY,
-        },
-    },
-    themeUpdates: {},
-    error: {},
-    online: true,
-    devSettings: { keepSessionOnReload: false },
-    isWebchatOpen: false,
-    isEmojiPickerOpen: false,
-    isPersistentMenuOpen: false,
-    isCoverComponentOpen: false,
-    isCustomComponentRendered: false,
-    lastMessageUpdate: undefined,
-    currentAttachment: undefined,
-    numUnreadMessages: 0,
-    isLastMessageVisible: true,
-};
-export function useWebchat() {
+import { defaultTheme } from '../theme/default-theme';
+import { WebchatAction } from './actions';
+import { webchatReducer } from './webchat-reducer';
+function getWebchatInitialState(initialTheme) {
+    return {
+        replies: [],
+        messagesJSON: [],
+        messagesComponents: [],
+        latestInput: {},
+        typing: false,
+        webview: null,
+        webviewParams: null,
+        session: { user: undefined },
+        lastRoutePath: undefined,
+        handoff: false,
+        theme: initialTheme,
+        themeUpdates: {},
+        error: {},
+        online: true,
+        devSettings: { keepSessionOnReload: false },
+        isWebchatOpen: false,
+        isEmojiPickerOpen: false,
+        isPersistentMenuOpen: false,
+        isCoverComponentOpen: false,
+        isCustomComponentRendered: false,
+        lastMessageUpdate: undefined,
+        currentAttachment: undefined,
+        numUnreadMessages: 0,
+        isLastMessageVisible: true,
+        isInputFocused: false,
+    };
+}
+export function useWebchat(theme) {
+    const initialTheme = theme || defaultTheme;
+    const webchatInitialState = getWebchatInitialState(initialTheme);
     const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
-    const webchatRef = useRef(null);
+    const webchatContainerRef = useRef(null);
     const chatAreaRef = useRef(null);
     const inputPanelRef = useRef(null);
     const headerRef = useRef(null);
@@ -53,13 +47,17 @@ export function useWebchat() {
         payload: message,
     });
     const updateMessage = (message) => webchatDispatch({ type: WebchatAction.UPDATE_MESSAGE, payload: message });
-    const updateReplies = replies => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
+    const updateReplies = (replies) => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
+    const removeReplies = () => webchatDispatch({ type: WebchatAction.REMOVE_REPLIES, payload: [] });
     const updateLatestInput = (input) => webchatDispatch({ type: WebchatAction.UPDATE_LATEST_INPUT, payload: input });
     const updateTyping = (typing) => webchatDispatch({ type: WebchatAction.UPDATE_TYPING, payload: typing });
     const updateWebview = (webview, params) => webchatDispatch({
         type: WebchatAction.UPDATE_WEBVIEW,
         payload: { webview, webviewParams: params },
     });
+    const removeWebview = () => webchatDispatch({
+        type: WebchatAction.REMOVE_WEBVIEW,
+    });
     const updateSession = (session) => {
         webchatDispatch({
             type: WebchatAction.UPDATE_SESSION,
@@ -143,6 +141,12 @@ export function useWebchat() {
             payload: isLastMessageVisible,
         });
     };
+    const setIsInputFocused = (isInputFocused) => {
+        webchatDispatch({
+            type: WebchatAction.SET_IS_INPUT_FOCUSED,
+            payload: isInputFocused,
+        });
+    };
     return {
         addMessage,
         addMessageComponent,
@@ -151,6 +155,7 @@ export function useWebchat() {
         resetUnreadMessages,
         setCurrentAttachment,
         setError,
+        setIsInputFocused,
         setLastMessageVisible,
         setOnline,
         toggleCoverComponent,
@@ -168,9 +173,10 @@ export function useWebchat() {
         updateTheme,
         updateTyping,
         updateWebview,
-        webchatDispatch,
+        removeReplies,
+        removeWebview,
         webchatState,
-        webchatRef,
+        webchatContainerRef,
         headerRef,
         chatAreaRef,
         scrollableMessagesListRef,