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

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

@@ -1,143 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollbarController = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const devices_1 = require("../devices");
-// TODO: Investigate why when we have some messages, scroll actions are not disabled properly
-const debounced = (delay, fn) => {
-    let timerId = null;
-    return (...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;
-    }
-};
-const useScrollbarController = (currentDevice, host) => {
-    const { webchatContainerRef, chatAreaRef, repliesRef, scrollableMessagesListRef, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const hasScrollbar = () => {
-        if (chatAreaRef.current && scrollableMessagesListRef.current) {
-            if (!repliesRef?.current) {
-                return (scrollableMessagesListRef.current?.scrollHeight >
-                    chatAreaRef.current?.clientHeight);
-            }
-            if (repliesRef.current) {
-                return (scrollableMessagesListRef.current?.scrollHeight >
-                    chatAreaRef.current?.clientHeight - repliesRef.current?.clientHeight);
-            }
-        }
-        return false;
-    };
-    const toggleOnMouseWheelEvents = () => {
-        if (scrollableMessagesListRef.current) {
-            if (hasScrollbar()) {
-                // @ts-expect-error
-                scrollableMessagesListRef.current.onmousewheel = {};
-                return;
-            }
-            // @ts-expect-error
-            scrollableMessagesListRef.current.onmousewheel = e => {
-                e.preventDefault();
-            };
-        }
-    };
-    const handleOnMouseOverEvents = e => {
-        let target = e.currentTarget;
-        while (target) {
-            toggleOnMouseWheelEvents();
-            target = target.parentNode;
-        }
-    };
-    const toggleOnTouchMoveEvents = () => {
-        if (webchatContainerRef.current && scrollableMessagesListRef.current) {
-            if (hasScrollbar()) {
-                scrollableMessagesListRef.current.style.touchAction = 'auto';
-                webchatContainerRef.current.style.touchAction = 'auto';
-                webchatContainerRef.current.ontouchmove = null;
-                webchatContainerRef.current.ontouchstart = null;
-                return;
-            }
-            scrollableMessagesListRef.current.style.touchAction = 'none';
-            webchatContainerRef.current.style.touchAction = 'none';
-        }
-        if (webchatContainerRef.current) {
-            webchatContainerRef.current.ontouchstart = e => {
-                if (e.target === e.currentTarget) {
-                    e.preventDefault();
-                }
-            };
-            webchatContainerRef.current.ontouchmove = e => {
-                if (e.target === e.currentTarget) {
-                    e.preventDefault();
-                }
-            };
-        }
-    };
-    const handleOnTouchMoveEvents = () => {
-        toggleOnTouchMoveEvents();
-    };
-    const limitScrollBoundaries = () => {
-        if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
-            return;
-        }
-        const chatArea = chatAreaRef.current;
-        const dStopAtScrollLimit = debounced(100, stopAtScrollLimit);
-        if (chatArea) {
-            // @ts-expect-error
-            if (window.addEventListener) {
-                chatArea.addEventListener('scroll', () => dStopAtScrollLimit(chatArea), true);
-                // @ts-expect-error
-            }
-            else if (window.attachEvent) {
-                // @ts-expect-error
-                chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea));
-            }
-        }
-    };
-    const handleScrollEvents = () => {
-        if (webchatContainerRef.current) {
-            if ((0, devices_1.isMobileDevice)()) {
-                if (currentDevice !== devices_1.DEVICES.MOBILE.IPHONE) {
-                    return;
-                }
-                limitScrollBoundaries();
-                webchatContainerRef.current.ontouchstart = handleOnTouchMoveEvents;
-                webchatContainerRef.current.ontouchmove = handleOnTouchMoveEvents;
-            }
-            else {
-                webchatContainerRef.current.onmouseover = e => handleOnMouseOverEvents(e);
-            }
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        const webchat = webchatContainerRef.current;
-        handleScrollEvents();
-        return () => {
-            if (webchat) {
-                webchat.onmouseover = null;
-                webchat.ontouchstart = null;
-                webchat.ontouchmove = null;
-            }
-        };
-    }, [currentDevice, host]);
-    return {
-        handleScrollEvents,
-        handleOnTouchMoveEvents,
-        handleOnMouseOverEvents,
-        hasScrollbar,
-    };
-};
-exports.useScrollbarController = useScrollbarController;
-//# sourceMappingURL=use-scrollbar-controller.js.map

package/lib/cjs/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/cjs/webchat/hooks/use-typing.d.ts

