@botonic/react 0.30.8-alpha.0 → 0.30.8-alpha.1

package/lib/esm/webchat/hooks/use-device-adapter.js

@@ -0,0 +1,42 @@
+import { useEffect } from 'react';
+import { DEVICES } from '../devices';
+import { useScrollToBottom } from './use-scroll-to-bottom';
+import { useScrollbarController } from './use-scrollbar-controller';
+import { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
+import { useWebchatResizer } from './use-webchat-resizer';
+function getCurrentDevice() {
+    // @ts-ignore
+    if (navigator.userAgentData)
+        return navigator.userAgentData.platform;
+    return navigator.platform;
+}
+export const useDeviceAdapter = (host, isWebchatOpen) => {
+    const currentDevice = getCurrentDevice();
+    const { scrollToBottom } = useScrollToBottom({ host });
+    const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(window.innerHeight);
+    const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer();
+    const { handleScrollEvents } = useScrollbarController(currentDevice, host);
+    useEffect(() => {
+        if (currentDevice !== DEVICES.MOBILE.IPHONE)
+            return;
+        if (isVirtualKeyboardVisible) {
+            handleKeyboardShown();
+            scrollToBottom();
+        }
+        else {
+            handleKeyboardHidden();
+        }
+        return;
+    }, [isVirtualKeyboardVisible]);
+    useEffect(() => {
+        if (host && isWebchatOpen) {
+            if (currentDevice !== DEVICES.MOBILE.IPHONE)
+                return;
+            handleScrollEvents();
+        }
+    }, [host, isWebchatOpen, handleScrollEvents]);
+    return {
+        currentDevice,
+    };
+};
+//# sourceMappingURL=use-device-adapter.js.map

package/lib/esm/webchat/hooks/use-device-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,SAAS,gBAAgB;IACvB,aAAa;IACb,IAAI,SAAS,CAAC,aAAa;QAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;IACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,2BAA2B,CAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACnD,IAAI,wBAAwB,EAAE;YAC5B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;SACjB;aAAM;YACL,oBAAoB,EAAE,CAAA;SACvB;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE;YACzB,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAM;YACnD,kBAAkB,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-previous.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious(value: any): undefined;

package/lib/esm/webchat/hooks/use-previous.js

@@ -0,0 +1,9 @@
+import { useEffect, useRef } from 'react';
+export function usePrevious(value) {
+    const ref = useRef();
+    useEffect(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+//# sourceMappingURL=use-previous.js.map

package/lib/esm/webchat/hooks/use-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC"}

package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts

@@ -0,0 +1,6 @@
+export declare const useScrollToBottom: ({ host, timeout }: {
+    host: any;
+    timeout?: number | undefined;
+}) => {
+    scrollToBottom: () => void;
+};

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js

@@ -0,0 +1,18 @@
+import { getScrollableMessagesListElement, getWebchatElement, } from '../../util/dom';
+export const useScrollToBottom = ({ host, timeout = 200 }) => {
+    const scrollToBottom = () => {
+        const webchatElement = getWebchatElement(host);
+        if (!webchatElement)
+            return;
+        const scrollableMessagesListElement = getScrollableMessagesListElement(host);
+        if (!scrollableMessagesListElement)
+            return;
+        setTimeout(() => {
+            scrollableMessagesListElement.scrollTo({
+                top: scrollableMessagesListElement.scrollHeight,
+            });
+        }, timeout);
+    };
+    return { scrollToBottom };
+};
+//# sourceMappingURL=use-scroll-to-bottom.js.map

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,GAAG,EAAE,EAAE,EAAE;IAC3D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,gCAAgC,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;aAChD,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts

@@ -0,0 +1,6 @@
+export declare const useScrollbarController: (currentDevice: any, host: any) => {
+    handleScrollEvents: () => void;
+    handleOnTouchMoveEvents: () => void;
+    handleOnMouseOverEvents: (e: any) => void;
+    hasScrollbar: () => boolean;
+};

package/lib/esm/webchat/hooks/use-scrollbar-controller.js

@@ -0,0 +1,136 @@
+import { useContext, useEffect } from 'react';
+import { WebchatContext } from '../../contexts';
+import { DEVICES, isMobileDevice } from '../devices';
+// TODO: Investigate why when we have some messages, scroll actions are not disabled properly
+const debounced = (delay, fn) => {
+    let timerId;
+    return function (...args) {
+        if (timerId) {
+            clearTimeout(timerId);
+        }
+        timerId = setTimeout(() => {
+            fn(...args);
+            timerId = null;
+        }, delay);
+    };
+};
+const stopAtScrollLimit = element => {
+    if (element.scrollTop === 0)
+        element.scrollTop = 1;
+    if (element.scrollHeight - element.scrollTop === element.clientHeight)
+        element.scrollTop -= 1;
+};
+export const useScrollbarController = (currentDevice, host) => {
+    const { webchatRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = useContext(WebchatContext);
+    const hasScrollbar = () => {
+        var _a, _b, _c, _d, _e;
+        if (chatAreaRef.current && scrollableMessagesListRef.current) {
+            if (!repliesRef) {
+                return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
+                    ((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
+            }
+            if (repliesRef.current) {
+                return (((_c = scrollableMessagesListRef.current) === null || _c === void 0 ? void 0 : _c.scrollHeight) >
+                    ((_d = chatAreaRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) - ((_e = repliesRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight));
+            }
+        }
+        return false;
+    };
+    const toggleOnMouseWheelEvents = () => {
+        if (scrollableMessagesListRef.current) {
+            if (hasScrollbar()) {
+                // @ts-ignore
+                scrollableMessagesListRef.current.onmousewheel = {};
+                return;
+            }
+            // @ts-ignore
+            scrollableMessagesListRef.current.onmousewheel = e => {
+                e.preventDefault();
+            };
+        }
+    };
+    const handleOnMouseOverEvents = e => {
+        let target = e.currentTarget;
+        while (target) {
+            toggleOnMouseWheelEvents();
+            target = target.parentNode;
+        }
+    };
+    const toggleOnTouchMoveEvents = () => {
+        if (webchatRef.current && scrollableMessagesListRef.current) {
+            if (hasScrollbar()) {
+                scrollableMessagesListRef.current.style.touchAction = 'auto';
+                webchatRef.current.style.touchAction = 'auto';
+                webchatRef.current.ontouchmove = null;
+                webchatRef.current.ontouchstart = null;
+                return;
+            }
+            scrollableMessagesListRef.current.style.touchAction = 'none';
+            webchatRef.current.style.touchAction = 'none';
+        }
+        if (webchatRef.current) {
+            webchatRef.current.ontouchstart = e => {
+                if (e.target === e.currentTarget) {
+                    e.preventDefault();
+                }
+            };
+            webchatRef.current.ontouchmove = e => {
+                if (e.target === e.currentTarget) {
+                    e.preventDefault();
+                }
+            };
+        }
+    };
+    const handleOnTouchMoveEvents = () => {
+        toggleOnTouchMoveEvents();
+    };
+    const limitScrollBoundaries = () => {
+        if (currentDevice !== DEVICES.MOBILE.IPHONE)
+            return;
+        const chatArea = chatAreaRef.current;
+        const dStopAtScrollLimit = debounced(100, stopAtScrollLimit);
+        if (chatArea) {
+            // @ts-ignore
+            if (window.addEventListener) {
+                chatArea.addEventListener('scroll', () => dStopAtScrollLimit(chatArea), true);
+                // @ts-ignore
+            }
+            else if (window.attachEvent) {
+                // @ts-ignore
+                chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea));
+            }
+        }
+    };
+    const handleScrollEvents = () => {
+        if (webchatRef.current) {
+            if (isMobileDevice()) {
+                if (currentDevice !== DEVICES.MOBILE.IPHONE)
+                    return;
+                limitScrollBoundaries();
+                webchatRef.current.ontouchstart = handleOnTouchMoveEvents;
+                webchatRef.current.ontouchmove = handleOnTouchMoveEvents;
+            }
+            else {
+                webchatRef.current.onmouseover = e => handleOnMouseOverEvents(e);
+            }
+        }
+    };
+    useEffect(() => {
+        const webchat = webchatRef.current;
+        handleScrollEvents();
+        return () => {
+            if (webchat) {
+                webchat.onmouseover = null;
+                webchat.ontouchstart = null;
+                webchat.ontouchmove = null;
+            }
+        };
+    }, [currentDevice, host]);
+    return {
+        handleScrollEvents,
+        handleOnTouchMoveEvents,
+        handleOnMouseOverEvents,
+        hasScrollbar,
+    };
+};
+//# sourceMappingURL=use-scrollbar-controller.js.map

package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEpD,6FAA6F;AAE7F,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE;IAC9B,IAAI,OAAO,CAAA;IACX,OAAO,UAAU,GAAG,IAAI;QACtB,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;QACD,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;YACX,OAAO,GAAG,IAAI,CAAA;QAChB,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,OAAO,CAAC,EAAE;IAClC,IAAI,OAAO,CAAC,SAAS,KAAK,CAAC;QAAE,OAAO,CAAC,SAAS,GAAG,CAAC,CAAA;IAClD,IAAI,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC,SAAS,KAAK,OAAO,CAAC,YAAY;QACnE,OAAO,CAAC,SAAS,IAAI,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE;IAC5D,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,yBAAyB,EAAE,GACtE,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,YAAY,GAAG,GAAG,EAAE;;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,yBAAyB,CAAC,OAAO,EAAE;YAC5D,IAAI,CAAC,UAAU,EAAE;gBACf,OAAO,CACL,CAAA,MAAA,yBAAyB,CAAC,OAAO,0CAAE,YAAY;qBAC/C,MAAA,WAAW,CAAC,OAAO,0CAAE,YAAY,CAAA,CAClC,CAAA;aACF;YACD,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,OAAO,CACL,CAAA,MAAA,yBAAyB,CAAC,OAAO,0CAAE,YAAY;oBAC/C,CAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,YAAY,KAAG,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,CAAA,CACrE,CAAA;aACF;SACF;QAED,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,GAAG,EAAE;QACpC,IAAI,yBAAyB,CAAC,OAAO,EAAE;YACrC,IAAI,YAAY,EAAE,EAAE;gBAClB,aAAa;gBACb,yBAAyB,CAAC,OAAO,CAAC,YAAY,GAAG,EAAE,CAAA;gBACnD,OAAM;aACP;YACD,aAAa;YACb,yBAAyB,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE;gBACnD,CAAC,CAAC,cAAc,EAAE,CAAA;YACpB,CAAC,CAAA;SACF;IACH,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,CAAC,CAAC,EAAE;QAClC,IAAI,MAAM,GAAG,CAAC,CAAC,aAAa,CAAA;QAC5B,OAAO,MAAM,EAAE;YACb,wBAAwB,EAAE,CAAA;YAC1B,MAAM,GAAG,MAAM,CAAC,UAAU,CAAA;SAC3B;IACH,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,UAAU,CAAC,OAAO,IAAI,yBAAyB,CAAC,OAAO,EAAE;YAC3D,IAAI,YAAY,EAAE,EAAE;gBAClB,yBAAyB,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;gBAC5D,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;gBAC7C,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;gBACrC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAA;gBACtC,OAAM;aACP;YAED,yBAAyB,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;YAC5D,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;SAC9C;QACD,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE;gBACpC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAA;iBACnB;YACH,CAAC,CAAA;YACD,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE;gBACnC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa,EAAE;oBAChC,CAAC,CAAC,cAAc,EAAE,CAAA;iBACnB;YACH,CAAC,CAAA;SACF;IACH,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,uBAAuB,EAAE,CAAA;IAC3B,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACnD,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAA;QAE5D,IAAI,QAAQ,EAAE;YACZ,aAAa;YACb,IAAI,MAAM,CAAC,gBAAgB,EAAE;gBAC3B,QAAQ,CAAC,gBAAgB,CACvB,QAAQ,EACR,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAClC,IAAI,CACL,CAAA;gBACD,aAAa;aACd;iBAAM,IAAI,MAAM,CAAC,WAAW,EAAE;gBAC7B,aAAa;gBACb,WAAW,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAA;aACtE;SACF;IACH,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,IAAI,cAAc,EAAE,EAAE;gBACpB,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;oBAAE,OAAM;gBAEnD,qBAAqB,EAAE,CAAA;gBAEvB,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,uBAAuB,CAAA;gBACzD,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,uBAAuB,CAAA;aACzD;iBAAM;gBACL,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAA;aACjE;SACF;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;QAElC,kBAAkB,EAAE,CAAA;QAEpB,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;gBAC1B,OAAO,CAAC,YAAY,GAAG,IAAI,CAAA;gBAC3B,OAAO,CAAC,WAAW,GAAG,IAAI,CAAA;aAC3B;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAA;IAEzB,OAAO;QACL,kBAAkB;QAClB,uBAAuB;QACvB,uBAAuB;QACvB,YAAY;KACb,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-typing.d.ts

@@ -0,0 +1,10 @@
+import { WebchatMessage } from '../../index-types';
+import { WebchatState } from '../index-types';
+interface UseTyping {
+    webchatState: WebchatState;
+    updateTyping: (typing: boolean) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    host: any;
+}
+export declare function useTyping({ webchatState, updateTyping, updateMessage, }: UseTyping): void;
+export {};

package/lib/esm/webchat/hooks/use-typing.js

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+export function useTyping({ webchatState, updateTyping, updateMessage, }) {
+    useEffect(() => {
+        let delayTimeout, typingTimeout;
+        try {
+            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
+            if (nextMsg) {
+                if (nextMsg.delay && nextMsg.typing) {
+                    delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
+                }
+                else if (nextMsg.typing)
+                    updateTyping(true);
+                const totalDelay = nextMsg.delay + nextMsg.typing;
+                if (totalDelay)
+                    typingTimeout = setTimeout(() => {
+                        updateMessage(Object.assign(Object.assign({}, nextMsg), { display: true }));
+                        updateTyping(false);
+                    }, totalDelay * 1000);
+            }
+        }
+        catch (e) { }
+        return () => {
+            clearTimeout(delayTimeout);
+            clearTimeout(typingTimeout);
+        };
+    }, [webchatState.messagesJSON, webchatState.typing]);
+}
+//# sourceMappingURL=use-typing.js.map

package/lib/esm/webchat/hooks/use-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;oBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU;oBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;aACxB;SACF;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.d.ts

@@ -0,0 +1,3 @@
+export declare const useVirtualKeyboardDetection: (originalHeight: any) => {
+    isVirtualKeyboardVisible: boolean;
+};

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js

@@ -0,0 +1,24 @@
+import { useEffect, useState } from 'react';
+export const useVirtualKeyboardDetection = originalHeight => {
+    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = useState(false);
+    useEffect(() => {
+        const handleResize = () => {
+            if (window.visualViewport) {
+                if (window.visualViewport.height < originalHeight) {
+                    setIsVirtualKeyboardVisible(true);
+                    return;
+                }
+                setIsVirtualKeyboardVisible(false);
+                return;
+            }
+        };
+        window.visualViewport &&
+            window.visualViewport.addEventListener('resize', handleResize);
+        return () => {
+            window.visualViewport &&
+                window.visualViewport.removeEventListener('resize', handleResize);
+        };
+    }, [originalHeight]);
+    return { isVirtualKeyboardVisible };
+};
+//# sourceMappingURL=use-virtual-keyboard-detection.js.map

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-virtual-keyboard-detection.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-virtual-keyboard-detection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,cAAc,CAAC,EAAE;IAC1D,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,CAAC,cAAc,EAAE;gBACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,EAAE;oBACjD,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,OAAM;iBACP;gBACD,2BAA2B,CAAC,KAAK,CAAC,CAAA;gBAClC,OAAM;aACP;QACH,CAAC,CAAA;QACD,MAAM,CAAC,cAAc;YACnB,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEhE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc;gBACnB,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,EAAE,wBAAwB,EAAE,CAAA;AACrC,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const useWebchatDimensions: () => {
+    calculateResizedPercentualWebchatHeight: () => number;
+    calculateResizedPxChatAreaHeight: () => number;
+};

package/lib/esm/webchat/hooks/use-webchat-dimensions.js

@@ -0,0 +1,36 @@
+import { useCallback, useContext } from 'react';
+import { WebchatContext } from '../../contexts';
+export const useWebchatDimensions = () => {
+    const { webchatRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = useContext(WebchatContext);
+    const calculateResizedPercentualWebchatHeight = useCallback(() => {
+        const webchatElement = webchatRef.current;
+        if (!isWebchatOpen || !webchatElement)
+            return 0;
+        const webchatHeight = webchatElement.clientHeight || 0;
+        const keyboardOffset = (window.visualViewport && window.visualViewport.height) ||
+            window.innerHeight;
+        let newWebchatPercentualHeight = keyboardOffset / webchatHeight;
+        newWebchatPercentualHeight =
+            Math.round(newWebchatPercentualHeight * 100 * 100) / 100; // Two decimal places
+        return newWebchatPercentualHeight;
+    }, [isWebchatOpen]);
+    const calculateResizedPxChatAreaHeight = useCallback(() => {
+        const webchatElement = webchatRef.current;
+        const headerElement = headerRef.current;
+        const inputPanelElement = inputPanelRef.current;
+        if (!isWebchatOpen || !webchatElement)
+            return 0;
+        const headerElementHeight = headerElement ? headerElement.clientHeight : 0;
+        const inputPanelElementHeight = inputPanelElement
+            ? inputPanelElement.clientHeight
+            : 0;
+        return (webchatElement.clientHeight -
+            headerElementHeight -
+            inputPanelElementHeight);
+    }, [isWebchatOpen]);
+    return {
+        calculateResizedPercentualWebchatHeight,
+        calculateResizedPxChatAreaHeight,
+    };
+};
+//# sourceMappingURL=use-webchat-dimensions.js.map

package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-webchat-resizer.d.ts

@@ -0,0 +1,4 @@
+export declare const useWebchatResizer: () => {
+    handleKeyboardShown: () => void;
+    handleKeyboardHidden: () => void;
+};

package/lib/esm/webchat/hooks/use-webchat-resizer.js

@@ -0,0 +1,30 @@
+import { useContext } from 'react';
+import { WebchatContext } from '../../contexts';
+import { useWebchatDimensions } from './use-webchat-dimensions';
+export const useWebchatResizer = () => {
+    const { webchatRef, chatAreaRef, inputPanelRef, headerRef } = useContext(WebchatContext);
+    const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = useWebchatDimensions();
+    const handleKeyboardShown = () => {
+        if (webchatRef.current &&
+            chatAreaRef.current &&
+            headerRef.current &&
+            inputPanelRef.current) {
+            webchatRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
+            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
+        }
+    };
+    const handleKeyboardHidden = () => {
+        if (webchatRef.current &&
+            chatAreaRef.current &&
+            inputPanelRef.current &&
+            headerRef.current) {
+            webchatRef.current.style.height = '100%';
+            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
+        }
+    };
+    return {
+        handleKeyboardShown,
+        handleKeyboardHidden,
+    };
+};
+//# sourceMappingURL=use-webchat-resizer.js.map

package/lib/esm/webchat/hooks/use-webchat-resizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GACzD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,oBAAoB,EAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YACjF,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACxC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+import { Session } from '@botonic/core';
+import { ThemeProps, Webview } from '../../components/index-types';
+import { ClientInput, WebchatMessage } from '../../index-types';
+import { WebchatAction } from '../actions';
+import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
+export declare const webchatInitialState: WebchatState;
+export declare function useWebchat(): {
+    addMessage: (message: WebchatMessage) => void;
+    addMessageComponent: (message: {
+        props: WebchatMessage;
+    }) => void;
+    clearMessages: () => void;
+    doRenderCustomComponent: (toggle: boolean) => void;
+    resetUnreadMessages: () => void;
+    setCurrentAttachment: (attachment: File) => void;
+    setError: (error: ErrorMessage) => void;
+    setIsInputFocused: (isInputFocused: boolean) => void;
+    setLastMessageVisible: (isLastMessageVisible: boolean) => void;
+    setOnline: (online: boolean) => void;
+    toggleCoverComponent: (toggle: boolean) => void;
+    toggleEmojiPicker: (toggle: boolean) => void;
+    togglePersistentMenu: (toggle: boolean) => void;
+    toggleWebchat: (toggle: boolean) => void;
+    updateDevSettings: (settings: DevSettings) => void;
+    updateHandoff: (handoff: boolean) => void;
+    updateLastMessageDate: (date: string) => void;
+    updateLastRoutePath: (path: string) => void;
+    updateLatestInput: (input: ClientInput) => void;
+    updateMessage: (message: WebchatMessage) => void;
+    updateReplies: (replies: any) => void;
+    updateSession: (session: Session) => void;
+    updateTheme: (theme: ThemeProps, themeUpdates?: ThemeProps) => void;
+    updateTyping: (typing: boolean) => void;
+    updateWebview: (webview: Webview, params: Record<string, string>) => void;
+    webchatDispatch: import("react").Dispatch<{
+        type: WebchatAction;
+        payload?: any;
+    }>;
+    webchatState: WebchatState;
+    webchatRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    headerRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    chatAreaRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    scrollableMessagesListRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    repliesRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    inputPanelRef: import("react").MutableRefObject<HTMLDivElement | null>;
+};

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

@@ -0,0 +1,189 @@
+import { useReducer, useRef } from 'react';
+import { COLORS, WEBCHAT } from '../../constants';
+import { WebchatAction } from '../actions';
+import { webchatReducer } from '../webchat-reducer';
+export const webchatInitialState = {
+    width: WEBCHAT.DEFAULTS.WIDTH,
+    height: WEBCHAT.DEFAULTS.HEIGHT,
+    messagesJSON: [],
+    messagesComponents: [],
+    replies: [],
+    latestInput: {},
+    typing: false,
+    webview: null,
+    webviewParams: null,
+    session: { user: undefined },
+    lastRoutePath: null,
+    handoff: false,
+    theme: {
+        headerTitle: WEBCHAT.DEFAULTS.TITLE,
+        brandColor: COLORS.BOTONIC_BLUE,
+        brandImage: WEBCHAT.DEFAULTS.LOGO,
+        triggerButtonImage: undefined,
+        textPlaceholder: WEBCHAT.DEFAULTS.PLACEHOLDER,
+        style: {
+            fontFamily: 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,
+    numUnreadMessages: 0,
+    isLastMessageVisible: true,
+    isInputFocused: false,
+};
+export function useWebchat() {
+    const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
+    const webchatRef = useRef(null);
+    const chatAreaRef = useRef(null);
+    const inputPanelRef = useRef(null);
+    const headerRef = useRef(null);
+    const scrollableMessagesListRef = useRef(null);
+    const repliesRef = useRef(null);
+    const addMessage = (message) => webchatDispatch({ type: WebchatAction.ADD_MESSAGE, payload: message });
+    const addMessageComponent = (message) => webchatDispatch({
+        type: WebchatAction.ADD_MESSAGE_COMPONENT,
+        payload: message,
+    });
+    const updateMessage = (message) => webchatDispatch({ type: WebchatAction.UPDATE_MESSAGE, payload: message });
+    const updateReplies = replies => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
+    const updateLatestInput = (input) => webchatDispatch({ type: WebchatAction.UPDATE_LATEST_INPUT, payload: input });
+    const updateTyping = (typing) => webchatDispatch({ type: WebchatAction.UPDATE_TYPING, payload: typing });
+    const updateWebview = (webview, params) => webchatDispatch({
+        type: WebchatAction.UPDATE_WEBVIEW,
+        payload: { webview, webviewParams: params },
+    });
+    const updateSession = (session) => {
+        webchatDispatch({
+            type: WebchatAction.UPDATE_SESSION,
+            payload: session,
+        });
+    };
+    const updateLastRoutePath = (path) => webchatDispatch({
+        type: WebchatAction.UPDATE_LAST_ROUTE_PATH,
+        payload: path,
+    });
+    const updateHandoff = (handoff) => webchatDispatch({
+        type: WebchatAction.UPDATE_HANDOFF,
+        payload: handoff,
+    });
+    const updateTheme = (theme, themeUpdates) => {
+        const payload = themeUpdates !== undefined ? { theme, themeUpdates } : { theme };
+        webchatDispatch({
+            type: WebchatAction.UPDATE_THEME,
+            payload,
+        });
+    };
+    const updateDevSettings = (settings) => webchatDispatch({
+        type: WebchatAction.UPDATE_DEV_SETTINGS,
+        payload: settings,
+    });
+    const toggleWebchat = (toggle) => {
+        webchatDispatch({
+            type: WebchatAction.TOGGLE_WEBCHAT,
+            payload: toggle,
+        });
+    };
+    const toggleEmojiPicker = (toggle) => webchatDispatch({
+        type: WebchatAction.TOGGLE_EMOJI_PICKER,
+        payload: toggle,
+    });
+    const togglePersistentMenu = (toggle) => webchatDispatch({
+        type: WebchatAction.TOGGLE_PERSISTENT_MENU,
+        payload: toggle,
+    });
+    const toggleCoverComponent = (toggle) => webchatDispatch({
+        type: WebchatAction.TOGGLE_COVER_COMPONENT,
+        payload: toggle,
+    });
+    const doRenderCustomComponent = (toggle) => webchatDispatch({
+        type: WebchatAction.DO_RENDER_CUSTOM_COMPONENT,
+        payload: toggle,
+    });
+    const setError = (error) => webchatDispatch({
+        type: WebchatAction.SET_ERROR,
+        payload: error,
+    });
+    const setOnline = (online) => webchatDispatch({
+        type: WebchatAction.SET_ONLINE,
+        payload: online,
+    });
+    const clearMessages = () => {
+        webchatDispatch({
+            type: WebchatAction.CLEAR_MESSAGES,
+        });
+    };
+    const updateLastMessageDate = (date) => {
+        webchatDispatch({
+            type: WebchatAction.UPDATE_LAST_MESSAGE_DATE,
+            payload: date,
+        });
+    };
+    const setCurrentAttachment = (attachment) => {
+        webchatDispatch({
+            type: WebchatAction.SET_CURRENT_ATTACHMENT,
+            payload: attachment,
+        });
+    };
+    const resetUnreadMessages = () => {
+        webchatDispatch({
+            type: WebchatAction.RESET_UNREAD_MESSAGES,
+        });
+    };
+    const setLastMessageVisible = (isLastMessageVisible) => {
+        webchatDispatch({
+            type: WebchatAction.SET_LAST_MESSAGE_VISIBLE,
+            payload: isLastMessageVisible,
+        });
+    };
+    const setIsInputFocused = (isInputFocused) => {
+        webchatDispatch({
+            type: WebchatAction.SET_IS_INPUT_FOCUSED,
+            payload: isInputFocused,
+        });
+    };
+    return {
+        addMessage,
+        addMessageComponent,
+        clearMessages,
+        doRenderCustomComponent,
+        resetUnreadMessages,
+        setCurrentAttachment,
+        setError,
+        setIsInputFocused,
+        setLastMessageVisible,
+        setOnline,
+        toggleCoverComponent,
+        toggleEmojiPicker,
+        togglePersistentMenu,
+        toggleWebchat,
+        updateDevSettings,
+        updateHandoff,
+        updateLastMessageDate,
+        updateLastRoutePath,
+        updateLatestInput,
+        updateMessage,
+        updateReplies,
+        updateSession,
+        updateTheme,
+        updateTyping,
+        updateWebview,
+        webchatDispatch,
+        webchatState,
+        webchatRef,
+        headerRef,
+        chatAreaRef,
+        scrollableMessagesListRef,
+        repliesRef,
+        inputPanelRef,
+    };
+}
+//# sourceMappingURL=use-webchat.js.map