@botonic/react 0.23.0 → 0.23.1

package/lib/cjs/webchat/hooks/use-webchat.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebchat = exports.webchatInitialState = void 0;
+const react_1 = require("react");
+const constants_1 = require("../../constants");
+const actions_1 = require("../actions");
+const webchat_reducer_1 = require("../webchat-reducer");
+exports.webchatInitialState = {
+    width: constants_1.WEBCHAT.DEFAULTS.WIDTH,
+    height: constants_1.WEBCHAT.DEFAULTS.HEIGHT,
+    messagesJSON: [],
+    messagesComponents: [],
+    replies: [],
+    latestInput: {},
+    typing: false,
+    webview: null,
+    webviewParams: null,
+    session: { user: undefined },
+    lastRoutePath: null,
+    handoff: false,
+    theme: {
+        headerTitle: constants_1.WEBCHAT.DEFAULTS.TITLE,
+        brandColor: constants_1.COLORS.BOTONIC_BLUE,
+        brandImage: constants_1.WEBCHAT.DEFAULTS.LOGO,
+        triggerButtonImage: undefined,
+        textPlaceholder: constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER,
+        style: {
+            fontFamily: constants_1.WEBCHAT.DEFAULTS.FONT_FAMILY,
+        },
+    },
+    themeUpdates: {},
+    error: {},
+    online: true,
+    devSettings: { keepSessionOnReload: false },
+    isWebchatOpen: false,
+    isEmojiPickerOpen: false,
+    isPersistentMenuOpen: false,
+    isCoverComponentOpen: false,
+    isCustomComponentRendered: false,
+    lastMessageUpdate: undefined,
+    currentAttachment: undefined,
+    jwt: undefined,
+    unreadMessages: 0,
+};
+function useWebchat() {
+    const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, exports.webchatInitialState);
+    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 updateMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_MESSAGE, payload: message });
+    const updateReplies = replies => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
+    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 updateSession = (session) => {
+        webchatDispatch({
+            type: actions_1.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 };
+        webchatDispatch({
+            type: actions_1.WebchatAction.UPDATE_THEME,
+            payload,
+        });
+    };
+    const updateDevSettings = (settings) => webchatDispatch({
+        type: actions_1.WebchatAction.UPDATE_DEV_SETTINGS,
+        payload: settings,
+    });
+    const toggleWebchat = (toggle) => {
+        webchatDispatch({
+            type: actions_1.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 = () => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.CLEAR_MESSAGES,
+        });
+    };
+    const updateLastMessageDate = (date) => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE,
+            payload: date,
+        });
+    };
+    const setCurrentAttachment = (attachment) => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.SET_CURRENT_ATTACHMENT,
+            payload: attachment,
+        });
+    };
+    const updateJwt = (jwt) => {
+        webchatDispatch({
+            type: actions_1.WebchatAction.UPDATE_JWT,
+            payload: jwt,
+        });
+    };
+    return {
+        addMessage,
+        addMessageComponent,
+        clearMessages,
+        doRenderCustomComponent,
+        setCurrentAttachment,
+        setError,
+        setOnline,
+        toggleCoverComponent,
+        toggleEmojiPicker,
+        togglePersistentMenu,
+        toggleWebchat,
+        updateDevSettings,
+        updateHandoff,
+        updateJwt,
+        updateLastMessageDate,
+        updateLastRoutePath,
+        updateLatestInput,
+        updateMessage,
+        updateReplies,
+        updateSession,
+        updateTheme,
+        updateTyping,
+        updateWebview,
+        webchatDispatch,
+        webchatState,
+    };
+}
+exports.useWebchat = useWebchat;
+//# sourceMappingURL=use-webchat.js.map

package/lib/cjs/webchat/hooks/use-webchat.js.map

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

package/lib/cjs/webchat/index-types.d.ts

@@ -1,4 +1,4 @@
-import type { Input as CoreInput, Session as CoreSession } from '@botonic/core/lib/esm/models/legacy-types';
+import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
 import { RefObject } from 'react';
 import { Webview } from '../components/index-types';
 export interface WebchatStateTheme {
@@ -11,6 +11,13 @@ export interface WebchatStateTheme {
         fontFamily: string;
     };
 }
