@botonic/react 0.22.0-alpha.0 → 0.22.0-alpha.2

package/lib/cjs/webchat/hooks.d.ts

@@ -0,0 +1,80 @@
+export function useWebchat(): {
+    webchatState: any;
+    webchatDispatch: import("react").DispatchWithoutAction;
+    addMessage: (message: any) => void;
+    addMessageComponent: (message: any) => void;
+    updateMessage: (message: any) => void;
+    updateReplies: (replies: any) => void;
+    updateLatestInput: (input: any) => void;
+    updateTyping: (typing: any) => void;
+    updateWebview: (webview: any, params: any) => void;
+    updateSession: (session: any) => void;
+    updateLastRoutePath: (path: any) => void;
+    updateHandoff: (handoff: any) => void;
+    updateTheme: (theme: any, themeUpdates?: undefined) => void;
+    updateDevSettings: (settings: any) => void;
+    toggleWebchat: (toggle: any) => void;
+    toggleEmojiPicker: (toggle: any) => void;
+    togglePersistentMenu: (toggle: any) => void;
+    toggleCoverComponent: (toggle: any) => void;
+    doRenderCustomComponent: (toggle: any) => void;
+    setError: (error: any) => void;
+    setOnline: (online: any) => void;
+    clearMessages: () => void;
+    updateLastMessageDate: (date: any) => void;
+    setCurrentAttachment: (attachment: any) => void;
+    updateJwt: (jwt: any) => void;
+};
+export function useTyping({ webchatState, updateTyping, updateMessage, host }: {
+    webchatState: any;
+    updateTyping: any;
+    updateMessage: any;
+    host: any;
+}): void;
+export function usePrevious(value: any): undefined;
+export function useComponentVisible(initialIsVisible: any, onClickOutside: any): {
+    ref: import("react").MutableRefObject<null>;
+    isComponentVisible: any;
+    setIsComponentVisible: import("react").Dispatch<any>;
+};
+export namespace webchatInitialState {
+    const width: number;
+    const height: number;
+    const messagesJSON: never[];
+    const messagesComponents: never[];
+    const replies: never[];
+    const latestInput: {};
+    const typing: boolean;
+    const webview: null;
+    const webviewParams: null;
+    namespace session {
+        const user: null;
+    }
+    const lastRoutePath: null;
+    const handoff: boolean;
+    namespace theme {
+        const headerTitle: string;
+        const brandColor: string;
+        const brandImage: any;
+        const triggerButtonImage: undefined;
+        const textPlaceholder: string;
+        namespace style {
+            const fontFamily: string;
+        }
+    }
+    const themeUpdates: {};
+    const error: {};
+    const online: boolean;
+    namespace devSettings {
+        const keepSessionOnReload: boolean;
+    }
+    const isWebchatOpen: boolean;
+    const isEmojiPickerOpen: boolean;
+    const isPersistentMenuOpen: boolean;
+    const isCoverComponentOpen: boolean;
+    const isCustomComponentRendered: boolean;
+    const lastMessageUpdate: undefined;
+    const currentAttachment: undefined;
+    const jwt: null;
+}
+export function useComponentWillMount(func: any): void;

package/lib/cjs/webchat/hooks.js

