@botonic/react 0.31.0-alpha.7 → 0.31.1-alpha.0

package/lib/esm/webchat/cover-component/index.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    component: any;
-    componentProps: any;
-}
-export declare const CoverComponent: ({ component, componentProps }: Props) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/lib/esm/webchat/cover-component/index.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../context';
-export const CoverComponent = ({ component, componentProps }) => {
-    const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
-    const Cover = component;
-    const coverComponentProps = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
-    const closeCoverComponent = () => {
-        toggleCoverComponent(false);
-    };
-    if (!Cover || !webchatState.isCoverComponentOpen) {
-        return null;
-    }
-    return _jsx(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
-};
-//# sourceMappingURL=index.js.map

package/lib/esm/webchat/cover-component/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAO3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}

package/lib/esm/webchat/devices/index.d.ts

@@ -1,11 +0,0 @@
-export const DEVICES: Readonly<{
-    MOBILE: {
-        IPHONE: string;
-        ANDROID: string;
-        WEBOS: string;
-        BLACKBERRY: string;
-        WINDOWS_PHONE: string;
-    };
-}>;
-export function isDevice(deviceName: any): boolean;
-export function isMobileDevice(): boolean;

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

@@ -1,18 +0,0 @@
-export const DEVICES = Object.freeze({
-    MOBILE: {
-        IPHONE: 'iPhone',
-        ANDROID: 'Android',
-        WEBOS: 'webOS',
-        BLACKBERRY: 'BlackBerry',
-        WINDOWS_PHONE: 'Windows Phone',
-    },
-});
-export const isDevice = deviceName => {
-    // https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
-    return (!!navigator.platform &&
-        navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
-};
-export const isMobileDevice = () => {
-    return Object.values(DEVICES.MOBILE).some(deviceName => isDevice(deviceName));
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/devices/index.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA"}

package/lib/esm/webchat/header/default-header.d.ts

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

package/lib/esm/webchat/header/default-header.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { COLORS, ROLES, WEBCHAT } from '../../constants';
-import { Scale } from '../../shared/styles';
-import { resolveImage } from '../../util/environment';
-import { ConditionalWrapper } from '../../util/react';
-import { WebchatContext } from '../../webchat/context';
-import { CloseHeader, HeaderContainer, ImageContainer, Subtitle, TextContainer, Title, } from './styles';
-export const DefaultHeader = () => {
-    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
-    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, '');
-    const handleCloseWebchat = () => {
-        toggleWebchat(false);
-    };
-    const color = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE);
-    return (_jsxs(HeaderContainer, Object.assign({ role: ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx("img", { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, { children: [_jsx(Title, { children: headerTitle }), headerSubtitle ? _jsx(Subtitle, { children: headerSubtitle }) : null] }), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
-};
-//# sourceMappingURL=default-header.js.map

package/lib/esm/webchat/header/default-header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,QAAQ,EACR,aAAa,EACb,KAAK,GACN,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CACvB,CAAA;IAED,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,EAAE,CACH,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,CAAA;IAED,OAAO,CACL,MAAC,eAAe,kBACd,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,oBAAO,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,KAAC,cAAc,cACb,cAAK,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAI,GACxB,CAClB,EACD,MAAC,aAAa,eACZ,KAAC,KAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE9C,KAAC,WAAW,kBAAC,OAAO,EAAE,kBAAkB,4BAAiB,IACtC,KACL,CACnB,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../webchat/context';
-import { BotonicContainerId } from '../constants';
-import { DefaultHeader } from './default-header';
-import { StyledWebchatHeader } from './styles';
-export const WebchatHeader = forwardRef((_, ref) => {
-    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
-    const handleCloseWebchat = () => {
-        toggleWebchat(false);
-    };
-    const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
-    if (CustomHeader) {
-        return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
-    }
-    return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, {}) })));
-});
-WebchatHeader.displayName = 'WebchatHeader';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,4BAAK,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,KAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,KAAC,mBAAmB,kBAAC,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,KAAC,aAAa,KAAG,IACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

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

