@botonic/react 0.30.0-alpha.1 → 0.30.0

package/lib/cjs/webchat/devices/webchat-resizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/devices/webchat-resizer.js"],"names":[],"mappings":";;;AAAA,wCAAkE;AAClE,wBAA2B;AAE3B,MAAa,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,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;IACxC,CAAC;IAED,OAAO,CAAC,iBAAiB;QACvB,IAAI,IAAI,CAAC,aAAa,KAAK,UAAO,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,UAAO,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;AAzCD,wCAyCC"}

package/lib/esm/webchat/components/styled-scrollbar.d.ts

@@ -1,2 +0,0 @@
-export const StyledScrollbar: import("styled-components").StyledComponent<typeof SimpleBar, any, {}, never>;
-import SimpleBar from "simplebar-react";

package/lib/esm/webchat/components/styled-scrollbar.js

@@ -1,50 +0,0 @@
-import 'simplebar/dist/simplebar.css';
-import './styled-scrollbar.scss';
-import SimpleBar from 'simplebar-react';
-import styled, { css } from 'styled-components';
-import { COLORS } from '../../constants';
-export const StyledScrollbar = styled(SimpleBar) `
-  ${props => props.ismessagescontainer === 'true' &&
-    css `
-      display: flex;
-      flex-direction: column;
-      overflow-y: auto;
-      overflow-x: hidden;
-    `}
-  & .simplebar-scrollbar::before {
-    background-color: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.color
-    ? scrollbar.thumb.color
-    : `${COLORS.GRAY}`};
-    background-image: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.bgcolor
-    ? scrollbar.thumb.bgcolor
-    : `${COLORS.GRAY}`};
-    border-radius: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.border
-    ? scrollbar.thumb.border
-    : '20px'};
-  }
-  & .simplebar-track .simplebar-scrollbar.simplebar-visible::before {
-    opacity: ${({ scrollbar }) => scrollbar && !scrollbar.enable
-    ? '0'
-    : scrollbar && scrollbar.thumb && scrollbar.thumb.opacity
-        ? scrollbar.thumb.opacity
-        : '0.75'};
-  }
-  & .simplebar-track {
-    background-color: ${({ scrollbar }) => scrollbar &&
-    scrollbar.track &&
-    scrollbar.track.color &&
-    !(scrollbar && !scrollbar.enable)
-    ? scrollbar.track.color
-    : COLORS.TRANSPARENT};
-    background-image: ${({ scrollbar }) => scrollbar &&
-    scrollbar.track &&
-    scrollbar.track.bgcolor &&
-    !(scrollbar && !scrollbar.enable)
-    ? scrollbar.track.bgcolor
-    : COLORS.TRANSPARENT};
-    border-radius: ${({ scrollbar }) => scrollbar && scrollbar.track && scrollbar.track.border
-    ? scrollbar.track.border
-    : '20px'};
-  }
-`;
-//# sourceMappingURL=styled-scrollbar.js.map

package/lib/esm/webchat/components/styled-scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled-scrollbar.js","sourceRoot":"","sources":["../../../../src/webchat/components/styled-scrollbar.jsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAA;AACrC,OAAO,yBAAyB,CAAA;AAEhC,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;IAC5C,KAAK,CAAC,EAAE,CACR,KAAK,CAAC,mBAAmB,KAAK,MAAM;IACpC,GAAG,CAAA;;;;;KAKF;;wBAEmB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK;IACnD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK;IACvB,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE;wBACF,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO;IACrD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;IACzB,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,EAAE;qBACL,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACjC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM;IACpD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM;IACxB,CAAC,CAAC,MAAM;;;eAGD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAC3B,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM;IAC5B,CAAC,CAAC,GAAG;IACL,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO;QACvD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;QACzB,CAAC,CAAC,MAAM;;;wBAGM,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS;IACT,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,KAAK,CAAC,KAAK;IACrB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK;IACvB,CAAC,CAAC,MAAM,CAAC,WAAW;wBACJ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACpC,SAAS;IACT,SAAS,CAAC,KAAK;IACf,SAAS,CAAC,KAAK,CAAC,OAAO;IACvB,CAAC,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO;IACzB,CAAC,CAAC,MAAM,CAAC,WAAW;qBACP,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACjC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM;IACpD,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM;IACxB,CAAC,CAAC,MAAM;;CAEf,CAAA"}

package/lib/esm/webchat/components/styled-scrollbar.scss

