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

package/lib/esm/src/webchat/devices/scrollbar-controller.js

@@ -1,99 +0,0 @@
-import { getScrollableArea, getScrollableContent, getWebchatElement, } from '../../util/dom';
-import { DEVICES, isMobileDevice } from '.';
-const debounced = (delay, fn) => {
-    let timerId;
-    return function (...args) {
-        if (timerId) {
-            clearTimeout(timerId);
-        }
-        timerId = setTimeout(() => {
-            fn(...args);
-            timerId = null;
-        }, delay);
-    };
-};
-const stopAtScrollLimit = element => {
-    if (element.scrollTop === 0)
-        element.scrollTop = 1;
-    if (element.scrollHeight - element.scrollTop === element.clientHeight)
-        element.scrollTop -= 1;
-};
-export class ScrollbarController {
-    constructor(currentDevice, host) {
-        this.currentDevice = currentDevice;
-        this.webchat = getWebchatElement(host);
-    }
-    handleScrollEvents() {
-        /*
-          It handles scroll events for Mobile/Desktop.
-          "ontouchmove" is the phone equivalent for "onmouseover"
-        */
-        if (isMobileDevice()) {
-            if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-                return;
-            this.limitScrollBoundaries();
-            this.webchat.ontouchstart = e => {
-                this.handleOnTouchMoveEvents(e);
-            };
-            this.webchat.ontouchmove = e => {
-                this.handleOnTouchMoveEvents(e);
-            };
-        }
-        else {
-            this.webchat.onmouseover = e => this.handleOnMouseOverEvents(e);
-        }
-    }
-    hasScrollbar() {
-        const scrollableArea = getScrollableArea(this.webchat);
-        const isScrollable = scrollableArea.visible.clientHeight - scrollableArea.full.clientHeight < 0;
-        return isScrollable;
-    }
-    handleOnMouseOverEvents(e) {
-        let target = e.currentTarget;
-        while (target) {
-            this.toggleOnMouseWheelEvents();
-            target = target.parentNode;
-        }
-    }
-    toggleOnMouseWheelEvents() {
-        const scrollableContent = getScrollableContent(this.webchat);
-        if (this.hasScrollbar()) {
-            scrollableContent.onmousewheel = {};
-            return;
-        }
-        scrollableContent.onmousewheel = e => e.preventDefault();
-    }
-    handleOnTouchMoveEvents(e) {
-        this.toggleOnTouchMoveEvents();
-    }
-    toggleOnTouchMoveEvents() {
-        if (this.hasScrollbar()) {
-            this.webchat.ontouchmove = {};
-            this.webchat.ontouchstart = {};
-            return;
-        }
-        this.webchat.ontouchmove = e => {
-            if (e.target === e.currentTarget)
-                e.preventDefault();
-        };
-    }
-    limitScrollBoundaries() {
-        if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        /*
-          It adds a bounce effect when top or bottom limits of the scrollbar are reached for iOS,
-          as an alternative of overscroll-behavior (https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior)
-        */
-        const frame = getScrollableArea(this.webchat).visible;
-        const dStopAtScrollLimit = debounced(100, stopAtScrollLimit);
-        if (frame) {
-            if (window.addEventListener) {
-                frame.addEventListener('scroll', () => dStopAtScrollLimit(frame), true);
-            }
-            else if (window.attachEvent) {
-                frame.attachEvent('scroll', () => dStopAtScrollLimit(frame));
-            }
-        }
-    }
-}
-//# sourceMappingURL=scrollbar-controller.js.map

package/lib/esm/src/webchat/devices/scrollbar-controller.js.map

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

package/lib/esm/src/webchat/devices/webchat-resizer.js

