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

package/lib/esm/constants.d.ts

@@ -0,0 +1,165 @@
+export namespace COLORS {
+    const APPLE_GREEN: string;
+    const BLEACHED_CEDAR_PURPLE: string;
+    const BOTONIC_BLUE: string;
+    const CACTUS_GREEN: string;
+    const CONCRETE_WHITE: string;
+    const CURIOUS_BLUE: string;
+    const DAINTREE_BLUE: string;
+    const ERROR_RED: string;
+    const FRINGY_FLOWER_GREEN: string;
+    const GRAY: string;
+    const LIGHT_GRAY: string;
+    const MID_GRAY: string;
+    const PIGEON_POST_BLUE_ALPHA_0_5: string;
+    const RED_NOTIFICATIONS: string;
+    const SCORPION_GRAY: string;
+    const SEASHELL_WHITE: string;
+    const SILVER: string;
+    const SOLID_BLACK_ALPHA_0_2: string;
+    const SOLID_BLACK_ALPHA_0_5: string;
+    const SOLID_BLACK: string;
+    const SOLID_WHITE_ALPHA_0_2: string;
+    const SOLID_WHITE_ALPHA_0_8: string;
+    const SOLID_WHITE: string;
+    const TASMAN_GRAY: string;
+    const TRANSPARENT: string;
+    const WILD_SAND_WHITE: string;
+}
+export namespace WEBCHAT {
+    namespace DEFAULTS {
+        export const WIDTH: number;
+        export const HEIGHT: number;
+        export const TITLE: string;
+        export { BotonicLogo as LOGO };
+        export { UrlIcon as URL_ICON };
+        export const PLACEHOLDER: string;
+        export const FONT_FAMILY: string;
+        export const BORDER_RADIUS_TOP_CORNERS: string;
+        export const ELEMENT_WIDTH: number;
+        export const ELEMENT_MARGIN_RIGHT: number;
+        export const STORAGE_KEY: string;
+        export const HOST_ID: string;
+        export const ID: string;
+        export const BUTTON_AUTO_DISABLE: boolean;
+        export namespace BUTTON_DISABLED_STYLE {
+            const opacity: number;
+            const cursor: string;
+            const pointerEvents: string;
+        }
+    }
+    namespace CUSTOM_PROPERTIES {
+        const enableAnimations: string;
+        const markdownStyle: string;
+        const imagePreviewer: string;
+        const mobileBreakpoint: string;
+        const mobileStyle: string;
+        const webviewHeaderStyle: string;
+        const webviewStyle: string;
+        const brandColor: string;
+        const brandImage: string;
+        const customHeader: string;
+        const headerImage: string;
+        const headerStyle: string;
+        const headerSubtitle: string;
+        const headerTitle: string;
+        const botMessageBackground: string;
+        const botMessageBlobTick: string;
+        const botMessageBlobTickStyle: string;
+        const botMessageBlobWidth: string;
+        const botMessageBorderColor: string;
+        const botMessageImage: string;
+        const botMessageImageStyle: string;
+        const botMessageStyle: string;
+        const agentMessageImage: string;
+        const customMessageTypes: string;
+        const messageStyle: string;
+        const userMessageBackground: string;
+        const userMessageBlobTick: string;
+        const userMessageBlobTickStyle: string;
+        const userMessageBorderColor: string;
+        const userMessageStyle: string;
+        const enableMessageTimestamps: string;
+        const messageTimestampsFormat: string;
+        const messageTimestampsStyle: string;
+        const messageTimestampsWithImage: string;
+        const customIntro: string;
+        const introImage: string;
+        const introStyle: string;
+        const buttonHoverBackground: string;
+        const buttonHoverTextColor: string;
+        const buttonMessageType: string;
+        const buttonStyle: string;
+        const buttonDisabledStyle: string;
+        const buttonAutoDisable: string;
+        const buttonStyleBackground: string;
+        const buttonStyleColor: string;
+        const customButton: string;
+        const urlIconImage: string;
+        const urlIconEnabled: string;
+        const alignReplies: string;
+        const customReply: string;
+        const replyStyle: string;
+        const wrapReplies: string;
+        const customTrigger: string;
+        const triggerButtonImage: string;
+        const triggerButtonStyle: string;
+        const notificationsEnabled: string;
+        const notificationsBannerEnabled: string;
+        const notificationsBannerCustom: string;
+        const notificationsBannerText: string;
+        const notificationsTriggerButtonEnabled: string;
+        const scrollButtonEnabled: string;
+        const scrollButtonCustom: string;
+        const blockInputs: string;
+        const documentDownload: string;
+        const customMenuButton: string;
+        const customPersistentMenu: string;
+        const customEmojiPicker: string;
+        const customAttachments: string;
+        const customSendButton: string;
+        const darkBackgroundMenu: string;
+        const enableAttachments: string;
+        const enableEmojiPicker: string;
+        const enableSendButton: string;
+        const enableUserInput: string;
+        const persistentMenu: string;
+        const textPlaceholder: string;
+        const userInputBoxStyle: string;
+        const userInputStyle: string;
+        const coverComponent: string;
+        const coverComponentProps: string;
+        const customCarouselLeftArrow: string;
+        const customCarouselRightArrow: string;
+        const enableCarouselArrows: string;
+    }
+}
+export namespace MIME_WHITELIST {
+    const audio: string[];
+    const document: string[];
+    const image: string[];
+    const video: string[];
+}
+export const MAX_ALLOWED_SIZE_MB: 10;
+export namespace ROLES {
+    const ATTACHMENT_ICON: string;
+    const EMOJI_PICKER_ICON: string;
+    const EMOJI_PICKER: string;
+    const HEADER: string;
+    const MESSAGE_LIST: string;
+    const PERSISTENT_MENU_ICON: string;
+    const PERSISTENT_MENU: string;
+    const SEND_BUTTON_ICON: string;
+    const WEBCHAT: string;
+    const TRIGGER_BUTTON: string;
+    const TYPING_INDICATOR: string;
+    const TEXT_BOX: string;
+    const WEBVIEW: string;
+    const WEBVIEW_HEADER: string;
+    const MESSAGE: string;
+    const IMAGE_MESSAGE: string;
+    const AUDIO_MESSAGE: string;
+    const VIDEO_MESSAGE: string;
+    const DOCUMENT_MESSAGE: string;
+    const RAW_MESSAGE: string;
+}

