@botonic/react 0.30.8-alpha.0 → 0.30.8

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../../src/util/react.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAErC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CACrE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE;IAC3D,IAAI,SAAS,EAAE;QAAE,OAAO,aAAa,EAAE,CAAA;SAClC,IAAI,MAAM,EAAE;QAAE,OAAO,UAAU,EAAE,CAAA;IACtC,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAA;AAChF,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC,EAAE;IAC7C,kHAAkH;IAClH,OAAO,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACrC,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QAC3D,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,OAAO,CAAC,EAAE,CAC5B,cAAc,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;AAE5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,OAAO,CAAC,EAAE,CAC1C,WAAW,CAAC,OAAO,CAAC;IACpB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC7C,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,EACtD,KAAK,CACN,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE;IACtD,OAAO,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACrD,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YACtD,qDAAqD;YACrD,OAAO,SAAS,CACd,YAAY,CACV,KAAK,EACL,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;gBAC5C,QAAQ,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC;aAC5D,CAAC,CACH,EACD,KAAK,EACL,QAAQ,CACT,CAAA;SACF;QACD,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/esm/util/regexs.d.ts

@@ -0,0 +1,2 @@
+export function deserializeRegex(regexStr: any): RegExp;
+export function stringifyWithRegexs(object: any): string;

package/lib/esm/util/regexs.js

@@ -0,0 +1,18 @@
+export const deserializeRegex = regexStr => {
+    /* eslint-disable no-useless-escape */
+    const fragments = regexStr.match(/\/(.[^\/]+)\/([a-z]{1})?$/i); // https://stackoverflow.com/a/33642463, https://github.com/hubtype/botonic/pull/805#discussion_r437309074
+    const deserialized = new RegExp(fragments[1], fragments[2] || '');
+    return deserialized;
+};
+/** Serialization of objects containing regexs:
+ * Ref.: https://stackoverflow.com/questions/12075927/serialization-of-regexp
+ * Ref.: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
+ */
+export const stringifyWithRegexs = object => {
+    return JSON.stringify(object, (_, value) => {
+        if (value instanceof RegExp)
+            return value.toString();
+        return value;
+    });
+};
+//# sourceMappingURL=regexs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"regexs.js","sourceRoot":"","sources":["../../../src/util/regexs.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE;IACzC,sCAAsC;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAA,CAAC,0GAA0G;IACzK,MAAM,YAAY,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;IACjE,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AACD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE;IAC1C,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,YAAY,MAAM;YAAE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAA;QACpD,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/lib/esm/util/strings.d.ts

@@ -0,0 +1 @@
+export declare const truncateText: (text: any, maxLength: any, ellipsis?: string) => any;

package/lib/esm/util/strings.js

@@ -0,0 +1,7 @@
+export const truncateText = (text, maxLength, ellipsis = '...') => {
+    if (text.length > maxLength) {
+        return text.substring(0, maxLength - ellipsis.length) + ellipsis;
+    }
+    return text;
+};
+//# sourceMappingURL=strings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sourceRoot":"","sources":["../../../src/util/strings.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE;IAChE,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,EAAE;QAC3B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAA;KACjE;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+export function _getThemeProperty(theme: any): (property: any, defaultValue?: undefined) => any;
+export function createUser(): {
+    id: string;
+    name: string;
+};
+export function initSession(session: any): any;
+export function shouldKeepSessionOnReload({ initialDevSettings, devSettings, }: {
+    initialDevSettings: any;
+    devSettings: any;
+}): any;
+export function getServerErrorMessage(serverConfig: any): any;

package/lib/esm/util/webchat.js

