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

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

@@ -1,71 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.messagesReducer = void 0;
-const index_types_1 = require("../../index-types");
-const actions_1 = require("./actions");
-const messagesReducer = (state, action) => {
-    switch (action.type) {
-        case actions_1.WebchatAction.ADD_MESSAGE:
+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 actions_1.WebchatAction.ADD_MESSAGE_COMPONENT:
+        case WebchatAction.ADD_MESSAGE_COMPONENT:
             return addMessageComponent(state, action);
-        case actions_1.WebchatAction.UPDATE_MESSAGE:
+        case WebchatAction.UPDATE_MESSAGE:
             return updateMessageReducer(state, action);
-        case actions_1.WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:
+        case WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS:
             return updateCustomMessagePropsReducer(state, action);
-        case actions_1.WebchatAction.UPDATE_REPLIES:
-            return { ...state, replies: action.payload };
-        case actions_1.WebchatAction.REMOVE_REPLIES:
-            return { ...state, replies: undefined };
-        case actions_1.WebchatAction.CLEAR_MESSAGES:
+        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,
+                numUnreadMessages: 0
             };
-        case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
+        case WebchatAction.UPDATE_LAST_MESSAGE_DATE:
             return {
                 ...state,
-                lastMessageUpdate: action.payload,
+                lastMessageUpdate: action.payload
             };
-        case actions_1.WebchatAction.RESET_UNREAD_MESSAGES:
+        case WebchatAction.RESET_UNREAD_MESSAGES:
             return resetUnreadMessages(state);
-        case actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE:
+        case WebchatAction.SET_LAST_MESSAGE_VISIBLE:
             return {
                 ...state,
-                isLastMessageVisible: action.payload,
+                isLastMessageVisible: action.payload
             };
         default:
             throw new Error();
     }
 };
