@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.1

package/lib/webchat/context/index.js

@@ -0,0 +1,118 @@
+import { createContext } from "react";
+
+
+
+
+
+const WebchatContext = /*#__PURE__*/ createContext({
+    addMessage: ()=>{
+        return;
+    },
+    getThemeProperty: ()=>{
+        return;
+    },
+    closeWebview: async ()=>{
+        return;
+    },
+    openWebview: ()=>{
+        return;
+    },
+    resolveCase: ()=>{
+        return;
+    },
+    resetUnreadMessages: ()=>{
+        return;
+    },
+    setIsInputFocused: ()=>{
+        return;
+    },
+    setLastMessageVisible: ()=>{
+        return;
+    },
+    sendAttachment: async ()=>{
+        return;
+    },
+    sendInput: async ()=>{
+        return;
+    },
+    sendPayload: async ()=>{
+        return;
+    },
+    sendText: async ()=>{
+        return;
+    },
+    toggleCoverComponent: ()=>{
+        return;
+    },
+    toggleWebchat: ()=>{
+        return;
+    },
+    toggleEmojiPicker: ()=>{
+        return;
+    },
+    togglePersistentMenu: ()=>{
+        return;
+    },
+    updateCustomMessageProps: ()=>{
+        return;
+    },
+    updateLatestInput: ()=>{
+        return;
+    },
+    updateMessage: ()=>{
+        return;
+    },
+    updateReplies: ()=>{
+        return;
+    },
+    updateUser: ()=>{
+        return;
+    },
+    updateWebchatDevSettings: ()=>{
+        return;
+    },
+    webchatState: {},
+    previewUtils: {
+        onClickOpenToolResults: ()=>{
+            return;
+        },
+        trackPreviewEventOpened: ()=>{
+            return;
+        },
+        getChunkIdsGroupedBySource: async ()=>{
+            return [];
+        },
+        onClickOpenChunks: ()=>{
+            return;
+        },
+        getMessageById: async ()=>{
+            return {};
+        }
+    },
+    trackEvent: async ()=>{
+        return;
+    },
+    webchatContainerRef: {
+        current: null
+    },
+    chatAreaRef: {
+        current: null
+    },
+    inputPanelRef: {
+        current: null
+    },
+    headerRef: {
+        current: null
+    },
+    scrollableMessagesListRef: {
+        current: null
+    },
+    repliesRef: {
+        current: null
+    }
+});
+
+export { WebchatContext };
+export { useWebchat } from "./use-webchat.js";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat/context/index.js","sources":["../../../src/webchat/context/index.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nimport type { ChunkIdsGroupedBySourceData } from '../../components/system-debug-trace/events/knowledge-bases-types'\nimport type { MinimalHubtypeMessage } from '../../index-types'\nimport type { WebchatContextProps, WebchatState } from './types'\n\nexport type { ClientSession, WebchatState } from './types'\nexport { useWebchat } from './use-webchat'\n\nexport const WebchatContext = createContext<WebchatContextProps>({\n  addMessage: () => {\n    return\n  },\n  getThemeProperty: () => {\n    return\n  }, // used to retrieve a specific property of the theme defined by the developer in his 'webchat/index.js'\n  closeWebview: async () => {\n    return\n  },\n  openWebview: () => {\n    return\n  },\n  resolveCase: () => {\n    return\n  },\n  resetUnreadMessages: () => {\n    return\n  },\n  setIsInputFocused: () => {\n    return\n  },\n  setLastMessageVisible: () => {\n    return\n  },\n  sendAttachment: async () => {\n    return\n  },\n  sendInput: async () => {\n    return\n  },\n  sendPayload: async () => {\n    return\n  },\n  sendText: async () => {\n    return\n  },\n  toggleCoverComponent: () => {\n    return\n  },\n  toggleWebchat: () => {\n    return\n  },\n  toggleEmojiPicker: () => {\n    return\n  },\n  togglePersistentMenu: () => {\n    return\n  },\n  updateCustomMessageProps: () => {\n    return\n  },\n  updateLatestInput: () => {\n    return\n  },\n  updateMessage: () => {\n    return\n  },\n  updateReplies: () => {\n    return\n  },\n  updateUser: () => {\n    return\n  },\n  updateWebchatDevSettings: () => {\n    return\n  },\n  webchatState: {} as WebchatState,\n  previewUtils: {\n    onClickOpenToolResults: () => {\n      return\n    },\n    trackPreviewEventOpened: () => {\n      return\n    },\n    getChunkIdsGroupedBySource: async () => {\n      return [] as ChunkIdsGroupedBySourceData[]\n    },\n    onClickOpenChunks: () => {\n      return\n    },\n    getMessageById: async () => {\n      return {} as MinimalHubtypeMessage\n    },\n  },\n\n  trackEvent: async () => {\n    return\n  },\n  webchatContainerRef: { current: null },\n  chatAreaRef: { current: null },\n  inputPanelRef: { current: null },\n  headerRef: { current: null },\n  scrollableMessagesListRef: { current: null },\n  repliesRef: { current: null },\n})\n"],"names":["createContext","useWebchat","WebchatContext"],"mappings":";;;;AAAqC;AAOK;AAEnC,MAAME,cAAcA,iBAAGF,aAAaA,CAAsB;IAC/D,YAAY;QACV;IACF;IACA,kBAAkB;QAChB;IACF;IACA,cAAc;QACZ;IACF;IACA,aAAa;QACX;IACF;IACA,aAAa;QACX;IACF;IACA,qBAAqB;QACnB;IACF;IACA,mBAAmB;QACjB;IACF;IACA,uBAAuB;QACrB;IACF;IACA,gBAAgB;QACd;IACF;IACA,WAAW;QACT;IACF;IACA,aAAa;QACX;IACF;IACA,UAAU;QACR;IACF;IACA,sBAAsB;QACpB;IACF;IACA,eAAe;QACb;IACF;IACA,mBAAmB;QACjB;IACF;IACA,sBAAsB;QACpB;IACF;IACA,0BAA0B;QACxB;IACF;IACA,mBAAmB;QACjB;IACF;IACA,eAAe;QACb;IACF;IACA,eAAe;QACb;IACF;IACA,YAAY;QACV;IACF;IACA,0BAA0B;QACxB;IACF;IACA,cAAc,CAAC;IACf,cAAc;QACZ,wBAAwB;YACtB;QACF;QACA,yBAAyB;YACvB;QACF;QACA,4BAA4B;YAC1B,OAAO,EAAE;QACX;QACA,mBAAmB;YACjB;QACF;QACA,gBAAgB;YACd,OAAO,CAAC;QACV;IACF;IAEA,YAAY;QACV;IACF;IACA,qBAAqB;QAAE,SAAS;IAAK;IACrC,aAAa;QAAE,SAAS;IAAK;IAC7B,eAAe;QAAE,SAAS;IAAK;IAC/B,WAAW;QAAE,SAAS;IAAK;IAC3B,2BAA2B;QAAE,SAAS;IAAK;IAC3C,YAAY;QAAE,SAAS;IAAK;AAC9B,GAAE"}

package/lib/webchat/context/messages-reducer.d.ts

@@ -0,0 +1,6 @@
+import { WebchatAction } from './actions.js';
+import type { WebchatState } from './types.js';
+export declare const messagesReducer: (state: WebchatState, action: {
+    type: WebchatAction;
+    payload?: any;
+}) => WebchatState;

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

@@ -0,0 +1,187 @@
+import { SENDERS } from "../../index-types.js";
+import { WebchatAction } from "./actions.js";
+
+
+
+
+
+const messagesReducer = (state, action)=>{
+    switch(action.type){
+        case WebchatAction.ADD_MESSAGE:
+            return addMessageReducer(state, action);
+        case WebchatAction.ADD_MESSAGE_COMPONENT:
+            return addMessageComponent(state, action);
+        case WebchatAction.UPDATE_MESSAGE:
+            return updateMessageReducer(state, action);
+        case WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:
+            return updateCustomMessagePropsReducer(state, action);
+        case WebchatAction.UPDATE_REPLIES:
+            return {
+                ...state,
+                replies: action.payload
+            };
+        case WebchatAction.REMOVE_REPLIES:
+            return {
+                ...state,
+                replies: undefined
+            };
+        case WebchatAction.CLEAR_MESSAGES:
+            return {
+                ...state,
+                messagesJSON: [],
+                messagesComponents: [],
+                numUnreadMessages: 0
+            };
+        case WebchatAction.UPDATE_LAST_MESSAGE_DATE:
+            return {
+                ...state,
+                lastMessageUpdate: action.payload
+            };
+        case WebchatAction.RESET_UNREAD_MESSAGES:
+            return resetUnreadMessages(state);
+        case WebchatAction.SET_LAST_MESSAGE_VISIBLE:
+            return {
+                ...state,
+                isLastMessageVisible: action.payload
+            };
+        default:
+            throw new Error();
+    }
+};
+function addMessageComponent(state, action) {
+    const messageComponent = action.payload;
+    const isUnreadMessage = messageComponent.props?.isUnread && messageComponent.props?.sentBy !== SENDERS.user && messageComponent.props?.sentBy !== SENDERS.system;
+    const numUnreadMessages = isUnreadMessage ? state.numUnreadMessages + 1 : state.numUnreadMessages;
+    return {
+        ...state,
+        messagesComponents: [
+            ...state.messagesComponents || [],
+            messageComponent
+        ],
+        numUnreadMessages
+    };
+}
+function resetUnreadMessages(state) {
+    const messagesComponents = state.messagesComponents.map((messageComponent)=>{
+        if (messageComponent.props.isUnread) {
+            messageComponent = {
+                ...messageComponent,
+                props: {
+                    ...messageComponent.props,
+                    isUnread: false
+                }
+            };
+        }
+        return messageComponent;
+    });
+    const messagesJSON = state.messagesJSON.map((messageJSON)=>{
+        if (messageJSON.isUnread) {
+            messageJSON.isUnread = false;
+        }
+        return messageJSON;
+    });
+    return {
+        ...state,
+        messagesComponents,
+        messagesJSON,
+        numUnreadMessages: 0
+    };
+}
+function updateMessageReducer(state, action) {
+    const messageId = action.payload.id;
+    const msgIndex = state.messagesJSON.map((m)=>m.id).indexOf(messageId);
+    if (msgIndex > -1) {
+        const msgComponent = state.messagesComponents[msgIndex];
+        let updatedMsgComponent = {};
+        if (msgComponent) {
+            updatedMsgComponent = {
+                ...msgComponent,
+                ...{
+                    props: {
+                        ...msgComponent.props,
+                        ack: action.payload.ack
+                    }
+                }
+            };
+        }
+        const updatedMessagesComponents = msgComponent ? getUpdatedMessagesComponents(state, msgIndex, updatedMsgComponent) : state.messagesComponents;
+        const messageJSON = state.messagesJSON.find((m)=>m.id === messageId);
+        const updatedMessagesJSON = messageJSON ? getUpdatedMessagesJSON(state, msgIndex, action.payload) : state.messagesJSON;
+        const numUnreadMessages = updatedMessagesComponents.filter((messageComponent)=>messageComponent.props?.isUnread && messageComponent.props?.sentBy !== SENDERS.user && messageComponent.props?.sentBy !== SENDERS.system).length;
+        return {
+            ...state,
+            messagesJSON: updatedMessagesJSON,
+            messagesComponents: updatedMessagesComponents,
+            numUnreadMessages
+        };
+    }
+    return state;
+}
+function addMessageReducer(state, action) {
+    if (state.messagesJSON?.find((m)=>m.id === action.payload.id)) {
+        return state;
+    }
+    return {
+        ...state,
+        messagesJSON: [
+            ...state.messagesJSON || [],
+            action.payload
+        ]
+    };
+}
+function updateCustomMessagePropsReducer(state, action) {
+    const { messageId, props } = action.payload;
+    if (!messageId) {
+        return state;
+    }
+    // Similar to updateMessageReducer but only for custom messages when update props
+    const msgIndex = state.messagesJSON.map((m)=>m.id).indexOf(messageId);
+    if (msgIndex > -1) {
+        const msgComponent = state.messagesComponents[msgIndex];
+        if (msgComponent) {
+            msgComponent.props = {
+                ...msgComponent.props,
+                ack: action.payload.ack,
+                ...props
+            };
+        }
+        const updatedMessagesComponents = msgComponent ? getUpdatedMessagesComponents(state, msgIndex, msgComponent) : state.messagesComponents;
+        const messageJSON = state.messagesJSON.find((m)=>m.id === messageId);
+        if (messageJSON) {
+            messageJSON.data = {
+                ...messageJSON.data,
+                ...props
+            };
+        }
+        const updatedMessagesJSON = messageJSON ? getUpdatedMessagesJSON(state, msgIndex, messageJSON) : state.messagesJSON;
+        return {
+            ...state,
+            messagesJSON: updatedMessagesJSON,
+            messagesComponents: updatedMessagesComponents
+        };
+    }
+    return state;
+}
+// Helper functions to update messagesComponents and messagesJSON
+function getUpdatedMessagesComponents(state, msgIndex, updatedMessageComponent) {
+    return [
+        ...state.messagesComponents.slice(0, msgIndex),
+        {
+            ...updatedMessageComponent
+        },
+        ...state.messagesComponents.slice(msgIndex + 1)
+    ];
+}
+function getUpdatedMessagesJSON(state, msgIndex, messageJSON) {
+    return [
+        ...state.messagesJSON.slice(0, msgIndex),
+        {
+            ...messageJSON
+        },
+        ...state.messagesJSON.slice(msgIndex + 1)
+    ];
+}
+
+export { messagesReducer };
+
+//# sourceMappingURL=messages-reducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat/context/messages-reducer.js","sources":["../../../src/webchat/context/messages-reducer.ts"],"sourcesContent":["import { SENDERS } from '../../index-types'\nimport { WebchatAction } from './actions'\nimport type { WebchatState } from './types'\n\nexport const messagesReducer = (\n  state: WebchatState,\n  action: { type: WebchatAction; payload?: any }\n): WebchatState => {\n  switch (action.type) {\n    case WebchatAction.ADD_MESSAGE:\n      return addMessageReducer(state, action)\n    case WebchatAction.ADD_MESSAGE_COMPONENT:\n      return addMessageComponent(state, action)\n    case WebchatAction.UPDATE_MESSAGE:\n      return updateMessageReducer(state, action)\n    case WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:\n      return updateCustomMessagePropsReducer(state, action)\n    case WebchatAction.UPDATE_REPLIES:\n      return { ...state, replies: action.payload }\n    case WebchatAction.REMOVE_REPLIES:\n      return { ...state, replies: undefined }\n    case WebchatAction.CLEAR_MESSAGES:\n      return {\n        ...state,\n        messagesJSON: [],\n        messagesComponents: [],\n        numUnreadMessages: 0,\n      }\n    case WebchatAction.UPDATE_LAST_MESSAGE_DATE:\n      return {\n        ...state,\n        lastMessageUpdate: action.payload,\n      }\n    case WebchatAction.RESET_UNREAD_MESSAGES:\n      return resetUnreadMessages(state)\n    case WebchatAction.SET_LAST_MESSAGE_VISIBLE:\n      return {\n        ...state,\n        isLastMessageVisible: action.payload,\n      }\n    default:\n      throw new Error()\n  }\n}\n\nfunction addMessageComponent(\n  state: WebchatState,\n  action: { type: WebchatAction; payload?: any }\n) {\n  const messageComponent = action.payload\n  const isUnreadMessage =\n    messageComponent.props?.isUnread &&\n    messageComponent.props?.sentBy !== SENDERS.user &&\n    messageComponent.props?.sentBy !== SENDERS.system\n\n  const numUnreadMessages = isUnreadMessage\n    ? state.numUnreadMessages + 1\n    : state.numUnreadMessages\n\n  return {\n    ...state,\n    messagesComponents: [...(state.messagesComponents || []), messageComponent],\n    numUnreadMessages,\n  }\n}\n\nfunction resetUnreadMessages(state: WebchatState) {\n  const messagesComponents = state.messagesComponents.map(messageComponent => {\n    if (messageComponent.props.isUnread) {\n      messageComponent = {\n        ...messageComponent,\n        props: { ...messageComponent.props, isUnread: false },\n      }\n    }\n    return messageComponent\n  })\n  const messagesJSON = state.messagesJSON.map(messageJSON => {\n    if (messageJSON.isUnread) {\n      messageJSON.isUnread = false\n    }\n    return messageJSON\n  })\n  return {\n    ...state,\n    messagesComponents,\n    messagesJSON,\n    numUnreadMessages: 0,\n  }\n}\n\nfunction updateMessageReducer(\n  state: WebchatState,\n  action: { type: WebchatAction; payload?: any }\n) {\n  const messageId = action.payload.id\n  const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId)\n  if (msgIndex > -1) {\n    const msgComponent = state.messagesComponents[msgIndex]\n    let updatedMsgComponent = {}\n    if (msgComponent) {\n      updatedMsgComponent = {\n        ...msgComponent,\n        ...{\n          props: { ...msgComponent.props, ack: action.payload.ack },\n        },\n      }\n    }\n\n    const updatedMessagesComponents = msgComponent\n      ? getUpdatedMessagesComponents(state, msgIndex, updatedMsgComponent)\n      : state.messagesComponents\n\n    const messageJSON = state.messagesJSON.find(m => m.id === messageId)\n\n    const updatedMessagesJSON = messageJSON\n      ? getUpdatedMessagesJSON(state, msgIndex, action.payload)\n      : state.messagesJSON\n\n    const numUnreadMessages = updatedMessagesComponents.filter(\n      messageComponent =>\n        messageComponent.props?.isUnread &&\n        messageComponent.props?.sentBy !== SENDERS.user &&\n        messageComponent.props?.sentBy !== SENDERS.system\n    ).length\n\n    return {\n      ...state,\n      messagesJSON: updatedMessagesJSON,\n      messagesComponents: updatedMessagesComponents,\n      numUnreadMessages,\n    }\n  }\n\n  return state\n}\n\nfunction addMessageReducer(\n  state: WebchatState,\n  action: { type: WebchatAction; payload?: any }\n) {\n  if (state.messagesJSON?.find(m => m.id === action.payload.id)) {\n    return state\n  }\n  return {\n    ...state,\n    messagesJSON: [...(state.messagesJSON || []), action.payload],\n  }\n}\n\nfunction updateCustomMessagePropsReducer(\n  state: WebchatState,\n  action: { type: WebchatAction; payload?: any }\n) {\n  const { messageId, props } = action.payload\n\n  if (!messageId) {\n    return state\n  }\n\n  // Similar to updateMessageReducer but only for custom messages when update props\n  const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId)\n  if (msgIndex > -1) {\n    const msgComponent = state.messagesComponents[msgIndex]\n    if (msgComponent) {\n      msgComponent.props = {\n        ...msgComponent.props,\n        ack: action.payload.ack,\n        ...props,\n      }\n    }\n\n    const updatedMessagesComponents = msgComponent\n      ? getUpdatedMessagesComponents(state, msgIndex, msgComponent)\n      : state.messagesComponents\n\n    const messageJSON = state.messagesJSON.find(m => m.id === messageId)\n    if (messageJSON) {\n      messageJSON.data = {\n        ...messageJSON.data,\n        ...props,\n      }\n    }\n\n    const updatedMessagesJSON = messageJSON\n      ? getUpdatedMessagesJSON(state, msgIndex, messageJSON)\n      : state.messagesJSON\n\n    return {\n      ...state,\n      messagesJSON: updatedMessagesJSON,\n      messagesComponents: updatedMessagesComponents,\n    }\n  }\n\n  return state\n}\n\n// Helper functions to update messagesComponents and messagesJSON\nfunction getUpdatedMessagesComponents(\n  state: WebchatState,\n  msgIndex: number,\n  updatedMessageComponent: any\n) {\n  return [\n    ...state.messagesComponents.slice(0, msgIndex),\n    { ...updatedMessageComponent },\n    ...state.messagesComponents.slice(msgIndex + 1),\n  ]\n}\n\nfunction getUpdatedMessagesJSON(\n  state: WebchatState,\n  msgIndex: number,\n  messageJSON: any\n) {\n  return [\n    ...state.messagesJSON.slice(0, msgIndex),\n    { ...messageJSON },\n    ...state.messagesJSON.slice(msgIndex + 1),\n  ]\n}\n"],"names":["SENDERS","WebchatAction","messagesReducer","state","action","addMessageReducer","addMessageComponent","updateMessageReducer","updateCustomMessagePropsReducer","undefined","resetUnreadMessages","Error","messageComponent","isUnreadMessage","numUnreadMessages","messagesComponents","messagesJSON","messageJSON","messageId","msgIndex","m","msgComponent","updatedMsgComponent","updatedMessagesComponents","getUpdatedMessagesComponents","updatedMessagesJSON","getUpdatedMessagesJSON","props","updatedMessageComponent"],"mappings":"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"}

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

@@ -0,0 +1,84 @@
+import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
+import type { Reply, WebchatSettingsProps, Webview } from '../../components/index.js';
+import type { CloseWebviewOptions } from '../../contexts.js';
+import type { PreviewUtils, TrackEventFunction, WebchatMessage } from '../../index-types.js';
+import type { WebchatTheme } from '../theme/types.js';
+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 | string | React.ComponentType;
+    webviewParams: Record<string, string>;
+    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?: Record<string, string>) => 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;
+    updateCustomMessageProps: (json: Record<string, any>, messageId?: string) => void;
+    updateLatestInput: (input: ClientInput) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: (typeof Reply)[]) => void;
+    updateUser: (user: Partial<ClientUser>) => void;
+    updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
+    trackEvent?: TrackEventFunction;
+    previewUtils?: PreviewUtils;
+    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/webchat/context/types.js