@@ -0,0 +1,53 @@
+import merge from 'lodash.merge';
+import UAParser from 'ua-parser-js';
+import { v7 as uuidv7 } from 'uuid';
+import { WEBCHAT } from '../constants';
+import { getProperty } from './objects';
+/**
+ * Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
+ * It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
+ * If property doesn't exist, returns the defaultValue.
+ */
+export const _getThemeProperty = theme => (property, defaultValue = undefined) => {
+    for (const [k, v] of Object.entries(WEBCHAT.CUSTOM_PROPERTIES)) {
+        if (v == property) {
+            const nestedProperty = getProperty(theme, v);
+            if (nestedProperty !== undefined)
+                return nestedProperty;
+            const plainProperty = getProperty(theme, k);
+            if (plainProperty !== undefined)
+                return plainProperty;
+            return defaultValue;
+        }
+    }
+    return undefined;
+};
+export const createUser = () => {
+    const parser = new UAParser();
+    const ua = parser.getResult();
+    let name = `${ua.os.name} ${ua.browser.name}`;
+    if (ua.device && ua.device.type)
+        name = `${ua.device.type} ${name}`;
+    return {
+        id: uuidv7(),
+        name,
+    };
+};
+export const initSession = session => {
+    if (!session)
+        session = {};
+    const hasUserId = session.user && session.user.id !== undefined;
+    if (!session.user || Object.keys(session.user).length === 0 || !hasUserId)
+        session.user = !hasUserId ? merge(session.user, createUser()) : createUser();
+    return session;
+};
+export const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || (devSettings && devSettings.keepSessionOnReload);
+export const getServerErrorMessage = serverConfig => {
+    if (!serverConfig || !serverConfig.errorMessage)
+        return 'Connection issues';
+    if (typeof serverConfig.errorMessage === 'function') {
+        return serverConfig.errorMessage();
+    }
+    return serverConfig.errorMessage;
+};
+//# sourceMappingURL=webchat.js.map

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

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

package/lib/esm/util/webviews.d.ts

@@ -0,0 +1 @@
+export declare function generateWebviewUrlWithParams(webview: any, params?: any): string;

package/lib/esm/util/webviews.js

@@ -0,0 +1,6 @@
+import { params2queryString } from '@botonic/core';
+export function generateWebviewUrlWithParams(webview, params = '') {
+    const webviewParams = params ? params2queryString(params) : '';
+    return `/webviews/${webview.name}?${webviewParams}`;
+}
+//# sourceMappingURL=webviews.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webviews.js","sourceRoot":"","sources":["../../../src/util/webviews.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,UAAU,4BAA4B,CAC1C,OAAY,EACZ,SAAc,EAAE;IAEhB,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9D,OAAO,aAAa,OAAO,CAAC,IAAI,IAAI,aAAa,EAAE,CAAA;AACrD,CAAC"}

package/lib/esm/webchat/actions.d.ts

@@ -0,0 +1,27 @@
+export declare enum WebchatAction {
+    ADD_MESSAGE = "addMessage",
+    ADD_MESSAGE_COMPONENT = "addMessageComponent",
+    CLEAR_MESSAGES = "clearMessages",
+    DO_RENDER_CUSTOM_COMPONENT = "doRenderCustomComponent",
+    RESET_UNREAD_MESSAGES = "resetUnreadMessages",
+    SET_CURRENT_ATTACHMENT = "setCurrentAttachment",
+    SET_ERROR = "setError",
+    SET_LAST_MESSAGE_VISIBLE = "setlastMessageVisible",
+    SET_ONLINE = "setOnline",
+    TOGGLE_COVER_COMPONENT = "toggleCoverComponent",
+    TOGGLE_EMOJI_PICKER = "toggleEmojiPicker",
+    TOGGLE_PERSISTENT_MENU = "togglePersistentMenu",
+    TOGGLE_WEBCHAT = "toggleWebchat",
+    UPDATE_DEV_SETTINGS = "updateDevSettings",
+    UPDATE_HANDOFF = "updateHandoff",
+    UPDATE_LAST_MESSAGE_DATE = "updateLastMessageDate",
+    UPDATE_LAST_ROUTE_PATH = "updateLastRoutePath",
+    UPDATE_LATEST_INPUT = "updateLatestInput",
+    UPDATE_MESSAGE = "updateMessage",
+    UPDATE_REPLIES = "updateReplies",
+    UPDATE_SESSION = "updateSession",
+    UPDATE_THEME = "updateTheme",
+    UPDATE_TYPING = "updateTyping",
+    UPDATE_WEBVIEW = "updateWebview",
+    SET_IS_INPUT_FOCUSED = "setIsInputFocused"
+}

package/lib/esm/webchat/actions.js