@@ -0,0 +1,219 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponentWillMount = exports.useComponentVisible = exports.usePrevious = exports.useTyping = exports.useWebchat = exports.webchatInitialState = void 0;
+const react_1 = require("react");
+const constants_1 = require("../constants");
+const dom_1 = require("../util/dom");
+const actions_1 = require("./actions");
+const webchat_reducer_1 = require("./webchat-reducer");
+exports.webchatInitialState = {
+    width: constants_1.WEBCHAT.DEFAULTS.WIDTH,
+    height: constants_1.WEBCHAT.DEFAULTS.HEIGHT,
+    messagesJSON: [],
+    messagesComponents: [],
+    replies: [],
+    latestInput: {},
+    typing: false,
+    webview: null,
+    webviewParams: null,
+    session: { user: null },
+    lastRoutePath: null,
+    handoff: false,
+    theme: {
+        headerTitle: constants_1.WEBCHAT.DEFAULTS.TITLE,
+        brandColor: constants_1.COLORS.BOTONIC_BLUE,
+        brandImage: constants_1.WEBCHAT.DEFAULTS.LOGO,
+        triggerButtonImage: undefined,
+        textPlaceholder: constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER,
+        style: {
+            fontFamily: constants_1.WEBCHAT.DEFAULTS.FONT_FAMILY,
+        },
+    },
+    themeUpdates: {},
+    error: {},
+    online: true,
+    devSettings: { keepSessionOnReload: false },
+    isWebchatOpen: false,
+    isEmojiPickerOpen: false,
+    isPersistentMenuOpen: false,
+    isCoverComponentOpen: false,
+    isCustomComponentRendered: false,
+    lastMessageUpdate: undefined,
+    currentAttachment: undefined,
+    jwt: null,
+};
+function useWebchat() {
+    const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, exports.webchatInitialState);
+    const addMessage = message => webchatDispatch({ type: actions_1.ADD_MESSAGE, payload: message });
+    const addMessageComponent = message => webchatDispatch({ type: actions_1.ADD_MESSAGE_COMPONENT, payload: message });
+    const updateMessage = message => webchatDispatch({ type: actions_1.UPDATE_MESSAGE, payload: message });
+    const updateReplies = replies => webchatDispatch({ type: actions_1.UPDATE_REPLIES, payload: replies });
+    const updateLatestInput = input => webchatDispatch({ type: actions_1.UPDATE_LATEST_INPUT, payload: input });
+    const updateTyping = typing => webchatDispatch({ type: actions_1.UPDATE_TYPING, payload: typing });
+    const updateWebview = (webview, params) => webchatDispatch({
+        type: actions_1.UPDATE_WEBVIEW,
+        payload: { webview, webviewParams: params },
+    });
+    const updateSession = session => {
+        webchatDispatch({
+            type: actions_1.UPDATE_SESSION,
+            payload: session,
+        });
+    };
+    const updateLastRoutePath = path => webchatDispatch({
+        type: actions_1.UPDATE_LAST_ROUTE_PATH,
+        payload: path,
+    });
+    const updateHandoff = handoff => webchatDispatch({
+        type: actions_1.UPDATE_HANDOFF,
+        payload: handoff,
+    });
+    const updateTheme = (theme, themeUpdates = undefined) => {
+        const payload = themeUpdates !== undefined ? { theme, themeUpdates } : { theme };
+        webchatDispatch({
+            type: actions_1.UPDATE_THEME,
+            payload,
+        });
+    };
+    const updateDevSettings = settings => webchatDispatch({
+        type: actions_1.UPDATE_DEV_SETTINGS,
+        payload: settings,
+    });
+    const toggleWebchat = toggle => webchatDispatch({
+        type: actions_1.TOGGLE_WEBCHAT,
+        payload: toggle,
+    });
+    const toggleEmojiPicker = toggle => webchatDispatch({
+        type: actions_1.TOGGLE_EMOJI_PICKER,
+        payload: toggle,
+    });
+    const togglePersistentMenu = toggle => webchatDispatch({
+        type: actions_1.TOGGLE_PERSISTENT_MENU,
+        payload: toggle,
+    });
+    const toggleCoverComponent = toggle => webchatDispatch({
+        type: actions_1.TOGGLE_COVER_COMPONENT,
+        payload: toggle,
+    });
+    const doRenderCustomComponent = toggle => webchatDispatch({
+        type: actions_1.DO_RENDER_CUSTOM_COMPONENT,
+        payload: toggle,
+    });
+    const setError = error => webchatDispatch({
+        type: actions_1.SET_ERROR,
+        payload: error,
+    });
+    const setOnline = online => webchatDispatch({
+        type: actions_1.SET_ONLINE,
+        payload: online,
+    });
+    const clearMessages = () => {
+        webchatDispatch({
+            type: actions_1.CLEAR_MESSAGES,
+        });
+    };
+    const updateLastMessageDate = date => {
+        webchatDispatch({
+            type: actions_1.UPDATE_LAST_MESSAGE_DATE,
+            payload: date,
+        });
+    };
+    const setCurrentAttachment = attachment => {
+        webchatDispatch({
+            type: actions_1.SET_CURRENT_ATTACHMENT,
+            payload: attachment,
+        });
+    };
+    const updateJwt = jwt => {
+        webchatDispatch({
+            type: actions_1.UPDATE_JWT,
+            payload: jwt,
+        });
+    };
+    return {
+        webchatState,
+        webchatDispatch,
+        addMessage,
+        addMessageComponent,
+        updateMessage,
+        updateReplies,
+        updateLatestInput,
+        updateTyping,
+        updateWebview,
+        updateSession,
+        updateLastRoutePath,
+        updateHandoff,
+        updateTheme,
+        updateDevSettings,
+        toggleWebchat,
+        toggleEmojiPicker,
+        togglePersistentMenu,
+        toggleCoverComponent,
+        doRenderCustomComponent,
+        setError,
+        setOnline,
+        clearMessages,
+        updateLastMessageDate,
+        setCurrentAttachment,
+        updateJwt,
+    };
+}
+exports.useWebchat = useWebchat;
+function useTyping({ webchatState, updateTyping, updateMessage, host }) {
+    (0, react_1.useEffect)(() => {
+        let delayTimeout, typingTimeout;
+        (0, dom_1.scrollToBottom)({ host });
+        try {
+            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
+            if (nextMsg.delay && nextMsg.typing) {
+                delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
+            }
+            else if (nextMsg.typing)
+                updateTyping(true);
+            const totalDelay = nextMsg.delay + nextMsg.typing;
+            if (totalDelay)
+                typingTimeout = setTimeout(() => {
+                    updateMessage(Object.assign(Object.assign({}, nextMsg), { display: true }));
+                    updateTyping(false);
+                }, totalDelay * 1000);
+        }
+        catch (e) { }
+        return () => {
+            clearTimeout(delayTimeout);
+            clearTimeout(typingTimeout);
+        };
+    }, [webchatState.messagesJSON, webchatState.typing]);
+}
+exports.useTyping = useTyping;
+function usePrevious(value) {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        ref.current = value;
+    });
+    return ref.current;
+}
+exports.usePrevious = usePrevious;
+function useComponentVisible(initialIsVisible, onClickOutside) {
+    const [isComponentVisible, setIsComponentVisible] = (0, react_1.useState)(initialIsVisible);
+    const ref = (0, react_1.useRef)(null);
+    const handleClickOutside = event => {
+        const target = event.path ? event.path[0] : event.target;
+        if (ref.current && !ref.current.contains(target)) {
+            setIsComponentVisible(false);
+            onClickOutside();
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('click', handleClickOutside, false);
+        return () => {
+            document.removeEventListener('click', handleClickOutside, false);
+        };
+    });
+    return { ref, isComponentVisible, setIsComponentVisible };
+}
+exports.useComponentVisible = useComponentVisible;
+const useComponentWillMount = func => {
+    (0, react_1.useMemo)(func, []);
+};
+exports.useComponentWillMount = useComponentWillMount;
+//# sourceMappingURL=hooks.js.map

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * @returns {WebChatApp}
+ */
+export function getBotonicApp(): WebChatApp;
+export { Webchat } from "./webchat";
+export { WebchatDev } from "./webchat-dev";

