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

package/lib/esm/webchat/input-panel/send-button.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SendButton = 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 send button */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the send button */
-const react_1 = require("react");
-const send_button_svg_1 = tslib_1.__importDefault(require("../../assets/send-button.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 SendButton = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const CustomSendButton = webchatState.theme.userInput?.sendButton?.custom;
-    const isSendButtonEnabled = () => {
-        const hasCustomSendButton = !!CustomSendButton;
-        return (webchatState.theme.userInput?.sendButton?.enable ?? hasCustomSendButton);
-    };
-    const sendButtonEnabled = isSendButtonEnabled();
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON, children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) }) })) : null }));
-};
-exports.SendButton = SendButton;
-//# sourceMappingURL=send-button.js.map

package/lib/esm/webchat/input-panel/send-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iHAAiH;AACjH,iHAAiH;AACjH,iCAAkC;AAElC,2FAAyD;AACzD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,gBAAgB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAA;IAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,mBAAmB,GAAG,CAAC,CAAC,gBAAgB,CAAA;QAC9C,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,IAAI,mBAAmB,CACxE,CAAA;IACH,CAAC,CAAA;IACD,MAAM,iBAAiB,GAAG,mBAAmB,EAAE,CAAA;IAE/C,OAAO,CACL,2DACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,4CAAoB,cACnB,gCAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,YAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

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