-exports.messagesReducer = messagesReducer;
 function addMessageComponent(state, action) {
     const messageComponent = action.payload;
-    const isUnreadMessage = messageComponent.props?.isUnread &&
-        messageComponent.props?.sentBy !== index_types_1.SENDERS.user &&
-        messageComponent.props?.sentBy !== index_types_1.SENDERS.system;
-    const numUnreadMessages = isUnreadMessage
-        ? state.numUnreadMessages + 1
-        : state.numUnreadMessages;
+    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,
+        messagesComponents: [
+            ...state.messagesComponents || [],
+            messageComponent
+        ],
+        numUnreadMessages
     };
 }
 function resetUnreadMessages(state) {
-    const messagesComponents = state.messagesComponents.map(messageComponent => {
+    const messagesComponents = state.messagesComponents.map((messageComponent)=>{
         if (messageComponent.props.isUnread) {
             messageComponent = {
                 ...messageComponent,
-                props: { ...messageComponent.props, isUnread: false },
+                props: {
+                    ...messageComponent.props,
+                    isUnread: false
+                }
             };
         }
         return messageComponent;
     });
-    const messagesJSON = state.messagesJSON.map(messageJSON => {
+    const messagesJSON = state.messagesJSON.map((messageJSON)=>{
         if (messageJSON.isUnread) {
             messageJSON.isUnread = false;
         }
@@ -75,12 +84,12 @@ function resetUnreadMessages(state) {
         ...state,
         messagesComponents,
         messagesJSON,
-        numUnreadMessages: 0,
+        numUnreadMessages: 0
     };
 }
 function updateMessageReducer(state, action) {
     const messageId = action.payload.id;
-    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId);
+    const msgIndex = state.messagesJSON.map((m)=>m.id).indexOf(messageId);
     if (msgIndex > -1) {
         const msgComponent = state.messagesComponents[msgIndex];
         let updatedMsgComponent = {};
@@ -88,36 +97,36 @@ function updateMessageReducer(state, action) {
             updatedMsgComponent = {
                 ...msgComponent,
                 ...{
-                    props: { ...msgComponent.props, ack: action.payload.ack },
-                },
+                    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 !== index_types_1.SENDERS.user &&
-            messageComponent.props?.sentBy !== index_types_1.SENDERS.system).length;
+        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,
+            numUnreadMessages
         };
     }
     return state;
 }
 function addMessageReducer(state, action) {
-    if (state.messagesJSON?.find(m => m.id === action.payload.id)) {
+    if (state.messagesJSON?.find((m)=>m.id === action.payload.id)) {
         return state;
     }
     return {
         ...state,
-        messagesJSON: [...(state.messagesJSON || []), action.payload],
+        messagesJSON: [
+            ...state.messagesJSON || [],
+            action.payload
+        ]
     };
 }
 function updateCustomMessagePropsReducer(state, action) {
@@ -126,33 +135,29 @@ function updateCustomMessagePropsReducer(state, action) {
         return state;
     }
     // Similar to updateMessageReducer but only for custom messages when update props
-    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(messageId);
+    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,
+                ...props
             };
         }
-        const updatedMessagesComponents = msgComponent
-            ? getUpdatedMessagesComponents(state, msgIndex, msgComponent)
-            : state.messagesComponents;
-        const messageJSON = state.messagesJSON.find(m => m.id === messageId);
+        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,
+                ...props
             };
         }
-        const updatedMessagesJSON = messageJSON
-            ? getUpdatedMessagesJSON(state, msgIndex, messageJSON)
-            : state.messagesJSON;
+        const updatedMessagesJSON = messageJSON ? getUpdatedMessagesJSON(state, msgIndex, messageJSON) : state.messagesJSON;
         return {
             ...state,
             messagesJSON: updatedMessagesJSON,
-            messagesComponents: updatedMessagesComponents,
+            messagesComponents: updatedMessagesComponents
         };
     }
     return state;
@@ -161,15 +166,22 @@ function updateCustomMessagePropsReducer(state, action) {
 function getUpdatedMessagesComponents(state, msgIndex, updatedMessageComponent) {
     return [
         ...state.messagesComponents.slice(0, msgIndex),
-        { ...updatedMessageComponent },
-        ...state.messagesComponents.slice(msgIndex + 1),
+        {
+            ...updatedMessageComponent
+        },
+        ...state.messagesComponents.slice(msgIndex + 1)
     ];
 }
 function getUpdatedMessagesJSON(state, msgIndex, messageJSON) {
     return [
         ...state.messagesJSON.slice(0, msgIndex),
-        { ...messageJSON },
-        ...state.messagesJSON.slice(msgIndex + 1),
+        {
+            ...messageJSON
+        },
+        ...state.messagesJSON.slice(msgIndex + 1)
     ];
 }
+
+export { messagesReducer };
+
 //# sourceMappingURL=messages-reducer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/messages-reducer.ts"],"names":[],"mappings":"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"}
+{"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/esm/webchat/context/types.d.ts

@@ -1,8 +1,8 @@
 import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
-import type { Reply, WebchatSettingsProps, Webview } from '../../components';
-import type { CloseWebviewOptions } from '../../contexts';
-import type { PreviewUtils, TrackEventFunction, WebchatMessage } from '../../index-types';
-import type { WebchatTheme } from '../theme/types';
+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;
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/context/types.ts"],"names":[],"mappings":""}
+{"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/esm/webchat/context/use-webchat.d.ts

@@ -1,9 +1,9 @@
 import type { Session } from '@botonic/core';
-import type { Reply } from '../../components';
-import type { Webview } from '../../components/index-types';
-import type { WebchatMessage } from '../../index-types';
-import type { WebchatTheme } from '../theme/types';
-import type { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
+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: {

package/lib/esm/webchat/context/use-webchat.js

@@ -1,10 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchat = useWebchat;
-const react_1 = require("react");
-const default_theme_1 = require("../theme/default-theme");
-const actions_1 = require("./actions");
-const webchat_reducer_1 = require("./webchat-reducer");
+import { useReducer, useRef } from "react";
+import { defaultTheme } from "../theme/default-theme.js";
+import { WebchatAction } from "./actions.js";
+import { webchatReducer } from "./webchat-reducer.js";
+
+
+
+
+
+
+
+
+
 function getWebchatInitialState(initialTheme) {
     return {
         replies: [],
@@ -14,14 +20,18 @@ function getWebchatInitialState(initialTheme) {
         typing: false,
         webview: undefined,
         webviewParams: {},
-        session: { user: undefined },
+        session: {
+            user: undefined
+        },
         lastRoutePath: undefined,
         handoff: false,
         theme: initialTheme,
         themeUpdates: {},
         error: {},
         online: true,
-        devSettings: { keepSessionOnReload: false },
+        devSettings: {
+            keepSessionOnReload: false
+        },
         isWebchatOpen: false,
         isEmojiPickerOpen: false,
         isPersistentMenuOpen: false,
@@ -31,127 +41,156 @@ function getWebchatInitialState(initialTheme) {
         currentAttachment: undefined,
         numUnreadMessages: 0,
         isLastMessageVisible: true,
-        isInputFocused: false,
+        isInputFocused: false
     };
 }
 function useWebchat(theme) {
-    const initialTheme = theme || default_theme_1.defaultTheme;
+    const initialTheme = theme || defaultTheme;
     const webchatInitialState = getWebchatInitialState(initialTheme);
-    const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, webchatInitialState);
-    const webchatContainerRef = (0, react_1.useRef)(null);
-    const chatAreaRef = (0, react_1.useRef)(null);
-    const inputPanelRef = (0, react_1.useRef)(null);
-    const headerRef = (0, react_1.useRef)(null);
-    const scrollableMessagesListRef = (0, react_1.useRef)(null);
-    const repliesRef = (0, react_1.useRef)(null);
-    const addMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.ADD_MESSAGE, payload: message });
-    const addMessageComponent = (message) => webchatDispatch({
-        type: actions_1.WebchatAction.ADD_MESSAGE_COMPONENT,
-        payload: message,
-    });
-    const updateCustomMessageProps = (props, messageId) => webchatDispatch({
-        type: actions_1.WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS,
-        payload: { messageId, props },
-    });
-    const updateMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_MESSAGE, payload: message });
-    const updateReplies = (replies) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
-    const removeReplies = () => webchatDispatch({ type: actions_1.WebchatAction.REMOVE_REPLIES, payload: [] });
-    const updateLatestInput = (input) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_LATEST_INPUT, payload: input });
-    const updateTyping = (typing) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_TYPING, payload: typing });
-    const updateWebview = (webview, params) => webchatDispatch({
-        type: actions_1.WebchatAction.UPDATE_WEBVIEW,
-        payload: { webview, webviewParams: params ?? {} },
-    });
-    const removeWebview = () => webchatDispatch({
-        type: actions_1.WebchatAction.REMOVE_WEBVIEW,
-    });
-    const updateSession = (session) => {
+    const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
+    const webchatContainerRef = useRef(null);
+    const chatAreaRef = useRef(null);
+    const inputPanelRef = useRef(null);
+    const headerRef = useRef(null);
+    const scrollableMessagesListRef = useRef(null);
+    const repliesRef = useRef(null);
+    const addMessage = (message)=>webchatDispatch({
+            type: WebchatAction.ADD_MESSAGE,
+            payload: message
+        });
+    const addMessageComponent = (message)=>webchatDispatch({
+            type: WebchatAction.ADD_MESSAGE_COMPONENT,
+            payload: message
+        });
+    const updateCustomMessageProps = (props, messageId)=>webchatDispatch({
+            type: WebchatAction.UPDATE_CUSTOM_MESSAGE_PROPS,
+            payload: {
+                messageId,
+                props
+            }
+        });
+    const updateMessage = (message)=>webchatDispatch({
+            type: WebchatAction.UPDATE_MESSAGE,
+            payload: message
+        });
+    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: actions_1.WebchatAction.UPDATE_SESSION,
-            payload: session,
+            type: WebchatAction.UPDATE_SESSION,
+            payload: session
         });
     };