package/lib/cjs/webchat/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBotonicApp = exports.WebchatDev = exports.Webchat = void 0;
+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; } });
+/**
+ * @returns {WebChatApp}
+ */
+function getBotonicApp() {
+    // Botonic is exported from your bot
+    // eslint-disable-next-line no-undef
+    return Botonic;
+}
+exports.getBotonicApp = getBotonicApp;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["webchat/index.js"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AAEnB;;GAEG;AACH,SAAgB,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAJD,sCAIC"}

package/lib/cjs/webchat/message-list.d.ts

@@ -0,0 +1 @@
+export function WebchatMessageList(props: any): JSX.Element;

package/lib/cjs/webchat/message-list.js

@@ -0,0 +1,39 @@
+"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 Fade_1 = tslib_1.__importDefault(require("react-reveal/Fade"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const environment_1 = require("../util/environment");
+const react_2 = require("../util/react");
+const styled_scrollbar_1 = require("./components/styled-scrollbar");
+const StyledMessages = styled_components_1.default.div `
+  display: flex;
+  overflow-x: hidden;
+  flex-direction: column;
+  flex: none;
+  white-space: pre;
+  word-wrap: break-word;
+`;
+const DefaultIntroImage = styled_components_1.default.img `
+  max-height: 50%;
+  width: 100%;
+`;
+const WebchatMessageList = props => {
+    const { webchatState, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const CustomIntro = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
+    const introImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introImage);
+    const introStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    const DefaultIntro = introImage && ((0, jsx_runtime_1.jsx)(DefaultIntroImage, { style: Object.assign({}, introStyle), src: (0, environment_1.resolveImage)(introImage) }));
+    return ((0, jsx_runtime_1.jsxs)(styled_scrollbar_1.StyledScrollbar, Object.assign({ role: constants_1.ROLES.MESSAGE_LIST, 
+        // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
+        id: 'botonic-scrollable-content', scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, ismessagescontainer: 'true', style: Object.assign({}, props.style) }, { children: [(CustomIntro || DefaultIntro) && ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(Fade_1.default, { children: children }) }, { children: CustomIntro ? (0, jsx_runtime_1.jsx)(CustomIntro, {}) : DefaultIntro }))), webchatState.messagesComponents.map((e, i) => ((0, jsx_runtime_1.jsx)(StyledMessages, Object.assign({ role: constants_1.ROLES.MESSAGE }, { children: e }), i))), props.children] })));
+};
+exports.WebchatMessageList = WebchatMessageList;
+//# sourceMappingURL=message-list.js.map