@@ -1,10 +0,0 @@
-import type { WebchatMessage } from '../../index-types';
-import type { 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/cjs/webchat/hooks/use-typing.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTyping = useTyping;
-/* eslint-disable no-empty */
-const react_1 = require("react");
-function useTyping({ webchatState, updateTyping, updateMessage, }) {
-    (0, react_1.useEffect)(() => {
-        let delayTimeout = null;
-        let typingTimeout = null;
-        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({ ...nextMsg, display: true });
-                        updateTyping(false);
-                    }, totalDelay * 1000);
-                }
-            }
-            // biome-ignore lint/suspicious/noEmptyBlockStatements: error is not used
-        }
-        catch (_e) { }
-        return () => {
-            delayTimeout && clearTimeout(delayTimeout);
-            typingTimeout && clearTimeout(typingTimeout);
-        };
-    }, [webchatState.messagesJSON, webchatState.typing]);
-}
-//# sourceMappingURL=use-typing.js.map

package/lib/cjs/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,8BAkCC;AA/CD,6BAA6B;AAC7B,iCAAiC;AAYjC,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,GAA0B,IAAI,CAAA;QAC9C,IAAI,aAAa,GAA0B,IAAI,CAAA;QAC/C,IAAI,CAAC;YACH,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,CAAC;gBACZ,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACpC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;gBACH,CAAC;qBAAM,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC;gBACD,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU,EAAE,CAAC;oBACf,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;gBACvB,CAAC;YACH,CAAC;YACD,yEAAyE;QAC3E,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC,CAAA,CAAC;QACf,OAAO,GAAG,EAAE;YACV,YAAY,IAAI,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1C,aAAa,IAAI,YAAY,CAAC,aAAa,CAAC,CAAA;QAC9C,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}

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

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

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVirtualKeyboardDetection = void 0;
-const react_1 = require("react");
-const useVirtualKeyboardDetection = (originalHeight) => {
-    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const handleResize = () => {
-            if (window.visualViewport) {
-                if (window.visualViewport.height < originalHeight) {
-                    setIsVirtualKeyboardVisible(true);
-                    return;
-                }
-                setIsVirtualKeyboardVisible(false);
-                return;
-            }
-        };
-        window.visualViewport?.addEventListener('resize', handleResize);
-        return () => {
-            window.visualViewport?.removeEventListener('resize', handleResize);
-        };
-    }, [originalHeight]);
-    return { isVirtualKeyboardVisible };
-};
-exports.useVirtualKeyboardDetection = useVirtualKeyboardDetection;
-//# sourceMappingURL=use-virtual-keyboard-detection.js.map