-    const updateLastRoutePath = (path) => webchatDispatch({
-        type: actions_1.WebchatAction.UPDATE_LAST_ROUTE_PATH,
-        payload: path,
-    });
-    const updateHandoff = (handoff) => webchatDispatch({
-        type: actions_1.WebchatAction.UPDATE_HANDOFF,
-        payload: handoff,
-    });
-    const updateTheme = (theme, themeUpdates) => {
-        const payload = themeUpdates !== undefined ? { theme, themeUpdates } : { theme };
+    const updateLastRoutePath = (path)=>webchatDispatch({
+            type: WebchatAction.UPDATE_LAST_ROUTE_PATH,
+            payload: path
+        });
+    const updateHandoff = (handoff)=>webchatDispatch({
+            type: WebchatAction.UPDATE_HANDOFF,
+            payload: handoff
+        });
+    const updateTheme = (theme, themeUpdates)=>{
+        const payload = themeUpdates !== undefined ? {
+            theme,
+            themeUpdates
+        } : {
+            theme
+        };
         webchatDispatch({
-            type: actions_1.WebchatAction.UPDATE_THEME,
-            payload,
+            type: WebchatAction.UPDATE_THEME,
+            payload
         });
     };
-    const updateDevSettings = (settings) => webchatDispatch({
-        type: actions_1.WebchatAction.UPDATE_DEV_SETTINGS,
-        payload: settings,
-    });
-    const toggleWebchat = (toggle) => {
+    const updateDevSettings = (settings)=>webchatDispatch({
+            type: WebchatAction.UPDATE_DEV_SETTINGS,
+            payload: settings
+        });
+    const toggleWebchat = (toggle)=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.TOGGLE_WEBCHAT,
-            payload: toggle,
+            type: WebchatAction.TOGGLE_WEBCHAT,
+            payload: toggle
         });
     };