+export interface ErrorMessage {
+    message?: string;
+}
+export interface DevSettings {
+    keepSessionOnReload?: boolean;
+    showSessionView?: boolean;
+}
 export interface WebchatState {
     width: number;
     height: number;
@@ -26,19 +33,18 @@ export interface WebchatState {
     handoff: boolean;
     theme: WebchatStateTheme;
     themeUpdates: Partial<WebchatStateTheme>;
-    error: {
-        message?: string;
-    };
-    devSettings: {
-        keepSessionOnReload?: boolean;
-        showSessionView?: boolean;
-    };
+    error: ErrorMessage;
+    online: boolean;
+    devSettings: DevSettings;
     isWebchatOpen: boolean;
     isEmojiPickerOpen: boolean;
     isPersistentMenuOpen: boolean;
     isCoverComponentOpen: boolean;
-    lastMessageUpdate: string;
-    currentAttachment: File | undefined;
+    isCustomComponentRendered: boolean;
+    lastMessageUpdate?: string;
+    currentAttachment?: File;
+    jwt?: string;
+    unreadMessages: number;
 }
 export interface WebchatProps {
     ref: RefObject<any>;

package/lib/cjs/webchat/message-list.js

@@ -31,9 +31,9 @@ const WebchatMessageList = props => {
     const introStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
     const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
     const DefaultIntro = introImage && ((0, jsx_runtime_1.jsx)(DefaultIntroImage, { style: Object.assign({}, introStyle), src: (0, environment_1.resolveImage)(introImage) }));
-    return ((0, jsx_runtime_1.jsxs)(styled_scrollbar_1.StyledScrollbar, { role: constants_1.ROLES.MESSAGE_LIST, 
+    return ((0, jsx_runtime_1.jsxs)(styled_scrollbar_1.StyledScrollbar, Object.assign({ role: constants_1.ROLES.MESSAGE_LIST, 
         // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
-        id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, ismessagescontainer: 'true', style: Object.assign({}, props.style), children: [(CustomIntro || DefaultIntro) && ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(Fade_1.default, { children: children }), children: CustomIntro ? (0, jsx_runtime_1.jsx)(CustomIntro, {}) : DefaultIntro })), webchatState.messagesComponents.map((e, i) => ((0, jsx_runtime_1.jsx)(StyledMessages, { role: constants_1.ROLES.MESSAGE, children: e }, i))), props.children] }));
+        id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, ismessagescontainer: 'true', style: Object.assign({}, props.style) }, { children: [(CustomIntro || DefaultIntro) && ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(Fade_1.default, { children: children }) }, { children: CustomIntro ? (0, jsx_runtime_1.jsx)(CustomIntro, {}) : DefaultIntro }))), webchatState.messagesComponents.map((e, i) => ((0, jsx_runtime_1.jsx)(StyledMessages, Object.assign({ role: constants_1.ROLES.MESSAGE }, { children: e }), i))), props.children] })));
 };
 exports.WebchatMessageList = WebchatMessageList;
 //# sourceMappingURL=message-list.js.map

package/lib/cjs/webchat/message-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-list.js","sourceRoot":"src/","sources":["webchat/message-list.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,qEAAoC;AACpC,kFAAsC;AAEtC,4CAA6C;AAC7C,0CAA4C;AAC5C,qDAAkD;AAClD,yCAAkD;AAClD,oEAA+D;AAE/D,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAEM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,CACL,wBAAC,kCAAe,IACd,IAAI,EAAE,iBAAK,CAAC,YAAY;QACxB,gGAAgG;QAChG,EAAE,EAAC,4BAA4B,EAC/B,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,mBAAmB,EAAC,MAAM,EAC1B,KAAK,oBACA,KAAK,CAAC,KAAK,cAGf,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,uBAAC,0BAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAI,cAAE,QAAQ,GAAQ,YAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,GAC1B,CACtB,EACA,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,uBAAC,cAAc,IAAC,IAAI,EAAE,iBAAK,CAAC,OAAO,YAChC,CAAC,IADsC,CAAC,CAE1B,CAClB,CAAC,EACD,KAAK,CAAC,QAAQ,IACC,CACnB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}
+{"version":3,"file":"message-list.js","sourceRoot":"src/","sources":["webchat/message-list.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,qEAAoC;AACpC,kFAAsC;AAEtC,4CAA6C;AAC7C,0CAA4C;AAC5C,qDAAkD;AAClD,yCAAkD;AAClD,oEAA+D;AAE/D,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAEM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,CACL,wBAAC,kCAAe,kBACd,IAAI,EAAE,iBAAK,CAAC,YAAY;QACxB,gGAAgG;QAChG,EAAE,EAAC,4BAA4B,EAC/B,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,mBAAmB,EAAC,MAAM,EAC1B,KAAK,oBACA,KAAK,CAAC,KAAK,kBAGf,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,EACA,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,uBAAC,cAAc,kBAAC,IAAI,EAAE,iBAAK,CAAC,OAAO,gBAChC,CAAC,KADsC,CAAC,CAE1B,CAClB,CAAC,EACD,KAAK,CAAC,QAAQ,KACC,CACnB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}

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

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

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

@@ -4,24 +4,24 @@ exports.messagesReducer = void 0;
 const actions_1 = require("./actions");
 const messagesReducer = (state, action) => {
     switch (action.type) {
-        case actions_1.ADD_MESSAGE:
+        case actions_1.WebchatAction.ADD_MESSAGE:
             return addMessageReducer(state, action);
-        case actions_1.ADD_MESSAGE_COMPONENT:
-            return addMessageComponent(action, state);
-        case actions_1.UPDATE_MESSAGE:
+        case actions_1.WebchatAction.ADD_MESSAGE_COMPONENT:
+            return addMessageComponent(state, action);
+        case actions_1.WebchatAction.UPDATE_MESSAGE:
             return updateMessageReducer(state, action);
-        case actions_1.UPDATE_REPLIES:
+        case actions_1.WebchatAction.UPDATE_REPLIES:
             return Object.assign(Object.assign({}, state), { replies: action.payload });
-        case actions_1.CLEAR_MESSAGES:
+        case actions_1.WebchatAction.CLEAR_MESSAGES:
             return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [] });
-        case actions_1.UPDATE_LAST_MESSAGE_DATE:
+        case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
             return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
         default:
             throw new Error();
     }
 };
 exports.messagesReducer = messagesReducer;