package/lib/cjs/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,iCAA2C;AAEpC,MAAM,2BAA2B,GAAG,CAAC,cAAsB,EAAE,EAAE;IACpE,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEjB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,EAAE,CAAC;oBAClD,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,OAAM;gBACR,CAAC;gBACD,2BAA2B,CAAC,KAAK,CAAC,CAAA;gBAClC,OAAM;YACR,CAAC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAE/D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACpE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,EAAE,wBAAwB,EAAE,CAAA;AACrC,CAAC,CAAA;AAvBY,QAAA,2BAA2B,+BAuBvC"}

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

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

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

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatDimensions = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const useWebchatDimensions = () => {
-    const { webchatContainerRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const calculateResizedPercentualWebchatHeight = (0, react_1.useCallback)(() => {
-        const webchatElement = webchatContainerRef.current;
-        if (!isWebchatOpen || !webchatElement) {
-            return 0;
-        }
-        const webchatHeight = webchatElement.clientHeight || 0;
-        const keyboardOffset = window.visualViewport?.height || window.innerHeight;
-        let newWebchatPercentualHeight = keyboardOffset / webchatHeight;
-        newWebchatPercentualHeight =
-            Math.round(newWebchatPercentualHeight * 100 * 100) / 100; // Two decimal places
-        return newWebchatPercentualHeight;
-    }, [isWebchatOpen]);
-    const calculateResizedPxChatAreaHeight = (0, react_1.useCallback)(() => {
-        const webchatElement = webchatContainerRef.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,
-    };
-};
-exports.useWebchatDimensions = useWebchatDimensions;
-//# sourceMappingURL=use-webchat-dimensions.js.map

package/lib/cjs/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,iCAA+C;AAE/C,mDAAsD;AAE/C,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QACD,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE,MAAM,IAAI,MAAM,CAAC,WAAW,CAAA;QAC1E,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,IAAA,mBAAW,EAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACtC,OAAO,CAAC,CAAA;QACV,CAAC;QAED,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;AA9CY,QAAA,oBAAoB,wBA8ChC"}

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

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

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebchatResizer = void 0;
-const react_1 = require("react");
-const context_1 = require("../../webchat/context");
-const use_webchat_dimensions_1 = require("./use-webchat-dimensions");
-const useWebchatResizer = () => {
-    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = (0, use_webchat_dimensions_1.useWebchatDimensions)();
-    const handleKeyboardShown = () => {
-        if (webchatContainerRef.current &&
-            chatAreaRef.current &&
-            headerRef.current &&
-            inputPanelRef.current) {
-            webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
-            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
-        }
-    };
-    const handleKeyboardHidden = () => {
-        if (webchatContainerRef.current &&
-            chatAreaRef.current &&
-            inputPanelRef.current &&
-            headerRef.current) {
-            webchatContainerRef.current.style.height = '100%';
-            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
-        }
-    };
-    return {
-        handleKeyboardShown,
-        handleKeyboardHidden,
-    };
-};
-exports.useWebchatResizer = useWebchatResizer;
-//# sourceMappingURL=use-webchat-resizer.js.map

package/lib/cjs/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,iCAAkC;AAElC,mDAAsD;AACtD,qEAA+D;AAExD,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GAClE,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,IAAA,6CAAoB,GAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB,CAAC;YACD,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YAC1F,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;QAC9E,CAAC;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB,CAAC;YACD,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACjD,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;QAC9E,CAAC;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,iBAAiB,qBAqC7B"}

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

@@ -1,7 +0,0 @@
-import type { WebchatArgs } from '../index-types';
-export interface WebchatDevProps extends WebchatArgs {
-    initialDevSettings?: {
-        keepSessionOnReload?: boolean;
-        showSessionView?: boolean;
-    };
-}

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

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

package/lib/cjs/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/cjs/webchat/index.d.ts

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

package/lib/cjs/webchat/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatDev = exports.Webchat = exports.WebchatContext = void 0;
-exports.getBotonicApp = getBotonicApp;
-const tslib_1 = require("tslib");
-// @ts-nocheck
-var context_1 = require("./context");
-Object.defineProperty(exports, "WebchatContext", { enumerable: true, get: function () { return context_1.WebchatContext; } });
-tslib_1.__exportStar(require("./custom-messages"), exports);
-var webchat_1 = require("./webchat");
-Object.defineProperty(exports, "Webchat", { enumerable: true, get: function () { return webchat_1.Webchat; } });
-var webchat_dev_1 = require("./webchat-dev");
-Object.defineProperty(exports, "WebchatDev", { enumerable: true, get: function () { return webchat_dev_1.WebchatDev; } });
-function getBotonicApp() {
-    // Botonic is exported from your bot
-    // eslint-disable-next-line no-undef
-    return Botonic;
-}
-tslib_1.__exportStar(require("./index-types"), exports);
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":";;;AAMA,sCAIC;;AAVD,cAAc;AACd,qCAAyD;AAAjC,yGAAA,cAAc,OAAA;AACtC,4DAAiC;AACjC,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,wDAA6B"}

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

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

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

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Attachment = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const attachment_icon_svg_1 = tslib_1.__importDefault(require("../../assets/attachment-icon.svg"));
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const common_1 = require("../components/common");
-const conditional_animation_1 = require("../components/conditional-animation");
-const Attachment = ({ accept, onChange }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const fileInputRef = (0, react_1.useRef)(null);
-    const CustomAttachments = webchatState.theme.userInput?.attachments?.custom;
-    const isAttachmentsEnabled = () => {
-        const hasCustomAttachments = !!CustomAttachments;
-        return (webchatState.theme.userInput?.attachments?.enable ?? hasCustomAttachments);
-    };
-    const attachmentsEnabled = isAttachmentsEnabled();
-    const handleOnChange = event => {
-        onChange(event);
-        if (fileInputRef.current) {
-            fileInputRef.current.value = '';
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: attachmentsEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsxs)("div", { role: constants_1.ROLES.ATTACHMENT_ICON, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: 'attachment', style: { marginTop: 4 }, children: CustomAttachments ? ((0, jsx_runtime_1.jsx)(CustomAttachments, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: attachment_icon_svg_1.default })) }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] }) })) : null }));
-};
-exports.Attachment = Attachment;
-//# sourceMappingURL=attachment.js.map