package/lib/esm/constants.js

@@ -0,0 +1,187 @@
+import BotonicLogo from './assets/botonic_react_logo100x100.png';
+import UrlIcon from './assets/url-icon.png';
+export const COLORS = {
+    // http://chir.ag/projects/name-that-color
+    APPLE_GREEN: 'rgba(58, 156, 53, 1)',
+    BLEACHED_CEDAR_PURPLE: 'rgba(46, 32, 59, 1)',
+    BOTONIC_BLUE: 'rgba(0, 153, 255, 1)',
+    CACTUS_GREEN: 'rgba(96, 115, 94, 1)',
+    CONCRETE_WHITE: 'rgba(243, 243, 243, 1)',
+    CURIOUS_BLUE: 'rgba(38, 139, 210, 1)',
+    DAINTREE_BLUE: 'rgba(0, 43, 53, 1)',
+    ERROR_RED: 'rgba(255, 43, 94)',
+    FRINGY_FLOWER_GREEN: 'rgba(198, 231, 192, 1)',
+    GRAY: 'rgba(129, 129, 129, 1)',
+    LIGHT_GRAY: 'rgba(209, 209, 209, 1)',
+    MID_GRAY: 'rgba(105, 105, 115, 1)',
+    PIGEON_POST_BLUE_ALPHA_0_5: 'rgba(176, 196, 222, 0.5)',
+    RED_NOTIFICATIONS: 'rgba(255, 66, 111, 1)',
+    SCORPION_GRAY: 'rgba(87, 87, 87, 1)',
+    SEASHELL_WHITE: 'rgba(241, 240, 240, 1)',
+    SILVER: 'rgba(200, 200, 200, 1)',
+    SOLID_BLACK_ALPHA_0_2: 'rgba(0, 0, 0, 0.2)',
+    SOLID_BLACK_ALPHA_0_5: 'rgba(0, 0, 0, 0.5)',
+    SOLID_BLACK: 'rgba(0, 0, 0, 1)',
+    SOLID_WHITE_ALPHA_0_2: 'rgba(255, 255, 255, 0.2)',
+    SOLID_WHITE_ALPHA_0_8: 'rgba(255, 255, 255, 0.8)',
+    SOLID_WHITE: 'rgba(255, 255, 255, 1)',
+    TASMAN_GRAY: 'rgba(209, 216, 207, 1)',
+    TRANSPARENT: 'rgba(0, 0, 0, 0)',
+    WILD_SAND_WHITE: 'rgba(244, 244, 244, 1)',
+};
+export const WEBCHAT = {
+    DEFAULTS: {
+        WIDTH: 300,
+        HEIGHT: 450,
+        TITLE: 'Botonic',
+        LOGO: BotonicLogo,
+        URL_ICON: UrlIcon,
+        PLACEHOLDER: 'Ask me something...',
+        FONT_FAMILY: "'Noto Sans JP', sans-serif",
+        BORDER_RADIUS_TOP_CORNERS: '6px 6px 0px 0px',
+        ELEMENT_WIDTH: 222,
+        ELEMENT_MARGIN_RIGHT: 6,
+        STORAGE_KEY: 'botonicState',
+        HOST_ID: 'root',
+        ID: 'botonic-webchat',
+        BUTTON_AUTO_DISABLE: false,
+        BUTTON_DISABLED_STYLE: {
+            opacity: 0.5,
+            cursor: 'auto',
+            pointerEvents: 'none',
+        },
+    },
+    CUSTOM_PROPERTIES: {
+        // General
+        enableAnimations: 'animations.enable',
+        markdownStyle: 'markdownStyle',
+        imagePreviewer: 'imagePreviewer',
+        // Mobile
+        mobileBreakpoint: 'mobileBreakpoint',
+        mobileStyle: 'mobileStyle',
+        // Webviews
+        webviewHeaderStyle: 'webview.header.style',
+        webviewStyle: 'webview.style',
+        // Brand
+        brandColor: 'brand.color',
+        brandImage: 'brand.image',
+        // Header
+        customHeader: 'header.custom',
+        headerImage: 'header.image',
+        headerStyle: 'header.style',
+        headerSubtitle: 'header.subtitle',
+        headerTitle: 'header.title',
+        // Bot Message
+        botMessageBackground: 'message.bot.style.background',
+        botMessageBlobTick: 'message.bot.blobTick',
+        botMessageBlobTickStyle: 'message.bot.blobTickStyle',
+        botMessageBlobWidth: 'message.bot.blobWidth',
+        botMessageBorderColor: 'message.bot.style.borderColor',
+        botMessageImage: 'message.bot.image',
+        botMessageImageStyle: 'message.bot.imageStyle',
+        botMessageStyle: 'message.bot.style',
+        // Agent Message
+        agentMessageImage: 'message.agent.image',
+        // User Message
+        customMessageTypes: 'message.customTypes',
+        messageStyle: 'message.style',
+        userMessageBackground: 'message.user.style.background',
+        userMessageBlobTick: 'message.user.blobTick',
+        userMessageBlobTickStyle: 'message.user.blobTickStyle',
+        userMessageBorderColor: 'message.user.style.borderColor',
+        userMessageStyle: 'message.user.style',
+        // Timestamps
+        enableMessageTimestamps: 'message.timestamps.enable',
+        messageTimestampsFormat: 'message.timestamps.format',
+        messageTimestampsStyle: 'message.timestamps.style',
+        messageTimestampsWithImage: 'message.timestamps.withImage',
+        // Intro
+        customIntro: 'intro.custom',
+        introImage: 'intro.image',
+        introStyle: 'intro.style',
+        // Buttons
+        buttonHoverBackground: 'button.hoverBackground',
+        buttonHoverTextColor: 'button.hoverTextColor',
+        buttonMessageType: 'button.messageType',
+        buttonStyle: 'button.style',
+        buttonDisabledStyle: 'button.disabledstyle',
+        buttonAutoDisable: 'button.autodisable',
+        buttonStyleBackground: 'button.style.background',
+        buttonStyleColor: 'button.style.color',
+        customButton: 'button.custom',
+        urlIconImage: 'button.urlIcon.image',
+        urlIconEnabled: 'button.urlIcon.enable',
+        // Replies
+        alignReplies: 'replies.align',
+        customReply: 'reply.custom',
+        replyStyle: 'reply.style',
+        wrapReplies: 'replies.wrap',
+        // TriggerButton
+        customTrigger: 'triggerButton.custom',
+        triggerButtonImage: 'triggerButton.image',
+        triggerButtonStyle: 'triggerButton.style',
+        // Notifications
+        notificationsEnabled: 'notifications.enable',
+        notificationsBannerEnabled: 'notifications.banner.enable',
+        notificationsBannerCustom: 'notifications.banner.custom',
+        notificationsBannerText: 'notifications.banner.text',
+        notificationsTriggerButtonEnabled: 'notifications.triggerButton.enable',
+        // Scroll Button
+        scrollButtonEnabled: 'scrollButton.enable',
+        scrollButtonCustom: 'scrollButton.custom',
+        // User Input
+        blockInputs: 'userInput.blockInputs',
+        documentDownload: 'documentDownload',
+        customMenuButton: 'userInput.menuButton.custom',
+        customPersistentMenu: 'userInput.menu.custom',
+        customEmojiPicker: 'userInput.emojiPicker.custom',
+        customAttachments: 'userInput.attachments.custom',
+        customSendButton: 'userInput.sendButton.custom',
+        darkBackgroundMenu: 'userInput.menu.darkBackground',
+        enableAttachments: 'userInput.attachments.enable',
+        enableEmojiPicker: 'userInput.emojiPicker.enable',
+        enableSendButton: 'userInput.sendButton.enable',
+        enableUserInput: 'userInput.enable',
+        persistentMenu: 'userInput.persistentMenu',
+        textPlaceholder: 'userInput.box.placeholder',
+        userInputBoxStyle: 'userInput.box.style',
+        userInputStyle: 'userInput.style',
+        // Cover Component
+        coverComponent: 'coverComponent.component',
+        coverComponentProps: 'coverComponent.props',
+        // Carousel
+        customCarouselLeftArrow: 'carousel.arrow.left',
+        customCarouselRightArrow: 'carousel.arrow.right',
+        enableCarouselArrows: 'carousel.enableArrows',
+    },
+};
+export const MIME_WHITELIST = {
+    audio: ['audio/mpeg', 'audio/mp3'],
+    document: ['application/pdf'],
+    image: ['image/jpeg', 'image/png'],
+    video: ['video/mp4', 'video/quicktime'],
+};
+export const MAX_ALLOWED_SIZE_MB = 10;
+export const ROLES = {
+    ATTACHMENT_ICON: 'attachment-icon',
+    EMOJI_PICKER_ICON: 'emoji-picker-icon',
+    EMOJI_PICKER: 'emoji-picker',
+    HEADER: 'header',
+    MESSAGE_LIST: 'message-list',
+    PERSISTENT_MENU_ICON: 'persistent-menu-icon',
+    PERSISTENT_MENU: 'persistent-menu',
+    SEND_BUTTON_ICON: 'send-button-icon',
+    WEBCHAT: 'webchat',
+    TRIGGER_BUTTON: 'trigger-button',
+    TYPING_INDICATOR: 'typing-indicator',
+    TEXT_BOX: 'textbox',
+    WEBVIEW: 'webview',
+    WEBVIEW_HEADER: 'webview-header',
+    MESSAGE: 'message',
+    IMAGE_MESSAGE: 'image-message',
+    AUDIO_MESSAGE: 'audio-message',
+    VIDEO_MESSAGE: 'video-message',
+    DOCUMENT_MESSAGE: 'document-message',
+    RAW_MESSAGE: 'raw-message',
+};
+//# sourceMappingURL=constants.js.map

