@botonic/react 0.30.7-alpha.1 → 0.30.8-alpha.0

package/lib/esm/webchat/input-panel/styles.js

@@ -1,27 +0,0 @@
-import styled from 'styled-components';
-import { COLORS } from '../../constants';
-export const UserInputContainer = styled.div `
-  min-height: 52px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 16px;
-  padding: 0px 16px;
-  z-index: 1;
-  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};
-`;
-export const TextAreaContainer = styled.div `
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-  padding: 5px 0px;
-`;
-export const OpenedEmojiPickerContainer = styled.div `
-  display: flex;
-  justify-content: flex-end;
-  position: absolute;
-  right: 3px;
-  top: -324px;
-`;
-//# sourceMappingURL=styles.js.map

package/lib/esm/webchat/input-panel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;0BASlB,MAAM,CAAC,qBAAqB;CACrD,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK1C,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnD,CAAA"}

package/lib/esm/webchat/input-panel/textarea.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { PersistentMenuTheme } from '../../components/index-types';
-interface TextareaProps {
-    host: HTMLElement;
-    persistentMenu: PersistentMenuTheme;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
-    sendChatEvent: (event: string) => Promise<void>;
-    sendTextAreaText: () => Promise<void>;
-}
-export declare const Textarea: ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => JSX.Element;
-export {};

package/lib/esm/webchat/input-panel/textarea.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
-import { Typing } from '../../index-types';
-import { useDeviceAdapter } from '../hooks';
-import { TextAreaContainer } from './styles';
-export const Textarea = ({ host, persistentMenu, textareaRef, sendChatEvent, sendTextAreaText, }) => {
-    const { getThemeProperty, webchatState, setIsInputFocused } = useContext(WebchatContext);
-    useDeviceAdapter(host, webchatState.isWebchatOpen);
-    let isTyping = false;
-    let typingTimeout;
-    const persistentMenuOptions = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.persistentMenu, persistentMenu);
-    const onKeyDown = event => {
-        if (event.keyCode === 13 && event.shiftKey === false) {
-            event.preventDefault();
-            sendTextAreaText();
-            stopTyping();
-        }
-    };
-    const onKeyUp = () => {
-        if (textareaRef.current.value === '') {
-            stopTyping();
-            return;
-        }
-        if (!isTyping) {
-            startTyping();
-        }
-        clearTimeoutWithReset(true);
-    };
-    const clearTimeoutWithReset = (reset) => {
-        const waitTime = 20 * 1000;
-        if (typingTimeout)
-            clearTimeout(typingTimeout);
-        if (reset)
-            typingTimeout = setTimeout(stopTyping, waitTime);
-    };
-    const startTyping = () => {
-        isTyping = true;
-        sendChatEvent(Typing.On);
-    };
-    const stopTyping = () => {
-        clearTimeoutWithReset(false);
-        isTyping = false;
-        sendChatEvent(Typing.Off);
-    };
-    const handleFocus = () => {
-        setIsInputFocused(true);
-    };
-    const handleBlur = () => {
-        setIsInputFocused(false);
-    };
-    return (_jsx(TextAreaContainer, { children: _jsx(TextareaAutosize, { ref: (ref) => (textareaRef.current = ref), onFocus: handleFocus, onBlur: handleBlur, name: 'text', maxRows: 4, wrap: 'soft', maxLength: 1000, placeholder: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: false, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: Object.assign({ display: 'flex', fontSize: 16, width: '100%', border: 'none', resize: 'none', overflow: 'auto', outline: 'none', flex: '1 1 auto', padding: 10, paddingLeft: persistentMenuOptions ? 0 : 10, fontFamily: 'inherit' }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle)) }) }));
-};
-//# sourceMappingURL=textarea.js.map

package/lib/esm/webchat/input-panel/textarea.js.map

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

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

