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

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 { Fade } from '../../shared/styles';
-import { resolveImage } from '../../util/environment';
-import { ConditionalWrapper } from '../../util/react';
-import { WebchatContext } from '../../webchat/context';
-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,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,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,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,6 +0,0 @@
-/// <reference types="react" />
-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,56 +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/
-  scroll-behavior: smooth;
-  -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;;;;;;;;;CAS9C,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 { resolveImage } from '../../util/environment';
-import { WebchatContext } from '../../webchat/context';
-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,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,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 '../../webchat/context';
-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,uBAAuB,CAAA;AAEtD,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/replies/index.d.ts

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

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../webchat/context';
-import { BotonicContainerId } from '../constants';
-import { RepliesContainer, ReplyContainer, ScrollableReplies } from './styles';
-const options = {
-    left: 'flex-start',
-    center: 'center',
-    right: 'flex-end',
-};
-export const WebchatReplies = () => {
-    var _a;
-    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: (_a = webchatState.replies) === null || _a === void 0 ? void 0 : _a.map((reply, i) => (
-            // @ts-ignore TODO: In this point reply is the the component to render
-            _jsx(ReplyContainer, { children: reply }, `reply-${i}`))) })) }));
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/replies/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,uBAAuB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE9E,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;;IACjC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAClD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IAED,IAAI,QAAQ,KAAK,QAAQ,EAAE;QACzB,cAAc,GAAG,YAAY,CAAA;KAC9B;SAAM,IAAI,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE;QACnE,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;KACpE;IAED,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,MAAA,YAAY,CAAC,OAAO,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,sEAAsE;YACtE,KAAC,cAAc,cAAqB,KAAK,IAApB,SAAS,CAAC,EAAE,CAA0B,CAC5D,CAAC,IACe,GACD,CACrB,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,8 +0,0 @@
-export declare const ScrollableReplies: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface RepliesContainerProps {
-    justify: string;
-    wrap: string;
-}
-export declare const RepliesContainer: import("styled-components").StyledComponent<"div", any, RepliesContainerProps, never>;
-export declare const ReplyContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

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

@@ -1,21 +0,0 @@
-import styled from 'styled-components';
-export const ScrollableReplies = styled.div `
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-`;
-export 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: auto;
-`;
-export const ReplyContainer = styled.div `
-  flex: none;
-  display: inline-block;
-  margin: 3px;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/replies/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAA;AAOD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;qBAG5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;CAKjC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIvC,CAAA"}

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