@@ -1,3 +0,0 @@
-export declare const UserInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const TextAreaContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const OpenedEmojiPickerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenedEmojiPickerContainer = exports.TextAreaContainer = exports.UserInputContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.UserInputContainer = styled_components_1.default.div `
-  min-height: 52px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 16px;
-  padding: 0px 16px;
-  z-index: 1;
-  border-top: 1px solid ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_5};
-`;
-exports.TextAreaContainer = styled_components_1.default.div `
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 5px 0px;
-`;
-exports.OpenedEmojiPickerContainer = styled_components_1.default.div `
-  display: flex;
-  justify-content: flex-end;
-  position: absolute;
-  right: 3px;
-  top: -324px;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;0BASlB,kBAAM,CAAC,qBAAqB;CACrD,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK1C,CAAA;AAEY,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMnD,CAAA"}

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

@@ -1,10 +0,0 @@
-import type React from 'react';
-import type { TypingChatEvent } from './typing-network-sender';
-interface TextareaProps {
-    host: HTMLElement;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
-    sendChatEvent: (event: TypingChatEvent) => Promise<boolean>;
-    sendTextAreaText: () => Promise<void>;
-}
-export { TYPING_IDLE_MS } from './use-typing-session';
-export declare const Textarea: ({ host, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = exports.TYPING_IDLE_MS = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_textarea_autosize_1 = tslib_1.__importDefault(require("react-textarea-autosize"));
-const context_1 = require("../../webchat/context");
-const hooks_1 = require("../hooks");
-const styles_1 = require("./styles");
-const use_typing_session_1 = require("./use-typing-session");
-var use_typing_session_2 = require("./use-typing-session");
-Object.defineProperty(exports, "TYPING_IDLE_MS", { enumerable: true, get: function () { return use_typing_session_2.TYPING_IDLE_MS; } });
-const Textarea = ({ host, textareaRef, sendChatEvent, sendTextAreaText, }) => {
-    const { webchatState, setIsInputFocused } = (0, react_1.useContext)(context_1.WebchatContext);
-    // UI layer: decides when the user is typing. Network dedup lives in sendChatEvent.
-    const { stopTyping, onTextChange } = (0, use_typing_session_1.useTypingSession)(sendChatEvent);
-    (0, hooks_1.useDeviceAdapter)(host, webchatState.isWebchatOpen);
-    const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu;
-    const placeholder = webchatState.theme.userInput?.box?.placeholder;
-    const userInputBoxStyle = webchatState.theme.userInput?.box?.style;
-    const onKeyDown = async (event) => {
-        if (event.key === 'Enter' && !event.shiftKey) {
-            event.preventDefault();
-            // Run in parallel: stop typing must not wait for sendTextAreaText to finish.
-            await Promise.all([stopTyping(), sendTextAreaText()]);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { ref: (ref) => {
-                textareaRef.current = ref;
-            }, onFocus: () => setIsInputFocused(true), onBlur: async () => {
-                setIsInputFocused(false);
-                await stopTyping();
-            }, onChange: async (event) => {
-                await onTextChange(event.target.value);
-            }, name: 'text', maxRows: 4, wrap: 'soft', maxLength: 1000, placeholder: placeholder, autoFocus: false, onKeyDown: onKeyDown, style: {
-                display: 'flex',
-                fontSize: 16,
-                width: '100%',
-                border: 'none',
-                resize: 'none',
-                overflow: 'auto',
-                outline: 'none',
-                flex: '1 1 auto',
-                padding: 10,
-                paddingLeft: persistentMenuOptions ? 0 : 10,
-                fontFamily: 'inherit',
-                ...userInputBoxStyle,
-            } }) }));
-};
-exports.Textarea = Textarea;
-//# sourceMappingURL=textarea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"names":[],"mappings":";;;;;AACA,iCAAkC;AAClC,8FAAsD;AAEtD,mDAAsD;AACtD,oCAA2C;AAC3C,qCAA4C;AAE5C,6DAAuD;AASvD,2DAAqD;AAA5C,oHAAA,cAAc,OAAA;AAEhB,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,WAAW,EACX,aAAa,EACb,gBAAgB,GACF,EAAE,EAAE;IAClB,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACtE,mFAAmF;IACnF,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,qCAAgB,EAAC,aAAa,CAAC,CAAA;IAEpE,IAAA,wBAAgB,EAAC,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAElD,MAAM,qBAAqB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,cAAc,CAAA;IAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,WAAW,CAAA;IAClE,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAA;IAElE,MAAM,SAAS,GAAG,KAAK,EAAC,KAAK,EAAC,EAAE;QAC9B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,6EAA6E;YAC7E,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAA;QACvD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,0BAAiB,cAChB,uBAAC,iCAAgB,IACf,GAAG,EAAE,CAAC,GAAwB,EAAE,EAAE;gBAChC,WAAW,CAAC,OAAO,GAAG,GAAG,CAAA;YAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EACtC,MAAM,EAAE,KAAK,IAAI,EAAE;gBACjB,iBAAiB,CAAC,KAAK,CAAC,CAAA;gBACxB,MAAM,UAAU,EAAE,CAAA;YACpB,CAAC,EACD,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;gBACtB,MAAM,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACxC,CAAC,EACD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,EACV,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC3C,UAAU,EAAE,SAAS;gBACrB,GAAG,iBAAiB;aACrB,GACD,GACgB,CACrB,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,QAAQ,YA8DpB"}

package/lib/esm/webchat/input-panel/typing-network-sender.d.ts

@@ -1,52 +0,0 @@
-import type { Session as CoreSession } from '@botonic/core';
-import { INPUT } from '@botonic/core';
-import { Typing } from '../../index-types';
-/** Network debounce before `typing_off` is sent after a stop signal. */
-export declare const TYPING_OFF_DEBOUNCE_MS = 2000;
-export type TypingChatEvent = Typing.On | Typing.Off;
-/** `true` when `typing_on` was delivered to the server. */
-export type TypingOnSendResult = boolean;
-/** `true` when `typing_off` was scheduled; delivery happens after debounce. */
-export type TypingOffSendResult = boolean;
-export interface ChatEventContext {
-    session: Partial<CoreSession>;
-    lastRoutePath?: string;
-}
-export type SendToServer = (chatEvent: TypingChatEvent, context: ChatEventContext) => Promise<boolean>;
-export declare function buildChatEventPayload(chatEvent: TypingChatEvent, { session, lastRoutePath }: ChatEventContext): {
-    user: import("@botonic/core").SessionUser<any> | undefined;
-    input: {
-        id: string;
-        type: INPUT;
-        data: TypingChatEvent;
-    };
-    session: Partial<CoreSession<any>>;
-    lastRoutePath: string | undefined;
-};
-/**
- * Network-layer sender for typing_on / typing_off.
- *
- * Guarantees at most one typing_on per session, debounced typing_off,
- * and matching session context between on/off pairs.
- */
-export declare class TypingNetworkSender {
-    private readonly getContext;
-    private readonly sendToServer;
-    private disposed;
-    private isTypingOnServer;
-    private activeContext;
-    private pendingOffTimer;
-    private pendingTypingOn;
-    constructor(getContext: () => ChatEventContext, sendToServer: SendToServer);
-    /**
-     * For `Typing.On`, returns whether the event was delivered.
-     * For `Typing.Off`, returns whether the stop was scheduled.
-     */
-    send(chatEvent: TypingChatEvent): Promise<TypingOnSendResult | TypingOffSendResult>;
-    private sendTypingOffBestEffort;
-    dispose(): void;
-    private userStartedTyping;
-    private userStoppedTyping;
-    private resetTypingState;
-    private cancelPendingOff;
-}

package/lib/esm/webchat/input-panel/typing-network-sender.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TypingNetworkSender = exports.TYPING_OFF_DEBOUNCE_MS = void 0;
-exports.buildChatEventPayload = buildChatEventPayload;
-const core_1 = require("@botonic/core");
-const uuid_1 = require("uuid");
-const index_types_1 = require("../../index-types");
-/** Network debounce before `typing_off` is sent after a stop signal. */
-exports.TYPING_OFF_DEBOUNCE_MS = 2000;
-function buildChatEventPayload(chatEvent, { session, lastRoutePath }) {
-    return {
-        user: session.user,
-        input: {
-            id: (0, uuid_1.v7)(),
-            type: core_1.INPUT.CHAT_EVENT,
-            data: chatEvent,
-        },
-        session,
-        lastRoutePath,
-    };
-}
-/**
- * Network-layer sender for typing_on / typing_off.
- *
- * Guarantees at most one typing_on per session, debounced typing_off,
- * and matching session context between on/off pairs.
- */
-class TypingNetworkSender {
-    constructor(getContext, sendToServer) {
-        this.getContext = getContext;
-        this.sendToServer = sendToServer;
-        this.disposed = false;
-        this.isTypingOnServer = false;
-        // Snapshot of session/route captured when typing_on was delivered.
-        this.activeContext = null;
-        this.pendingOffTimer = null;
-        this.pendingTypingOn = null;
-    }
-    /**
-     * For `Typing.On`, returns whether the event was delivered.
-     * For `Typing.Off`, returns whether the stop was scheduled.
-     */
-    async send(chatEvent) {
-        if (chatEvent === index_types_1.Typing.On) {
-            return this.userStartedTyping();
-        }
-        return this.userStoppedTyping();
-    }
-    sendTypingOffBestEffort(context) {
-        return this.sendToServer(index_types_1.Typing.Off, context).catch(() => { });
-    }
-    dispose() {
-        this.disposed = true;
-        this.cancelPendingOff();
-        if (!this.isTypingOnServer || !this.activeContext) {
-            return;
-        }
-        // Unmount should not leave the server thinking the user is still typing.
-        const context = this.activeContext;
-        this.resetTypingState();
-        this.sendTypingOffBestEffort(context);
-    }
-    async userStartedTyping() {
-        if (this.pendingTypingOn) {
-            return this.pendingTypingOn;
-        }
-        // User resumed typing before the debounced typing_off was sent.
-        this.cancelPendingOff();
-        if (this.isTypingOnServer) {
-            return true;
-        }
-        this.pendingTypingOn = (async () => {
-            const context = this.getContext();
-            try {
-                const delivered = await this.sendToServer(index_types_1.Typing.On, context);
-                if (this.disposed) {
-                    // typing_on resolved after unmount: immediately balance with typing_off.
-                    if (delivered) {
-                        this.sendTypingOffBestEffort(context);
-                    }
-                    return false;
-                }
-                if (delivered) {
-                    this.isTypingOnServer = true;
-                    this.activeContext = context;
-                }
-                return delivered;
-            }
-            finally {
-                this.pendingTypingOn = null;
-            }
-        })();
-        return this.pendingTypingOn;
-    }
-    userStoppedTyping() {
-        if (!this.isTypingOnServer || !this.activeContext) {
-            return Promise.resolve(false);
-        }
-        this.cancelPendingOff();
-        const context = this.activeContext;
-        // Coalesce blur + clear + send into a single typing_off.
-        this.pendingOffTimer = setTimeout(() => {
-            this.pendingOffTimer = null;
-            this.resetTypingState();
-            this.sendTypingOffBestEffort(context);
-        }, exports.TYPING_OFF_DEBOUNCE_MS);
-        return Promise.resolve(true);
-    }
-    resetTypingState() {
-        this.isTypingOnServer = false;
-        this.activeContext = null;
-    }
-    cancelPendingOff() {
-        if (!this.pendingOffTimer) {
-            return;
-        }
-        clearTimeout(this.pendingOffTimer);
-        this.pendingOffTimer = null;
-    }
-}
-exports.TypingNetworkSender = TypingNetworkSender;
-//# sourceMappingURL=typing-network-sender.js.map

package/lib/esm/webchat/input-panel/typing-network-sender.js.map

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

package/lib/esm/webchat/input-panel/use-typing-chat-event-sender.d.ts

@@ -1,16 +0,0 @@
-import type { Session as CoreSession } from '@botonic/core';
-import { buildChatEventPayload, type TypingChatEvent } from './typing-network-sender';
-export type TypingChatEventPayload = ReturnType<typeof buildChatEventPayload>;
-interface UseTypingChatEventSenderArgs {
-    onUserInput?: (args: TypingChatEventPayload) => Promise<void>;
-    session: Partial<CoreSession>;
-    lastRoutePath?: string;
-}
-/**
- * React bridge from Textarea to TypingNetworkSender.
- *
- * Keeps one sender instance per input panel and forwards typing events
- * to onUserInput with the current session context.
- */
-export declare function useTypingChatEventSender({ onUserInput, session, lastRoutePath, }: UseTypingChatEventSenderArgs): (chatEvent: TypingChatEvent) => Promise<boolean>;
-export {};

package/lib/esm/webchat/input-panel/use-typing-chat-event-sender.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTypingChatEventSender = useTypingChatEventSender;
-const react_1 = require("react");
-const typing_network_sender_1 = require("./typing-network-sender");
-/**
- * React bridge from Textarea to TypingNetworkSender.
- *
- * Keeps one sender instance per input panel and forwards typing events
- * to onUserInput with the current session context.
- */
-function useTypingChatEventSender({ onUserInput, session, lastRoutePath, }) {
-    // Always read the latest handler/session without recreating the sender.
-    const contextRef = (0, react_1.useRef)({ onUserInput, session, lastRoutePath });
-    const typingSenderRef = (0, react_1.useRef)(null);
-    contextRef.current = { onUserInput, session, lastRoutePath };
-    if (!typingSenderRef.current) {
-        typingSenderRef.current = new typing_network_sender_1.TypingNetworkSender(() => ({
-            session: contextRef.current.session,
-            lastRoutePath: contextRef.current.lastRoutePath,
-        }), async (chatEvent, context) => {
-            const handler = contextRef.current.onUserInput;
-            if (!handler) {
-                return false;
-            }
-            try {
-                await handler((0, typing_network_sender_1.buildChatEventPayload)(chatEvent, context));
-                return true;
-            }
-            catch {
-                // Let the UI retry on the next keystroke.
-                return false;
-            }
-        });
-    }
-    (0, react_1.useEffect)(() => {
-        return () => {
-            typingSenderRef.current?.dispose();
-        };
-    }, []);
-    return (0, react_1.useCallback)(async (chatEvent) => {
-        return (await typingSenderRef.current?.send(chatEvent)) ?? false;
-    }, []);
-}
-//# sourceMappingURL=use-typing-chat-event-sender.js.map

package/lib/esm/webchat/input-panel/use-typing-chat-event-sender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-typing-chat-event-sender.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/use-typing-chat-event-sender.ts"],"names":[],"mappings":";;AAsBA,4DA4CC;AAjED,iCAAsD;AACtD,mEAIgC;AAUhC;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,OAAO,EACP,aAAa,GACgB;IAC7B,wEAAwE;IACxE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,cAAM,EAA6B,IAAI,CAAC,CAAA;IAEhE,UAAU,CAAC,OAAO,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,CAAA;IAE5D,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;QAC7B,eAAe,CAAC,OAAO,GAAG,IAAI,2CAAmB,CAC/C,GAAG,EAAE,CAAC,CAAC;YACL,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;YACnC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;SAChD,CAAC,EACF,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;YAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,WAAW,CAAA;YAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,KAAK,CAAA;YACd,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,IAAA,6CAAqB,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;gBACxD,OAAO,IAAI,CAAA;YACb,CAAC;YAAC,MAAM,CAAC;gBACP,0CAA0C;gBAC1C,OAAO,KAAK,CAAA;YACd,CAAC;QACH,CAAC,CACF,CAAA;IACH,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,CAAA;QACpC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAA,mBAAW,EAAC,KAAK,EAAE,SAA0B,EAAoB,EAAE;QACxE,OAAO,CAAC,MAAM,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC"}

package/lib/esm/webchat/input-panel/use-typing-session.d.ts

@@ -1,15 +0,0 @@
-import type { TypingChatEvent } from './typing-network-sender';
-/** Local UI inactivity before the textarea stops emitting typing events. */
-export declare const TYPING_IDLE_MS: number;
-type SendTypingEvent = (event: TypingChatEvent) => Promise<boolean>;
-/**
- * UI-layer typing session for the textarea.
- *
- * Decides *when* the user is typing and requests typing_on / typing_off.
- * Deduplication and network debouncing live in TypingNetworkSender instead.
- */
-export declare function useTypingSession(sendChatEvent: SendTypingEvent): {
-    stopTyping: () => Promise<void>;
-    onTextChange: (value: string) => Promise<void>;
-};
-export {};

package/lib/esm/webchat/input-panel/use-typing-session.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TYPING_IDLE_MS = void 0;
-exports.useTypingSession = useTypingSession;
-const react_1 = require("react");
-const index_types_1 = require("../../index-types");
-/** Local UI inactivity before the textarea stops emitting typing events. */
-exports.TYPING_IDLE_MS = 10 * 1000;
-/**
- * UI-layer typing session for the textarea.
- *
- * Decides *when* the user is typing and requests typing_on / typing_off.
- * Deduplication and network debouncing live in TypingNetworkSender instead.
- */
-function useTypingSession(sendChatEvent) {
-    const isTyping = (0, react_1.useRef)(false);
-    // Bumps on each start/stop so stale async stopTyping() calls can be ignored.
-    const startOrStopTypingCount = (0, react_1.useRef)(0);
-    const idleTimer = (0, react_1.useRef)(null);
-    // Shares one in-flight typing_on while delivery is still pending.
-    const pendingTypingOn = (0, react_1.useRef)(null);
-    const stopTyping = (0, react_1.useCallback)(async () => {
-        const countWhenStopWasRequested = ++startOrStopTypingCount.current;
-        if (idleTimer.current) {
-            clearTimeout(idleTimer.current);
-            idleTimer.current = null;
-        }
-        // Wait for typing_on to settle before deciding whether to send typing_off.
-        if (pendingTypingOn.current) {
-            await pendingTypingOn.current;
-        }
-        // Let same-turn input events (e.g. Enter then type next message) bump the counter first.
-        await Promise.resolve();
-        if (countWhenStopWasRequested !== startOrStopTypingCount.current) {
-            return;
-        }
-        if (!isTyping.current) {
-            return;
-        }
-        isTyping.current = false;
-        await sendChatEvent(index_types_1.Typing.Off);
-    }, [sendChatEvent]);
-    const startTyping = (0, react_1.useCallback)(async () => {
-        if (isTyping.current) {
-            return true;
-        }
-        if (pendingTypingOn.current) {
-            return pendingTypingOn.current;
-        }
-        pendingTypingOn.current = (async () => {
-            try {
-                const accepted = await sendChatEvent(index_types_1.Typing.On);
-                // Only mark active after the network layer confirms delivery.
-                if (accepted) {
-                    isTyping.current = true;
-                }
-                return accepted;
-            }
-            finally {
-                pendingTypingOn.current = null;
-            }
-        })();
-        return pendingTypingOn.current;
-    }, [sendChatEvent]);
-    const onTextChange = (0, react_1.useCallback)(async (value) => {
-        if (value === '') {
-            await stopTyping();
-            return;
-        }
-        const countWhenUserTyped = ++startOrStopTypingCount.current;
-        await startTyping();
-        if (countWhenUserTyped !== startOrStopTypingCount.current) {
-            return;
-        }
-        if (!isTyping.current) {
-            return;
-        }
-        // Reset the idle timer on every keystroke.
-        if (idleTimer.current) {
-            clearTimeout(idleTimer.current);
-        }
-        idleTimer.current = setTimeout(() => {
-            stopTyping().catch(() => { });
-        }, exports.TYPING_IDLE_MS);
-    }, [startTyping, stopTyping]);
-    const stopTypingRef = (0, react_1.useRef)(stopTyping);
-    stopTypingRef.current = stopTyping;
-    (0, react_1.useEffect)(() => {
-        return () => {
-            if (idleTimer.current) {
-                clearTimeout(idleTimer.current);
-            }
-            stopTypingRef.current().catch(() => { });
-        };
-    }, []);
-    return { stopTyping, onTextChange };
-}
-//# sourceMappingURL=use-typing-session.js.map

package/lib/esm/webchat/input-panel/use-typing-session.js.map

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

package/lib/esm/webchat/message-list/index.d.ts

@@ -1 +0,0 @@
-export declare const WebchatMessageList: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/message-list/index.js

@@ -1,116 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebchatMessageList = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../constants");
-const index_types_1 = require("../../index-types");
-const context_1 = require("../../webchat/context");
-const constants_2 = require("../constants");
-const typing_indicator_1 = tslib_1.__importDefault(require("../typing-indicator"));
-const intro_message_1 = require("./intro-message");
-const scroll_button_1 = require("./scroll-button");
-const styles_1 = require("./styles");
-const unread_messages_banner_1 = require("./unread-messages-banner");
-const use_notifications_1 = require("./use-notifications");
-const SCROLL_TIMEOUT = 200;
-const scrollOptionsEnd = {
-    block: 'end',
-};
-const scrollOptionsCenter = {
-    block: 'center',
-};
-const WebchatMessageList = () => {
-    const { webchatState, resetUnreadMessages, setLastMessageVisible, scrollableMessagesListRef, } = (0, react_1.useContext)(context_1.WebchatContext);
-    const { notificationsEnabled } = (0, use_notifications_1.useNotifications)();
-    const [firstUnreadMessageId, setFirstUnreadMessageId] = (0, react_1.useState)();
-    const lastMessageRef = (0, react_1.useRef)(null);
-    const typingRef = (0, react_1.useRef)(null);
-    const unreadMessagesBannerRef = (0, react_1.useRef)(null);
-    const scrollToTyping = () => {
-        setTimeout(() => {
-            typingRef.current?.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToLastMessage = () => {
-        setTimeout(() => {
-            lastMessageRef.current?.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToBanner = () => {
-        setTimeout(() => {
-            unreadMessagesBannerRef.current?.scrollIntoView(scrollOptionsCenter);
-        }, SCROLL_TIMEOUT);
-    };
-    const handleScrollToBottom = () => {
-        resetUnreadMessages();
-        if (webchatState.typing) {
-            scrollToTyping();
-            return;
-        }
-        scrollToLastMessage();
-    };
-    const showUnreadMessagesBanner = (messageComponentId) => {
-        return (!webchatState.isInputFocused &&
-            firstUnreadMessageId &&
-            messageComponentId === firstUnreadMessageId &&
-            webchatState.numUnreadMessages > 0);
-    };
-    (0, react_1.useEffect)(() => {
-        const firstUnreadMessage = webchatState.messagesComponents.find(message => message.props.isUnread);
-        setFirstUnreadMessageId(firstUnreadMessage?.props?.id);
-    }, [webchatState.messagesComponents]);
-    (0, react_1.useEffect)(() => {
-        if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {
-            const observer = new IntersectionObserver(entries => {
-                entries.forEach(entry => {
-                    setLastMessageVisible(entry.isIntersecting);
-                });
-            });
-            observer.observe(lastMessageRef.current);
-        }
-    }, [webchatState.messagesComponents]);
-    (0, react_1.useEffect)(() => {
-        if (!notificationsEnabled) {
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [webchatState.typing, webchatState.messagesComponents]);
-    (0, react_1.useEffect)(() => {
-        if (webchatState.isWebchatOpen && notificationsEnabled) {
-            if (unreadMessagesBannerRef.current) {
-                scrollToBanner();
-                return;
-            }
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [
-        firstUnreadMessageId,
-        webchatState.isWebchatOpen,
-        webchatState.typing,
-        webchatState.messagesComponents,
-    ]);
-    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.ScrollableMessageList, { id: constants_2.BotonicContainerId.ScrollableMessagesList, ref: scrollableMessagesListRef, role: constants_1.ROLES.MESSAGE_LIST, children: [(0, jsx_runtime_1.jsx)(intro_message_1.IntroMessage, {}), webchatState.messagesComponents.map((messageComponent, index) => {
-                        const messageId = messageComponent.props.id;
-                        const sentBySystem = messageComponent.props?.sentBy === index_types_1.SENDERS.system;
-                        // Check if system message is followed by a regular message (user/bot)
-                        const nextMessage = webchatState.messagesComponents[index + 1];
-                        const isSystemMessageFollowedByMessage = sentBySystem &&
-                            nextMessage &&
-                            nextMessage.props?.sentBy !== index_types_1.SENDERS.system;
-                        return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles_1.MessageContainer, { role: sentBySystem ? constants_1.ROLES.SYSTEM_MESSAGE : constants_1.ROLES.MESSAGE, "$isLastSystemMessage": isSystemMessageFollowedByMessage, children: [showUnreadMessagesBanner(messageId) && ((0, jsx_runtime_1.jsx)(unread_messages_banner_1.UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), messageComponent] }), index === webchatState.messagesComponents.length - 1 && ((0, jsx_runtime_1.jsx)("div", { ref: lastMessageRef, style: {
-                                        content: '',
-                                    } }))] }, messageId));
-                    }), webchatState.typing && (0, jsx_runtime_1.jsx)(typing_indicator_1.default, { ref: typingRef })] }), showScrollButton && (0, jsx_runtime_1.jsx)(scroll_button_1.ScrollButton, { handleClick: handleScrollToBottom })] }));
-};
-exports.WebchatMessageList = WebchatMessageList;
-//# sourceMappingURL=index.js.map

package/lib/esm/webchat/message-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/index.tsx"],"names":[],"mappings":";;;;;AAAA,uDAAsE;AAEtE,+CAAuC;AACvC,mDAA2C;AAC3C,mDAAsD;AACtD,4CAAiD;AACjD,mFAAiD;AACjD,mDAA8C;AAC9C,mDAA8C;AAC9C,qCAAkE;AAClE,qEAA+D;AAC/D,2DAAsD;AAEtD,MAAM,cAAc,GAAG,GAAG,CAAA;AAC1B,MAAM,gBAAgB,GAA0B;IAC9C,KAAK,EAAE,KAAK;CACb,CAAA;AACD,MAAM,mBAAmB,GAA0B;IACjD,KAAK,EAAE,QAAQ;CAChB,CAAA;AAEM,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EACJ,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,GAC1B,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAA,oCAAgB,GAAE,CAAA;IAEnD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAE1E,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,uBAAuB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE5D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;QACrD,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,UAAU,CAAC,GAAG,EAAE;YACd,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;QAC1D,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,uBAAuB,CAAC,OAAO,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAA;QACtE,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,mBAAmB,EAAE,CAAA;QACrB,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;YACxB,cAAc,EAAE,CAAA;YAChB,OAAM;QACR,CAAC;QAED,mBAAmB,EAAE,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,wBAAwB,GAAG,CAAC,kBAA0B,EAAE,EAAE;QAC9D,OAAO,CACL,CAAC,YAAY,CAAC,cAAc;YAC5B,oBAAoB;YACpB,kBAAkB,KAAK,oBAAoB;YAC3C,YAAY,CAAC,iBAAiB,GAAG,CAAC,CACnC,CAAA;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,YAAY,CAAC,kBAAkB,CAAC,IAAI,CAC7D,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAClC,CAAA;QACD,uBAAuB,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;IACxD,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YACzE,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;gBAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACtB,qBAAqB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;gBAC7C,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAErC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC1B,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,cAAc,EAAE,CAAA;gBAChB,OAAM;YACR,CAAC;YAED,mBAAmB,EAAE,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAE1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,aAAa,IAAI,oBAAoB,EAAE,CAAC;YACvD,IAAI,uBAAuB,CAAC,OAAO,EAAE,CAAC;gBACpC,cAAc,EAAE,CAAA;gBAChB,OAAM;YACR,CAAC;YAED,IAAI,YAAY,CAAC,MAAM,EAAE,CAAC;gBACxB,cAAc,EAAE,CAAA;gBAChB,OAAM;YACR,CAAC;YAED,mBAAmB,EAAE,CAAA;QACvB,CAAC;IACH,CAAC,EAAE;QACD,oBAAoB;QACpB,YAAY,CAAC,aAAa;QAC1B,YAAY,CAAC,MAAM;QACnB,YAAY,CAAC,kBAAkB;KAChC,CAAC,CAAA;IAEF,MAAM,gBAAgB,GACpB,YAAY,CAAC,iBAAiB,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAA;IAE1E,OAAO,CACL,6DACE,wBAAC,8BAAqB,IACpB,EAAE,EAAE,8BAAkB,CAAC,sBAAsB,EAC7C,GAAG,EAAE,yBAAyB,EAC9B,IAAI,EAAE,iBAAK,CAAC,YAAY,aAExB,uBAAC,4BAAY,KAAG,EACf,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE;wBAC/D,MAAM,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAA;wBAC3C,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,EAAE,MAAM,KAAK,qBAAO,CAAC,MAAM,CAAA;wBAEtE,sEAAsE;wBACtE,MAAM,WAAW,GAAG,YAAY,CAAC,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;wBAC9D,MAAM,gCAAgC,GACpC,YAAY;4BACZ,WAAW;4BACX,WAAW,CAAC,KAAK,EAAE,MAAM,KAAK,qBAAO,CAAC,MAAM,CAAA;wBAE9C,OAAO,CACL,wBAAC,eAAK,CAAC,QAAQ,eACb,wBAAC,yBAAgB,IACf,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,iBAAK,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAK,CAAC,OAAO,0BACnC,gCAAgC,aAErD,wBAAwB,CAAC,SAAS,CAAC,IAAI,CACtC,uBAAC,6CAAoB,IACnB,uBAAuB,EAAE,uBAAuB,GAChD,CACH,EACA,gBAAgB,IACA,EAClB,KAAK,KAAK,YAAY,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,CACvD,gCACE,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;wCACL,OAAO,EAAE,EAAE;qCACZ,GACI,CACR,KAnBkB,SAAS,CAoBb,CAClB,CAAA;oBACH,CAAC,CAAC,EACD,YAAY,CAAC,MAAM,IAAI,uBAAC,0BAAe,IAAC,GAAG,EAAE,SAAS,GAAI,IACrC,EACvB,gBAAgB,IAAI,uBAAC,4BAAY,IAAC,WAAW,EAAE,oBAAoB,GAAI,IACvE,CACJ,CAAA;AACH,CAAC,CAAA;AA1JY,QAAA,kBAAkB,sBA0J9B"}

package/lib/esm/webchat/message-list/intro-message.d.ts

@@ -1 +0,0 @@
-export declare const IntroMessage: () => import("react/jsx-runtime").JSX.Element | null;