package/lib/cjs/webchat/message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.js","sourceRoot":"src/","sources":["webchat/message-list.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,qEAAoC;AACpC,kFAAsC;AAEtC,4CAA6C;AAC7C,0CAA4C;AAC5C,qDAAkD;AAClD,yCAAkD;AAClD,oEAA+D;AAE/D,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAEM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,uBAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,IAAA,0BAAY,EAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,CACL,wBAAC,kCAAe,kBACd,IAAI,EAAE,iBAAK,CAAC,YAAY;QACxB,gGAAgG;QAChG,EAAE,EAAC,4BAA4B,EAC/B,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,EACnC,mBAAmB,EAAC,MAAM,EAC1B,KAAK,oBACA,KAAK,CAAC,KAAK,kBAGf,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,uBAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,EACA,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,uBAAC,cAAc,kBAAC,IAAI,EAAE,iBAAK,CAAC,OAAO,gBAChC,CAAC,KADsC,CAAC,CAE1B,CAClB,CAAC,EACD,KAAK,CAAC,QAAQ,KACC,CACnB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}

package/lib/cjs/webchat/messages-reducer.d.ts

@@ -0,0 +1 @@
+export function messagesReducer(state: any, action: any): any;

package/lib/cjs/webchat/messages-reducer.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messagesReducer = void 0;
+const actions_1 = require("./actions");
+const messagesReducer = (state, action) => {
+    switch (action.type) {
+        case actions_1.ADD_MESSAGE:
+            return addMessageReducer(state, action);
+        case actions_1.ADD_MESSAGE_COMPONENT:
+            return Object.assign(Object.assign({}, state), { messagesComponents: [
+                    ...(state.messagesComponents || []),
+                    action.payload,
+                ] });
+        case actions_1.UPDATE_MESSAGE:
+            return updateMessageReducer(state, action);
+        case actions_1.UPDATE_REPLIES:
+            return Object.assign(Object.assign({}, state), { replies: action.payload });
+        case actions_1.CLEAR_MESSAGES:
+            return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [] });
+        case actions_1.UPDATE_LAST_MESSAGE_DATE:
+            return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
+        default:
+            throw new Error();
+    }
+};
+exports.messagesReducer = messagesReducer;
+function updateMessageReducer(state, action) {
+    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
+    if (msgIndex > -1) {
+        const msgComponent = state.messagesComponents[msgIndex];
+        let updatedMessageComponents = {};
+        if (msgComponent) {
+            const updatedMsgComponent = Object.assign(Object.assign({}, msgComponent), {
+                props: Object.assign(Object.assign({}, msgComponent.props), { ack: action.payload.ack }),
+            });
+            updatedMessageComponents = {
+                messagesComponents: [
+                    ...state.messagesComponents.slice(0, msgIndex),
+                    Object.assign({}, updatedMsgComponent),
+                    ...state.messagesComponents.slice(msgIndex + 1),
+                ],
+            };
+        }
+        return Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
+                ...state.messagesJSON.slice(0, msgIndex),
+                Object.assign({}, action.payload),
+                ...state.messagesJSON.slice(msgIndex + 1),
+            ] }), updatedMessageComponents);
+    }
+    return state;
+}
+function addMessageReducer(state, action) {
+    if (state.messagesJSON &&
+        state.messagesJSON.find(m => m.id === action.payload.id))
+        return state;
+    return Object.assign(Object.assign({}, state), { messagesJSON: [...(state.messagesJSON || []), action.payload] });
+}
+//# sourceMappingURL=messages-reducer.js.map