@@ -1 +0,0 @@
-export function SessionView(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { JSONTree } from 'react-json-tree';
-import styled from 'styled-components';
-import { COLORS } from '../constants';
-import { useWebchat } from './context/use-webchat';
-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 => (_jsxs(AttributeContainer, { children: [_jsx(Label, { children: props.label }), _jsx(Value, { children: 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 (_jsxs(SessionViewContent, Object.assign({ show: webchatState.devSettings.showSessionView }, { children: [_jsx(ToggleTab, Object.assign({ onClick: toggleSessionView }, { children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' })), _jsxs(ContentContainer, { children: [_jsx(Title, { children: "Botonic Dev Console" }), _jsx(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
-                            ? `[${input.type}] ${input.data || ''}`
-                            : '' }), _jsx(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), _jsx(SessionViewAttribute, { label: 'INTENT:', value: input.intent
-                            ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
-                            : '' }), _jsx(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), _jsx(SessionViewAttribute, { label: 'SESSION:' }), _jsx(SessionContainer, { children: _jsx(JSONTree, { data: session, hideRoot: true }) }), _jsx(KeepSessionContainer, { children: _jsxs("label", { children: [_jsx("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] })));
-};
-//# sourceMappingURL=session-view.js.map

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

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

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

@@ -1,9 +0,0 @@
-interface StyledWebchatProps {
-    width: number;
-    height: number;
-}
-export declare const StyledWebchat: import("styled-components").StyledComponent<"div", any, StyledWebchatProps, never>;
-export declare const ErrorMessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DarkBackgroundMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};

package/lib/esm/webchat/styles.js

@@ -1,50 +0,0 @@
-import styled from 'styled-components';
-import { COLORS, WEBCHAT } from '../constants';
-export const StyledWebchat = styled.div `
-  position: fixed;
-  right: 20px;
-  bottom: 20px;
-  width: ${props => props.width}px;
-  height: ${props => props.height}px;
-  margin: auto;
-  background-color: ${COLORS.SOLID_WHITE};
-  border-radius: 10px;
-  box-shadow: ${COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  overflow: hidden;
-`;
-export const ErrorMessageContainer = styled.div `
-  position: relative;
-  display: flex;
-  z-index: 1;
-  justify-content: center;
-  width: 100%;
-`;
-export const ErrorMessage = styled.div `
-  position: absolute;
-  top: 10px;
-  font-size: 14px;
-  line-height: 20px;
-  padding: 4px 11px;
-  display: flex;
-  background-color: ${COLORS.ERROR_RED};
-  color: ${COLORS.CONCRETE_WHITE};
-  border-radius: 5px;
-  align-items: center;
-  justify-content: center;
-  font-family: ${WEBCHAT.DEFAULTS.FONT_FAMILY};
-`;
-export const DarkBackgroundMenu = styled.div `
-  background: ${COLORS.SOLID_BLACK};
-  opacity: 0.3;
-  z-index: 1;
-  right: 0;
-  bottom: 0;
-  border-radius: 10px;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/webchat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAO9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;WAIhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;YACnB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;sBAEX,MAAM,CAAC,WAAW;;gBAExB,MAAM,CAAC,qBAAqB;;;;;CAK3C,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM9C,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;sBAOhB,MAAM,CAAC,SAAS;WAC3B,MAAM,CAAC,cAAc;;;;iBAIf,OAAO,CAAC,QAAQ,CAAC,WAAW;CAC5C,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;gBAC5B,MAAM,CAAC,WAAW;;;;;;;;;CASjC,CAAA"}

package/lib/esm/webchat/theme/types.d.ts

@@ -1,167 +0,0 @@
-/// <reference types="react" />
-import { BlockInputOption, ButtonProps, CustomMessageType } from '../../components/index-types';
-interface ImagePreviewerProps {
-    src: string;
-    isPreviewerOpened: boolean;
-    closePreviewer: () => void;
-}
-export interface CoverComponentProps {
-    closeComponent: () => void;
-}
-export interface CoverComponentOptions {
-    component: React.ComponentType<CoverComponentProps>;
-    props?: any;
-}
-export type PersistentMenuCloseOption = {
-    closeLabel: string;
-};
-export type PersistentMenuOption = {
-    label: string;
-} & ButtonProps;
-export type PersistentMenuOptionsTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
-export interface PersistentMenuOptionsProps {
-    onClick: () => void;
-    options: any;
-}
-export interface BlobProps {
-    blobTick?: boolean;
-    blobTickStyle?: any;
-    blobWidth?: string;
-    imageStyle?: any;
-}
-export interface ThemeProps {
-    style?: any;
-    coverComponent?: CoverComponentOptions;
-    mobileBreakpoint?: number;
-    mobileStyle?: any;
-    webview?: {
-        style?: any;
-        header?: {
-            style?: any;
-        };
-    };
-    animations?: {
-        enable?: boolean;
-    };
-    intro?: {
-        style?: any;
-        image?: string;
-        custom?: React.ComponentType;
-    };
-    brand?: {
-        color?: string;
-        image?: string;
-    };
-    header?: {
-        title?: string;
-        subtitle?: string;
-        image?: string;
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    customMessageTypes?: CustomMessageType[];
-    message?: {
-        bot?: BlobProps & {
-            image?: string;
-            style?: any;
-        };
-        agent?: {
-            image?: string;
-        };
-        user?: BlobProps & {
-            style?: any;
-        };
-        customTypes?: CustomMessageType[];
-        style?: any;
-        timestamps?: {
-            withImage?: boolean;
-            format: () => string;
-            style?: any;
-            enable?: boolean;
-        };
-    };
-    button?: {
-        autodisable?: boolean;
-        disabledstyle?: any;
-        hoverBackground?: string;
-        hoverTextColor?: string;
-        messageType?: 'text' | 'payload';
-        urlIcon?: {
-            image?: string;
-            enable?: boolean;
-        };
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    replies?: {
-        align?: 'left' | 'center' | 'right';
-        wrap?: 'wrap' | 'nowrap';
-    };
-    carousel?: {
-        arrow?: {
-            left: {
-                custom?: React.ComponentType;
-            };
-            right: {
-                custom?: React.ComponentType;
-            };
-        };
-        enableArrows?: boolean;
-    };
-    reply?: {
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    triggerButton?: {
-        image?: string;
-        style?: any;
-        custom?: React.ComponentType;
-    };
-    notifications?: {
-        enable?: boolean;
-        banner?: {
-            custom?: React.ComponentType;
-            enable?: boolean;
-            text?: string;
-        };
-        triggerButton?: {
-            enable?: boolean;
-        };
-    };
-    scrollButton?: {
-        enable?: boolean;
-        custom?: React.ComponentType;
-    };
-    markdownStyle?: string;
-    userInput?: {
-        attachments?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        blockInputs?: BlockInputOption[];
-        box?: {
-            placeholder: string;
-            style?: any;
-        };
-        emojiPicker?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        menu?: {
-            darkBackground?: boolean;
-            custom?: React.ComponentType<PersistentMenuOptionsProps>;
-        };
-        menuButton?: {
-            custom?: React.ComponentType;
-        };
-        persistentMenu?: PersistentMenuOptionsTheme;
-        sendButton?: {
-            enable?: boolean;
-            custom?: React.ComponentType;
-        };
-        enable?: boolean;
-        style?: any;
-    };
-    imagePreviewer?: React.ComponentType<ImagePreviewerProps>;
-}
-export {};

package/lib/esm/webchat/theme/types.js

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

package/lib/esm/webchat/theme/types.js.map

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

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

@@ -1,7 +0,0 @@
-export declare enum EventAction {
-    FeedbackKnowledgebase = "feedback_knowledgebase"
-}
-export declare enum FeedbackOption {
-    ThumbsUp = "thumbsUp",
-    ThumbsDown = "thumbsDown"
-}

package/lib/esm/webchat/tracking.js

@@ -1,10 +0,0 @@
-export var EventAction;
-(function (EventAction) {
-    EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
-})(EventAction || (EventAction = {}));
-export var FeedbackOption;
-(function (FeedbackOption) {
-    FeedbackOption["ThumbsUp"] = "thumbsUp";
-    FeedbackOption["ThumbsDown"] = "thumbsDown";
-})(FeedbackOption || (FeedbackOption = {}));
-//# sourceMappingURL=tracking.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB;AAED,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB"}