@@ -0,0 +1,29 @@
+export var WebchatAction;
+(function (WebchatAction) {
+    WebchatAction["ADD_MESSAGE"] = "addMessage";
+    WebchatAction["ADD_MESSAGE_COMPONENT"] = "addMessageComponent";
+    WebchatAction["CLEAR_MESSAGES"] = "clearMessages";
+    WebchatAction["DO_RENDER_CUSTOM_COMPONENT"] = "doRenderCustomComponent";
+    WebchatAction["RESET_UNREAD_MESSAGES"] = "resetUnreadMessages";
+    WebchatAction["SET_CURRENT_ATTACHMENT"] = "setCurrentAttachment";
+    WebchatAction["SET_ERROR"] = "setError";
+    WebchatAction["SET_LAST_MESSAGE_VISIBLE"] = "setlastMessageVisible";
+    WebchatAction["SET_ONLINE"] = "setOnline";
+    WebchatAction["TOGGLE_COVER_COMPONENT"] = "toggleCoverComponent";
+    WebchatAction["TOGGLE_EMOJI_PICKER"] = "toggleEmojiPicker";
+    WebchatAction["TOGGLE_PERSISTENT_MENU"] = "togglePersistentMenu";
+    WebchatAction["TOGGLE_WEBCHAT"] = "toggleWebchat";
+    WebchatAction["UPDATE_DEV_SETTINGS"] = "updateDevSettings";
+    WebchatAction["UPDATE_HANDOFF"] = "updateHandoff";
+    WebchatAction["UPDATE_LAST_MESSAGE_DATE"] = "updateLastMessageDate";
+    WebchatAction["UPDATE_LAST_ROUTE_PATH"] = "updateLastRoutePath";
+    WebchatAction["UPDATE_LATEST_INPUT"] = "updateLatestInput";
+    WebchatAction["UPDATE_MESSAGE"] = "updateMessage";
+    WebchatAction["UPDATE_REPLIES"] = "updateReplies";
+    WebchatAction["UPDATE_SESSION"] = "updateSession";
+    WebchatAction["UPDATE_THEME"] = "updateTheme";
+    WebchatAction["UPDATE_TYPING"] = "updateTyping";
+    WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
+    WebchatAction["SET_IS_INPUT_FOCUSED"] = "setIsInputFocused";
+})(WebchatAction || (WebchatAction = {}));
+//# sourceMappingURL=actions.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const ChatArea: () => JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const StyledChatArea = styled.div `
+  display: inherit;
+  flex-direction: inherit;
+  height: ${props => props.height}px;
+  width: inherit;
+  overflow: inherit;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAoB;;;YAGhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;;CAGhC,CAAA"}

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

@@ -0,0 +1 @@
+export function Icon(props: any): JSX.Element;

package/lib/esm/webchat/components/common.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import styled from 'styled-components';
+import { resolveImage } from '../../util/environment';
+const PointerImage = styled.img `
+  cursor: pointer;
+`;
+export const Icon = props => _jsx(PointerImage, { src: resolveImage(props.src) });
+//# sourceMappingURL=common.js.map

package/lib/esm/webchat/components/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../src/webchat/components/common.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AACD,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,GAAI,CAAA"}

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

@@ -0,0 +1 @@
+export function ConditionalAnimation(props: any): JSX.Element;

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

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

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

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

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

@@ -0,0 +1,6 @@
+export function OpenedPersistentMenu({ onClick, options, borderRadius }: {
+    onClick: any;
+    options: any;
+    borderRadius: any;
+}): JSX.Element;
+export default OpenedPersistentMenu;

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import styled from 'styled-components';
+import { Button } from '../../components/button';
+import { ROLES, WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+import { useComponentVisible } from '../hooks';
+const ButtonsContainer = styled.div `
+  position: absolute;
+  z-index: 2;
+  width: 100%;
+  bottom: 0;
+  text-align: center;
+`;
+export const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
+    const { ref, isComponentVisible } = useComponentVisible(true, onClick);
+    const { getThemeProperty } = useContext(WebchatContext);
+    const CustomPersistentMenu = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu, undefined);
+    let closeLabel = 'Cancel';
+    try {
+        closeLabel = options.filter(opt => opt.closeLabel !== undefined)[0]
+            .closeLabel;
+    }
+    catch (e) { }
+    return (_jsx("div", Object.assign({ ref: ref, role: ROLES.PERSISTENT_MENU }, { children: isComponentVisible && CustomPersistentMenu ? (_jsx(CustomPersistentMenu, { onClick: onClick, options: options })) : (_jsxs(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
+                    return (e.label && (_jsx(Button, Object.assign({ onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload }, { children: e.label }), i)));
+                }), _jsx(Button, Object.assign({ onClick: onClick, bottomRadius: borderRadius }, { children: closeLabel }))] })) })));
+};
+export default OpenedPersistentMenu;
+//# sourceMappingURL=opened-persistent-menu.js.map

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

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