package/lib/cjs/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,iCAA0C;AAE1C,mGAA6D;AAC7D,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,IAAI,oBAAoB,CAC1E,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,CAAC;YACzB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,iCAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,aAC9B,kCAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,GACK,EACR,kCACE,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,IACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,UAAU,cAgDtB"}

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

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

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiPicker = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the emoji picker */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the emoji picker */
-const react_1 = require("react");
-const emojiButton_svg_1 = tslib_1.__importDefault(require("../../assets/emojiButton.svg"));
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const common_1 = require("../components/common");
-const conditional_animation_1 = require("../components/conditional-animation");
-const EmojiPicker = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const CustomEmojiPicker = webchatState.theme.userInput?.emojiPicker?.custom;
-    const isEmojiPickerEnabled = () => {
-        const hasCustomEmojiPicker = !!CustomEmojiPicker;
-        return (webchatState.theme.userInput?.emojiPicker?.enable ?? hasCustomEmojiPicker);
-    };
-    const emojiPickerEnabled = isEmojiPickerEnabled();
-    const handleClick = (event) => {
-        onClick();
-        event.stopPropagation();
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emojiPickerEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { role: constants_1.ROLES.EMOJI_PICKER_ICON, onClick: handleClick, children: CustomEmojiPicker ? ((0, jsx_runtime_1.jsx)(CustomEmojiPicker, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: emojiButton_svg_1.default })) }) })) : null }));
-};
-exports.EmojiPicker = EmojiPicker;
-//# sourceMappingURL=emoji-picker.js.map

package/lib/cjs/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,kHAAkH;AAClH,kHAAkH;AAClH,iCAAkC;AAElC,2FAAoD;AACpD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,IAAI,oBAAoB,CAC1E,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,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,gCAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,YACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}

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

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

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

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const message_utils_1 = require("../../message-utils");
-const context_1 = require("../../webchat/context");
-const constants_2 = require("../constants");
-const attachment_1 = require("./attachment");
-const emoji_picker_1 = require("./emoji-picker");
-const opened_emoji_picker_1 = require("./opened-emoji-picker");
-const persistent_menu_1 = require("./persistent-menu");
-const send_button_1 = require("./send-button");
-const styles_1 = require("./styles");
-const textarea_1 = require("./textarea");
-const use_typing_chat_event_sender_1 = require("./use-typing-chat-event-sender");
-const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput, }) => {
-    const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(context_1.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 = async () => {
-        if (!textareaRef.current) {
-            return;
-        }
-        await sendText(textareaRef.current?.value);
-        textareaRef.current.value = '';
-    };
-    // Network layer: deduplicates typing_on/off before they reach onUserInput.
-    const sendChatEvent = (0, use_typing_chat_event_sender_1.useTypingChatEventSender)({
-        onUserInput,
-        session: webchatState.session,
-        lastRoutePath: webchatState.lastRoutePath,
-    });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.UserInputContainer, { id: constants_2.BotonicContainerId.InputPanel, ref: inputPanelRef, style: {
-            ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),
-        }, className: 'user-input-container', children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(opened_emoji_picker_1.OpenedEmojiPicker, { onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { host: host, textareaRef: textareaRef, sendChatEvent: sendChatEvent, sendTextAreaText: sendTextAreaText }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] }));
-};
-exports.InputPanel = InputPanel;
-//# sourceMappingURL=index.js.map

