@botonic/react 0.31.5-alpha.1 → 0.32.0-alpha.0

package/lib/cjs/util/error-boundary.d.ts

@@ -1,7 +1,7 @@
 export function createErrorBoundary({ errorComponent, }?: {
     errorComponent?: (({ errorMessage }: {
         errorMessage: any;
-    }) => JSX.Element) | undefined;
+    }) => import("react/jsx-runtime").JSX.Element) | undefined;
 }): ({ children }: {
     children: any;
 }) => any;

package/lib/cjs/util/functional.d.ts

@@ -0,0 +1,3 @@
+type Input = Record<string, any> | Record<string, any>[] | undefined;
+export declare function toSnakeCaseKeys(input: Input): Input;
+export {};

package/lib/cjs/util/functional.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toSnakeCaseKeys = void 0;
+function camelCaseToSnake(str) {
+    return str
+        .replace(/([a-z])([A-Z])/g, '$1_$2')
+        .replace(/([A-Za-z])(\d)/g, '$1_$2')
+        .replace(/(\d)([A-Za-z])/g, '$1_$2')
+        .toLowerCase();
+}
+function toSnakeCaseKeys(input) {
+    if (Array.isArray(input)) {
+        return input.map(item => toSnakeCaseKeys(item));
+    }
+    if (typeof input === 'object' && input !== null) {
+        const result = Object.keys(input).reduce((acc, key) => {
+            const snakeKey = camelCaseToSnake(key);
+            const value = input[key];
+            acc[snakeKey] =
+                typeof value === 'object' && value !== null
+                    ? toSnakeCaseKeys(value)
+                    : value;
+            return acc;
+        }, {});
+        return result;
+    }
+    return input;
+}
+exports.toSnakeCaseKeys = toSnakeCaseKeys;
+//# sourceMappingURL=functional.js.map

package/lib/cjs/util/functional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"functional.js","sourceRoot":"","sources":["../../../src/util/functional.ts"],"names":[],"mappings":";;;AAAA,SAAS,gBAAgB,CAAC,GAAW;IACnC,OAAO,GAAG;SACP,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC;SACnC,WAAW,EAAE,CAAA;AAClB,CAAC;AAGD,SAAgB,eAAe,CAAC,KAAY;IAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAA;KAChD;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;QAC/C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACpD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAA;YACtC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;YACxB,GAAG,CAAC,QAAQ,CAAC;gBACX,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;oBACzC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC;oBACxB,CAAC,CAAC,KAAK,CAAA;YAEX,OAAO,GAAG,CAAA;QACZ,CAAC,EAAE,EAAE,CAAC,CAAA;QAEN,OAAO,MAAM,CAAA;KACd;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AArBD,0CAqBC"}

package/lib/cjs/util/react.d.ts

@@ -8,5 +8,5 @@ export function ConditionalWrapper({ condition, wrapper, children }: {
     children: any;
 }): any;
 export function mapObjectNonBooleanValues(obj: any): any;
-export function hasComplexChildren(element: any): false | import("react").ReactChild | import("react").ReactFragment | import("react").ReactPortal;
+export function hasComplexChildren(element: any): boolean;
 export function deepMapWithIndex(children: any, deepMapFn: any): any;

package/lib/cjs/util/webchat.d.ts