package/lib/cjs/webchat/messages-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-reducer.js","sourceRoot":"src/","sources":["webchat/messages-reducer.js"],"names":[],"mappings":";;;AAAA,uCAOkB;AAEX,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAC/C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,qBAAW;YACd,OAAO,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzC,KAAK,+BAAqB;YACxB,uCACK,KAAK,KACR,kBAAkB,EAAE;oBAClB,GAAG,CAAC,KAAK,CAAC,kBAAkB,IAAI,EAAE,CAAC;oBACnC,MAAM,CAAC,OAAO;iBACf,IACF;QACH,KAAK,wBAAc;YACjB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC5C,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc;YACjB,uCACK,KAAK,KACR,YAAY,EAAE,EAAE,EAChB,kBAAkB,EAAE,EAAE,IACvB;QACH,KAAK,kCAAwB;YAC3B,uCACK,KAAK,KACR,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAClC;QACH;YACE,MAAM,IAAI,KAAK,EAAE,CAAA;KACpB;AACH,CAAC,CAAA;AA9BY,QAAA,eAAe,mBA8B3B;AAED,SAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC7E,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;QACjB,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QACvD,IAAI,wBAAwB,GAAG,EAAE,CAAA;QACjC,IAAI,YAAY,EAAE;YAChB,MAAM,mBAAmB,mCACpB,YAAY,GACZ;gBACD,KAAK,kCAAO,YAAY,CAAC,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,GAAE;aAC1D,CACF,CAAA;YACD,wBAAwB,GAAG;gBACzB,kBAAkB,EAAE;oBAClB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;sCACzC,mBAAmB;oBACxB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;iBAChD;aACF,CAAA;SACF;QACD,qDACK,KAAK,KACR,YAAY,EAAE;gBACZ,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;kCACnC,MAAM,CAAC,OAAO;gBACnB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC1C,KACE,wBAAwB,EAC5B;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM;IACtC,IACE,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QAExD,OAAO,KAAK,CAAA;IACd,uCACK,KAAK,KACR,YAAY,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAC9D;AACH,CAAC"}

package/lib/cjs/webchat/replies.d.ts

@@ -0,0 +1 @@
+export function WebchatReplies(props: any): JSX.Element;