package/lib/esm/webchat/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const BotonicContainerId: {
+    Webchat: string;
+    Header: string;
+    ChatArea: string;
+    ScrollableMessagesList: string;
+    RepliesContainer: string;
+    InputPanel: string;
+};

package/lib/esm/webchat/constants.js

@@ -0,0 +1,10 @@
+// Convert to an enum when all the files using these values are migrated to ts{x}
+export const BotonicContainerId = {
+    Webchat: 'botonic-webchat',
+    Header: 'botonic-header',
+    ChatArea: 'botonic-chat-area',
+    ScrollableMessagesList: 'botonic-scrollable-messages-list',
+    RepliesContainer: 'botonic-replies-container',
+    InputPanel: 'botonic-input-panel',
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/webchat/constants.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,gBAAgB;IACxB,QAAQ,EAAE,mBAAmB;IAC7B,sBAAsB,EAAE,kCAAkC;IAC1D,gBAAgB,EAAE,2BAA2B;IAC7C,UAAU,EAAE,qBAAqB;CAClC,CAAA"}

package/lib/esm/webchat/cover-component/index.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    component: any;
+    componentProps: any;
+}
+export declare const CoverComponent: ({ component, componentProps }: Props) => JSX.Element | null;
+export {};

package/lib/esm/webchat/cover-component/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+export const CoverComponent = ({ component, componentProps }) => {
+    const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
+    const Cover = component;
+    const coverComponentProps = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
+    const closeCoverComponent = () => {
+        toggleCoverComponent(false);
+    };
+    if (!Cover || !webchatState.isCoverComponentOpen) {
+        return null;
+    }
+    return _jsx(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/webchat/cover-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAO/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+export const DEVICES: Readonly<{
+    MOBILE: {
+        IPHONE: string;
+        ANDROID: string;
+        WEBOS: string;
+        BLACKBERRY: string;
+        WINDOWS_PHONE: string;
+    };
+}>;
+export function isDevice(deviceName: any): boolean;
+export function isMobileDevice(): boolean;

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

@@ -0,0 +1,18 @@
+export const DEVICES = Object.freeze({
+    MOBILE: {
+        IPHONE: 'iPhone',
+        ANDROID: 'Android',
+        WEBOS: 'webOS',
+        BLACKBERRY: 'BlackBerry',
+        WINDOWS_PHONE: 'Windows Phone',
+    },
+});
+export const isDevice = deviceName => {
+    // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
+    return (!!navigator.platform &&
+        navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
+};
+export const isMobileDevice = () => {
+    return Object.values(DEVICES.MOBILE).some(deviceName => isDevice(deviceName));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/devices/index.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA"}

package/lib/esm/webchat/header.d.ts

@@ -0,0 +1,3 @@
+export function DefaultHeader(props: any): JSX.Element;
+export const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/esm/webchat/header.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef, useContext } from 'react';
+import styled from 'styled-components';
+import { COLORS, ROLES, WEBCHAT } from '../constants';
+import { WebchatContext } from '../contexts';
+import { Scale } from '../shared/styles';
+import { resolveImage } from '../util/environment';
+import { ConditionalWrapper } from '../util/react';
+import { BotonicContainerId } from './constants';
+const Header = styled.div `
+  display: flex;
+  background: linear-gradient(
+    90deg,
+    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
+    ${props => props.color} 100%
+  );
+  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
+  z-index: 2;
+  height: inherit;
+`;
+const ImageContainer = styled.div `
+  padding: 10px;
+  align-items: center;
+`;
+const Image = styled.img `
+  width: 32px;
+  border-radius: 50%;
+`;
+const TextContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+`;
+const Title = styled.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  font-weight: bold;
+  color: ${COLORS.SOLID_WHITE};
+`;
+const Subtitle = styled.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 11px;
+  color: ${COLORS.SOLID_WHITE};
+`;
+const CloseHeader = styled.div `
+  padding: 0px 16px;
+  cursor: pointer;
+  color: ${COLORS.SOLID_WHITE};
+  font-family: inherit;
+  font-size: 36px;
+`;
+export const DefaultHeader = props => {
+    const { getThemeProperty } = props;
+    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
+    const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
+    const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
+    return (_jsxs(Header, Object.assign({ role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx(Image, { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [_jsx(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), _jsx(Subtitle, { children: headerSubtitle })] })), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
+};
+const StyledWebchatHeader = styled.div `
+  border-radius: 8px 8px 0px 0px;
+  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
+  height: 55px;
+  flex: none;
+`;
+export const WebchatHeader = forwardRef((props, ref) => {
+    const { webchatState, getThemeProperty } = useContext(WebchatContext);
+    const handleCloseWebchat = event => {
+        props.onCloseClick(event.target.value);
+    };
+    const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
+    if (CustomHeader) {
+        return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
+    }
+    return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }) })));
+});
+WebchatHeader.displayName = 'WebchatHeader';
+//# sourceMappingURL=header.js.map

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

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

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

@@ -0,0 +1,11 @@
+export { useComponentVisible } from './use-component-visible';
+export { useComponentWillMount } from './use-component-will-mount';
+export { useDeviceAdapter } from './use-device-adapter';
+export { usePrevious } from './use-previous';
+export { useScrollToBottom } from './use-scroll-to-bottom';
+export { useScrollbarController } from './use-scrollbar-controller';
+export { useTyping } from './use-typing';
+export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
+export { useWebchat, webchatInitialState } from './use-webchat';
+export { useWebchatDimensions } from './use-webchat-dimensions';
+export { useWebchatResizer } from './use-webchat-resizer';

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

@@ -0,0 +1,12 @@
+export { useComponentVisible } from './use-component-visible';
+export { useComponentWillMount } from './use-component-will-mount';
+export { useDeviceAdapter } from './use-device-adapter';
+export { usePrevious } from './use-previous';
+export { useScrollToBottom } from './use-scroll-to-bottom';
+export { useScrollbarController } from './use-scrollbar-controller';
+export { useTyping } from './use-typing';
+export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
+export { useWebchat, webchatInitialState } from './use-webchat';
+export { useWebchatDimensions } from './use-webchat-dimensions';
+export { useWebchatResizer } from './use-webchat-resizer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/lib/esm/webchat/hooks/use-component-visible.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface ComponentVisible {
+    ref: React.RefObject<HTMLElement>;
+    isComponentVisible: boolean;
+    setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
+export {};

package/lib/esm/webchat/hooks/use-component-visible.js

@@ -0,0 +1,20 @@
+import { useEffect, useRef, useState } from 'react';
+export function useComponentVisible(initialIsVisible, onClickOutside) {
+    const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
+    const ref = useRef(null);
+    const handleClickOutside = event => {
+        const target = event.path ? event.path[0] : event.target;
+        if (ref.current && !ref.current.contains(target)) {
+            setIsComponentVisible(false);
+            onClickOutside();
+        }
+    };
+    useEffect(() => {
+        document.addEventListener('click', handleClickOutside, false);
+        return () => {
+            document.removeEventListener('click', handleClickOutside, false);
+        };
+    });
+    return { ref, isComponentVisible, setIsComponentVisible };
+}
+//# sourceMappingURL=use-component-visible.js.map

package/lib/esm/webchat/hooks/use-component-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-visible.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQnD,MAAM,UAAU,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC"}

package/lib/esm/webchat/hooks/use-component-will-mount.d.ts

@@ -0,0 +1 @@
+export declare const useComponentWillMount: (func: any) => void;

package/lib/esm/webchat/hooks/use-component-will-mount.js

@@ -0,0 +1,5 @@
+import { useMemo } from 'react';
+export const useComponentWillMount = func => {
+    useMemo(func, []);
+};
+//# sourceMappingURL=use-component-will-mount.js.map

package/lib/esm/webchat/hooks/use-component-will-mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-component-will-mount.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-device-adapter.d.ts

@@ -0,0 +1,3 @@
+export declare const useDeviceAdapter: (host: any, isWebchatOpen: any) => {
+    currentDevice: any;
+};