@@ -1,11 +1,22 @@
-export function _getThemeProperty(theme: any): (property: any, defaultValue?: undefined) => any;
-export function createUser(): {
+import { ThemeProps } from '../webchat/theme/types';
+/**
+ * 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 declare const _getThemeProperty: (theme: ThemeProps) => (property: string, defaultValue?: any) => any;
+export declare const createUser: () => {
     id: string;
     name: string;
 };
-export function initSession(session: any): any;
-export function shouldKeepSessionOnReload({ initialDevSettings, devSettings, }: {
+export declare const initSession: (session: any) => {
+    user: {
+        id: string;
+        name: string;
+    };
+};
+export declare const shouldKeepSessionOnReload: ({ initialDevSettings, devSettings, }: {
     initialDevSettings: any;
     devSettings: any;
-}): any;
-export function getServerErrorMessage(serverConfig: any): any;
+}) => any;
+export declare const getServerErrorMessage: (serverConfig: any) => any;

package/lib/cjs/util/webchat.js

@@ -12,13 +12,13 @@ const objects_1 = require("./objects");
  * 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.
  */
-const _getThemeProperty = theme => (property, defaultValue = undefined) => {
-    for (const [k, v] of Object.entries(constants_1.WEBCHAT.CUSTOM_PROPERTIES)) {
-        if (v == property) {
-            const nestedProperty = (0, objects_1.getProperty)(theme, v);
+const _getThemeProperty = (theme) => (property, defaultValue) => {
+    for (const [key, value] of Object.entries(constants_1.WEBCHAT.CUSTOM_PROPERTIES)) {
+        if (value === property) {
+            const nestedProperty = (0, objects_1.getProperty)(theme, value);
             if (nestedProperty !== undefined)
                 return nestedProperty;
-            const plainProperty = (0, objects_1.getProperty)(theme, k);
+            const plainProperty = (0, objects_1.getProperty)(theme, key);
             if (plainProperty !== undefined)
                 return plainProperty;
             return defaultValue;
@@ -39,10 +39,11 @@ const createUser = () => {
     };
 };
 exports.createUser = createUser;
-const initSession = session => {
+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 ? (0, lodash_merge_1.default)(session.user, (0, exports.createUser)()) : (0, exports.createUser)();
     return session;
@@ -50,6 +51,7 @@ const initSession = session => {
 exports.initSession = initSession;
 const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || (devSettings && devSettings.keepSessionOnReload);
 exports.shouldKeepSessionOnReload = shouldKeepSessionOnReload;
+//TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage
 const getServerErrorMessage = serverConfig => {
     if (!serverConfig || !serverConfig.errorMessage)
         return 'Connection issues';

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

@@ -1 +1 @@
-{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.js"],"names":[],"mappings":";;;;AAAA,wEAAgC;AAChC,wEAAmC;AACnC,+BAAmC;AAEnC,4CAAsC;AACtC,uCAAuC;AAEvC;;;;GAIG;AACI,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,mBAAO,CAAC,iBAAiB,CAAC,EAAE;QAC9D,IAAI,CAAC,IAAI,QAAQ,EAAE;YACjB,MAAM,cAAc,GAAG,IAAA,qBAAW,EAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAC5C,IAAI,cAAc,KAAK,SAAS;gBAAE,OAAO,cAAc,CAAA;YACvD,MAAM,aAAa,GAAG,IAAA,qBAAW,EAAC,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;AAbU,QAAA,iBAAiB,qBAa3B;AAEI,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,MAAM,GAAG,IAAI,sBAAQ,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,IAAA,SAAM,GAAE;QACZ,IAAI;KACL,CAAA;AACH,CAAC,CAAA;AATY,QAAA,UAAU,cAStB;AACM,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,IAAA,sBAAK,EAAC,OAAO,CAAC,IAAI,EAAE,IAAA,kBAAU,GAAE,CAAC,CAAC,CAAC,CAAC,IAAA,kBAAU,GAAE,CAAA;IAC9E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AANY,QAAA,WAAW,eAMvB;AAEM,MAAM,yBAAyB,GAAG,CAAC,EACxC,kBAAkB,EAClB,WAAW,GACZ,EAAE,EAAE,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAHhE,QAAA,yBAAyB,6BAGuC;AAEtE,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;AANY,QAAA,qBAAqB,yBAMjC"}
+{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.ts"],"names":[],"mappings":";;;;AAAA,wEAAgC;AAChC,wEAAmC;AACnC,+BAAmC;AAEnC,4CAAsC;AAEtC,uCAAuC;AAEvC;;;;GAIG;AACI,MAAM,iBAAiB,GAC5B,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,QAAgB,EAAE,YAAkB,EAAE,EAAE;IAC9D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAO,CAAC,iBAAiB,CAAC,EAAE;QACpE,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,MAAM,cAAc,GAAG,IAAA,qBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YAChD,IAAI,cAAc,KAAK,SAAS;gBAAE,OAAO,cAAc,CAAA;YACvD,MAAM,aAAa,GAAG,IAAA,qBAAW,EAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAC7C,IAAI,aAAa,KAAK,SAAS;gBAAE,OAAO,aAAa,CAAA;YACrD,OAAO,YAAY,CAAA;SACpB;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAZU,QAAA,iBAAiB,qBAY3B;AAEI,MAAM,UAAU,GAAG,GAGxB,EAAE;IACF,MAAM,MAAM,GAAG,IAAI,sBAAQ,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,IAAA,SAAM,GAAE;QACZ,IAAI;KACL,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,UAAU,cAYtB;AACM,MAAM,WAAW,GAAG,CACzB,OAAY,EAC4B,EAAE;;IAC1C,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,EAAE,MAAK,SAAS,CAAA;IACjD,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,IAAA,sBAAK,EAAC,OAAO,CAAC,IAAI,EAAE,IAAA,kBAAU,GAAE,CAAC,CAAC,CAAC,CAAC,IAAA,kBAAU,GAAE,CAAA;IAC9E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AARY,QAAA,WAAW,eAQvB;AAEM,MAAM,yBAAyB,GAAG,CAAC,EACxC,kBAAkB,EAClB,WAAW,GACZ,EAAE,EAAE,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAHhE,QAAA,yBAAyB,6BAGuC;AAE7E,yFAAyF;AAClF,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;AANY,QAAA,qBAAqB,yBAMjC"}

package/lib/cjs/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/cjs/webchat/chat-area/index.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const contexts_1 = require("../../contexts");
 const constants_1 = require("../constants");
+const context_1 = require("../context");
 const hooks_1 = require("../hooks");
 const message_list_1 = require("../message-list");
 const replies_1 = require("../replies");
 const styles_1 = require("./styles");
 const ChatArea = () => {
-    const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(context_1.WebchatContext);
     const { calculateResizedPxChatAreaHeight } = (0, hooks_1.useWebchatDimensions)();
     const [chatAreaHeight, setChatAreaHeight] = (0, react_1.useState)(0);
     (0, react_1.useEffect)(() => {
         setChatAreaHeight(calculateResizedPxChatAreaHeight());
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, Object.assign({ id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies && Object.keys(replies).length > 0 && ((0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, { replies: replies }))] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, Object.assign({ id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies && replies.length > 0 && (0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, {})] })));
 };
 exports.ChatArea = ChatArea;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAE9D,6CAA+C;AAC/C,4CAAiD;AACjD,oCAA+C;AAC/C,kDAAoD;AACpD,wCAA2C;AAC3C,qCAAyC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,uBAAc,kBACb,EAAE,EAAE,8BAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,uBAAC,iCAAkB,KAAG,EACrB,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,uBAAC,wBAAc,IAAC,OAAO,EAAE,OAAO,GAAI,CACrC,KACc,CAClB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,QAAQ,YAyBpB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAE9D,4CAAiD;AACjD,wCAA2C;AAC3C,oCAA+C;AAC/C,kDAAoD;AACpD,wCAA2C;AAC3C,qCAAyC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,uBAAc,kBACb,EAAE,EAAE,8BAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,uBAAC,iCAAkB,KAAG,EACrB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,wBAAc,KAAG,KACrC,CAClB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}

package/lib/cjs/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/cjs/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/cjs/webchat/components/conditional-animation.js

@@ -5,11 +5,11 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
 const styles_1 = require("../../shared/styles");
 const react_2 = require("../../util/react");
+const context_1 = require("../context");
 const ConditionalAnimation = props => {
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
     return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: props.children })));
 };

package/lib/cjs/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,uDAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,gDAA2C;AAC3C,4CAAqD;AAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,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,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}
+{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,+CAAyC;AACzC,gDAA2C;AAC3C,4CAAqD;AACrD,wCAA2C;AAEpC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,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,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}

package/lib/cjs/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/cjs/webchat/components/opened-persistent-menu.js

@@ -7,7 +7,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const button_1 = require("../../components/button");
 const constants_1 = require("../../constants");
-const contexts_1 = require("../../contexts");
+const context_1 = require("../context");
 const hooks_1 = require("../hooks");
 const ButtonsContainer = styled_components_1.default.div `
   position: absolute;
@@ -18,7 +18,7 @@ const ButtonsContainer = styled_components_1.default.div `
 `;
 const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
     const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
-    const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const CustomPersistentMenu = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu, undefined);
     let closeLabel = 'Cancel';
     try {

package/lib/cjs/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,uDAAyC;AACzC,kFAAsC;AAEtC,oDAAgD;AAChD,+CAAgD;AAChD,6CAA+C;AAC/C,oCAA8C;AAE9C,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,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,8CAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,uBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,wBAAC,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,uBAAC,eAAM,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,uBAAC,eAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,oBAAoB,wBAyChC;AAED,kBAAe,4BAAoB,CAAA"}
+{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,oDAAgD;AAChD,+CAAgD;AAChD,wCAA2C;AAC3C,oCAA8C;AAE9C,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,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,8CAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,uBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,wBAAC,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,uBAAC,eAAM,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,uBAAC,eAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,oBAAoB,wBAyChC;AAED,kBAAe,4BAAoB,CAAA"}

package/lib/cjs/webchat/{actions.d.ts → 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/cjs/webchat/{actions.js → context/actions.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WebchatAction = void 0;
+/* eslint-disable @typescript-eslint/naming-convention */
 var WebchatAction;
 (function (WebchatAction) {
     WebchatAction["ADD_MESSAGE"] = "addMessage";
@@ -27,5 +28,8 @@ 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 = exports.WebchatAction || (exports.WebchatAction = {}));
 //# sourceMappingURL=actions.js.map

package/lib/cjs/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,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,GAAb,qBAAa,KAAb,qBAAa,QA4BxB"}

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

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

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatContext = exports.webchatInitialState = exports.useWebchat = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const use_webchat_1 = require("./use-webchat");
+var use_webchat_2 = require("./use-webchat");
+Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_2.useWebchat; } });
+Object.defineProperty(exports, "webchatInitialState", { enumerable: true, get: function () { return use_webchat_2.webchatInitialState; } });
+exports.WebchatContext = (0, react_1.createContext)({
+    addMessage: () => {
+        return;
+    },
+    getThemeProperty: () => {
+        return;
+    },
+    closeWebview: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    openWebview: () => {
+        return;
+    },
+    resolveCase: () => {
+        return;
+    },
+    resetUnreadMessages: () => {
+        return;
+    },
+    setIsInputFocused: () => {
+        return;
+    },
+    setLastMessageVisible: () => {
+        return;
+    },
+    sendAttachment: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendInput: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendPayload: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    sendText: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        return;
+    }),
+    theme: {},
+    toggleCoverComponent: () => {
+        return;
+    },
+    toggleWebchat: () => {
+        return;
+    },
+    toggleEmojiPicker: () => {
+        return;
+    },
+    togglePersistentMenu: () => {
+        return;
+    },
+    updateLatestInput: () => {
+        return;
+    },
+    updateMessage: () => {
+        return;
+    },
+    updateReplies: () => {
+        return;
+    },
+    updateUser: () => {
+        return;
+    },
+    updateWebchatDevSettings: () => {
+        return;
+    },
+    webchatState: use_webchat_1.webchatInitialState,
+    trackEvent: () => tslib_1.__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/cjs/webchat/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAGrC,+CAAmD;AAGnD,6CAA+D;AAAtD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AAE3B,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;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,KAAK,EAAE,EAAE;IACT,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,iCAAmB;IACjC,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/cjs/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/cjs/webchat/{messages-reducer.js → context/messages-reducer.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.messagesReducer = void 0;
-const index_types_1 = require("../index-types");
+const index_types_1 = require("../../index-types");
 const actions_1 = require("./actions");
 const messagesReducer = (state, action) => {
     switch (action.type) {
@@ -13,6 +13,8 @@ const messagesReducer = (state, action) => {
             return updateMessageReducer(state, action);
         case actions_1.WebchatAction.UPDATE_REPLIES:
             return Object.assign(Object.assign({}, state), { replies: action.payload });
+        case actions_1.WebchatAction.REMOVE_REPLIES:
+            return Object.assign(Object.assign({}, state), { replies: undefined });
         case actions_1.WebchatAction.CLEAR_MESSAGES:
             return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
         case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:

package/lib/cjs/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":"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"}

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

@@ -0,0 +1,76 @@
+/// <reference types="react" />
+import { Input as CoreInput, Session as CoreSession, SessionUser as CoreSessionUser } from '@botonic/core';
+import { Reply, WebchatSettingsProps, Webview } from '../../components';
+import { CloseWebviewOptions } from '../../contexts';
+import { TrackEventFunction, WebchatMessage } from '../../index-types';
+import { WebchatStateTheme } from '../index-types';
+import { ThemeProps } from '../theme/types';
+export interface ErrorMessage {
+    message?: string;
+}
+export interface DevSettings {
+    keepSessionOnReload?: boolean;
+    showSessionView?: boolean;
+}
+export interface WebchatState {
+    width: number;
+    height: number;
+    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: WebchatStateTheme;
+    themeUpdates: Partial<WebchatStateTheme>;
+    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 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;
+    theme: ThemeProps;
+    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: Partial<CoreSessionUser>) => 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/cjs/webchat/context/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

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

package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { Session } from '@botonic/core';
-import { ThemeProps, Webview } from '../../components/index-types';
-import { ClientInput, WebchatMessage } from '../../index-types';
-import { WebchatAction } from '../actions';
-import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
+import { Reply } from '../../components';
+import { Webview } from '../../components/index-types';
+import { WebchatMessage } from '../../index-types';
+import { ThemeProps } from '../theme/types';
+import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
 export declare const webchatInitialState: WebchatState;
-export declare function useWebchat(): {
+export interface UseWebchat {
     addMessage: (message: WebchatMessage) => void;
     addMessageComponent: (message: {
         props: WebchatMessage;
@@ -13,8 +14,9 @@ export declare function useWebchat(): {
     clearMessages: () => void;
     doRenderCustomComponent: (toggle: boolean) => void;
     resetUnreadMessages: () => void;
-    setCurrentAttachment: (attachment: File) => void;
-    setError: (error: ErrorMessage) => 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;
@@ -27,20 +29,19 @@ export declare function useWebchat(): {
     updateLastRoutePath: (path: string) => void;
     updateLatestInput: (input: ClientInput) => void;
     updateMessage: (message: WebchatMessage) => void;
-    updateReplies: (replies: any) => void;
-    updateSession: (session: Session) => void;
+    updateReplies: (replies: (typeof Reply)[]) => void;
+    updateSession: (session: Partial<Session>) => void;
     updateTheme: (theme: ThemeProps, themeUpdates?: ThemeProps) => void;
     updateTyping: (typing: boolean) => void;
     updateWebview: (webview: Webview, params: Record<string, string>) => void;
-    webchatDispatch: import("react").Dispatch<{
-        type: WebchatAction;
-        payload?: any;
-    }>;
+    removeReplies: () => void;
+    removeWebview: () => void;
     webchatState: WebchatState;
-    webchatRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    headerRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    chatAreaRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    scrollableMessagesListRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    repliesRef: import("react").MutableRefObject<HTMLDivElement | null>;
-    inputPanelRef: import("react").MutableRefObject<HTMLDivElement | null>;
-};
+    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(): UseWebchat;