package/lib/cjs/webchat/input-panel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":";;;;AACA,iCAAkC;AAElC,+CAAyC;AACzC,uDAA0D;AAC1D,mDAAsD;AACtD,4CAAiD;AACjD,6CAAyC;AACzC,iDAA4C;AAC5C,+DAAyD;AACzD,uDAAkD;AAClD,+CAA0C;AAC1C,qCAA6C;AAC7C,yCAAqC;AACrC,iFAAyE;AASlE,MAAM,UAAU,GAAG,CAAC,EACzB,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EACJ,gBAAgB,EAChB,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GACd,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QAED,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;QACxC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,oBAAoB,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;IAChC,CAAC,CAAA;IAED,2EAA2E;IAC3E,MAAM,aAAa,GAAG,IAAA,uDAAwB,EAAC;QAC7C,WAAW;QACX,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,aAAa,EAAE,YAAY,CAAC,aAAa;KAC1C,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,2BAAkB,IACjB,EAAE,EAAE,8BAAkB,CAAC,UAAU,EACjC,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE;YACL,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CAAC;SAC9D,EACD,SAAS,EAAC,sBAAsB,aAE/B,YAAY,CAAC,iBAAiB,IAAI,CACjC,uBAAC,uCAAiB,IAChB,YAAY,EAAE,mBAAmB,EACjC,OAAO,EAAE,gBAAgB,GACzB,CACH,EAED,uBAAC,gCAAc,IAAC,OAAO,EAAE,UAAU,GAAI,EAEvC,uBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,EAEF,uBAAC,0BAAW,IAAC,OAAO,EAAE,gBAAgB,GAAI,EAE1C,uBAAC,uBAAU,IACT,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,IAAA,oCAAoB,GAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GACxC,EAEF,uBAAC,wBAAU,IAAC,OAAO,EAAE,gBAAgB,GAAI,IACtB,CACtB,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,UAAU,cAmFtB"}

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

@@ -1,6 +0,0 @@
-interface OpenedEmojiPickerProps {
-    onClick: () => void;
-    onEmojiClick: (event: any) => void;
-}
-export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/cjs/webchat/input-panel/opened-emoji-picker.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenedEmojiPicker = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const emoji_picker_react_1 = tslib_1.__importDefault(require("emoji-picker-react"));
-const constants_1 = require("../../constants");
-const hooks_1 = require("../hooks");
-const styles_1 = require("./styles");
-const OpenedEmojiPicker = ({ onClick, onEmojiClick, }) => {
-    const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: isComponentVisible && ((0, jsx_runtime_1.jsx)(styles_1.OpenedEmojiPickerContainer, { role: constants_1.ROLES.EMOJI_PICKER, children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, lazyLoadEmojis: true, onEmojiClick: onEmojiClick, autoFocusSearch: false }) })) }));
-};
-exports.OpenedEmojiPicker = OpenedEmojiPicker;
-//# sourceMappingURL=opened-emoji-picker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"opened-emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/opened-emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AAGvC,+CAAuC;AACvC,oCAA8C;AAC9C,qCAAqD;AAO9C,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,EACP,YAAY,GACW,EAAE,EAAE;IAC3B,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,OAAO,CACL,gCAAK,GAAG,EAAE,GAAgC,YACvC,kBAAkB,IAAI,CACrB,uBAAC,mCAA0B,IAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,YAClD,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,cAAc,EAAE,IAAI,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,KAAK,GACtB,GACyB,CAC9B,GACG,CACP,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,iBAAiB,qBAqB7B"}

package/lib/cjs/webchat/input-panel/persistent-menu.d.ts

@@ -1,5 +0,0 @@
-interface PersistentMenuProps {
-    onClick: () => void;
-}
-export declare const PersistentMenu: ({ onClick }: PersistentMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/cjs/webchat/input-panel/persistent-menu.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PersistentMenu = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the persistent menu */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the persistent menu */
-const react_1 = require("react");
-const menuButton_svg_1 = tslib_1.__importDefault(require("../../assets/menuButton.svg"));
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const common_1 = require("../components/common");
-const conditional_animation_1 = require("../components/conditional-animation");
-const PersistentMenu = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu;
-    const CustomMenuButton = webchatState.theme.userInput?.menuButton?.custom;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: persistentMenuOptions ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { role: constants_1.ROLES.PERSISTENT_MENU_ICON, onClick: onClick, children: CustomMenuButton ? (0, jsx_runtime_1.jsx)(CustomMenuButton, {}) : (0, jsx_runtime_1.jsx)(common_1.Icon, { src: menuButton_svg_1.default }) }) })) : null }));
-};
-exports.PersistentMenu = PersistentMenu;
-//# sourceMappingURL=persistent-menu.js.map

package/lib/cjs/webchat/input-panel/persistent-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,qHAAqH;AACrH,qHAAqH;AACrH,iCAAkC;AAElC,yFAAkD;AAClD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,qBAAqB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,cAAc,CAAA;IAE1E,MAAM,gBAAgB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAA;IAEzE,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,gCAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,YACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,GAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B"}

package/lib/cjs/webchat/input-panel/send-button.d.ts

@@ -1,5 +0,0 @@
-interface SendButtonProps {
-    onClick: () => Promise<void>;
-}
-export declare const SendButton: ({ onClick }: SendButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};