package/lib/esm/constants.js.map

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

package/lib/esm/contexts.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Session as CoreSession } from '@botonic/core';
+import { ActionRequest } from './index-types';
+export declare const RequestContext: import("react").Context<Partial<ActionRequest> & {
+    getString: () => string;
+    setLocale: () => void;
+}>;
+export interface CloseWebviewOptions {
+    payload?: string;
+    path?: string;
+    params?: Record<string, any>;
+}
+export declare const WebviewRequestContext: import("react").Context<{
+    closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
+    getString?: ((stringId: string) => string) | undefined;
+    params: Record<string, any>;
+    session: Partial<CoreSession>;
+}>;

package/lib/esm/contexts.js

@@ -0,0 +1,18 @@
+import { __awaiter } from "tslib";
+import { createContext } from 'react';
+export const RequestContext = createContext({
+    getString: () => '',
+    setLocale: () => undefined,
+    session: {},
+    params: {},
+    input: {},
+    defaultDelay: 0,
+    defaultTyping: 0,
+});
+export const WebviewRequestContext = createContext({
+    closeWebview: () => __awaiter(void 0, void 0, void 0, function* () { return undefined; }),
+    getString: undefined,
+    params: {},
+    session: {},
+});
+//# sourceMappingURL=contexts.js.map