-    const toggleEmojiPicker = (toggle) => webchatDispatch({
-        type: actions_1.WebchatAction.TOGGLE_EMOJI_PICKER,
-        payload: toggle,
-    });
-    const togglePersistentMenu = (toggle) => webchatDispatch({
-        type: actions_1.WebchatAction.TOGGLE_PERSISTENT_MENU,
-        payload: toggle,
-    });
-    const toggleCoverComponent = (toggle) => webchatDispatch({
-        type: actions_1.WebchatAction.TOGGLE_COVER_COMPONENT,
-        payload: toggle,
-    });
-    const doRenderCustomComponent = (toggle) => webchatDispatch({
-        type: actions_1.WebchatAction.DO_RENDER_CUSTOM_COMPONENT,
-        payload: toggle,
-    });
-    const setError = (error) => webchatDispatch({
-        type: actions_1.WebchatAction.SET_ERROR,
-        payload: error,
-    });
-    const setOnline = (online) => webchatDispatch({
-        type: actions_1.WebchatAction.SET_ONLINE,
-        payload: online,
-    });
-    const clearMessages = () => {
+    const toggleEmojiPicker = (toggle)=>webchatDispatch({
+            type: WebchatAction.TOGGLE_EMOJI_PICKER,
+            payload: toggle
+        });
+    const togglePersistentMenu = (toggle)=>webchatDispatch({
+            type: WebchatAction.TOGGLE_PERSISTENT_MENU,
+            payload: toggle
+        });
+    const toggleCoverComponent = (toggle)=>webchatDispatch({
+            type: WebchatAction.TOGGLE_COVER_COMPONENT,
+            payload: toggle
+        });
+    const doRenderCustomComponent = (toggle)=>webchatDispatch({
+            type: WebchatAction.DO_RENDER_CUSTOM_COMPONENT,
+            payload: toggle
+        });
+    const setError = (error)=>webchatDispatch({
+            type: WebchatAction.SET_ERROR,
+            payload: error
+        });
+    const setOnline = (online)=>webchatDispatch({
+            type: WebchatAction.SET_ONLINE,
+            payload: online
+        });
+    const clearMessages = ()=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.CLEAR_MESSAGES,
+            type: WebchatAction.CLEAR_MESSAGES
         });
     };
-    const updateLastMessageDate = (date) => {
+    const updateLastMessageDate = (date)=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE,
-            payload: date,
+            type: WebchatAction.UPDATE_LAST_MESSAGE_DATE,
+            payload: date
         });
     };
-    const setCurrentAttachment = (attachment) => {
+    const setCurrentAttachment = (attachment)=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.SET_CURRENT_ATTACHMENT,
-            payload: attachment,
+            type: WebchatAction.SET_CURRENT_ATTACHMENT,
+            payload: attachment
         });
     };
-    const resetUnreadMessages = () => {
+    const resetUnreadMessages = ()=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.RESET_UNREAD_MESSAGES,
+            type: WebchatAction.RESET_UNREAD_MESSAGES
         });
     };
-    const setLastMessageVisible = (isLastMessageVisible) => {
+    const setLastMessageVisible = (isLastMessageVisible)=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE,
-            payload: isLastMessageVisible,
+            type: WebchatAction.SET_LAST_MESSAGE_VISIBLE,
+            payload: isLastMessageVisible
         });
     };
-    const setIsInputFocused = (isInputFocused) => {
+    const setIsInputFocused = (isInputFocused)=>{
         webchatDispatch({
-            type: actions_1.WebchatAction.SET_IS_INPUT_FOCUSED,
-            payload: isInputFocused,
+            type: WebchatAction.SET_IS_INPUT_FOCUSED,
+            payload: isInputFocused
         });
     };
     return {
@@ -189,7 +228,10 @@ function useWebchat(theme) {
         chatAreaRef,
         scrollableMessagesListRef,
         repliesRef,
-        inputPanelRef,
+        inputPanelRef
     };
 }
+
+export { useWebchat };
+
 //# sourceMappingURL=use-webchat.js.map