@@ -1,7 +0,0 @@
-export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,55 +0,0 @@
-import styled from 'styled-components';
-import { COLORS, WEBCHAT } from '../../constants';
-export const HeaderContainer = styled.div `
-  display: flex;
-  background: linear-gradient(
-    90deg,
-    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
-    ${props => props.color} 100%
-  );
-  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
-  z-index: 2;
-  height: inherit;
-`;
-export const ImageContainer = styled.div `
-  padding: 10px;
-  align-items: center;
-
-  img {
-    width: 32px;
-    border-radius: 50%;
-  }
-`;
-export const TextContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 1 auto;
-`;
-export const Title = styled.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 15px;
-  font-weight: bold;
-  color: ${COLORS.SOLID_WHITE};
-`;
-export const Subtitle = styled.div `
-  display: flex;
-  font-family: inherit;
-  font-size: 11px;
-  color: ${COLORS.SOLID_WHITE};
-`;
-export const CloseHeader = styled.div `
-  padding: 0px 16px;
-  cursor: pointer;
-  color: ${COLORS.SOLID_WHITE};
-  font-family: inherit;
-  font-size: 36px;
-`;
-export const StyledWebchatHeader = styled.div `
-  border-radius: 8px 8px 0px 0px;
-  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
-  height: 55px;
-  flex: none;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAInC,MAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,OAAO,CAAC,QAAQ,CAAC,yBAAyB;;;CAG5D,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKpB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAG1B,MAAM,CAAC,WAAW;;;CAG5B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAE7B,MAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}

package/lib/esm/webchat/hooks/index.d.ts

@@ -1,10 +0,0 @@
-export { useComponentVisible } from './use-component-visible';
-export { useComponentWillMount } from './use-component-will-mount';
-export { useDeviceAdapter } from './use-device-adapter';
-export { usePrevious } from './use-previous';
-export { useScrollToBottom } from './use-scroll-to-bottom';
-export { useScrollbarController } from './use-scrollbar-controller';
-export { useTyping } from './use-typing';
-export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchatDimensions } from './use-webchat-dimensions';
-export { useWebchatResizer } from './use-webchat-resizer';

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

@@ -1,11 +0,0 @@
-export { useComponentVisible } from './use-component-visible';
-export { useComponentWillMount } from './use-component-will-mount';
-export { useDeviceAdapter } from './use-device-adapter';
-export { usePrevious } from './use-previous';
-export { useScrollToBottom } from './use-scroll-to-bottom';
-export { useScrollbarController } from './use-scrollbar-controller';
-export { useTyping } from './use-typing';
-export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchatDimensions } from './use-webchat-dimensions';
-export { useWebchatResizer } from './use-webchat-resizer';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","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,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/lib/esm/webchat/hooks/use-component-visible.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface ComponentVisible {
-    ref: React.RefObject<HTMLElement>;
-    isComponentVisible: boolean;
-    setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
-export {};

package/lib/esm/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/webchat/hooks/use-component-visible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-visible.js","sourceRoot":"","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/webchat/hooks/use-component-will-mount.d.ts

@@ -1 +0,0 @@
-export declare const useComponentWillMount: (func: any) => void;

package/lib/esm/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/webchat/hooks/use-component-will-mount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-component-will-mount.js","sourceRoot":"","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/webchat/hooks/use-device-adapter.d.ts

@@ -1,3 +0,0 @@
-export declare const useDeviceAdapter: (host: any, isWebchatOpen: any) => {
-    currentDevice: any;
-};

package/lib/esm/webchat/hooks/use-device-adapter.js

@@ -1,42 +0,0 @@
-import { useEffect } from 'react';
-import { DEVICES } from '../devices';
-import { useScrollToBottom } from './use-scroll-to-bottom';
-import { useScrollbarController } from './use-scrollbar-controller';
-import { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-import { useWebchatResizer } from './use-webchat-resizer';
-function getCurrentDevice() {
-    // @ts-ignore
-    if (navigator.userAgentData)
-        return navigator.userAgentData.platform;
-    return navigator.platform;
-}
-export const useDeviceAdapter = (host, isWebchatOpen) => {
-    const currentDevice = getCurrentDevice();
-    const { scrollToBottom } = useScrollToBottom({ host });
-    const { isVirtualKeyboardVisible } = useVirtualKeyboardDetection(window.innerHeight);
-    const { handleKeyboardShown, handleKeyboardHidden } = useWebchatResizer();
-    const { handleScrollEvents } = useScrollbarController(currentDevice, host);
-    useEffect(() => {
-        if (currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        if (isVirtualKeyboardVisible) {
-            handleKeyboardShown();
-            scrollToBottom();
-        }
-        else {
-            handleKeyboardHidden();
-        }
-        return;
-    }, [isVirtualKeyboardVisible]);
-    useEffect(() => {
-        if (host && isWebchatOpen) {
-            if (currentDevice !== DEVICES.MOBILE.IPHONE)
-                return;
-            handleScrollEvents();
-        }
-    }, [host, isWebchatOpen, handleScrollEvents]);
-    return {
-        currentDevice,
-    };
-};
-//# sourceMappingURL=use-device-adapter.js.map

package/lib/esm/webchat/hooks/use-device-adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-device-adapter.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-device-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,SAAS,gBAAgB;IACvB,aAAa;IACb,IAAI,SAAS,CAAC,aAAa;QAAE,OAAO,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAA;IACpE,OAAO,SAAS,CAAC,QAAQ,CAAA;AAC3B,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,aAAa,EAAE,EAAE;IACtD,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IAExC,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;IAEtD,MAAM,EAAE,wBAAwB,EAAE,GAAG,2BAA2B,CAC9D,MAAM,CAAC,WAAW,CACnB,CAAA;IAED,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEzE,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IAE1E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;YAAE,OAAM;QACnD,IAAI,wBAAwB,EAAE;YAC5B,mBAAmB,EAAE,CAAA;YACrB,cAAc,EAAE,CAAA;SACjB;aAAM;YACL,oBAAoB,EAAE,CAAA;SACvB;QAED,OAAM;IACR,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,aAAa,EAAE;YACzB,IAAI,aAAa,KAAK,OAAO,CAAC,MAAM,CAAC,MAAM;gBAAE,OAAM;YACnD,kBAAkB,EAAE,CAAA;SACrB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAA;IAE7C,OAAO;QACL,aAAa;KACd,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-previous.d.ts

@@ -1 +0,0 @@
-export declare function usePrevious(value: any): any;

package/lib/esm/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/webchat/hooks/use-previous.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,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/webchat/hooks/use-scroll-to-bottom.d.ts

@@ -1,9 +0,0 @@
-interface UseScrollToBottom {
-    host: any;
-    behavior?: ScrollBehavior;
-    timeout?: number;
-}
-export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
-    scrollToBottom: () => void;
-};
-export {};

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js

@@ -1,19 +0,0 @@
-import { getScrollableMessagesListElement, getWebchatElement, } from '../../util/dom';
-export const useScrollToBottom = ({ host, behavior = 'smooth', timeout = 200, }) => {
-    const scrollToBottom = () => {
-        const webchatElement = getWebchatElement(host);
-        if (!webchatElement)
-            return;
-        const scrollableMessagesListElement = getScrollableMessagesListElement(host);
-        if (!scrollableMessagesListElement)
-            return;
-        setTimeout(() => {
-            scrollableMessagesListElement.scrollTo({
-                top: scrollableMessagesListElement.scrollHeight,
-                behavior: behavior,
-            });
-        }, timeout);
-    };
-    return { scrollToBottom };
-};
-//# sourceMappingURL=use-scroll-to-bottom.js.map

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAQvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,gCAAgC,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts

@@ -1,6 +0,0 @@
-export declare const useScrollbarController: (currentDevice: any, host: any) => {
-    handleScrollEvents: () => void;
-    handleOnTouchMoveEvents: () => void;
-    handleOnMouseOverEvents: (e: any) => void;
-    hasScrollbar: () => boolean;
-};

package/lib/esm/webchat/hooks/use-scrollbar-controller.js

@@ -1,136 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { WebchatContext } from '../../webchat/context';
-import { DEVICES, isMobileDevice } from '../devices';
-// TODO: Investigate why when we have some messages, scroll actions are not disabled properly
-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 const useScrollbarController = (currentDevice, host) => {
-    const { webchatRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = useContext(WebchatContext);
-    const hasScrollbar = () => {
-        var _a, _b, _c, _d, _e;
-        if (chatAreaRef.current && scrollableMessagesListRef.current) {
-            if (!(repliesRef === null || repliesRef === void 0 ? void 0 : repliesRef.current)) {
-                return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
-                    ((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
-            }
-            if (repliesRef.current) {
-                return (((_c = scrollableMessagesListRef.current) === null || _c === void 0 ? void 0 : _c.scrollHeight) >
-                    ((_d = chatAreaRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) - ((_e = repliesRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight));
-            }
-        }
-        return false;
-    };
-    const toggleOnMouseWheelEvents = () => {
-        if (scrollableMessagesListRef.current) {
-            if (hasScrollbar()) {
-                // @ts-ignore
-                scrollableMessagesListRef.current.onmousewheel = {};
-                return;
-            }
-            // @ts-ignore
-            scrollableMessagesListRef.current.onmousewheel = e => {
-                e.preventDefault();
-            };
-        }
-    };
-    const handleOnMouseOverEvents = e => {
-        let target = e.currentTarget;
-        while (target) {
-            toggleOnMouseWheelEvents();
-            target = target.parentNode;
-        }
-    };
-    const toggleOnTouchMoveEvents = () => {
-        if (webchatRef.current && scrollableMessagesListRef.current) {
-            if (hasScrollbar()) {
-                scrollableMessagesListRef.current.style.touchAction = 'auto';
-                webchatRef.current.style.touchAction = 'auto';
-                webchatRef.current.ontouchmove = null;
-                webchatRef.current.ontouchstart = null;
-                return;
-            }
-            scrollableMessagesListRef.current.style.touchAction = 'none';
-            webchatRef.current.style.touchAction = 'none';
-        }
-        if (webchatRef.current) {
-            webchatRef.current.ontouchstart = e => {
-                if (e.target === e.currentTarget) {
-                    e.preventDefault();
-                }
-            };
-            webchatRef.current.ontouchmove = e => {
-                if (e.target === e.currentTarget) {
-                    e.preventDefault();
-                }
-            };
-        }
-    };
-    const handleOnTouchMoveEvents = () => {
-        toggleOnTouchMoveEvents();
-    };
-    const limitScrollBoundaries = () => {
-        if (currentDevice !== DEVICES.MOBILE.IPHONE)
-            return;
-        const chatArea = chatAreaRef.current;
-        const dStopAtScrollLimit = debounced(100, stopAtScrollLimit);
-        if (chatArea) {
-            // @ts-ignore
-            if (window.addEventListener) {
-                chatArea.addEventListener('scroll', () => dStopAtScrollLimit(chatArea), true);
-                // @ts-ignore
-            }
-            else if (window.attachEvent) {
-                // @ts-ignore
-                chatAreaRef.attachEvent('scroll', () => dStopAtScrollLimit(chatArea));
-            }
-        }
-    };
-    const handleScrollEvents = () => {
-        if (webchatRef.current) {
-            if (isMobileDevice()) {
-                if (currentDevice !== DEVICES.MOBILE.IPHONE)
-                    return;
-                limitScrollBoundaries();
-                webchatRef.current.ontouchstart = handleOnTouchMoveEvents;
-                webchatRef.current.ontouchmove = handleOnTouchMoveEvents;
-            }
-            else {
-                webchatRef.current.onmouseover = e => handleOnMouseOverEvents(e);
-            }
-        }
-    };
-    useEffect(() => {
-        const webchat = webchatRef.current;
-        handleScrollEvents();
-        return () => {
-            if (webchat) {
-                webchat.onmouseover = null;
-                webchat.ontouchstart = null;
-                webchat.ontouchmove = null;
-            }
-        };
-    }, [currentDevice, host]);
-    return {
-        handleScrollEvents,
-        handleOnTouchMoveEvents,
-        handleOnMouseOverEvents,
-        hasScrollbar,
-    };
-};
-//# sourceMappingURL=use-scrollbar-controller.js.map

package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map

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

package/lib/esm/webchat/hooks/use-typing.d.ts

@@ -1,10 +0,0 @@
-import { WebchatMessage } from '../../index-types';
-import { WebchatState } from '../context';
-interface UseTyping {
-    webchatState: WebchatState;
-    updateTyping: (typing: boolean) => void;
-    updateMessage: (message: WebchatMessage) => void;
-    host: any;
-}
-export declare function useTyping({ webchatState, updateTyping, updateMessage, }: UseTyping): void;
-export {};

package/lib/esm/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/webchat/hooks/use-typing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-typing.js","sourceRoot":"","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/webchat/hooks/use-virtual-keyboard-detection.d.ts

@@ -1,3 +0,0 @@
-export declare const useVirtualKeyboardDetection: (originalHeight: any) => {
-    isVirtualKeyboardVisible: boolean;
-};

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js

@@ -1,24 +0,0 @@
-import { useEffect, useState } from 'react';
-export const useVirtualKeyboardDetection = originalHeight => {
-    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = useState(false);
-    useEffect(() => {
-        const handleResize = () => {
-            if (window.visualViewport) {
-                if (window.visualViewport.height < originalHeight) {
-                    setIsVirtualKeyboardVisible(true);
-                    return;
-                }
-                setIsVirtualKeyboardVisible(false);
-                return;
-            }
-        };
-        window.visualViewport &&
-            window.visualViewport.addEventListener('resize', handleResize);
-        return () => {
-            window.visualViewport &&
-                window.visualViewport.removeEventListener('resize', handleResize);
-        };
-    }, [originalHeight]);
-    return { isVirtualKeyboardVisible };
-};
-//# sourceMappingURL=use-virtual-keyboard-detection.js.map

package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-virtual-keyboard-detection.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-virtual-keyboard-detection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,2BAA2B,GAAG,cAAc,CAAC,EAAE;IAC1D,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,MAAM,CAAC,cAAc,EAAE;gBACzB,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,EAAE;oBACjD,2BAA2B,CAAC,IAAI,CAAC,CAAA;oBACjC,OAAM;iBACP;gBACD,2BAA2B,CAAC,KAAK,CAAC,CAAA;gBAClC,OAAM;aACP;QACH,CAAC,CAAA;QACD,MAAM,CAAC,cAAc;YACnB,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAEhE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc;gBACnB,MAAM,CAAC,cAAc,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,EAAE,wBAAwB,EAAE,CAAA;AACrC,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts

@@ -1,4 +0,0 @@
-export declare const useWebchatDimensions: () => {
-    calculateResizedPercentualWebchatHeight: () => number;
-    calculateResizedPxChatAreaHeight: () => number;
-};