package/lib/esm/contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAKzC;IACA,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,OAAO,EAAE,EAAiB;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAe;IACtB,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAK/C;IACD,YAAY,EAAE,GAAS,EAAE,kDAAC,OAAA,SAAS,CAAA,GAAA;IACnC,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,EAAyB;IACjC,OAAO,EAAE,EAA0B;CACpC,CAAC,CAAA"}

package/lib/esm/dev-app.d.ts

@@ -0,0 +1,38 @@
+export class DevApp extends WebchatApp {
+    constructor({ theme, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, shadowDOM, hostId, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent, ...botOptions }: {
+        [x: string]: any;
+        theme?: {} | undefined;
+        persistentMenu: any;
+        coverComponent: any;
+        blockInputs: any;
+        enableEmojiPicker: any;
+        enableAttachments: any;
+        enableUserInput: any;
+        enableAnimations: any;
+        shadowDOM: any;
+        hostId: any;
+        storage: any;
+        storageKey: any;
+        onInit: any;
+        onOpen: any;
+        onClose: any;
+        onMessage: any;
+        onTrackEvent: any;
+    });
+    bot: ReactBot;
+    getComponent(host: any, optionsAtRuntime?: {}): import("react/jsx-runtime").JSX.Element;
+    onInit: ((app: WebchatApp, args: any) => void) | undefined;
+    onOpen: ((app: WebchatApp, args: any) => void) | undefined;
+    onClose: ((app: WebchatApp, args: any) => void) | undefined;
+    onMessage: ((app: WebchatApp, message: import("./index-types").WebchatMessage) => void) | undefined;
+    onTrackEvent: ((request: import("./index-types").ActionRequest, eventName: string, args?: import("./index-types").EventArgs | undefined) => Promise<void>) | undefined;
+    hostId: string | undefined;
+    render(dest: any, optionsAtRuntime?: {}): void;
+    onUserInput({ input, session, lastRoutePath }: {
+        input: any;
+        session: any;
+        lastRoutePath: any;
+    }): Promise<void>;
+}
+import { WebchatApp } from "./webchat-app";
+import { ReactBot } from "./react-bot";