-function addMessageComponent(action, state) {
+function addMessageComponent(state, action) {
     var _a;
     const messageComponent = action.payload;
     const isUnreadMessage = !state.isWebchatOpen && ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.ack) !== 1;

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

@@ -1 +1 @@
-{"version":3,"file":"messages-reducer.js","sourceRoot":"src/","sources":["webchat/messages-reducer.js"],"names":[],"mappings":";;;AAAA,uCAOkB;AAEX,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAC/C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,qBAAW;YACd,OAAO,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzC,KAAK,+BAAqB;YACxB,OAAO,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QAC3C,KAAK,wBAAc;YACjB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC5C,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc;YACjB,uCACK,KAAK,KACR,YAAY,EAAE,EAAE,EAChB,kBAAkB,EAAE,EAAE,IACvB;QACH,KAAK,kCAAwB;YAC3B,uCACK,KAAK,KACR,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAClC;QACH;YACE,MAAM,IAAI,KAAK,EAAE,CAAA;KACpB;AACH,CAAC,CAAA;AAxBY,QAAA,eAAe,mBAwB3B;AAED,SAAS,mBAAmB,CAAC,MAAM,EAAE,KAAK;;IACxC,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAA;IACvC,MAAM,eAAe,GACnB,CAAC,KAAK,CAAC,aAAa,IAAI,CAAA,MAAA,gBAAgB,CAAC,KAAK,0CAAE,GAAG,MAAK,CAAC,CAAA;IAC3D,MAAM,cAAc,GAAG,eAAe;QACpC,CAAC,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC;QAC1B,CAAC,CAAC,KAAK,CAAC,cAAc,CAAA;IAExB,uCACK,KAAK,KACR,kBAAkB,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAC3E,cAAc,IACf;AACH,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC7E,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;QACjB,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QACvD,IAAI,wBAAwB,GAAG,EAAE,CAAA;QACjC,IAAI,YAAY,EAAE;YAChB,MAAM,mBAAmB,mCACpB,YAAY,GACZ;gBACD,KAAK,kCAAO,YAAY,CAAC,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,GAAE;aAC1D,CACF,CAAA;YACD,wBAAwB,GAAG;gBACzB,kBAAkB,EAAE;oBAClB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;sCACzC,mBAAmB;oBACxB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;iBAChD;aACF,CAAA;SACF;QACD,qDACK,KAAK,KACR,YAAY,EAAE;gBACZ,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;kCACnC,MAAM,CAAC,OAAO;gBACnB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC1C,KACE,wBAAwB,EAC5B;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM;IACtC,IACE,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QAExD,OAAO,KAAK,CAAA;IACd,uCACK,KAAK,KACR,YAAY,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAC9D;AACH,CAAC"}
+{"version":3,"file":"messages-reducer.js","sourceRoot":"src/","sources":["webchat/messages-reducer.ts"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/replies.js

@@ -37,7 +37,7 @@ const WebchatReplies = props => {
     else if (getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
         justifyContent =
             options[getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
-    return ((0, jsx_runtime_1.jsx)(styled_scrollbar_1.StyledScrollbar, { scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, children: (0, jsx_runtime_1.jsx)(RepliesContainer, { justify: justifyContent, wrap: flexWrap, style: Object.assign({}, props.style), children: webchatState.replies.map((r, i) => ((0, jsx_runtime_1.jsx)(ReplyContainer, { children: r }, i))) }) }));
+    return ((0, jsx_runtime_1.jsx)(styled_scrollbar_1.StyledScrollbar, Object.assign({ scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide }, { children: (0, jsx_runtime_1.jsx)(RepliesContainer, Object.assign({ justify: justifyContent, wrap: flexWrap, style: Object.assign({}, props.style) }, { children: webchatState.replies.map((r, i) => ((0, jsx_runtime_1.jsx)(ReplyContainer, { children: r }, i))) })) })));
 };
 exports.WebchatReplies = WebchatReplies;
 //# sourceMappingURL=replies.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"replies.js","sourceRoot":"src/","sources":["webchat/replies.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAAsC;AACtC,0CAA4C;AAC5C,6EAAwE;AAExE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,uBAAC,kCAAe,IACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,YAEnC,uBAAC,gBAAgB,IACf,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,EACd,KAAK,oBACA,KAAK,CAAC,KAAK,aAGf,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,GACe,GACH,CACnB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,cAAc,kBAkC1B"}
+{"version":3,"file":"replies.js","sourceRoot":"src/","sources":["webchat/replies.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAAsC;AACtC,0CAA4C;AAC5C,6EAAwE;AAExE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,uBAAC,kCAAe,kBACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,gBAEnC,uBAAC,gBAAgB,kBACf,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,EACd,KAAK,oBACA,KAAK,CAAC,KAAK,iBAGf,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,IACe,IACH,CACnB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,cAAc,kBAkC1B"}

package/lib/cjs/webchat/session-view.js

@@ -91,11 +91,11 @@ const SessionView = props => {
     const { latestInput: input, session, lastRoutePath } = webchatState;
     const toggleSessionView = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { showSessionView: !webchatState.devSettings.showSessionView }));
     const toggleKeepSessionOnReload = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload }));
-    return ((0, jsx_runtime_1.jsxs)(SessionViewContent, { show: webchatState.devSettings.showSessionView, children: [(0, jsx_runtime_1.jsx)(ToggleTab, { onClick: toggleSessionView, children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' }), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { children: "Botonic Dev Console" }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
+    return ((0, jsx_runtime_1.jsxs)(SessionViewContent, Object.assign({ show: webchatState.devSettings.showSessionView }, { children: [(0, jsx_runtime_1.jsx)(ToggleTab, Object.assign({ onClick: toggleSessionView }, { children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' })), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { children: "Botonic Dev Console" }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
                             ? `[${input.type}] ${input.data || ''}`
                             : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INTENT:', value: input.intent
                             ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
-                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] }));
+                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
 };
 exports.SessionView = SessionView;
 //# sourceMappingURL=session-view.js.map

package/lib/cjs/webchat/session-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-view.js","sourceRoot":"src/","sources":["webchat/session-view.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,8EAAsC;AACtC,kFAAsC;AAEtC,4CAAqC;AACrC,mCAAoC;AAEpC,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAO1B,kBAAM,CAAC,WAAW;;CAE5B,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvB,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAMb,kBAAM,CAAC,YAAY;;CAE7B,CAAA;AAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,CACpC,wBAAC,kBAAkB,eACjB,uBAAC,KAAK,cAAE,KAAK,CAAC,KAAK,GAAS,EAC5B,uBAAC,KAAK,cAAE,KAAK,CAAC,KAAK,GAAS,IACT,CACtB,CAAA;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;WAE1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;;sBAG1B,kBAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjB,kBAAM,CAAC,qBAAqB;;;sBAGjB,kBAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGb,kBAAM,CAAC,WAAW;6BACA,kBAAM,CAAC,qBAAqB;CACxD,CAAA;AAED,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG5B,kBAAM,CAAC,qBAAqB;;CAEtC,CAAA;AAEM,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,sDAAsD;IACtD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI,IAAA,kBAAU,GAAE,CAAA;IAC9E,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,YAAY,CAAA;IACnE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,iBAAiB,iCACZ,YAAY,CAAC,WAAW,KAC3B,eAAe,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,eAAe,IAC1D,CAAA;IACJ,MAAM,yBAAyB,GAAG,GAAG,EAAE,CACrC,iBAAiB,iCACZ,YAAY,CAAC,WAAW,KAC3B,mBAAmB,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB,IAClE,CAAA;IACJ,OAAO,CACL,wBAAC,kBAAkB,IAAC,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,aAChE,uBAAC,SAAS,IAAC,OAAO,EAAE,iBAAiB,YAClC,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAC3C,EACZ,wBAAC,gBAAgB,eACf,uBAAC,KAAK,sCAA4B,EAClC,uBAAC,oBAAoB,IACnB,KAAK,EAAC,QAAQ,EACd,KAAK,EACH,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;4BAChC,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE;4BACvC,CAAC,CAAC,EAAE,GAER,EACF,uBAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAI,EAC/D,uBAAC,oBAAoB,IACnB,KAAK,EAAC,SAAS,EACf,KAAK,EACH,KAAK,CAAC,MAAM;4BACV,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;4BAC7D,CAAC,CAAC,EAAE,GAER,EACF,uBAAC,oBAAoB,IACnB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,GAAG,GAChD,EACF,uBAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,GAAG,EACzC,uBAAC,gBAAgB,cACf,uBAAC,yBAAQ,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,GAC1B,EACnB,uBAAC,oBAAoB,cACnB,8CACE,kCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,2BAA2B,EAChC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC9D,QAAQ,EAAE,yBAAyB,GACnC,8BAEI,GACa,IACN,IACA,CACtB,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,WAAW,eA4DvB"}
+{"version":3,"file":"session-view.js","sourceRoot":"src/","sources":["webchat/session-view.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/trigger-button/index.js

@@ -25,9 +25,7 @@ const TriggerButton = () => {
         toggleWebchat(true);
         event.preventDefault();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { onClick: handleClick, children: [webchatState.unreadMessages !== 0 && notificationsEnabled && ((0, jsx_runtime_1.jsx)(styles_1.UnreadMessagesCounter, { className: 'trigger-notifications', children: webchatState.unreadMessages })), CustomTriggerButton ? (
-            //@ts-ignore
-            (0, jsx_runtime_1.jsx)(CustomTriggerButton, {})) : ((0, jsx_runtime_1.jsx)(styles_1.StyledTriggerButton, { role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle, children: triggerButtonImage && ((0, jsx_runtime_1.jsx)(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ onClick: handleClick }, { children: [webchatState.unreadMessages !== 0 && notificationsEnabled && ((0, jsx_runtime_1.jsx)(styles_1.UnreadMessagesCounter, Object.assign({ className: 'trigger-notifications' }, { children: webchatState.unreadMessages }))), CustomTriggerButton ? ((0, jsx_runtime_1.jsx)(CustomTriggerButton, {})) : ((0, jsx_runtime_1.jsx)(styles_1.StyledTriggerButton, Object.assign({ role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, { children: triggerButtonImage && ((0, jsx_runtime_1.jsx)(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) })) })))] })));
 };
 exports.TriggerButton = TriggerButton;
 //# sourceMappingURL=index.js.map

package/lib/cjs/webchat/trigger-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,OAAO,EAAE,WAAW,aACtB,YAAY,CAAC,cAAc,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC5D,uBAAC,8BAAqB,IAAC,SAAS,EAAC,uBAAuB,YACrD,YAAY,CAAC,cAAc,GACN,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC;YACrB,YAAY;YACZ,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,IAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,YAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,GACmB,CACvB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,aAAa,iBA4DzB"}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,+CAAK,OAAO,EAAE,WAAW,iBACtB,YAAY,CAAC,cAAc,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC5D,uBAAC,8BAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,cAAc,IACN,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,kBAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA;AA3DY,QAAA,aAAa,iBA2DzB"}

package/lib/cjs/webchat/webchat-reducer.d.ts

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

package/lib/cjs/webchat/webchat-reducer.js

@@ -6,41 +6,41 @@ const messages_reducer_1 = require("./messages-reducer");
 // eslint-disable-next-line complexity
 function webchatReducer(state, action) {
     switch (action.type) {
-        case actions_1.UPDATE_WEBVIEW:
+        case actions_1.WebchatAction.UPDATE_WEBVIEW:
             return Object.assign(Object.assign({}, state), action.payload);
-        case actions_1.UPDATE_SESSION:
+        case actions_1.WebchatAction.UPDATE_SESSION:
             return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
-        case actions_1.UPDATE_TYPING:
+        case actions_1.WebchatAction.UPDATE_TYPING:
             return Object.assign(Object.assign({}, state), { typing: action.payload });
-        case actions_1.UPDATE_THEME:
+        case actions_1.WebchatAction.UPDATE_THEME:
             return Object.assign(Object.assign({}, state), action.payload);
-        case actions_1.UPDATE_HANDOFF:
+        case actions_1.WebchatAction.UPDATE_HANDOFF:
             return Object.assign(Object.assign({}, state), { handoff: action.payload });
-        case actions_1.TOGGLE_WEBCHAT: {
+        case actions_1.WebchatAction.TOGGLE_WEBCHAT: {
             const isWebchatOpen = action.payload;
             return Object.assign(Object.assign({}, state), { isWebchatOpen, unreadMessages: isWebchatOpen ? 0 : state.unreadMessages });
         }
-        case actions_1.TOGGLE_EMOJI_PICKER:
+        case actions_1.WebchatAction.TOGGLE_EMOJI_PICKER:
             return Object.assign(Object.assign({}, state), { isEmojiPickerOpen: action.payload });
-        case actions_1.TOGGLE_PERSISTENT_MENU:
+        case actions_1.WebchatAction.TOGGLE_PERSISTENT_MENU:
             return Object.assign(Object.assign({}, state), { isPersistentMenuOpen: action.payload });
-        case actions_1.TOGGLE_COVER_COMPONENT:
+        case actions_1.WebchatAction.TOGGLE_COVER_COMPONENT:
             return Object.assign(Object.assign({}, state), { isCoverComponentOpen: action.payload });
-        case actions_1.DO_RENDER_CUSTOM_COMPONENT:
+        case actions_1.WebchatAction.DO_RENDER_CUSTOM_COMPONENT:
             return Object.assign(Object.assign({}, state), { isCustomComponentRendered: action.payload });
-        case actions_1.SET_ERROR:
+        case actions_1.WebchatAction.SET_ERROR:
             return Object.assign(Object.assign({}, state), { error: action.payload || {} });
-        case actions_1.SET_ONLINE:
+        case actions_1.WebchatAction.SET_ONLINE:
             return Object.assign(Object.assign({}, state), { online: action.payload });
-        case actions_1.UPDATE_DEV_SETTINGS:
+        case actions_1.WebchatAction.UPDATE_DEV_SETTINGS:
             return Object.assign(Object.assign({}, state), { devSettings: Object.assign({}, action.payload) });
-        case actions_1.UPDATE_LATEST_INPUT:
+        case actions_1.WebchatAction.UPDATE_LATEST_INPUT:
             return Object.assign(Object.assign({}, state), { latestInput: action.payload });
-        case actions_1.UPDATE_LAST_ROUTE_PATH:
+        case actions_1.WebchatAction.UPDATE_LAST_ROUTE_PATH:
             return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
-        case actions_1.SET_CURRENT_ATTACHMENT:
+        case actions_1.WebchatAction.SET_CURRENT_ATTACHMENT:
             return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
-        case actions_1.UPDATE_JWT:
+        case actions_1.WebchatAction.UPDATE_JWT:
             return Object.assign(Object.assign({}, state), { jwt: action.payload });
         default:
             return (0, messages_reducer_1.messagesReducer)(state, action);

package/lib/cjs/webchat/webchat-reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["webchat/webchat-reducer.js"],"names":[],"mappings":";;;AAAA,uCAkBkB;AAClB,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAAC,KAAK,EAAE,MAAM;IAC1C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,wBAAc;YACjB,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa;YAChB,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,sBAAY;YACf,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc,CAAC,CAAC;YACnB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,EACb,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,IACzD;SACF;QACD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,oCAA0B;YAC7B,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,mBAAS;YACZ,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AAhDD,wCAgDC"}
+{"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["webchat/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AAEzC,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,EACb,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,IACzD;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AAnDD,wCAmDC"}

package/lib/cjs/webchat/webchat.js

@@ -104,7 +104,7 @@ const DarkBackgroundMenu = styled_components_1.default.div `
 `;
 // eslint-disable-next-line complexity, react/display-name
 exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
-    const { webchatState, addMessage, addMessageComponent, updateMessage, updateReplies, updateLatestInput, updateTyping, updateWebview, updateSession, updateLastRoutePath, updateHandoff, updateTheme, updateDevSettings, toggleWebchat, toggleEmojiPicker, togglePersistentMenu, toggleCoverComponent, doRenderCustomComponent, setError, setOnline, clearMessages, openWebviewT, closeWebviewT, updateLastMessageDate, setCurrentAttachment,
+    const { webchatState, addMessage, addMessageComponent, updateMessage, updateReplies, updateLatestInput, updateTyping, updateWebview, updateSession, updateLastRoutePath, updateHandoff, updateTheme, updateDevSettings, toggleWebchat, toggleEmojiPicker, togglePersistentMenu, toggleCoverComponent, doRenderCustomComponent, setError, setOnline, clearMessages, openWebviewT, updateLastMessageDate, setCurrentAttachment,
     // eslint-disable-next-line react-hooks/rules-of-hooks
      } = props.webchatHooks || (0, hooks_1.useWebchat)();
     const firstUpdate = (0, react_1.useRef)(true);
@@ -304,11 +304,11 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
             return false;
         for (const rule of blockInputs) {
             if (getBlockInputs(rule, input.data)) {
-                addMessageComponent((0, jsx_runtime_1.jsx)(components_1.Text, { id: input.id, from: constants_1.SENDERS.user, blob: false, style: {
+                addMessageComponent((0, jsx_runtime_1.jsx)(components_1.Text, Object.assign({ id: input.id, from: constants_1.SENDERS.user, blob: false, style: {
                         backgroundColor: constants_1.COLORS.SCORPION_GRAY,
                         borderColor: constants_1.COLORS.SCORPION_GRAY,
                         padding: '8px 12px',
-                    }, children: rule.message }));
+                    } }, { children: rule.message })));
                 updateReplies(false);
                 return true;
             }
@@ -345,7 +345,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
     const messageComponentFromInput = input => {
         let messageComponent = null;
         if ((0, message_utils_1.isText)(input)) {
-            messageComponent = ((0, jsx_runtime_1.jsx)(components_1.Text, { id: input.id, payload: input.payload, from: constants_1.SENDERS.user, children: input.data }));
+            messageComponent = ((0, jsx_runtime_1.jsx)(components_1.Text, Object.assign({ id: input.id, payload: input.payload, from: constants_1.SENDERS.user }, { children: input.data })));
         }
         else if ((0, message_utils_1.isMedia)(input)) {
             const temporaryDisplayUrl = URL.createObjectURL(input.data);
@@ -354,8 +354,10 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
                 from: constants_1.SENDERS.user,
                 src: temporaryDisplayUrl,
             };
-            if ((0, message_utils_1.isImage)(input))
+            if ((0, message_utils_1.isImage)(input)) {
+                mediaProps.input = input;
                 messageComponent = (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({}, mediaProps));
+            }
             else if ((0, message_utils_1.isAudio)(input))
                 messageComponent = (0, jsx_runtime_1.jsx)(components_1.Audio, Object.assign({}, mediaProps));
             else if ((0, message_utils_1.isVideo)(input))
@@ -546,7 +548,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
             togglePersistentMenu(false);
         }
     }, [webchatState.isWebchatOpen]);
-    const webchatMessageList = () => ((0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, { style: { flex: 1 }, children: webchatState.typing && (0, jsx_runtime_1.jsx)(typing_indicator_1.TypingIndicator, {}) }));
+    const webchatMessageList = () => ((0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, Object.assign({ style: { flex: 1 } }, { children: webchatState.typing && (0, jsx_runtime_1.jsx)(typing_indicator_1.TypingIndicator, {}) })));
     const webchatReplies = () => (0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, { replies: webchatState.replies });
     const isUserInputEnabled = () => {
         const isUserInputEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableUserInput, props.enableUserInput !== undefined ? props.enableUserInput : true);
@@ -555,9 +557,9 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
     const userInputEnabled = isUserInputEnabled();
     const textArea = (0, react_1.useRef)(null);
     const userInputArea = () => {
-        return (userInputEnabled && ((0, jsx_runtime_1.jsxs)(UserInputContainer, { style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container', children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(emoji_picker_1.OpenedEmojiPicker, { height: webchatState.theme.style.height, onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu, persistentMenu: props.persistentMenu }), (0, jsx_runtime_1.jsx)(TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { inputRef: textArea, name: 'text', onFocus: () => deviceAdapter.onFocus(host), onBlur: () => deviceAdapter.onBlur(), maxRows: 4, wrap: 'soft', maxLength: '1000', placeholder: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: true, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: Object.assign({ display: 'flex', fontSize: deviceAdapter.fontSize(14), width: '100%', border: 'none', resize: 'none', overflow: 'auto', outline: 'none', flex: '1 1 auto', padding: 10, paddingLeft: persistentMenuOptions ? 0 : 10, fontFamily: 'inherit' }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle)) }) }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { enableEmojiPicker: props.enableEmojiPicker, onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { enableAttachments: props.enableAttachments, onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] })));
+        return (userInputEnabled && ((0, jsx_runtime_1.jsxs)(UserInputContainer, Object.assign({ style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container' }, { children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(emoji_picker_1.OpenedEmojiPicker, { height: webchatState.theme.style.height, onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu, persistentMenu: props.persistentMenu }), (0, jsx_runtime_1.jsx)(TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { inputRef: textArea, name: 'text', onFocus: () => deviceAdapter.onFocus(host), onBlur: () => deviceAdapter.onBlur(), maxRows: 4, wrap: 'soft', maxLength: '1000', placeholder: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: true, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: Object.assign({ display: 'flex', fontSize: deviceAdapter.fontSize(14), width: '100%', border: 'none', resize: 'none', overflow: 'auto', outline: 'none', flex: '1 1 auto', padding: 10, paddingLeft: persistentMenuOptions ? 0 : 10, fontFamily: 'inherit' }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle)) }) }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { enableEmojiPicker: props.enableEmojiPicker, onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { enableAttachments: props.enableAttachments, onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] }))));
     };
-    const webchatWebview = () => ((0, jsx_runtime_1.jsx)(contexts_1.RequestContext.Provider, { value: webviewRequestContext, children: (0, jsx_runtime_1.jsx)(webview_1.WebviewContainer, { style: Object.assign(Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.webviewStyle)), mobileStyle), webview: webchatState.webview }) }));
+    const webchatWebview = () => ((0, jsx_runtime_1.jsx)(contexts_1.RequestContext.Provider, Object.assign({ value: webviewRequestContext }, { children: (0, jsx_runtime_1.jsx)(webview_1.WebviewContainer, { style: Object.assign(Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.webviewStyle)), mobileStyle), webview: webchatState.webview }) })));
     let mobileStyle = {};
     if ((0, core_1.isMobile)(getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.mobileBreakpoint))) {
         mobileStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.mobileStyle) || {
@@ -592,33 +594,33 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
         else
             return customComponent;
     };
-    const WebchatComponent = ((0, jsx_runtime_1.jsxs)(contexts_1.WebchatContext.Provider, { value: {
-            sendText,
-            sendAttachment,
-            sendPayload,
-            sendInput,
+    const WebchatComponent = ((0, jsx_runtime_1.jsxs)(contexts_1.WebchatContext.Provider, Object.assign({ value: {
+            addMessage,
+            getThemeProperty,
             openWebview,
             resolveCase,
-            webchatState,
-            getThemeProperty,
-            addMessage,
+            sendAttachment,
+            sendInput,
+            sendPayload,
+            sendText,
             toggleWebchat,
+            updateLatestInput,
             updateMessage,
             updateReplies,
-            updateLatestInput,
             updateUser: updateSessionWithUser,
             updateWebchatDevSettings: updateWebchatDevSettings,
-        }, children: [!webchatState.isWebchatOpen && (0, jsx_runtime_1.jsx)(trigger_button_1.TriggerButton, {}), webchatState.isWebchatOpen && ((0, jsx_runtime_1.jsxs)(StyledWebchat
+            webchatState,
+        } }, { children: [!webchatState.isWebchatOpen && (0, jsx_runtime_1.jsx)(trigger_button_1.TriggerButton, {}), webchatState.isWebchatOpen && ((0, jsx_runtime_1.jsxs)(StyledWebchat
             // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
-            , { 
+            , Object.assign({ 
                 // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
-                role: constants_1.ROLES.WEBCHAT, id: constants_1.WEBCHAT.DEFAULTS.ID, width: webchatState.width, height: webchatState.height, style: Object.assign(Object.assign({}, webchatState.theme.style), mobileStyle), children: [(0, jsx_runtime_1.jsx)(header_1.StyledWebchatHeader, { onCloseClick: () => {
+                role: constants_1.ROLES.WEBCHAT, id: constants_1.WEBCHAT.DEFAULTS.ID, width: webchatState.width, height: webchatState.height, style: Object.assign(Object.assign({}, webchatState.theme.style), mobileStyle) }, { children: [(0, jsx_runtime_1.jsx)(header_1.StyledWebchatHeader, { onCloseClick: () => {
                             toggleWebchat(false);
                         } }), webchatState.error.message && ((0, jsx_runtime_1.jsx)(ErrorMessageContainer, { children: (0, jsx_runtime_1.jsx)(ErrorMessage, { children: webchatState.error.message }) })), webchatMessageList(), webchatState.replies &&
                         Object.keys(webchatState.replies).length > 0 &&
                         webchatReplies(), webchatState.isPersistentMenuOpen && ((0, jsx_runtime_1.jsx)(DarkenBackground, { component: persistentMenu() })), !webchatState.handoff && userInputArea(), webchatState.webview && webchatWebview(), webchatState.isCoverComponentOpen && coverComponent(), webchatState.isCustomComponentRendered &&
                         customComponent &&
-                        _renderCustomComponent()] }))] }));
-    return props.shadowDOM ? ((0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { target: host, children: WebchatComponent })) : (WebchatComponent);
+                        _renderCustomComponent()] })))] })));
+    return props.shadowDOM ? ((0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, Object.assign({ target: host }, { children: WebchatComponent }))) : (WebchatComponent);
 });
 //# sourceMappingURL=webchat.js.map