@botonic/react 0.31.0 → 0.31.1-alpha.0

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

@@ -1,42 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,KAAU;IACpC,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

@@ -1,9 +0,0 @@
-interface UseScrollToBottom {
-    host: any;
-    behavior?: ScrollBehavior;
-    timeout?: number;
-}
-export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
-    scrollToBottom: () => void;
-};
-export {};

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

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

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

@@ -1 +0,0 @@
-{"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;AAQvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,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;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,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

@@ -1,6 +0,0 @@
-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

@@ -1,136 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { WebchatContext } from '../../webchat/context';
-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 === null || repliesRef === void 0 ? void 0 : repliesRef.current)) {
-                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

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

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

@@ -1,10 +0,0 @@
-import { WebchatMessage } from '../../index-types';
-import { WebchatState } from '../context';
-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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,36 +0,0 @@
-import { useCallback, useContext } from 'react';
-import { WebchatContext } from '../../webchat/context';
-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

@@ -1 +0,0 @@
-{"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,uBAAuB,CAAA;AAEtD,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

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

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

@@ -1,30 +0,0 @@
-import { useContext } from 'react';
-import { WebchatContext } from '../../webchat/context';
-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

@@ -1 +0,0 @@
-{"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,uBAAuB,CAAA;AACtD,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/index-types.d.ts

@@ -1,18 +0,0 @@
-import { WebchatArgs } from '../index-types';
-export interface WebchatStateTheme {
-    headerTitle: string;
-    brandColor: string;
-    brandImage: string;
-    triggerButtonImage: undefined;
-    textPlaceholder: string;
-    style: {
-        fontFamily: string;
-        borderRadius?: string;
-    };
-}
-export interface WebchatDevProps extends WebchatArgs {
-    initialDevSettings?: {
-        keepSessionOnReload?: boolean;
-        showSessionView?: boolean;
-    };
-}

package/lib/esm/webchat/index-types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index-types.js.map

package/lib/esm/webchat/index-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/webchat/index-types.ts"],"names":[],"mappings":""}

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

@@ -1,5 +0,0 @@
-export { WebchatContext } from './context';
-export { Webchat } from './webchat';
-export { WebchatDev } from './webchat-dev';
-export declare function getBotonicApp(): any;
-export * from './index-types';

package/lib/esm/webchat/index.js

@@ -1,11 +0,0 @@
-// @ts-nocheck
-export { WebchatContext } from './context';
-export { Webchat } from './webchat';
-export { WebchatDev } from './webchat-dev';
-export function getBotonicApp() {
-    // Botonic is exported from your bot
-    // eslint-disable-next-line no-undef
-    return Botonic;
-}
-export * from './index-types';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,cAAc,eAAe,CAAA"}

package/lib/esm/webchat/input-panel/attachment.d.ts

@@ -1,7 +0,0 @@
-interface AttachmentProps {
-    accept: string;
-    enableAttachments?: boolean;
-    onChange: (event: any) => void;
-}
-export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/esm/webchat/input-panel/attachment.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useRef } from 'react';
-import AttachmentIcon from '../../assets/attachment-icon.svg';
-import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../webchat/context';
-import { Icon } from '../components/common';
-import { ConditionalAnimation } from '../components/conditional-animation';
-export const Attachment = ({ accept, enableAttachments, onChange, }) => {
-    const { getThemeProperty } = useContext(WebchatContext);
-    const fileInputRef = useRef(null);
-    const CustomAttachments = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customAttachments, undefined);
-    const isAttachmentsEnabled = () => {
-        var _a;
-        const hasCustomAttachments = !!CustomAttachments;
-        return ((_a = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAttachments, enableAttachments)) !== null && _a !== void 0 ? _a : hasCustomAttachments);
-    };
-    const attachmentsEnabled = isAttachmentsEnabled();
-    const handleOnChange = event => {
-        onChange(event);
-        if (fileInputRef.current) {
-            fileInputRef.current.value = '';
-        }
-    };
-    return (_jsx(_Fragment, { children: attachmentsEnabled ? (_jsx(ConditionalAnimation, { children: _jsxs("div", Object.assign({ role: ROLES.ATTACHMENT_ICON }, { children: [_jsx("label", Object.assign({ htmlFor: 'attachment', style: { marginTop: 4 } }, { children: CustomAttachments ? (_jsx(CustomAttachments, {})) : (_jsx(Icon, { src: AttachmentIcon })) })), _jsx("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] })) })) : null }));
-};
-//# sourceMappingURL=attachment.js.map

package/lib/esm/webchat/input-panel/attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAQ1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,6BAAK,IAAI,EAAE,KAAK,CAAC,eAAe,iBAC9B,8BAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACK,EACR,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/input-panel/emoji-picker.d.ts

@@ -1,6 +0,0 @@
-interface EmojiPickerProps {
-    enableEmojiPicker?: boolean;
-    onClick: () => void;
-}
-export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/esm/webchat/input-panel/emoji-picker.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from 'react';
-import LogoEmoji from '../../assets/emojiButton.svg';
-import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../webchat/context';
-import { Icon } from '../components/common';
-import { ConditionalAnimation } from '../components/conditional-animation';
-export const EmojiPicker = ({ enableEmojiPicker, onClick, }) => {
-    const { getThemeProperty } = useContext(WebchatContext);
-    const CustomEmojiPicker = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customEmojiPicker, undefined);
-    const isEmojiPickerEnabled = () => {
-        var _a;
-        const hasCustomEmojiPicker = !!CustomEmojiPicker;
-        return ((_a = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableEmojiPicker, enableEmojiPicker)) !== null && _a !== void 0 ? _a : hasCustomEmojiPicker);
-    };
-    const emojiPickerEnabled = isEmojiPickerEnabled();
-    const handleClick = (event) => {
-        onClick();
-        event.stopPropagation();
-    };
-    return (_jsx(_Fragment, { children: emojiPickerEnabled ? (_jsx(ConditionalAnimation, { children: _jsx("div", Object.assign({ role: ROLES.EMOJI_PICKER_ICON, onClick: handleClick }, { children: CustomEmojiPicker ? (_jsx(CustomEmojiPicker, {})) : (_jsx(Icon, { src: LogoEmoji })) })) })) : null }));
-};
-//# sourceMappingURL=emoji-picker.js.map

package/lib/esm/webchat/input-panel/emoji-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAO1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,4BAAK,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/input-panel/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface InputPanelProps {
-    persistentMenu: any;
-    enableEmojiPicker?: boolean;
-    enableAttachments?: boolean;
-    handleAttachment: (event: any) => void;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
-    host: HTMLElement;
-    onUserInput?: (event: any) => Promise<void>;
-}
-export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/esm/webchat/input-panel/index.js

@@ -1,55 +0,0 @@
-import { __awaiter } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import { useContext } from 'react';
-import { v7 as uuidv7 } from 'uuid';
-import { WEBCHAT } from '../../constants';
-import { getFullMimeWhitelist } from '../../message-utils';
-import { WebchatContext } from '../../webchat/context';
-import { BotonicContainerId } from '../constants';
-import { Attachment } from './attachment';
-import { EmojiPicker } from './emoji-picker';
-import { OpenedEmojiPicker } from './opened-emoji-picker';
-import { PersistentMenu } from './persistent-menu';
-import { SendButton } from './send-button';
-import { UserInputContainer } from './styles';
-import { Textarea } from './textarea';
-export const InputPanel = ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }) => {
-    const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = useContext(WebchatContext);
-    const handleSelectedEmoji = event => {
-        if (!textareaRef.current)
-            return;
-        textareaRef.current.value += event.emoji;
-        textareaRef.current.focus();
-    };
-    const handleEmojiClick = () => {
-        toggleEmojiPicker(!webchatState.isEmojiPickerOpen);
-    };
-    const handleMenu = () => {
-        togglePersistentMenu(!webchatState.isPersistentMenuOpen);
-    };
-    const sendTextAreaText = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-        if (!textareaRef.current)
-            return;
-        yield sendText((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.value);
-        textareaRef.current.value = '';
-    });
-    const sendChatEvent = (chatEvent) => __awaiter(void 0, void 0, void 0, function* () {
-        const chatEventInput = {
-            id: uuidv7(),
-            type: INPUT.CHAT_EVENT,
-            data: chatEvent,
-        };
-        if (onUserInput) {
-            onUserInput({
-                user: webchatState.session.user,
-                input: chatEventInput,
-                session: webchatState.session,
-                lastRoutePath: webchatState.lastRoutePath,
-            });
-        }
-    });
-    return (_jsxs(UserInputContainer, Object.assign({ id: BotonicContainerId.InputPanel, ref: inputPanelRef, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)), className: 'user-input-container' }, { children: [webchatState.isEmojiPickerOpen && (_jsx(OpenedEmojiPicker, { onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), _jsx(PersistentMenu, { onClick: handleMenu, persistentMenu: persistentMenu }), _jsx(Textarea, { host: host, persistentMenu: persistentMenu, textareaRef: textareaRef, sendChatEvent: sendChatEvent, sendTextAreaText: sendTextAreaText }), _jsx(EmojiPicker, { enableEmojiPicker: enableEmojiPicker, onClick: handleEmojiClick }), _jsx(Attachment, { enableAttachments: enableAttachments, onChange: handleAttachment, accept: getFullMimeWhitelist().join(',') }), _jsx(SendButton, { onClick: sendTextAreaText })] })));
-};
-//# sourceMappingURL=index.js.map