@@ -1,43 +0,0 @@
-import { getWebchatElement, scrollToBottom } from '../../util/dom';
-import { DEVICES } from '.';
-export class WebchatResizer {
-    constructor(currentDevice, host) {
-        this.currentDevice = currentDevice;
-        this.host = host;
-        this.webchat = getWebchatElement(host);
-    }
-    onFocus(onKeyboardShownFn) {
-        if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        /*
-          Based on Tip #4 from https://blog.opendigerati.com/the-eccentric-ways-of-ios-safari-with-the-keyboard-b5aa3f34228d,
-          taking window.innerHeight as the amount of pixels the virtual keyboard adds
-        */
-        const waitUntilKeyboardIsShown = 400;
-        const calculateNewWebchatElementHeight = () => {
-            const webchatHeight = this.webchat.clientHeight;
-            // Some iOS versions keep track of this height with VisualViewport API: https://stackoverflow.com/a/59056851
-            const keyboardOffset = (window.visualViewport && window.visualViewport.height) ||
-                window.innerHeight;
-            let newWebchatPercentualHeight = keyboardOffset / webchatHeight;
-            const toTwoDecimal = toRound => Math.round(toRound * 100) / 100;
-            newWebchatPercentualHeight =
-                toTwoDecimal(newWebchatPercentualHeight) * 100;
-            return newWebchatPercentualHeight;
-        };
-        setTimeout(() => {
-            this.setWebchatElementHeight(`${calculateNewWebchatElementHeight()}%`);
-            // scrollToBottom(this.host)
-            onKeyboardShownFn();
-        }, waitUntilKeyboardIsShown);
-    }
-    onBlur() {
-        if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        this.setWebchatElementHeight('100%');
-    }
-    setWebchatElementHeight(newHeight) {
-        this.webchat.style.height = newHeight;
-    }
-}
-//# sourceMappingURL=webchat-resizer.js.map

package/lib/esm/src/webchat/devices/webchat-resizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat-resizer.js","sourceRoot":"src/","sources":["src/webchat/devices/webchat-resizer.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAA;AAE3B,MAAM,OAAO,cAAc;IACzB,YAAY,aAAa,EAAE,IAAI;QAC7B,IAAI,CAAC,aAAa,GAAG,aAAa,CAAA;QAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;QAChB,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD;;;UAGE;QACF,MAAM,wBAAwB,GAAG,GAAG,CAAA;QACpC,MAAM,gCAAgC,GAAG,GAAG,EAAE;YAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;YAC/C,4GAA4G;YAC5G,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;gBACvD,MAAM,CAAC,WAAW,CAAA;YACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;YAC/D,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA;YAC/D,0BAA0B;gBACxB,YAAY,CAAC,0BAA0B,CAAC,GAAG,GAAG,CAAA;YAChD,OAAO,0BAA0B,CAAA;QACnC,CAAC,CAAA;QACD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,uBAAuB,CAAC,GAAG,gCAAgC,EAAE,GAAG,CAAC,CAAA;YACtE,4BAA4B;YAC5B,iBAAiB,EAAE,CAAA;QACrB,CAAC,EAAE,wBAAwB,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAA;IACtC,CAAC;IAED,uBAAuB,CAAC,SAAS;QAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACvC,CAAC;CACF"}

package/lib/esm/src/webchat/header.d.ts

@@ -1,4 +0,0 @@
-export function DefaultHeader(props: any): React.JSX.Element;
-export function WebchatHeader(props: any): React.JSX.Element;
-export const StyledWebchatHeader: any;
-import React from "react";

package/lib/esm/src/webchat/header.js