@@ -1,12 +0,0 @@
-#botonic-scrollable-content
-  > div.simplebar-wrapper
-  > div.simplebar-mask
-  > div
-  > div {
-  overscroll-behavior: contain; // https://css-tricks.com/almanac/properties/o/overscroll-behavior/
-  -webkit-overflow-scrolling: touch;
-  ::-webkit-scrollbar {
-    // https://github.com/Grsmto/simplebar/issues/445#issuecomment-586902814
-    display: none;
-  }
-}

package/lib/esm/webchat/components/typing-indicator.d.ts

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

package/lib/esm/webchat/components/typing-indicator.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './typing-indicator.scss';
-import React from 'react';
-import { COLORS, ROLES } from '../../constants';
-export const TypingIndicator = props => (_jsxs("div", Object.assign({ role: ROLES.TYPING_INDICATOR, className: 'typing-indicator', style: { backgroundColor: COLORS.SEASHELL_WHITE } }, { children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] })));
-//# sourceMappingURL=typing-indicator.js.map

package/lib/esm/webchat/components/typing-indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typing-indicator.js","sourceRoot":"","sources":["../../../../src/webchat/components/typing-indicator.jsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC,CACtC,6BACE,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,cAAc,EAAE,iBAEjD,gBAAQ,EACR,gBAAQ,EACR,gBAAQ,KACJ,CACP,CAAA"}

package/lib/esm/webchat/components/typing-indicator.scss