package/lib/esm/dev-app.js

@@ -0,0 +1,81 @@
+import { __awaiter, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import merge from 'lodash.merge';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { SENDERS } from './index-types';
+import { ReactBot } from './react-bot';
+import { onDOMLoaded } from './util/dom';
+import { WebchatDev } from './webchat/webchat-dev';
+import { WebchatApp } from './webchat-app';
+export class DevApp extends WebchatApp {
+    constructor(_a) {
+        var { theme = {}, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, shadowDOM, hostId, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent } = _a, botOptions = __rest(_a, ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "shadowDOM", "hostId", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage", "onTrackEvent"]);
+        super({
+            theme,
+            persistentMenu,
+            coverComponent,
+            blockInputs,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+            shadowDOM,
+            hostId,
+            storage,
+            storageKey,
+            onInit,
+            onOpen,
+            onClose,
+            onMessage,
+            onTrackEvent,
+        });
+        this.bot = new ReactBot(Object.assign({}, botOptions));
+    }
+    getComponent(host, optionsAtRuntime = {}) {
+        let { theme = {}, persistentMenu, coverComponent, blockInputs, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, storage, storageKey, onInit, onOpen, onClose, onMessage, onTrackEvent, hostId } = optionsAtRuntime, webchatOptions = __rest(optionsAtRuntime, ["theme", "persistentMenu", "coverComponent", "blockInputs", "enableEmojiPicker", "enableAttachments", "enableUserInput", "enableAnimations", "storage", "storageKey", "onInit", "onOpen", "onClose", "onMessage", "onTrackEvent", "hostId"]);
+        theme = merge(this.theme, theme);
+        persistentMenu = persistentMenu || this.persistentMenu;
+        coverComponent = coverComponent || this.coverComponent;
+        blockInputs = blockInputs || this.blockInputs;
+        enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker;
+        enableAttachments = enableAttachments || this.enableAttachments;
+        enableUserInput = enableUserInput || this.enableUserInput;
+        enableAnimations = enableAnimations || this.enableAnimations;
+        storage = storage || this.storage;
+        storageKey = storageKey || this.storageKey;
+        this.onInit = onInit || this.onInit;
+        this.onOpen = onOpen || this.onOpen;
+        this.onClose = onClose || this.onClose;
+        this.onMessage = onMessage || this.onMessage;
+        this.onTrackEvent = onTrackEvent || this.onTrackEvent;
+        this.hostId = hostId || this.hostId;
+        this.createRootElement(host);
+        return (_jsx(WebchatDev, Object.assign({}, webchatOptions, { ref: this.webchatRef, host: this.host, shadowDOM: this.shadowDOM, theme: theme, persistentMenu: persistentMenu, coverComponent: coverComponent, blockInputs: blockInputs, enableEmojiPicker: enableEmojiPicker, enableAttachments: enableAttachments, enableUserInput: enableUserInput, enableAnimations: enableAnimations, storage: storage, storageKey: storageKey, getString: (stringId, session) => this.bot.getString(stringId, session), setLocale: (locale, session) => this.bot.setLocale(locale, session), onInit: (...args) => this.onInitWebchat(...args), onOpen: (...args) => this.onOpenWebchat(...args), onClose: (...args) => this.onCloseWebchat(...args), onUserInput: (...args) => this.onUserInput(...args), onTrackEvent: (...args) => this.onTrackEvent(...args) })));
+    }
+    render(dest, optionsAtRuntime = {}) {
+        onDOMLoaded(() => {
+            const devAppComponent = this.getComponent(dest, optionsAtRuntime);
+            const container = this.getReactMountNode(dest);
+            const reactRoot = createRoot(container);
+            reactRoot.render(devAppComponent);
+        });
+    }
+    onUserInput({ input, session, lastRoutePath }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.onMessage &&
+                this.onMessage(this, {
+                    sentBy: SENDERS.user,
+                    message: input,
+                });
+            const resp = yield this.bot.input({ input, session, lastRoutePath });
+            this.onMessage &&
+                resp.response.map(r => this.onMessage(this, {
+                    sentBy: SENDERS.bot,
+                    message: r,
+                }));
+            this.webchatRef.current.addBotResponse(resp);
+        });
+    }
+}
+//# sourceMappingURL=dev-app.js.map

package/lib/esm/dev-app.js.map

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