@botonic/react 0.24.2 → 0.25.0-alpha.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React, { useContext } from 'react';
+import Fade from 'react-reveal/Fade';
+import { WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+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 && (React.createElement(DefaultIntroImage, { style: Object.assign({}, introStyle), src: resolveImage(introImage) }));
+    return CustomIntro || DefaultIntro ? (React.createElement(ConditionalWrapper, { condition: animationsEnabled, wrapper: children => React.createElement(Fade, null, children) }, CustomIntro ? React.createElement(CustomIntro, null) : DefaultIntro)) : null;
+};
+//# sourceMappingURL=intro-message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"intro-message.js","sourceRoot":"src/","sources":["src/webchat/message-list/intro-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,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,oBAAC,iBAAiB,IAChB,KAAK,oBACA,UAAU,GAEf,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAC7B,CACH,CAAA;IAED,OAAO,WAAW,IAAI,YAAY,CAAC,CAAC,CAAC,CACnC,oBAAC,kBAAkB,IACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,IAAI,QAAE,QAAQ,CAAQ,IAE3C,WAAW,CAAC,CAAC,CAAC,oBAAC,WAAW,OAAG,CAAC,CAAC,CAAC,YAAY,CAC1B,CACtB,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA"}

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

@@ -0,0 +1,16 @@
+import React, { useContext } from 'react';
+import ArrowScrollDown from '../../assets/arrow-scroll-down.svg';
+import { WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+import { resolveImage } from '../../util/environment';
+import { ContainerScrollButton } from './styles';
+import { useDebounce } from './use-debounce';
+export const ScrollButton = ({ handleClick, }) => {
+    const { getThemeProperty } = useContext(WebchatContext);
+    const show = useDebounce();
+    const CustomScrollButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom, undefined);
+    const scrollButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled, CustomScrollButton);
+    return (React.createElement(React.Fragment, null, scrollButtonEnabled && show ? (React.createElement(React.Fragment, null, CustomScrollButton ? (React.createElement(CustomScrollButton, { handleScrollToBottom: handleClick })) : (React.createElement(ContainerScrollButton, { onClick: handleClick },
+        React.createElement("img", { src: resolveImage(ArrowScrollDown) }))))) : null));
+};
+//# sourceMappingURL=scroll-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-button.js","sourceRoot":"src/","sources":["src/webchat/message-list/scroll-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAM5C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,GACO,EAAe,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,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,CACL,0CACG,mBAAmB,IAAI,IAAI,CAAC,CAAC,CAAC,CAC7B,0CACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,oBAAC,kBAAkB,IAAC,oBAAoB,EAAE,WAAW,GAAI,CAC1D,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,IAAC,OAAO,EAAE,WAAW;QACzC,6BAAK,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,GAAI,CACrB,CACzB,CACA,CACJ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"src/","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"}

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

@@ -0,0 +1,27 @@
+import React, { useContext, useEffect } from 'react';
+import ArrowDown from '../../assets/arrow-down.svg';
+import { WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+import { resolveImage } from '../../util/environment';
+import { ContainerUnreadMessagesBanner } from './styles';
+export const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
+    const { getThemeProperty, webchatState } = 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 text = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText, 'unread messages');
+    useEffect(() => {
+        if (webchatState.isWebchatOpen && unreadMessagesBannerRef.current) {
+            unreadMessagesBannerRef.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+            });
+        }
+    }, [webchatState.isWebchatOpen, unreadMessagesBannerRef]);
+    return (React.createElement(React.Fragment, null, notificationsEnabled ? (React.createElement("div", { ref: unreadMessagesBannerRef }, CustomUnreadMessagesBanner ? (React.createElement(CustomUnreadMessagesBanner, null)) : (React.createElement(ContainerUnreadMessagesBanner, null,
+        React.createElement("img", { src: resolveImage(ArrowDown) }),
+        webchatState.numUnreadMessages,
+        " ",
+        text)))) : null));
+};
+//# sourceMappingURL=unread-messages-banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unread-messages-banner.js","sourceRoot":"src/","sources":["src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,SAAS,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAA;AAMxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAErE,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,IAAI,GAAG,gBAAgB,CAC3B,OAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,aAAa,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACjE,uBAAuB,CAAC,OAAO,CAAC,cAAc,CAAC;gBAC7C,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzD,OAAO,CACL,0CACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,6BAAK,GAAG,EAAE,uBAAuB,IAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,oBAAC,0BAA0B,OAAG,CAC/B,CAAC,CAAC,CAAC,CACF,oBAAC,6BAA6B;QAC5B,6BAAK,GAAG,EAAE,YAAY,CAAC,SAAS,CAAC,GAAI;QACpC,YAAY,CAAC,iBAAiB;;QAAG,IAAI,CACR,CACjC,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","sourceRoot":"src/","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/src/webchat/messages-reducer.js.map

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

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

