@botonic/react 0.31.5-alpha.1 → 0.32.0-alpha.0

package/lib/esm/webchat/styles.js

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

@@ -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,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

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

@@ -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/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,8 +1,8 @@
 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);

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,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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAEtD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CACnC,MAAC,sBAAsB,kBACrB,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,MAAM,CAAC,cAAc,iBAEtC,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,KACgB,CAC1B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEjE,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,MAAM,EAAE,GAAiC,EAAE,EAAE,CAAC,CAC7C,KAAC,eAAe,kBAAC,GAAG,EAAE,GAAG,gBACvB,MAAC,gBAAgB,kBACf,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,SAAS,EAAC,kBAAkB,EAC5B,eAAe,EAAE,MAAM,CAAC,cAAc,iBAEtC,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,EACP,KAAC,GAAG,KAAG,KACU,IACH,CACnB,CACF,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}

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

@@ -1,6 +1,7 @@
-interface TypingIndicatorWrapperProps {
+export declare const TypingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface TypingMsgWrapperProps {
     backgroundColor: string;
 }
-export declare const TypingIndicatorWrapper: import("styled-components").StyledComponent<"div", any, TypingIndicatorWrapperProps, never>;
+export declare const TypingMsgWrapper: import("styled-components").StyledComponent<"div", any, TypingMsgWrapperProps, never>;
 export declare const Dot: import("styled-components").StyledComponent<"span", any, {}, never>;
 export {};

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

@@ -9,12 +9,15 @@ const bulge = keyframes `
     transform: scale(1.05);
   }
 `;
-export const TypingIndicatorWrapper = styled.div `
+export const TypingContainer = styled.div `
+  padding: 0px 8px 8px 8px;
+`;
+export const TypingMsgWrapper = styled.div `
   will-change: transform;
   width: 44px;
   line-height: 0px;
   border-radius: 20px;
-  padding: 8px 2px 8px;
+  padding: 8px 2px;
   text-align: center;
   display: block;
   margin: 8px;

package/lib/esm/webchat/typing-indicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,KAAK,GAAG,SAAS,CAAA;;;;CAItB,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;;;;CAItB,CAAA;AAMD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAA6B;;;;;;;;;;kBAU3D,KAAK;sBACD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe;CACnD,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;oBASV,KAAK;;;oBAGL,KAAK;;;oBAGL,KAAK;;CAExB,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/typing-indicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,KAAK,GAAG,SAAS,CAAA;;;;CAItB,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;;;;CAItB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAExC,CAAA;AAMD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;;;;;kBAU/C,KAAK;sBACD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe;CACnD,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;;oBASV,KAAK;;;oBAGL,KAAK;;;oBAGL,KAAK;;CAExB,CAAA"}

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

@@ -2,6 +2,6 @@ export const DebugTab: import("styled-components").StyledComponent<"div", any, {
 export function DebugTabPortal({ webchatHooks, ...props }: {
     [x: string]: any;
     webchatHooks: any;
-}): import("react").ReactPortal;
+}): React.ReactPortal;
 export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React_1 from "react";
+import React from "react";

package/lib/esm/webchat/webchat-dev.js

@@ -5,7 +5,7 @@ import merge from 'lodash.merge';
 import React, { forwardRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import styled from 'styled-components';
-import { useWebchat } from './hooks';
+import { useWebchat } from './context/use-webchat';
 import { SessionView } from './session-view';
 import { Webchat } from './webchat';
 export const DebugTab = styled.div `

package/lib/esm/webchat/webchat-dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"webchat-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAClD,CAAA;AAED,iEAAiE;AACjE,wEAAwE;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,cAAxB,gBAA0B,CAAF;IACrD,OAAA,YAAY,CACV,KAAC,QAAQ,oBAAK,KAAK,cACjB,KAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,CAAA;AAEH,MAAM,cAAc,GAAG;IACrB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,QAAQ,CAAC,GAAG;QACtB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;KACf;IACD,YAAY,EAAE,EAAE;IAChB,GAAG,EAAE;QACH,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;KAChB;CACF,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,UAAU,EAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,8BACE,KAAC,OAAO,kBACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IACpC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;oBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;oBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;iBAC1D,IACD,EACF,KAAC,cAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"webchat-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAClD,CAAA;AAED,iEAAiE;AACjE,wEAAwE;AACxE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,cAAxB,gBAA0B,CAAF;IACrD,OAAA,YAAY,CACV,KAAC,QAAQ,oBAAK,KAAK,cACjB,KAAC,WAAW,IAAC,YAAY,EAAE,YAAY,GAAI,IAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,CAAA;AAEH,MAAM,cAAc,GAAG;IACrB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,QAAQ,CAAC,GAAG;QACtB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;KACf;IACD,YAAY,EAAE,EAAE;IAChB,GAAG,EAAE;QACH,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;KAChB;CACF,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,UAAU,EAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,8BACE,KAAC,OAAO,kBACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IACpC,KAAK,IACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;oBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;oBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;iBAC1D,IACD,EACF,KAAC,cAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -1,2 +1,4 @@
-export const Webchat: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";
+import React from 'react';
+import { WebchatProps, WebchatRef } from '../index-types';
+declare const Webchat: React.ForwardRefExoticComponent<WebchatProps & React.RefAttributes<WebchatRef | null>>;
+export { Webchat };