@@ -0,0 +1,4 @@
+
+
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat/context/types.js","sources":["../../../src/webchat/context/types.ts"],"sourcesContent":["import type { Input as CoreInput, Session as CoreSession } from '@botonic/core'\n\nimport type { Reply, WebchatSettingsProps, Webview } from '../../components'\nimport type { CloseWebviewOptions } from '../../contexts'\nimport type {\n  PreviewUtils,\n  TrackEventFunction,\n  WebchatMessage,\n} from '../../index-types'\nimport type { WebchatTheme } from '../theme/types'\n\nexport interface ErrorMessage {\n  message?: string\n}\n\nexport interface DevSettings {\n  keepSessionOnReload?: boolean\n  showSessionView?: boolean\n}\n\nexport interface WebchatState {\n  messagesJSON: any[]\n  messagesComponents: any[]\n  replies?: (typeof Reply)[]\n  latestInput: Partial<CoreInput>\n  typing: boolean\n  // In local development webview can be a React.ComponentType or a Webview object\n  webview?: Webview | string | React.ComponentType\n  webviewParams: Record<string, string>\n  session: Partial<CoreSession>\n  lastRoutePath?: string\n  handoff: boolean\n  theme: WebchatTheme\n  themeUpdates: Partial<WebchatTheme>\n  error: ErrorMessage\n  online: boolean\n  devSettings: DevSettings\n  isWebchatOpen: boolean\n  isEmojiPickerOpen: boolean\n  isPersistentMenuOpen: boolean\n  isCoverComponentOpen: boolean\n  isCustomComponentRendered: boolean\n  lastMessageUpdate?: string\n  currentAttachment?: File\n  numUnreadMessages: number\n  isLastMessageVisible: boolean\n  isInputFocused: boolean\n}\n\n// ClientInput: type for sendInput and updateLatestInput function without message_id and bot_interaction_id because backend set this values\nexport type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>\n// ClientSession: type for session in frontend when webchat is deployed\nexport type ClientSession = {\n  user: ClientUser\n}\n// ClientUser: type for user in frontend when webchat is deployed\nexport type ClientUser = {\n  id: string\n  name: string\n  locale: string\n  country: string\n  system_locale?: string\n  extra_data?: Record<string, any>\n}\n\nexport interface WebchatContextProps {\n  addMessage: (message: WebchatMessage) => void\n  getThemeProperty: (property: string, defaultValue?: any) => any\n  closeWebview: (options?: CloseWebviewOptions) => Promise<void>\n  openWebview: (\n    webviewComponent: Webview,\n    params?: Record<string, string>\n  ) => void\n  resetUnreadMessages: () => void\n  resolveCase: () => void\n  sendAttachment: (attachment: File) => Promise<void>\n  sendInput: (input: ClientInput) => Promise<void>\n  sendPayload: (payload: string) => Promise<void>\n  sendText: (text: string, payload?: string) => Promise<void>\n  setIsInputFocused: (isInputFocused: boolean) => void\n  setLastMessageVisible: (isLastMessageVisible: boolean) => void\n  toggleWebchat: (toggle: boolean) => void\n  toggleEmojiPicker: (toggle: boolean) => void\n  togglePersistentMenu: (toggle: boolean) => void\n  toggleCoverComponent: (toggle: boolean) => void\n  updateCustomMessageProps: (\n    json: Record<string, any>,\n    messageId?: string\n  ) => void\n  updateLatestInput: (input: ClientInput) => void\n  updateMessage: (message: WebchatMessage) => void\n  updateReplies: (replies: (typeof Reply)[]) => void\n  updateUser: (user: Partial<ClientUser>) => void\n  updateWebchatDevSettings: (settings: WebchatSettingsProps) => void\n  trackEvent?: TrackEventFunction\n  previewUtils?: PreviewUtils\n  webchatState: WebchatState\n  webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>\n  chatAreaRef: React.MutableRefObject<HTMLDivElement | null>\n  inputPanelRef: React.MutableRefObject<HTMLDivElement | null>\n  headerRef: React.MutableRefObject<HTMLDivElement | null>\n  scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>\n  repliesRef: React.MutableRefObject<HTMLDivElement | null>\n}\n"],"names":[],"mappings":"AAuGC"}

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

@@ -0,0 +1,46 @@
+import type { Session } from '@botonic/core';
+import type { Reply } from '../../components/index.js';
+import type { Webview } from '../../components/index-types.js';
+import type { WebchatMessage } from '../../index-types.js';
+import type { WebchatTheme } from '../theme/types.js';
+import type { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types.js';
+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;
+    updateCustomMessageProps: (props: Record<string, any>, messageId?: string) => 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;