@@ -0,0 +1,2 @@
+export function WebchatReplies(props: any): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,38 @@
+import React, { useContext } from 'react';
+import styled from 'styled-components';
+import { WEBCHAT } from '../constants';
+import { WebchatContext } from '../contexts';
+import { StyledScrollbar } from '../webchat/components/styled-scrollbar';
+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;
+`;
+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 } = useContext(WebchatContext);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    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 (React.createElement(StyledScrollbar, { scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide },
+        React.createElement(RepliesContainer, { className: 'replies-container', justify: justifyContent, wrap: flexWrap }, webchatState.replies.map((r, i) => (React.createElement(ReplyContainer, { key: i }, r))))));
+};
+//# sourceMappingURL=replies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"replies.js","sourceRoot":"src/","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,eAAe,EAAE,MAAM,wCAAwC,CAAA;AAExE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,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,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,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,oBAAC,eAAe,IACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;QAEnC,oBAAC,gBAAgB,IACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,IAEb,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,IAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAkB,CAC7C,CAAC,CACe,CACH,CACnB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export function SessionView(props: any): React.JSX.Element;
+import React from "react";

package/lib/esm/src/webchat/session-view.js

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

package/lib/esm/src/webchat/session-view.js.map

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

package/lib/esm/src/webchat/trigger-button/index.js

@@ -0,0 +1,29 @@
+import React, { useContext } from 'react';
+import { ROLES, WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../contexts';
+import { resolveImage } from '../../util/environment';
+import { StyledTriggerButton, TriggerImage, UnreadMessagesCounter, } from './styles';
+export const TriggerButton = () => {
+    const { webchatState, getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+    const getTriggerImage = () => {
+        const image = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, undefined);
+        if (!image) {
+            webchatState.theme.triggerButtonImage = WEBCHAT.DEFAULTS.LOGO;
+            return null;
+        }
+        return image;
+    };
+    const triggerButtonImage = getTriggerImage();
+    const triggerButtonStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
+    const notificationsTriggerButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled, false);
+    const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
+    const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
+    const handleClick = (event) => {
+        toggleWebchat(true);
+        event.preventDefault();
+    };
+    return (React.createElement("div", { onClick: handleClick },
+        webchatState.numUnreadMessages !== 0 && notificationsEnabled && (React.createElement(UnreadMessagesCounter, { className: 'trigger-notifications' }, webchatState.numUnreadMessages)),
+        CustomTriggerButton ? (React.createElement(CustomTriggerButton, null)) : (React.createElement(StyledTriggerButton, { role: ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, triggerButtonImage && (React.createElement(TriggerImage, { src: resolveImage(triggerButtonImage) }))))));
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/src/webchat/trigger-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/trigger-button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,qBAAqB,GACtB,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,iCAAiC,GAAG,gBAAgB,CACxD,OAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,iCAAiC,CAClC,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,OAAO,EAAE,WAAW;QACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,oBAAC,qBAAqB,IAAC,SAAS,EAAC,uBAAuB,IACrD,YAAY,CAAC,iBAAiB,CACT,CACzB;QACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,oBAAC,mBAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,IAClB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,IAExB,kBAAkB,IAAI,CACrB,oBAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACxD,CACmB,CACvB,CACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/src/webchat/trigger-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"src/","sources":["src/webchat/trigger-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;gBAG7B,MAAM,CAAC,WAAW;;;;;;;;;;;CAWjC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;sBAUzB,MAAM,CAAC,iBAAiB;;;CAG7C,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA"}

package/lib/esm/src/webchat/use-storage-state-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"src/","sources":["src/webchat/use-storage-state-hook.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,MAAM,UAAU,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI;QACF,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;KAC9B;IAAC,WAAM;QACN,SAAS,GAAG,MAAA,MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,0CAAE,aAAa,mDAAG,OAAO,CAAC,CAAA;KACnE;IAED,MAAM,GAAG,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtB,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;KAC9B;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC"}

package/lib/esm/src/webchat/webchat-dev.d.ts

@@ -0,0 +1,7 @@
+export const DebugTab: any;
+export function DebugTabPortal({ webchatHooks, ...props }: {
+    [x: string]: any;
+    webchatHooks: any;
+}): import("react").ReactPortal;
+export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React_1 from "react";