@@ -1,85 +0,0 @@
-import { motion } from 'framer-motion';
-import React, { useContext } from 'react';
-import styled from 'styled-components';
-import { COLORS, ROLES, WEBCHAT } from '../constants';
-import { WebchatContext } from '../contexts';
-import { resolveImage } from '../util/environment';
-import { ConditionalWrapper } from '../util/react';
-const Header = styled.div `
-  display: flex;
-  background: linear-gradient(
-    90deg,
-    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
-    ${props => props.color} 100%
-  );
-  height: 55px;
-  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
-  z-index: 2;
-`;
-const ImageContainer = styled.div `
-  padding: 10px;
-  align-items: center;
-`;
-const Image = styled.img `
-  width: 32px;
-  border-radius: 50%;
-`;
-const TextContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 1 auto;
-`;
-const Title = styled.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 15px;
-  font-weight: bold;
-  color: ${COLORS.SOLID_WHITE};
-`;
-const Subtitle = styled.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 11px;
-  color: ${COLORS.SOLID_WHITE};
-`;
-const CloseHeader = styled.div `
-  padding: 0px 16px;
-  cursor: pointer;
-  color: ${COLORS.SOLID_WHITE};
-  font-family: inherit;
-  font-size: 36px;
-`;
-export const DefaultHeader = props => {
-    const { getThemeProperty } = props;
-    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
-    const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
-    const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
-    const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
-    return (React.createElement(Header, { role: ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) },
-        headerImage && (React.createElement(ImageContainer, null,
-            React.createElement(Image, { src: resolveImage(headerImage) }))),
-        React.createElement(TextContainer, { ml: headerImage ? '0px' : '16px' },
-            React.createElement(Title, { mb: headerSubtitle ? '6px' : '0px' }, headerTitle),
-            React.createElement(Subtitle, null, headerSubtitle)),
-        React.createElement(ConditionalWrapper, { condition: animationsEnabled, wrapper: children => (React.createElement(motion.div, { whileHover: { scale: 1.2 } }, children)) },
-            React.createElement(CloseHeader, { onClick: props.onCloseClick }, "\u2A2F"))));
-};
-export const WebchatHeader = props => {
-    const { webchatState, getThemeProperty } = useContext(WebchatContext);
-    const handleCloseWebchat = event => {
-        props.onCloseClick(event.target.value);
-    };
-    const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
-    if (CustomHeader) {
-        return React.createElement(CustomHeader, { onCloseClick: handleCloseWebchat });
-    }
-    return (React.createElement(DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }));
-};
-export const StyledWebchatHeader = styled(WebchatHeader) `
-  border-radius: 8px 8px 0px 0px;
-  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
-  height: 36px;
-  flex: none;
-`;
-//# sourceMappingURL=header.js.map

package/lib/esm/src/webchat/header.js.map

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

package/lib/esm/src/webchat/hooks/index.js

@@ -1,6 +0,0 @@
-export { useComponentVisible } from './use-component-visible';
-export { useComponentWillMount } from './use-component-will-mount';
-export { usePrevious } from './use-previous';
-export { useTyping } from './use-typing';
-export { useWebchat, webchatInitialState } from './use-webchat';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA"}

package/lib/esm/src/webchat/hooks/use-component-visible.js

@@ -1,20 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-export function useComponentVisible(initialIsVisible, onClickOutside) {
-    const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
-    const ref = useRef(null);
-    const handleClickOutside = event => {
-        const target = event.path ? event.path[0] : event.target;
-        if (ref.current && !ref.current.contains(target)) {
-            setIsComponentVisible(false);
-            onClickOutside();
-        }
-    };
-    useEffect(() => {
-        document.addEventListener('click', handleClickOutside, false);
-        return () => {
-            document.removeEventListener('click', handleClickOutside, false);
-        };
-    });
-    return { ref, isComponentVisible, setIsComponentVisible };
-}
-//# sourceMappingURL=use-component-visible.js.map

package/lib/esm/src/webchat/hooks/use-component-visible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-visible.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQnD,MAAM,UAAU,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC"}

package/lib/esm/src/webchat/hooks/use-component-will-mount.js

@@ -1,5 +0,0 @@
-import { useMemo } from 'react';
-export const useComponentWillMount = func => {
-    useMemo(func, []);
-};
-//# sourceMappingURL=use-component-will-mount.js.map

package/lib/esm/src/webchat/hooks/use-component-will-mount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-will-mount.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA"}

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

@@ -1,9 +0,0 @@
-import { useEffect, useRef } from 'react';
-export function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = value;
-    });
-    return ref.current;
-}
-//# sourceMappingURL=use-previous.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-previous.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAK;IAC/B,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC"}

package/lib/esm/src/webchat/hooks/use-typing.js

@@ -1,28 +0,0 @@
-import { useEffect } from 'react';
-export function useTyping({ webchatState, updateTyping, updateMessage, }) {
-    useEffect(() => {
-        let delayTimeout, typingTimeout;
-        try {
-            const nextMsg = webchatState.messagesJSON.filter(m => !m.display)[0];
-            if (nextMsg) {
-                if (nextMsg.delay && nextMsg.typing) {
-                    delayTimeout = setTimeout(() => updateTyping(true), nextMsg.delay * 1000);
-                }
-                else if (nextMsg.typing)
-                    updateTyping(true);
-                const totalDelay = nextMsg.delay + nextMsg.typing;
-                if (totalDelay)
-                    typingTimeout = setTimeout(() => {
-                        updateMessage(Object.assign(Object.assign({}, nextMsg), { display: true }));
-                        updateTyping(false);
-                    }, totalDelay * 1000);
-            }
-        }
-        catch (e) { }
-        return () => {
-            clearTimeout(delayTimeout);
-            clearTimeout(typingTimeout);
-        };
-    }, [webchatState.messagesJSON, webchatState.typing]);
-}
-//# sourceMappingURL=use-typing.js.map

package/lib/esm/src/webchat/hooks/use-typing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-typing.js","sourceRoot":"src/","sources":["src/webchat/hooks/use-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,MAAM,UAAU,SAAS,CAAC,EACxB,YAAY,EACZ,YAAY,EACZ,aAAa,GACH;IACV,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE,aAAa,CAAA;QAC/B,IAAI;YACF,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YACpE,IAAI,OAAO,EAAE;gBACX,IAAI,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;oBACnC,YAAY,GAAG,UAAU,CACvB,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACxB,OAAO,CAAC,KAAK,GAAG,IAAI,CACrB,CAAA;iBACF;qBAAM,IAAI,OAAO,CAAC,MAAM;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAA;gBAC7C,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACjD,IAAI,UAAU;oBACZ,aAAa,GAAG,UAAU,CAAC,GAAG,EAAE;wBAC9B,aAAa,iCAAM,OAAO,KAAE,OAAO,EAAE,IAAI,IAAG,CAAA;wBAC5C,YAAY,CAAC,KAAK,CAAC,CAAA;oBACrB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC,CAAA;aACxB;SACF;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,YAAY,CAAC,CAAA;YAC1B,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7B,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;AACtD,CAAC"}

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

@@ -1,177 +0,0 @@
-import { useReducer } from 'react';
-import { COLORS, WEBCHAT } from '../../constants';
-import { WebchatAction } from '../actions';
-import { webchatReducer } from '../webchat-reducer';
-export const webchatInitialState = {
-    width: WEBCHAT.DEFAULTS.WIDTH,
-    height: WEBCHAT.DEFAULTS.HEIGHT,
-    messagesJSON: [],
-    messagesComponents: [],
-    replies: [],
-    latestInput: {},
-    typing: false,
-    webview: null,
-    webviewParams: null,
-    session: { user: undefined },
-    lastRoutePath: null,
-    handoff: false,
-    theme: {
-        headerTitle: WEBCHAT.DEFAULTS.TITLE,
-        brandColor: COLORS.BOTONIC_BLUE,
-        brandImage: WEBCHAT.DEFAULTS.LOGO,
-        triggerButtonImage: undefined,
-        textPlaceholder: WEBCHAT.DEFAULTS.PLACEHOLDER,
-        style: {
-            fontFamily: 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: undefined,
-    numUnreadMessages: 0,
-    isLastMessageVisible: true,
-};
-export function useWebchat() {
-    const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
-    const addMessage = (message) => webchatDispatch({ type: WebchatAction.ADD_MESSAGE, payload: message });
-    const addMessageComponent = (message) => webchatDispatch({
-        type: WebchatAction.ADD_MESSAGE_COMPONENT,
-        payload: message,
-    });
-    const updateMessage = (message) => webchatDispatch({ type: WebchatAction.UPDATE_MESSAGE, payload: message });
-    const updateReplies = replies => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
-    const updateLatestInput = (input) => webchatDispatch({ type: WebchatAction.UPDATE_LATEST_INPUT, payload: input });
-    const updateTyping = (typing) => webchatDispatch({ type: WebchatAction.UPDATE_TYPING, payload: typing });
-    const updateWebview = (webview, params) => webchatDispatch({
-        type: WebchatAction.UPDATE_WEBVIEW,
-        payload: { webview, webviewParams: params },
-    });
-    const updateSession = (session) => {
-        webchatDispatch({
-            type: WebchatAction.UPDATE_SESSION,
-            payload: session,
-        });
-    };
-    const updateLastRoutePath = (path) => webchatDispatch({
-        type: WebchatAction.UPDATE_LAST_ROUTE_PATH,
-        payload: path,
-    });
-    const updateHandoff = (handoff) => webchatDispatch({
-        type: WebchatAction.UPDATE_HANDOFF,
-        payload: handoff,
-    });
-    const updateTheme = (theme, themeUpdates) => {
-        const payload = themeUpdates !== undefined ? { theme, themeUpdates } : { theme };
-        webchatDispatch({
-            type: WebchatAction.UPDATE_THEME,
-            payload,
-        });
-    };
-    const updateDevSettings = (settings) => webchatDispatch({
-        type: WebchatAction.UPDATE_DEV_SETTINGS,
-        payload: settings,
-    });
-    const toggleWebchat = (toggle) => {
-        webchatDispatch({
-            type: WebchatAction.TOGGLE_WEBCHAT,
-            payload: toggle,
-        });
-    };
-    const toggleEmojiPicker = (toggle) => webchatDispatch({
-        type: WebchatAction.TOGGLE_EMOJI_PICKER,
-        payload: toggle,
-    });
-    const togglePersistentMenu = (toggle) => webchatDispatch({
-        type: WebchatAction.TOGGLE_PERSISTENT_MENU,
-        payload: toggle,
-    });
-    const toggleCoverComponent = (toggle) => webchatDispatch({
-        type: WebchatAction.TOGGLE_COVER_COMPONENT,
-        payload: toggle,
-    });
-    const doRenderCustomComponent = (toggle) => webchatDispatch({
-        type: WebchatAction.DO_RENDER_CUSTOM_COMPONENT,
-        payload: toggle,
-    });
-    const setError = (error) => webchatDispatch({
-        type: WebchatAction.SET_ERROR,
-        payload: error,
-    });
-    const setOnline = (online) => webchatDispatch({
-        type: WebchatAction.SET_ONLINE,
-        payload: online,
-    });
-    const clearMessages = () => {
-        webchatDispatch({
-            type: WebchatAction.CLEAR_MESSAGES,
-        });
-    };
-    const updateLastMessageDate = (date) => {
-        webchatDispatch({
-            type: WebchatAction.UPDATE_LAST_MESSAGE_DATE,
-            payload: date,
-        });
-    };
-    const setCurrentAttachment = (attachment) => {
-        webchatDispatch({
-            type: WebchatAction.SET_CURRENT_ATTACHMENT,
-            payload: attachment,
-        });
-    };
-    const updateJwt = (jwt) => {
-        webchatDispatch({
-            type: WebchatAction.UPDATE_JWT,
-            payload: jwt,
-        });
-    };
-    const resetUnreadMessages = () => {
-        webchatDispatch({
-            type: WebchatAction.RESET_UNREAD_MESSAGES,
-        });
-    };
-    const setLastMessageVisible = (isLastMessageVisible) => {
-        webchatDispatch({
-            type: WebchatAction.SET_LAST_MESSAGE_VISIBLE,
-            payload: isLastMessageVisible,
-        });
-    };
-    return {
-        addMessage,
-        addMessageComponent,
-        clearMessages,
-        doRenderCustomComponent,
-        resetUnreadMessages,
-        setCurrentAttachment,
-        setError,
-        setLastMessageVisible,
-        setOnline,
-        toggleCoverComponent,
-        toggleEmojiPicker,
-        togglePersistentMenu,
-        toggleWebchat,
-        updateDevSettings,
-        updateHandoff,
-        updateJwt,
-        updateLastMessageDate,
-        updateLastRoutePath,
-        updateLatestInput,
-        updateMessage,
-        updateReplies,
-        updateSession,
-        updateTheme,
-        updateTyping,
-        updateWebview,
-        webchatDispatch,
-        webchatState,
-    };
-}
-//# sourceMappingURL=use-webchat.js.map

package/lib/esm/src/webchat/hooks/use-webchat.js.map

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const WebchatMessageList: (props: any) => React.JSX.Element;

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

@@ -1,80 +0,0 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
-import { scrollToBottom } from '../../util';
-import { StyledScrollbar } from '../components/styled-scrollbar';
-import { TypingIndicator } from '../components/typing-indicator';
-import { IntroMessage } from './intro-message';
-import { ScrollButton } from './scroll-button';
-import { ContainerMessage } from './styles';
-import { UnreadMessagesBanner } from './unread-messages-banner';
-export const WebchatMessageList = props => {
-    const { webchatState, getThemeProperty, resetUnreadMessages, setLastMessageVisible, } = useContext(WebchatContext);
-    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
-    const [firstUnreadMessageId, setFirstUnreadMessageId] = useState();
-    const lastMessageRef = useRef(null);
-    const handleScrollToBottom = () => {
-        resetUnreadMessages();
-        scrollToBottom({ host: props.host });
-    };
-    const showUnreadMessagesBanner = (messageComponentId) => firstUnreadMessageId &&
-        messageComponentId === firstUnreadMessageId &&
-        webchatState.numUnreadMessages > 0;
-    const unreadMessagesBannerRef = useRef(null);
-    useEffect(() => {
-        var _a;
-        const firstUnreadMessage = webchatState.messagesComponents.find(message => message.props.isUnread);
-        setFirstUnreadMessageId((_a = firstUnreadMessage === null || firstUnreadMessage === void 0 ? void 0 : firstUnreadMessage.props) === null || _a === void 0 ? void 0 : _a.id);
-    }, [webchatState.messagesComponents]);
-    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]);
-    useEffect(() => {
-        if (webchatState.isLastMessageVisible && webchatState.typing) {
-            scrollToBottom({ host: props.host });
-        }
-        if (webchatState.isLastMessageVisible) {
-            scrollToBottom({ host: props.host });
-        }
-    }, [webchatState.typing, webchatState.isLastMessageVisible]);
-    useEffect(() => {
-        if (firstUnreadMessageId) {
-            if (unreadMessagesBannerRef.current) {
-                unreadMessagesBannerRef.current.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'center',
-                });
-                return;
-            }
-        }
-        else if (lastMessageRef.current) {
-            lastMessageRef.current.scrollIntoView({
-                behavior: 'smooth',
-                block: 'end',
-            });
-            return;
-        }
-    }, [firstUnreadMessageId]);
-    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(StyledScrollbar, { role: 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.toString(), style: Object.assign({}, props.style) },
-            React.createElement(IntroMessage, null),
-            webchatState.messagesComponents.map((messageComponent, index) => {
-                return (React.createElement(ContainerMessage, { role: ROLES.MESSAGE, key: index },
-                    showUnreadMessagesBanner(messageComponent.props.id) && (React.createElement(UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })),
-                    index === webchatState.messagesComponents.length - 1 && (React.createElement("div", { ref: lastMessageRef, style: { content: '' } })),
-                    messageComponent));
-            }),
-            webchatState.typing && React.createElement(TypingIndicator, null)),
-        showScrollButton && React.createElement(ScrollButton, { handleClick: handleScrollToBottom })));
-};
-//# sourceMappingURL=index.js.map