package/lib/cjs/webchat/replies.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatReplies = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const styled_scrollbar_1 = require("../webchat/components/styled-scrollbar");
+const RepliesContainer = styled_components_1.default.div `
+  display: flex;
+  text-align: center;
+  justify-content: ${props => props.justify};
+  flex-wrap: ${props => props.wrap};
+  padding-bottom: 10px;
+  margin-left: 5px;
+  margin-right: 5px;
+`;
+const ReplyContainer = styled_components_1.default.div `
+  flex: none;
+  display: inline-block;
+  margin: 3px;
+`;
+const options = {
+    left: 'flex-start',
+    center: 'center',
+    right: 'flex-end',
+};
+const WebchatReplies = props => {
+    const { webchatState, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    let justifyContent = 'center';
+    const flexWrap = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.wrapReplies, 'wrap');
+    if (flexWrap == 'nowrap')
+        justifyContent = 'flex-start';
+    else if (getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
+        justifyContent =
+            options[getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
+    return ((0, jsx_runtime_1.jsx)(styled_scrollbar_1.StyledScrollbar, Object.assign({ scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide }, { children: (0, jsx_runtime_1.jsx)(RepliesContainer, Object.assign({ justify: justifyContent, wrap: flexWrap, style: Object.assign({}, props.style) }, { children: webchatState.replies.map((r, i) => ((0, jsx_runtime_1.jsx)(ReplyContainer, { children: r }, i))) })) })));
+};
+exports.WebchatReplies = WebchatReplies;
+//# sourceMappingURL=replies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"replies.js","sourceRoot":"src/","sources":["webchat/replies.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAAsC;AACtC,0CAA4C;AAC5C,6EAAwE;AAExE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,uBAAC,kCAAe,kBACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,gBAEnC,uBAAC,gBAAgB,kBACf,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,EACd,KAAK,oBACA,KAAK,CAAC,KAAK,iBAGf,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,IACe,IACH,CACnB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,cAAc,kBAkC1B"}

package/lib/cjs/webchat/session-view.d.ts

@@ -0,0 +1 @@
+export function SessionView(props: any): JSX.Element;

package/lib/cjs/webchat/session-view.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionView = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_json_tree_1 = tslib_1.__importDefault(require("react-json-tree"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const hooks_1 = require("./hooks");
+const AttributeContainer = styled_components_1.default.div `
+  display: flex;
+  flex: none;
+  padding: 12px;
+  padding-bottom: 0px;
+  font-size: 12px;
+  font-weight: 600;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  align-items: center;
+`;
+const Label = styled_components_1.default.div `
+  flex: none;
+`;
+const Value = styled_components_1.default.div `
+  flex: 1 1 auto;
+  max-height: 20px;
+  font-size: 16px;
+  font-weight: 400;
+  margin-left: 6px;
+  color: ${constants_1.COLORS.CURIOUS_BLUE};
+  overflow-x: hidden;
+`;
+const SessionViewAttribute = props => ((0, jsx_runtime_1.jsxs)(AttributeContainer, { children: [(0, jsx_runtime_1.jsx)(Label, { children: props.label }), (0, jsx_runtime_1.jsx)(Value, { children: props.value })] }));
+const SessionViewContent = styled_components_1.default.div `
+  position: relative;
+  width: ${props => (props.show ? '100%' : '0%')};
+  height: 100%;
+  display: flex;
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
+  font-family: Arial, Helvetica, sans-serif;
+  flex-direction: column;
+  z-index: 100000;
+  transition: all 0.2s ease-in-out;
+`;
+const ToggleTab = styled_components_1.default.div `
+  position: absolute;
+  top: 10px;
+  right: -32px;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
+  font-size: 14px;
+  font-weight: 600;
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
+  flex-direction: column;
+  z-index: 100000;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+`;
+const ContentContainer = styled_components_1.default.div `
+  overflow-y: auto;
+  overflow-x: auto;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+`;
+const Title = styled_components_1.default.div `
+  padding: 12px;
+  text-align: center;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  border-bottom: 1px solid ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_2};
+`;
+const SessionContainer = styled_components_1.default.div `
+  flex: 1 1 auto;
+  height: 100%;
+  overflow-y: auto;
+`;
+const KeepSessionContainer = styled_components_1.default.div `
+  flex: none;
+  padding: 12px;
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
+  font-size: 12px;
+`;
+const SessionView = props => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const { webchatState, updateDevSettings } = props.webchatHooks || (0, hooks_1.useWebchat)();
+    const { latestInput: input, session, lastRoutePath } = webchatState;
+    const toggleSessionView = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { showSessionView: !webchatState.devSettings.showSessionView }));
+    const toggleKeepSessionOnReload = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload }));
+    return ((0, jsx_runtime_1.jsxs)(SessionViewContent, Object.assign({ show: webchatState.devSettings.showSessionView }, { children: [(0, jsx_runtime_1.jsx)(ToggleTab, Object.assign({ onClick: toggleSessionView }, { children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' })), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { children: "Botonic Dev Console" }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
+                            ? `[${input.type}] ${input.data || ''}`
+                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INTENT:', value: input.intent
+                            ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
+                            : '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
+};
+exports.SessionView = SessionView;
+//# sourceMappingURL=session-view.js.map

package/lib/cjs/webchat/session-view.js.map

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

package/lib/cjs/webchat/use-storage-state-hook.d.ts

@@ -0,0 +1 @@
+export function useStorageState(storage: any, key: any, defaultValue: any): any[];