@botonic/react 0.36.0-alpha.0 → 0.36.0

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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1 @@
+{"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 +1 @@
-export function SessionView(props: any): JSX.Element;
+export function SessionView(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import JSONTree from 'react-json-tree';
+import { JSONTree } from 'react-json-tree';
 import styled from 'styled-components';
 import { COLORS } from '../constants';
-import { useWebchat } from './hooks';
+import { useWebchat } from './context/use-webchat';
 const AttributeContainer = styled.div `
   display: flex;
   flex: none;

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

@@ -1 +1 @@
-{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAO1B,MAAM,CAAC,WAAW;;CAE5B,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvB,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAMb,MAAM,CAAC,YAAY;;CAE7B,CAAA;AAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,CACpC,MAAC,kBAAkB,eACjB,KAAC,KAAK,cAAE,KAAK,CAAC,KAAK,GAAS,EAC5B,KAAC,KAAK,cAAE,KAAK,CAAC,KAAK,GAAS,IACT,CACtB,CAAA;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;WAE1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;;sBAG1B,MAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjB,MAAM,CAAC,qBAAqB;;;sBAGjB,MAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGb,MAAM,CAAC,WAAW;6BACA,MAAM,CAAC,qBAAqB;CACxD,CAAA;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAA;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAG5B,MAAM,CAAC,qBAAqB;;CAEtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,sDAAsD;IACtD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI,UAAU,EAAE,CAAA;IAC9E,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,YAAY,CAAA;IACnE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,iBAAiB,iCACZ,YAAY,CAAC,WAAW,KAC3B,eAAe,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,eAAe,IAC1D,CAAA;IACJ,MAAM,yBAAyB,GAAG,GAAG,EAAE,CACrC,iBAAiB,iCACZ,YAAY,CAAC,WAAW,KAC3B,mBAAmB,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB,IAClE,CAAA;IACJ,OAAO,CACL,MAAC,kBAAkB,kBAAC,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,iBAChE,KAAC,SAAS,kBAAC,OAAO,EAAE,iBAAiB,gBAClC,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAC3C,EACZ,MAAC,gBAAgB,eACf,KAAC,KAAK,sCAA4B,EAClC,KAAC,oBAAoB,IACnB,KAAK,EAAC,QAAQ,EACd,KAAK,EACH,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;4BAChC,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE;4BACvC,CAAC,CAAC,EAAE,GAER,EACF,KAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAI,EAC/D,KAAC,oBAAoB,IACnB,KAAK,EAAC,SAAS,EACf,KAAK,EACH,KAAK,CAAC,MAAM;4BACV,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;4BAC7D,CAAC,CAAC,EAAE,GAER,EACF,KAAC,oBAAoB,IACnB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,GAAG,GAChD,EACF,KAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,GAAG,EACzC,KAAC,gBAAgB,cACf,KAAC,QAAQ,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,GAC1B,EACnB,KAAC,oBAAoB,cACnB,4BACE,gBACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,2BAA2B,EAChC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC9D,QAAQ,EAAE,yBAAyB,GACnC,8BAEI,GACa,IACN,KACA,CACtB,CAAA;AACH,CAAC,CAAA"}
+{"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

@@ -0,0 +1,4 @@
+export declare const StyledWebchat: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ErrorMessageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DarkBackgroundMenu: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/lib/esm/webchat/styles.js

@@ -0,0 +1,61 @@
+import styled from 'styled-components';
+import { COLORS } from '../constants';
+export const StyledWebchat = styled.div `
+  position: fixed;
+  right: ${props => props.theme.style.right};
+  bottom: ${props => props.theme.style.bottom};
+  width: ${props => props.theme.style.width};
+  height: ${props => props.theme.style.height};
+  margin: auto;
+  background-color: ${props => props.theme.style.backgroundColor};
+  border-radius: 10px;
+  box-shadow: ${props => props.theme.style.boxShadow};
+  font-family: ${props => props.theme.style.fontFamily};
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+
+  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {
+    position: ${props => props.theme.mobileStyle.position};
+    right: ${props => props.theme.mobileStyle.right};
+    bottom: ${props => props.theme.mobileStyle.bottom};
+    width: ${props => props.theme.mobileStyle.width};
+    height: ${props => props.theme.mobileStyle.height};
+    border-radius: ${props => props.theme.mobileStyle.borderRadius};
+    font-size: ${props => props.theme.mobileStyle.fontSize};
+  }
+`;
+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: ${props => props.theme.style.fontFamily};
+`;
+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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/webchat/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;WAE5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;WAClC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK;YAC/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;sBAEvB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe;;gBAEhD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;iBACnC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;;;;;;uBAM/B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;gBAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;aAC5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;aACxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK;cACrC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM;qBAChC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY;iBACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ;;CAEzD,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,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;CACrD,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;gBAC5B,MAAM,CAAC,WAAW;;;;;;;;;CASjC,CAAA"}

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

@@ -0,0 +1,2 @@
+import { WebchatTheme } from './types';
+export declare const defaultTheme: WebchatTheme;

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

@@ -0,0 +1,101 @@
+import { COLORS, WEBCHAT } from '../../constants';
+export const defaultTheme = {
+    style: {
+        width: '300px',
+        height: '450px',
+        borderRadius: '10px',
+        fontFamily: "'Noto Sans JP', sans-serif",
+        fontSize: '16px',
+        position: 'fixed',
+        right: '20px',
+        bottom: '20px',
+        backgroundColor: COLORS.SOLID_WHITE,
+        boxShadow: `${COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,
+    },
+    mobileBreakpoint: 768,
+    mobileStyle: {
+        width: '100%',
+        height: '100%',
+        borderRadius: '0px',
+        fontSize: '16px',
+        position: 'absolute',
+        right: '0px',
+        bottom: '0px',
+    },
+    header: {
+        title: 'Botonic',
+        subtitle: '',
+        image: WEBCHAT.DEFAULTS.LOGO,
+        style: {
+            borderRadius: '10px 10px 0px 0px',
+        },
+        mobileStyle: {
+            borderRadius: '0px',
+        },
+    },
+    brand: {
+        color: COLORS.BOTONIC_BLUE,
+        image: WEBCHAT.DEFAULTS.LOGO,
+    },
+    button: {
+        autodisable: false,
+        disabledstyle: {
+            opacity: 0.5,
+            cursor: 'auto',
+            pointerEvents: 'none',
+        },
+        messageType: 'text',
+        hoverBackground: COLORS.CONCRETE_WHITE,
+        hoverTextColor: COLORS.SOLID_BLACK,
+        style: {
+            width: '100%',
+            maxHeight: '80px',
+            height: 'auto',
+            fontFamily: 'inherit',
+            fontSize: '14px',
+            fontWeight: 'normal',
+            background: COLORS.SOLID_WHITE,
+            color: COLORS.SOLID_BLACK,
+            outline: '0',
+            border: ` 1px solid ${COLORS.SEASHELL_WHITE}`,
+            borderRadius: '0px',
+            padding: '12px 32px',
+            overflow: 'hidden',
+        },
+        urlIcon: {
+            enable: false,
+            image: WEBCHAT.DEFAULTS.URL_ICON,
+        },
+    },
+    message: {
+        user: {
+            blobTick: true,
+        },
+        bot: {
+            blobTick: true,
+        },
+    },
+    triggerButton: { image: WEBCHAT.DEFAULTS.LOGO },
+    userInput: {
+        attachments: { enable: false },
+        box: {
+            placeholder: 'Ask me something...',
+        },
+        emojiPicker: { enable: false },
+        sendButton: { enable: true },
+        enable: true,
+    },
+    carousel: {
+        enableArrows: true,
+    },
+    animations: { enable: true },
+    notifications: {
+        enable: false,
+        banner: {
+            enable: false,
+            text: 'unread messages',
+        },
+        triggerButton: { enable: false },
+    },
+};
+//# sourceMappingURL=default-theme.js.map

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

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

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

@@ -0,0 +1,214 @@
+/// <reference types="react" />
+import { BlockInputOption, ButtonProps, CustomMessageType } from '../../components/index-types';
+export 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 CustomButtonProps {
+    children: React.ReactNode;
+    onClick?: () => void;
+}
+interface ButtonStyle {
+    width?: string;
+    maxHeight?: string;
+    height?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    background?: string;
+    color?: string;
+    outline?: string;
+    border?: string;
+    borderRadius?: string;
+    padding?: string;
+    overflow?: string;
+}
+export interface WebchatTheme {
+    style: {
+        width?: string;
+        height?: string;
+        borderRadius?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        position?: 'fixed' | 'absolute';
+        right?: string;
+        bottom?: string;
+        backgroundColor?: string;
+        boxShadow?: string;
+    };
+    mobileBreakpoint: number;
+    mobileStyle: {
+        width?: string;
+        height?: string;
+        borderRadius?: string;
+        fontSize?: string;
+        position?: 'fixed' | 'absolute';
+        right?: string;
+        bottom?: string;
+    };
+    coverComponent?: CoverComponentOptions;
+    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?: {
+            borderRadius?: string;
+        };
+        mobileStyle?: {
+            borderRadius?: string;
+        };
+        custom?: React.ComponentType;
+    };
+    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?: {
+            opacity?: number;
+            cursor?: string;
+            pointerEvents?: string;
+            backgroundColor?: string;
+        };
+        hoverBackground?: string;
+        hoverTextColor?: string;
+        messageType?: 'text' | 'postback';
+        urlIcon?: {
+            image?: string;
+            enable?: boolean;
+        };
+        style?: ButtonStyle;
+        custom?: React.ComponentType<CustomButtonProps>;
+    };
+    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

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

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

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

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

@@ -1,7 +1,17 @@
 export declare enum EventAction {
     FeedbackKnowledgebase = "feedback_knowledgebase"
 }
+interface TrackKnowledgebaseFeedbackArgs {
+    messageId: string;
+    isUseful: boolean;
+    botInteractionId?: string;
+    inferenceId?: string;
+}
 export declare enum FeedbackOption {
     ThumbsUp = "thumbsUp",
     ThumbsDown = "thumbsDown"
 }
+export declare function useTracking(): {
+    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
+};
+export {};

package/lib/esm/webchat/tracking.js

@@ -1,3 +1,7 @@
+import { __awaiter } from "tslib";
+import { useContext } from 'react';
+import { v7 as uuidv7 } from 'uuid';
+import { WebchatContext } from './context';
 export var EventAction;
 (function (EventAction) {
     EventAction["FeedbackKnowledgebase"] = "feedback_knowledgebase";
@@ -7,4 +11,37 @@ export var FeedbackOption;
     FeedbackOption["ThumbsUp"] = "thumbsUp";
     FeedbackOption["ThumbsDown"] = "thumbsDown";
 })(FeedbackOption || (FeedbackOption = {}));
+export function useTracking() {
+    const { webchatState, trackEvent } = useContext(WebchatContext);
+    const getRequest = () => {
+        const request = {
+            session: Object.assign({}, webchatState.session),
+            getUserCountry: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.country) || ''; },
+            getUserLocale: () => { var _a; return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.locale) || ''; },
+            getSystemLocale: () => {
+                var _a;
+                return ((_a = webchatState.session.user) === null || _a === void 0 ? void 0 : _a.system_locale) || '';
+            },
+        };
+        return request;
+    };
+    const trackKnowledgebaseFeedback = ({ messageId, isUseful, botInteractionId, inferenceId, }) => __awaiter(this, void 0, void 0, function* () {
+        if (!trackEvent) {
+            return;
+        }
+        const args = {
+            knowledgebaseInferenceId: inferenceId,
+            feedbackBotInteractionId: botInteractionId,
+            feedbackTargetId: messageId,
+            feedbackGroupId: uuidv7(),
+            possibleOptions: [FeedbackOption.ThumbsDown, FeedbackOption.ThumbsUp],
+            possibleValues: [0, 1],
+            option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
+            value: isUseful ? 1 : 0,
+        };
+        const request = getRequest();
+        yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
+    });
+    return { trackKnowledgebaseFeedback };
+}
 //# sourceMappingURL=tracking.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/webchat/tracking.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,CAAN,IAAY,WAEX;AAFD,WAAY,WAAW;IACrB,+DAAgD,CAAA;AAClD,CAAC,EAFW,WAAW,KAAX,WAAW,QAEtB;AAQD,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;AAC3B,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAED,MAAM,UAAU,WAAW;IACzB,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG;YACd,OAAO,oBACF,YAAY,CAAC,OAAO,CACxB;YACD,cAAc,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAA,EAAA;YAC9D,aAAa,EAAE,GAAG,EAAE,WAAC,OAAA,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,MAAM,KAAI,EAAE,CAAA,EAAA;YAC5D,eAAe,EAAE,GAAG,EAAE;;gBACpB,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;YACvD,CAAC;SAC0B,CAAA;QAE7B,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,0BAA0B,GAAG,CAAO,EACxC,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACoB,EAAE,EAAE;QACnC,IAAI,CAAC,UAAU,EAAE;YACf,OAAM;SACP;QAED,MAAM,IAAI,GAAG;YACX,wBAAwB,EAAE,WAAW;YACrC,wBAAwB,EAAE,gBAAgB;YAC1C,gBAAgB,EAAE,SAAS;YAC3B,eAAe,EAAE,MAAM,EAAE;YACzB,eAAe,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,cAAc,CAAC,QAAQ,CAAC;YACrE,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACtB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU;YACtE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB,CAAA;QAED,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;QAE5B,MAAM,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAA,CAAA;IAED,OAAO,EAAE,0BAA0B,EAAE,CAAA;AACvC,CAAC"}

package/lib/esm/webchat/trigger-button/index.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const TriggerButton: () => JSX.Element;

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

@@ -1,24 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
 import { resolveImage } from '../../util/environment';
+import { WebchatContext } from '../../webchat/context';
 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;
+            webchatState.theme.triggerButton.image = 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 notificationsTriggerButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled);
     const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
-    const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
+    const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger);
     const handleClick = (event) => {
         toggleWebchat(true);
         event.preventDefault();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";AAAA,OAAc,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,iBACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,KAAC,qBAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,iBAAiB,IACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,kBAClB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,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,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC9D,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,CAC5D,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,CACxC,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,iBACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,KAAC,qBAAqB,kBAAC,SAAS,EAAC,uBAAuB,gBACrD,YAAY,CAAC,iBAAiB,IACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,KAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,kBAClB,IAAI,EAAE,KAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,gBAExB,kBAAkB,IAAI,CACrB,KAAC,YAAY,IAAC,GAAG,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAI,CACxD,IACmB,CACvB,KACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/trigger-button/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const StyledTriggerButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UnreadMessagesCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TriggerImage: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledTriggerButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UnreadMessagesCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TriggerImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1 +1,3 @@
-export declare const TypingIndicator: () => JSX.Element;
+import React from 'react';
+declare const TypingIndicator: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default TypingIndicator;

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

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { COLORS, ROLES } from '../../constants';
-import { Dot, TypingIndicatorWrapper } from './styles';
-export const TypingIndicator = () => (_jsxs(TypingIndicatorWrapper, Object.assign({ role: ROLES.TYPING_INDICATOR, className: 'typing-indicator', backgroundColor: COLORS.SEASHELL_WHITE }, { children: [_jsx(Dot, {}), _jsx(Dot, {}), _jsx(Dot, {})] })));
+import { Dot, TypingContainer, TypingMsgWrapper } from './styles';
+const TypingIndicator = forwardRef((_props, ref) => (_jsx(TypingContainer, Object.assign({ ref: ref }, { children: _jsxs(TypingMsgWrapper, Object.assign({ role: ROLES.TYPING_INDICATOR, className: 'typing-indicator', backgroundColor: COLORS.SEASHELL_WHITE }, { children: [_jsx(Dot, {}), _jsx(Dot, {}), _jsx(Dot, {})] })) }))));
+TypingIndicator.displayName = 'TypingIndicator';
+export default TypingIndicator;
 //# sourceMappingURL=index.js.map