@@ -1 +0,0 @@
-export declare const WebchatMessageList: () => JSX.Element;

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

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useRef, useState } from 'react';
-import { ROLES } from '../../constants';
-import { WebchatContext } from '../../contexts';
-import { BotonicContainerId } from '../constants';
-import TypingIndicator from '../typing-indicator';
-import { IntroMessage } from './intro-message';
-import { ScrollButton } from './scroll-button';
-import { ContainerMessage, ScrollableMessageList } from './styles';
-import { UnreadMessagesBanner } from './unread-messages-banner';
-import { useNotifications } from './use-notifications';
-const SCROLL_TIMEOUT = 200;
-const scrollOptionsEnd = {
-    behavior: 'smooth',
-    block: 'end',
-};
-const scrollOptionsCenter = {
-    behavior: 'smooth',
-    block: 'center',
-};
-export const WebchatMessageList = () => {
-    const { webchatState, resetUnreadMessages, setLastMessageVisible, scrollableMessagesListRef, } = useContext(WebchatContext);
-    const { notificationsEnabled } = useNotifications();
-    const [firstUnreadMessageId, setFirstUnreadMessageId] = useState();
-    const lastMessageRef = useRef(null);
-    const typingRef = useRef(null);
-    const unreadMessagesBannerRef = useRef(null);
-    const scrollToTyping = () => {
-        setTimeout(() => {
-            var _a;
-            (_a = typingRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToLastMessage = () => {
-        setTimeout(() => {
-            var _a;
-            (_a = lastMessageRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToBanner = () => {
-        setTimeout(() => {
-            var _a;
-            (_a = unreadMessagesBannerRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(scrollOptionsCenter);
-        }, SCROLL_TIMEOUT);
-    };
-    const handleScrollToBottom = () => {
-        resetUnreadMessages();
-        if (webchatState.typing) {
-            scrollToTyping();
-            return;
-        }
-        scrollToLastMessage();
-    };
-    const showUnreadMessagesBanner = (messageComponentId) => {
-        return (!webchatState.isInputFocused &&
-            firstUnreadMessageId &&
-            messageComponentId === firstUnreadMessageId &&
-            webchatState.numUnreadMessages > 0);
-    };
-    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 (!notificationsEnabled) {
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [webchatState.typing, webchatState.messagesComponents]);
-    useEffect(() => {
-        if (webchatState.isWebchatOpen && notificationsEnabled) {
-            if (unreadMessagesBannerRef.current) {
-                scrollToBanner();
-                return;
-            }
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [
-        firstUnreadMessageId,
-        webchatState.isWebchatOpen,
-        webchatState.typing,
-        webchatState.messagesComponents,
-    ]);
-    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
-    return (_jsxs(_Fragment, { children: [_jsxs(ScrollableMessageList, Object.assign({ id: BotonicContainerId.ScrollableMessagesList, ref: scrollableMessagesListRef, role: ROLES.MESSAGE_LIST }, { children: [_jsx(IntroMessage, {}), webchatState.messagesComponents.map((messageComponent, index) => {
-                        return (_jsxs(_Fragment, { children: [_jsxs(ContainerMessage, Object.assign({ role: ROLES.MESSAGE }, { children: [showUnreadMessagesBanner(messageComponent.props.id) && (_jsx(UnreadMessagesBanner, { unreadMessagesBannerRef: unreadMessagesBannerRef })), messageComponent] }), index), index === webchatState.messagesComponents.length - 1 && (_jsx("div", { ref: lastMessageRef, style: {
-                                        content: '',
-                                    } }))] }));
-                    }), webchatState.typing && _jsx(TypingIndicator, { ref: typingRef })] })), showScrollButton && _jsx(ScrollButton, { handleClick: handleScrollToBottom })] }));
-};
-//# sourceMappingURL=index.js.map

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

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

package/lib/esm/webchat/message-list/intro-message.d.ts

@@ -1 +0,0 @@
-export declare const IntroMessage: () => JSX.Element | null;

package/lib/esm/webchat/message-list/intro-message.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
-import { Fade } from '../../shared/styles';
-import { resolveImage } from '../../util/environment';
-import { ConditionalWrapper } from '../../util/react';
-import { DefaultIntroImage } from './styles';
-export const IntroMessage = () => {
-    const { getThemeProperty } = useContext(WebchatContext);
-    const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
-    const CustomIntro = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customIntro);
-    const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage);
-    const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle);
-    const DefaultIntro = introImage && (_jsx(DefaultIntroImage, { style: Object.assign({}, introStyle), src: resolveImage(introImage) }));
-    return CustomIntro || DefaultIntro ? (_jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Fade, { children: children }) }, { children: CustomIntro ? _jsx(CustomIntro, {}) : DefaultIntro }))) : null;
-};
-//# sourceMappingURL=intro-message.js.map

package/lib/esm/webchat/message-list/intro-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"intro-message.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/intro-message.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,gBAAgB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,KAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,IAAI,cAAE,QAAQ,GAAQ,gBAE3C,WAAW,CAAC,CAAC,CAAC,KAAC,WAAW,KAAG,CAAC,CAAC,CAAC,YAAY,IAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

package/lib/esm/webchat/message-list/scroll-button.d.ts

@@ -1,5 +0,0 @@
-interface ScrollButtonProps {
-    handleClick: () => void;
-}
-export declare const ScrollButton: ({ handleClick, }: ScrollButtonProps) => JSX.Element;
-export {};

package/lib/esm/webchat/message-list/scroll-button.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import ArrowScrollDown from '../../assets/arrow-scroll-down.svg';
-import { resolveImage } from '../../util/environment';
-import { ContainerScrollButton } from './styles';
-import { useDebounce } from './use-debounce';
-import { useNotifications } from './use-notifications';
-export const ScrollButton = ({ handleClick, }) => {
-    const { CustomScrollButton, scrollButtonEnabled } = useNotifications();
-    const show = useDebounce();
-    return (_jsx(_Fragment, { children: scrollButtonEnabled && show ? (_jsx(_Fragment, { children: CustomScrollButton ? (_jsx(CustomScrollButton, { handleScrollToBottom: handleClick })) : (_jsx(ContainerScrollButton, Object.assign({ onClick: handleClick }, { children: _jsx("img", { src: resolveImage(ArrowScrollDown) }) }))) })) : null }));
-};
-//# sourceMappingURL=scroll-button.js.map

package/lib/esm/webchat/message-list/scroll-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-button.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/scroll-button.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,GACO,EAAe,EAAE;IACnC,MAAM,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEtE,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,OAAO,CACL,4BACG,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,CAC7B,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,kBAAkB,IAAC,oBAAoB,EAAE,WAAW,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,kBAAC,OAAO,EAAE,WAAW,gBACzC,cAAK,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI,IACrB,CACzB,GACA,CACJ,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/message-list/styles.d.ts

@@ -1,5 +0,0 @@
-export declare const ContainerMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DefaultIntroImage: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const ContainerScrollButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContainerUnreadMessagesBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ScrollableMessageList: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/esm/webchat/message-list/styles.js

@@ -1,55 +0,0 @@
-import styled from 'styled-components';
-export const ContainerMessage = styled.div `
-  display: flex;
-  overflow-x: hidden;
-  flex-direction: column;
-  flex: none;
-  white-space: pre;
-  word-wrap: break-word;
-`;
-export const DefaultIntroImage = styled.img `
-  max-height: 50%;
-  width: 100%;
-`;
-export const ContainerScrollButton = styled.div `
-  position: sticky;
-  left: 85%;
-  bottom: 15px;
-
-  background-color: #6d6a78;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 37px;
-  height: 37px;
-  border-radius: 50%;
-`;
-export const ContainerUnreadMessagesBanner = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 5px;
-
-  border-top: 1px solid #e8e8ea;
-  padding: 8px;
-  color: #6d6a78;
-  font-size: 14px;
-  font-weight: 400;
-  width: 100%;
-
-  img {
-    width: 10px;
-  }
-`;
-export const ScrollableMessageList = styled.div `
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  overflow-y: auto;
-  overflow-x: hidden;
-  overscroll-behavior: contain; // https://css-tricks.com/almanac/properties/o/overscroll-behavior/
-  -webkit-overflow-scrolling: touch;
-`;
-//# sourceMappingURL=styles.js.map

package/lib/esm/webchat/message-list/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;CAc9C,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBtD,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ9C,CAAA"}

package/lib/esm/webchat/message-list/unread-messages-banner.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface UnreadMessagesBannerProps {
-    unreadMessagesBannerRef: React.RefObject<HTMLDivElement>;
-}
-export declare const UnreadMessagesBanner: ({ unreadMessagesBannerRef, }: UnreadMessagesBannerProps) => JSX.Element;
-export {};

package/lib/esm/webchat/message-list/unread-messages-banner.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from 'react';
-import ArrowDown from '../../assets/arrow-down.svg';
-import { WebchatContext } from '../../contexts';
-import { resolveImage } from '../../util/environment';
-import { ContainerUnreadMessagesBanner } from './styles';
-import { useNotifications } from './use-notifications';
-export const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
-    const { webchatState } = useContext(WebchatContext);
-    const { notificationsEnabled, CustomUnreadMessagesBanner, bannerText } = useNotifications();
-    return (_jsx(_Fragment, { children: notificationsEnabled ? (_jsx("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? (_jsx(CustomUnreadMessagesBanner, {})) : (_jsxs(ContainerUnreadMessagesBanner, { children: [_jsx("img", { src: resolveImage(ArrowDown) }), webchatState.numUnreadMessages, " ", bannerText] })) }))) : null }));
-};
-//# sourceMappingURL=unread-messages-banner.js.map

package/lib/esm/webchat/message-list/unread-messages-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unread-messages-banner.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAMtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEnD,MAAM,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,UAAU,EAAE,GACpE,gBAAgB,EAAE,CAAA;IAEpB,OAAO,CACL,4BACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,4BAAK,GAAG,EAAE,uBAAuB,gBAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,KAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,MAAC,6BAA6B,eAC5B,cAAK,GAAG,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,UAAU,IACd,CACjC,IACG,CACP,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/message-list/use-debounce.d.ts

@@ -1 +0,0 @@
-export declare function useDebounce(delay?: number): boolean;

package/lib/esm/webchat/message-list/use-debounce.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useDebounce(delay) {
-    const [show, setShow] = useState(false);
-    useEffect(() => {
-        const timeoutId = setTimeout(() => {
-            setShow(true);
-        }, delay || 500);
-        return () => {
-            clearTimeout(timeoutId);
-        };
-    }, []);
-    return show;
-}
-//# sourceMappingURL=use-debounce.js.map

package/lib/esm/webchat/message-list/use-debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-debounce.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/use-debounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC"}

package/lib/esm/webchat/message-list/use-notifications.d.ts

@@ -1,7 +0,0 @@
-export declare function useNotifications(): {
-    notificationsEnabled: any;
-    bannerText: any;
-    CustomUnreadMessagesBanner: any;
-    CustomScrollButton: any;
-    scrollButtonEnabled: any;
-};

package/lib/esm/webchat/message-list/use-notifications.js

@@ -1,20 +0,0 @@
-import { useContext } from 'react';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
-export function useNotifications() {
-    const { getThemeProperty } = useContext(WebchatContext);
-    const CustomUnreadMessagesBanner = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom, undefined);
-    const notificationsBannerEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled, undefined);
-    const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, CustomUnreadMessagesBanner || notificationsBannerEnabled);
-    const bannerText = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText, 'unread messages');
-    const CustomScrollButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom, undefined);
-    const scrollButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled, CustomScrollButton);
-    return {
-        notificationsEnabled,
-        bannerText,
-        CustomUnreadMessagesBanner,
-        CustomScrollButton,
-        scrollButtonEnabled,
-    };
-}
-//# sourceMappingURL=use-notifications.js.map

package/lib/esm/webchat/message-list/use-notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-notifications.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/use-notifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,OAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,OAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,UAAU,GAAG,gBAAgB,CACjC,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,kBAAkB,CACnB,CAAA;IAED,OAAO;QACL,oBAAoB;QACpB,UAAU;QACV,0BAA0B;QAC1B,kBAAkB;QAClB,mBAAmB;KACpB,CAAA;AACH,CAAC"}

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

@@ -1,6 +0,0 @@
-import { WebchatAction } from './actions';
-import { WebchatState } from './index-types';
-export declare const messagesReducer: (state: WebchatState, action: {
-    type: WebchatAction;
-    payload?: any;
-}) => WebchatState;

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

@@ -1,83 +0,0 @@
-import { SENDERS } from '../index-types';
-import { WebchatAction } from './actions';
-export const messagesReducer = (state, action) => {
-    switch (action.type) {
-        case WebchatAction.ADD_MESSAGE:
-            return addMessageReducer(state, action);
-        case WebchatAction.ADD_MESSAGE_COMPONENT:
-            return addMessageComponent(state, action);
-        case WebchatAction.UPDATE_MESSAGE:
-            return updateMessageReducer(state, action);
-        case WebchatAction.UPDATE_REPLIES:
-            return Object.assign(Object.assign({}, state), { replies: action.payload });
-        case WebchatAction.CLEAR_MESSAGES:
-            return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
-        case WebchatAction.UPDATE_LAST_MESSAGE_DATE:
-            return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
-        case WebchatAction.RESET_UNREAD_MESSAGES:
-            return resetUnreadMessages(state);
-        case WebchatAction.SET_LAST_MESSAGE_VISIBLE:
-            return Object.assign(Object.assign({}, state), { isLastMessageVisible: action.payload });
-        default:
-            throw new Error();
-    }
-};
-function addMessageComponent(state, action) {
-    var _a, _b;
-    const messageComponent = action.payload;
-    const isUnreadMessage = ((_a = messageComponent.props) === null || _a === void 0 ? void 0 : _a.isUnread) &&
-        ((_b = messageComponent.props) === null || _b === void 0 ? void 0 : _b.sentBy) !== SENDERS.user;
-    const numUnreadMessages = isUnreadMessage
-        ? state.numUnreadMessages + 1
-        : state.numUnreadMessages;
-    return Object.assign(Object.assign({}, state), { messagesComponents: [...(state.messagesComponents || []), messageComponent], numUnreadMessages });
-}
-function resetUnreadMessages(state) {
-    const messagesComponents = state.messagesComponents.map(messageComponent => {
-        if (messageComponent.props.isUnread) {
-            messageComponent = Object.assign(Object.assign({}, messageComponent), { props: Object.assign(Object.assign({}, messageComponent.props), { isUnread: false }) });
-        }
-        return messageComponent;
-    });
-    const messagesJSON = state.messagesJSON.map(messageJSON => {
-        if (messageJSON.isUnread) {
-            messageJSON.isUnread = false;
-        }
-        return messageJSON;
-    });
-    return Object.assign(Object.assign({}, state), { messagesComponents,
-        messagesJSON, numUnreadMessages: 0 });
-}
-function updateMessageReducer(state, action) {
-    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
-    if (msgIndex > -1) {
-        const msgComponent = state.messagesComponents[msgIndex];
-        let updatedMessageComponents = {};
-        if (msgComponent) {
-            const updatedMsgComponent = Object.assign(Object.assign({}, msgComponent), {
-                props: Object.assign(Object.assign({}, msgComponent.props), { ack: action.payload.ack }),
-            });
-            updatedMessageComponents = {
-                messagesComponents: [
-                    ...state.messagesComponents.slice(0, msgIndex),
-                    Object.assign({}, updatedMsgComponent),
-                    ...state.messagesComponents.slice(msgIndex + 1),
-                ],
-            };
-        }
-        const numUnreadMessages = state.messagesComponents.filter(messageComponent => messageComponent.props.isUnread).length;
-        return Object.assign(Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
-                ...state.messagesJSON.slice(0, msgIndex),
-                Object.assign({}, action.payload),
-                ...state.messagesJSON.slice(msgIndex + 1),
-            ] }), updatedMessageComponents), { numUnreadMessages });
-    }
-    return state;
-}
-function addMessageReducer(state, action) {
-    if (state.messagesJSON &&
-        state.messagesJSON.find(m => m.id === action.payload.id))
-        return state;
-    return Object.assign(Object.assign({}, state), { messagesJSON: [...(state.messagesJSON || []), action.payload] });
-}
-//# sourceMappingURL=messages-reducer.js.map

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

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

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

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

package/lib/esm/webchat/replies.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import styled from 'styled-components';
-import { WEBCHAT } from '../constants';
-import { WebchatContext } from '../contexts';
-import { BotonicContainerId } from './constants';
-const ScrollableReplies = styled.div `
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-`;
-const RepliesContainer = styled.div `
-  display: flex;
-  text-align: center;
-  justify-content: ${props => props.justify};
-  flex-wrap: ${props => props.wrap};
-  padding-bottom: 10px;
-  margin-left: 5px;
-  margin-right: 5px;
-  overflow-x: scroll;
-`;
-const ReplyContainer = styled.div `
-  flex: none;
-  display: inline-block;
-  margin: 3px;
-`;
-const options = {
-    left: 'flex-start',
-    center: 'center',
-    right: 'flex-end',
-};
-export const WebchatReplies = props => {
-    const { webchatState, getThemeProperty, repliesRef } = useContext(WebchatContext);
-    let justifyContent = 'center';
-    const flexWrap = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.wrapReplies, 'wrap');
-    if (flexWrap == 'nowrap')
-        justifyContent = 'flex-start';
-    else if (getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
-        justifyContent =
-            options[getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
-    return (_jsx(ScrollableReplies, { children: _jsx(RepliesContainer, Object.assign({ id: BotonicContainerId.RepliesContainer, ref: repliesRef, className: 'replies-container', justify: justifyContent, wrap: flexWrap }, { children: webchatState.replies.map((r, i) => (_jsx(ReplyContainer, { children: r }, i))) })) }));
-};
-//# sourceMappingURL=replies.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"replies.js","sourceRoot":"","sources":["../../../src/webchat/replies.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;CAKjC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAClD,UAAU,CAAC,cAAc,CAAC,CAAA;IAC5B,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,gBAAgB,kBACf,EAAE,EAAE,kBAAkB,CAAC,gBAAgB,EACvC,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,gBAEb,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,KAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,IACe,GACD,CACrB,CAAA;AACH,CAAC,CAAA"}

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

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