@@ -1,38 +0,0 @@
-.typing-indicator {
-  will-change: transform;
-  width: 44px;
-  line-height: 0px;
-  border-radius: 20px;
-  padding: 8px 2px 8px;
-  text-align: center;
-  display: block;
-  margin: 8px;
-  position: relative;
-  animation: 2s bulge infinite ease-out;
-  span {
-    height: 6px;
-    width: 6px;
-    margin: 0 1px;
-    background-color: #9e9ea1;
-    display: inline-block;
-    border-radius: 50%;
-    opacity: 0.4;
-    @for $i from 1 through 3 {
-      &:nth-of-type(#{$i}) {
-        animation: 1s blink infinite ($i * 0.3333s);
-      }
-    }
-  }
-}
-
-@keyframes blink {
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes bulge {
-  50% {
-    transform: scale(1.05);
-  }
-}

package/lib/esm/webchat/devices/device-adapter.d.ts

@@ -1,12 +0,0 @@
-export class DeviceAdapter {
-    currentDevice: any;
-    init(host: any): void;
-    webchatResizer: WebchatResizer | undefined;
-    scrollbarController: ScrollbarController | undefined;
-    getCurrentDevice(): any;
-    onFocus(): void;
-    onBlur(): void;
-    fontSize(defaultFontSize?: number): number | "initial";
-}
-import { WebchatResizer } from "./webchat-resizer";
-import { ScrollbarController } from "./scrollbar-controller";

package/lib/esm/webchat/devices/device-adapter.js

@@ -1,40 +0,0 @@
-import { scrollToBottom } from '../../util/dom';
-import { DEVICES } from '.';
-import { ScrollbarController } from './scrollbar-controller';
-import { WebchatResizer } from './webchat-resizer';
-export class DeviceAdapter {
-    constructor() {
-        this.currentDevice = this.getCurrentDevice();
-    }
-    init(host) {
-        this.webchatResizer = new WebchatResizer(this.currentDevice, host);
-        this.scrollbarController = new ScrollbarController(this.currentDevice, host);
-        this.scrollbarController.handleScrollEvents();
-    }
-    getCurrentDevice() {
-        // navigator.platform deprecated. Ref: (https://erikmartinjordan.com/navigator-platform-deprecated-alternative)
-        if (navigator.userAgentData)
-            return navigator.userAgentData.platform;
-        return navigator.platform;
-    }
-    onFocus() {
-        setTimeout(() => {
-            var _a;
-            // Place onFocus logic to be run the last on the queue of asynchronous events to give enough time to init method to be called. Ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop#zero_delays
-            (_a = this.webchatResizer) === null || _a === void 0 ? void 0 : _a.onFocus(() => this.scrollbarController.handleOnTouchMoveEvents());
-        }, 0);
-    }
-    onBlur() {
-        if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        this.webchatResizer.onBlur();
-        this.scrollbarController.handleOnTouchMoveEvents();
-    }
-    fontSize(defaultFontSize = 14) {
-        if (this.currentDevice !== DEVICES.MOBILE.IPHONE)
-            return defaultFontSize;
-        // Disabling auto-zoom on input (iPhone devices): https://stackoverflow.com/a/25614477, https://stackoverflow.com/a/6394497
-        return 'initial';
-    }
-}
-//# sourceMappingURL=device-adapter.js.map

package/lib/esm/webchat/devices/device-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/devices/device-adapter.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAA;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,OAAO,aAAa;IACxB;QACE,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,CAAC,IAAI;QACP,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAClE,IAAI,CAAC,mBAAmB,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,CAAA;IAC/C,CAAC;IAED,gBAAgB;QACd,+GAA+G;QAC/G,IAAI,SAAS,CAAC,aAAa;YAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;QACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;IAC3B,CAAC;IAED,OAAO;QACL,UAAU,CAAC,GAAG,EAAE;;YACd,iNAAiN;YACjN,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,CAAC,GAAG,EAAE,CAChC,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CACnD,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;IACP,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACxD,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAA;QAC5B,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,CAAA;IACpD,CAAC;IAED,QAAQ,CAAC,eAAe,GAAG,EAAE;QAC3B,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,eAAe,CAAA;QACxE,2HAA2H;QAC3H,OAAO,SAAS,CAAA;IAClB,CAAC;CACF"}

package/lib/esm/webchat/devices/scrollbar-controller.d.ts

@@ -1,12 +0,0 @@
-export class ScrollbarController {
-    constructor(currentDevice: any, host: any);
-    currentDevice: any;
-    webchat: any;
-    handleScrollEvents(): void;
-    hasScrollbar(): boolean;
-    handleOnMouseOverEvents(e: any): void;
-    toggleOnMouseWheelEvents(): void;
-    handleOnTouchMoveEvents(e: any): void;
-    toggleOnTouchMoveEvents(): void;
-    limitScrollBoundaries(): void;
-}

package/lib/esm/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/webchat/devices/scrollbar-controller.js.map

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

package/lib/esm/webchat/devices/webchat-resizer.d.ts

@@ -1,9 +0,0 @@
-export class WebchatResizer {
-    constructor(currentDevice: any, host: any);
-    currentDevice: any;
-    host: any;
-    webchat: any;
-    onFocus(onKeyboardShownFn: any): void;
-    onBlur(): void;
-    setWebchatElementHeight(newHeight: any): void;
-}

package/lib/esm/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/webchat/devices/webchat-resizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat-resizer.js","sourceRoot":"","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/src/webchat/components/styled-scrollbar.jsx

@@ -1,60 +0,0 @@
-import 'simplebar/dist/simplebar.css'
-import './styled-scrollbar.scss'
-
-import SimpleBar from 'simplebar-react'
-import styled, { css } from 'styled-components'
-
-import { COLORS } from '../../constants'
-
-export const StyledScrollbar = styled(SimpleBar)`
-  ${props =>
-    props.ismessagescontainer === 'true' &&
-    css`
-      display: flex;
-      flex-direction: column;
-      overflow-y: auto;
-      overflow-x: hidden;
-    `}
-  & .simplebar-scrollbar::before {
-    background-color: ${({ scrollbar }) =>
-      scrollbar && scrollbar.thumb && scrollbar.thumb.color
-        ? scrollbar.thumb.color
-        : `${COLORS.GRAY}`};
-    background-image: ${({ scrollbar }) =>
-      scrollbar && scrollbar.thumb && scrollbar.thumb.bgcolor
-        ? scrollbar.thumb.bgcolor
-        : `${COLORS.GRAY}`};
-    border-radius: ${({ scrollbar }) =>
-      scrollbar && scrollbar.thumb && scrollbar.thumb.border
-        ? scrollbar.thumb.border
-        : '20px'};
-  }
-  & .simplebar-track .simplebar-scrollbar.simplebar-visible::before {
-    opacity: ${({ scrollbar }) =>
-      scrollbar && !scrollbar.enable
-        ? '0'
-        : scrollbar && scrollbar.thumb && scrollbar.thumb.opacity
-          ? scrollbar.thumb.opacity
-          : '0.75'};
-  }
-  & .simplebar-track {
-    background-color: ${({ scrollbar }) =>
-      scrollbar &&
-      scrollbar.track &&
-      scrollbar.track.color &&
-      !(scrollbar && !scrollbar.enable)
-        ? scrollbar.track.color
-        : COLORS.TRANSPARENT};
-    background-image: ${({ scrollbar }) =>
-      scrollbar &&
-      scrollbar.track &&
-      scrollbar.track.bgcolor &&
-      !(scrollbar && !scrollbar.enable)
-        ? scrollbar.track.bgcolor
-        : COLORS.TRANSPARENT};
-    border-radius: ${({ scrollbar }) =>
-      scrollbar && scrollbar.track && scrollbar.track.border
-        ? scrollbar.track.border
-        : '20px'};
-  }
-`

package/src/webchat/components/styled-scrollbar.scss

@@ -1,12 +0,0 @@
-#botonic-scrollable-content
-  > div.simplebar-wrapper
-  > div.simplebar-mask
-  > div
-  > div {
-  overscroll-behavior: contain; // https://css-tricks.com/almanac/properties/o/overscroll-behavior/
-  -webkit-overflow-scrolling: touch;
-  ::-webkit-scrollbar {
-    // https://github.com/Grsmto/simplebar/issues/445#issuecomment-586902814
-    display: none;
-  }
-}

package/src/webchat/components/typing-indicator.jsx

@@ -1,17 +0,0 @@
-import './typing-indicator.scss'
-
-import React from 'react'
-
-import { COLORS, ROLES } from '../../constants'
-
-export const TypingIndicator = props => (
-  <div
-    role={ROLES.TYPING_INDICATOR}
-    className='typing-indicator'
-    style={{ backgroundColor: COLORS.SEASHELL_WHITE }}
-  >
-    <span />
-    <span />
-    <span />
-  </div>
-)

package/src/webchat/components/typing-indicator.scss

@@ -1,38 +0,0 @@
-.typing-indicator {
-  will-change: transform;
-  width: 44px;
-  line-height: 0px;
-  border-radius: 20px;
-  padding: 8px 2px 8px;
-  text-align: center;
-  display: block;
-  margin: 8px;
-  position: relative;
-  animation: 2s bulge infinite ease-out;
-  span {
-    height: 6px;
-    width: 6px;
-    margin: 0 1px;
-    background-color: #9e9ea1;
-    display: inline-block;
-    border-radius: 50%;
-    opacity: 0.4;
-    @for $i from 1 through 3 {
-      &:nth-of-type(#{$i}) {
-        animation: 1s blink infinite ($i * 0.3333s);
-      }
-    }
-  }
-}
-
-@keyframes blink {
-  50% {
-    opacity: 1;
-  }
-}
-
-@keyframes bulge {
-  50% {
-    transform: scale(1.05);
-  }
-}

package/src/webchat/devices/device-adapter.js

@@ -1,43 +0,0 @@
-import { scrollToBottom } from '../../util/dom'
-import { DEVICES } from '.'
-import { ScrollbarController } from './scrollbar-controller'
-import { WebchatResizer } from './webchat-resizer'
-
-export class DeviceAdapter {
-  constructor() {
-    this.currentDevice = this.getCurrentDevice()
-  }
-
-  init(host) {
-    this.webchatResizer = new WebchatResizer(this.currentDevice, host)
-    this.scrollbarController = new ScrollbarController(this.currentDevice, host)
-    this.scrollbarController.handleScrollEvents()
-  }
-
-  getCurrentDevice() {
-    // navigator.platform deprecated. Ref: (https://erikmartinjordan.com/navigator-platform-deprecated-alternative)
-    if (navigator.userAgentData) return navigator.userAgentData.platform
-    return navigator.platform
-  }
-
-  onFocus() {
-    setTimeout(() => {
-      // Place onFocus logic to be run the last on the queue of asynchronous events to give enough time to init method to be called. Ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop#zero_delays
-      this.webchatResizer?.onFocus(() =>
-        this.scrollbarController.handleOnTouchMoveEvents()
-      )
-    }, 0)
-  }
-
-  onBlur() {
-    if (this.currentDevice !== DEVICES.MOBILE.IPHONE) return
-    this.webchatResizer.onBlur()
-    this.scrollbarController.handleOnTouchMoveEvents()
-  }
-
-  fontSize(defaultFontSize = 14) {
-    if (this.currentDevice !== DEVICES.MOBILE.IPHONE) return defaultFontSize
-    // Disabling auto-zoom on input (iPhone devices): https://stackoverflow.com/a/25614477, https://stackoverflow.com/a/6394497
-    return 'initial'
-  }
-}

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

@@ -1,107 +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))
-      }
-    }
-  }
-}