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

package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js}

@@ -5,6 +5,8 @@ export function webchatReducer(state, action) {
     switch (action.type) {
         case WebchatAction.UPDATE_WEBVIEW:
             return Object.assign(Object.assign({}, state), action.payload);
+        case WebchatAction.REMOVE_WEBVIEW:
+            return Object.assign(Object.assign({}, state), { webview: null, webviewParams: null });
         case WebchatAction.UPDATE_SESSION:
             return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
         case WebchatAction.UPDATE_TYPING:
@@ -37,6 +39,8 @@ export function webchatReducer(state, action) {
             return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
         case WebchatAction.SET_CURRENT_ATTACHMENT:
             return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
+        case WebchatAction.SET_IS_INPUT_FOCUSED:
+            return Object.assign(Object.assign({}, state), { isInputFocused: action.payload });
         default:
             return messagesReducer(state, action);
     }

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/webchat-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,sCAAsC;AACtC,MAAM,UAAU,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,IAAE;QACzD,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,aAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,aAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,aAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,oBAAoB;YACrC,uCAAY,KAAK,KAAE,cAAc,EAAE,MAAM,CAAC,OAAO,IAAE;QACrD;YACE,OAAO,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC"}

package/lib/esm/webchat/cover-component/index.d.ts

@@ -2,5 +2,5 @@ interface Props {
     component: any;
     componentProps: any;
 }
-export declare const CoverComponent: ({ component, componentProps }: Props) => JSX.Element | null;
+export declare const CoverComponent: ({ component, componentProps }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/esm/webchat/cover-component/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext } from 'react';
 import { WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../context';
 export const CoverComponent = ({ component, componentProps }) => {
     const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
     const Cover = component;

package/lib/esm/webchat/cover-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/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,gBAAgB,CAAA;AAO/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/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,YAAY,CAAA;AAO3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { COLORS, ROLES, WEBCHAT } from '../../constants';
+import { Scale } from '../../shared/styles';
+import { resolveImage } from '../../util/environment';
+import { ConditionalWrapper } from '../../util/react';
+import { WebchatContext } from '../../webchat/context';
+import { CloseHeader, HeaderContainer, ImageContainer, Subtitle, TextContainer, Title, } from './styles';
+export const DefaultHeader = () => {
+    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+    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, '');
+    const handleCloseWebchat = () => {
+        toggleWebchat(false);
+    };
+    const color = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE);
+    return (_jsxs(HeaderContainer, Object.assign({ role: ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx("img", { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, { children: [_jsx(Title, { children: headerTitle }), headerSubtitle ? _jsx(Subtitle, { children: headerSubtitle }) : null] }), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
+};
+//# sourceMappingURL=default-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,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,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,QAAQ,EACR,aAAa,EACb,KAAK,GACN,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CACvB,CAAA;IAED,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,EAAE,CACH,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,CAAA;IAED,OAAO,CACL,MAAC,eAAe,kBACd,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,oBAAO,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,KAAC,cAAc,cACb,cAAK,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAI,GACxB,CAClB,EACD,MAAC,aAAa,eACZ,KAAC,KAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE9C,KAAC,WAAW,kBAAC,OAAO,EAAE,kBAAkB,4BAAiB,IACtC,KACL,CACnB,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const WebchatHeader: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { WEBCHAT } from '../../constants';
+import { WebchatContext } from '../../webchat/context';
+import { BotonicContainerId } from '../constants';
+import { DefaultHeader } from './default-header';
+import { StyledWebchatHeader } from './styles';
+export const WebchatHeader = forwardRef((_, ref) => {
+    const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
+    const handleCloseWebchat = () => {
+        toggleWebchat(false);
+    };
+    const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
+    if (CustomHeader) {
+        return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
+    }
+    return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, {}) })));
+});
+WebchatHeader.displayName = 'WebchatHeader';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnE,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,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,4BAAK,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,KAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,KAAC,mBAAmB,kBAAC,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,KAAC,aAAa,KAAG,IACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}

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

@@ -0,0 +1,7 @@
+export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,55 @@
+import styled from 'styled-components';
+import { COLORS, WEBCHAT } from '../../constants';
+export const HeaderContainer = styled.div `
+  display: flex;
+  background: linear-gradient(
+    90deg,
+    ${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
+    ${props => props.color} 100%
+  );
+  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
+  z-index: 2;
+  height: inherit;
+`;
+export const ImageContainer = styled.div `
+  padding: 10px;
+  align-items: center;
+
+  img {
+    width: 32px;
+    border-radius: 50%;
+  }
+`;
+export const TextContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  flex: 1 1 auto;
+`;
+export const Title = styled.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 15px;
+  font-weight: bold;
+  color: ${COLORS.SOLID_WHITE};
+`;
+export const Subtitle = styled.div `
+  display: flex;
+  font-family: inherit;
+  font-size: 11px;
+  color: ${COLORS.SOLID_WHITE};
+`;
+export const CloseHeader = styled.div `
+  padding: 0px 16px;
+  cursor: pointer;
+  color: ${COLORS.SOLID_WHITE};
+  font-family: inherit;
+  font-size: 36px;
+`;
+export const StyledWebchatHeader = styled.div `
+  border-radius: 8px 8px 0px 0px;
+  box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
+  height: 55px;
+  flex: none;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAInC,MAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,OAAO,CAAC,QAAQ,CAAC,yBAAyB;;;CAG5D,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKpB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAG1B,MAAM,CAAC,WAAW;;;CAG5B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAE7B,MAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}

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

@@ -6,6 +6,5 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
 export { useScrollbarController } from './use-scrollbar-controller';
 export { useTyping } from './use-typing';
 export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchat, webchatInitialState } from './use-webchat';
 export { useWebchatDimensions } from './use-webchat-dimensions';
 export { useWebchatResizer } from './use-webchat-resizer';

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

@@ -6,7 +6,6 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
 export { useScrollbarController } from './use-scrollbar-controller';
 export { useTyping } from './use-typing';
 export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
-export { useWebchat, webchatInitialState } from './use-webchat';
 export { useWebchatDimensions } from './use-webchat-dimensions';
 export { useWebchatResizer } from './use-webchat-resizer';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","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,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","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,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/lib/esm/webchat/hooks/use-previous.d.ts

@@ -1 +1 @@
-export declare function usePrevious(value: any): undefined;
+export declare function usePrevious(value: any): any;

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

@@ -1 +1 @@
-{"version":3,"file":"use-previous.js","sourceRoot":"","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"}
+{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,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/webchat/hooks/use-scroll-to-bottom.d.ts

@@ -1,7 +1,9 @@
-export declare const useScrollToBottom: ({ host, behavior, timeout, }: {
+interface UseScrollToBottom {
     host: any;
-    behavior?: string | undefined;
-    timeout?: number | undefined;
-}) => {
+    behavior?: ScrollBehavior;
+    timeout?: number;
+}
+export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
     scrollToBottom: () => void;
 };
+export {};

package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACd,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,gCAAgC,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAA0B;aACrC,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA"}
+{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAQvB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,gCAAgC,CAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-scrollbar-controller.js

@@ -1,5 +1,5 @@
 import { useContext, useEffect } from 'react';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../../webchat/context';
 import { DEVICES, isMobileDevice } from '../devices';
 // TODO: Investigate why when we have some messages, scroll actions are not disabled properly
 const debounced = (delay, fn) => {
@@ -21,11 +21,11 @@ const stopAtScrollLimit = element => {
         element.scrollTop -= 1;
 };
 export const useScrollbarController = (currentDevice, host) => {
-    const { webchatRef, chatAreaRef, repliesRef, scrollableMessagesListRef } = useContext(WebchatContext);
+    const { webchatContainerRef, chatAreaRef, repliesRef, scrollableMessagesListRef, } = useContext(WebchatContext);
     const hasScrollbar = () => {
         var _a, _b, _c, _d, _e;
         if (chatAreaRef.current && scrollableMessagesListRef.current) {
-            if (!repliesRef) {
+            if (!(repliesRef === null || repliesRef === void 0 ? void 0 : repliesRef.current)) {
                 return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
                     ((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
             }
@@ -57,24 +57,24 @@ export const useScrollbarController = (currentDevice, host) => {
         }
     };
     const toggleOnTouchMoveEvents = () => {
-        if (webchatRef.current && scrollableMessagesListRef.current) {
+        if (webchatContainerRef.current && scrollableMessagesListRef.current) {
             if (hasScrollbar()) {
                 scrollableMessagesListRef.current.style.touchAction = 'auto';
-                webchatRef.current.style.touchAction = 'auto';
-                webchatRef.current.ontouchmove = null;
-                webchatRef.current.ontouchstart = null;
+                webchatContainerRef.current.style.touchAction = 'auto';
+                webchatContainerRef.current.ontouchmove = null;
+                webchatContainerRef.current.ontouchstart = null;
                 return;
             }
             scrollableMessagesListRef.current.style.touchAction = 'none';
-            webchatRef.current.style.touchAction = 'none';
+            webchatContainerRef.current.style.touchAction = 'none';
         }
-        if (webchatRef.current) {
-            webchatRef.current.ontouchstart = e => {
+        if (webchatContainerRef.current) {
+            webchatContainerRef.current.ontouchstart = e => {
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
             };
-            webchatRef.current.ontouchmove = e => {
+            webchatContainerRef.current.ontouchmove = e => {
                 if (e.target === e.currentTarget) {
                     e.preventDefault();
                 }
@@ -102,21 +102,21 @@ export const useScrollbarController = (currentDevice, host) => {
         }
     };
     const handleScrollEvents = () => {
-        if (webchatRef.current) {
+        if (webchatContainerRef.current) {
             if (isMobileDevice()) {
                 if (currentDevice !== DEVICES.MOBILE.IPHONE)
                     return;
                 limitScrollBoundaries();
-                webchatRef.current.ontouchstart = handleOnTouchMoveEvents;
-                webchatRef.current.ontouchmove = handleOnTouchMoveEvents;
+                webchatContainerRef.current.ontouchstart = handleOnTouchMoveEvents;
+                webchatContainerRef.current.ontouchmove = handleOnTouchMoveEvents;
             }
             else {
-                webchatRef.current.onmouseover = e => handleOnMouseOverEvents(e);
+                webchatContainerRef.current.onmouseover = e => handleOnMouseOverEvents(e);
             }
         }
     };
     useEffect(() => {
-        const webchat = webchatRef.current;
+        const webchat = webchatContainerRef.current;
         handleScrollEvents();
         return () => {
             if (webchat) {

package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map

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

package/lib/esm/webchat/hooks/use-typing.d.ts

@@ -1,5 +1,5 @@
 import { WebchatMessage } from '../../index-types';
-import { WebchatState } from '../index-types';
+import { WebchatState } from '../context';
 interface UseTyping {
     webchatState: WebchatState;
     updateTyping: (typing: boolean) => void;

package/lib/esm/webchat/hooks/use-webchat-dimensions.js

@@ -1,9 +1,9 @@
 import { useCallback, useContext } from 'react';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../../webchat/context';
 export const useWebchatDimensions = () => {
-    const { webchatRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = useContext(WebchatContext);
+    const { webchatContainerRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = useContext(WebchatContext);
     const calculateResizedPercentualWebchatHeight = useCallback(() => {
-        const webchatElement = webchatRef.current;
+        const webchatElement = webchatContainerRef.current;
         if (!isWebchatOpen || !webchatElement)
             return 0;
         const webchatHeight = webchatElement.clientHeight || 0;
@@ -15,7 +15,7 @@ export const useWebchatDimensions = () => {
         return newWebchatPercentualHeight;
     }, [isWebchatOpen]);
     const calculateResizedPxChatAreaHeight = useCallback(() => {
-        const webchatElement = webchatRef.current;
+        const webchatElement = webchatContainerRef.current;
         const headerElement = headerRef.current;
         const inputPanelElement = inputPanelRef.current;
         if (!isWebchatOpen || !webchatElement)

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

@@ -1 +1 @@
-{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAA;QAClD,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/hooks/use-webchat-resizer.js

@@ -1,24 +1,24 @@
 import { useContext } from 'react';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../../webchat/context';
 import { useWebchatDimensions } from './use-webchat-dimensions';
 export const useWebchatResizer = () => {
-    const { webchatRef, chatAreaRef, inputPanelRef, headerRef } = useContext(WebchatContext);
+    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = useContext(WebchatContext);
     const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = useWebchatDimensions();
     const handleKeyboardShown = () => {
-        if (webchatRef.current &&
+        if (webchatContainerRef.current &&
             chatAreaRef.current &&
             headerRef.current &&
             inputPanelRef.current) {
-            webchatRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
+            webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };
     const handleKeyboardHidden = () => {
-        if (webchatRef.current &&
+        if (webchatContainerRef.current &&
             chatAreaRef.current &&
             inputPanelRef.current &&
             headerRef.current) {
-            webchatRef.current.style.height = '100%';
+            webchatContainerRef.current.style.height = '100%';
             chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
         }
     };

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

@@ -1 +1 @@
-{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GACzD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,oBAAoB,EAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YACjF,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACxC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GAClE,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,oBAAoB,EAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YAC1F,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,mBAAmB,CAAC,OAAO;YAC3B,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACjD,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/index-types.d.ts

@@ -1,6 +1,4 @@
-import type { Input as CoreInput, Session as CoreSession } from '@botonic/core';
-import { RefObject } from 'react';
-import { Webview } from '../components/index-types';
+import { WebchatArgs } from '../index-types';
 export interface WebchatStateTheme {
     headerTitle: string;
     brandColor: string;
@@ -9,53 +7,12 @@ export interface WebchatStateTheme {
     textPlaceholder: string;
     style: {
         fontFamily: string;
+        borderRadius?: string;
     };
 }
-export interface ErrorMessage {
-    message?: string;
-}
-export interface DevSettings {
-    keepSessionOnReload?: boolean;
-    showSessionView?: boolean;
-}
-export interface WebchatState {
-    width: number;
-    height: number;
-    messagesJSON: any[];
-    messagesComponents: any[];
-    replies: any[];
-    latestInput: Partial<CoreInput>;
-    typing: boolean;
-    webview: Webview | null;
-    webviewParams: null;
-    session: Partial<CoreSession>;
-    lastRoutePath: string | null;
-    handoff: boolean;
-    theme: WebchatStateTheme;
-    themeUpdates: Partial<WebchatStateTheme>;
-    error: ErrorMessage;
-    online: boolean;
-    devSettings: DevSettings;
-    isWebchatOpen: boolean;
-    isEmojiPickerOpen: boolean;
-    isPersistentMenuOpen: boolean;
-    isCoverComponentOpen: boolean;
-    isCustomComponentRendered: boolean;
-    lastMessageUpdate?: string;
-    currentAttachment?: File;
-    numUnreadMessages: number;
-    isLastMessageVisible: boolean;
-}
-export interface WebchatProps {
-    ref: RefObject<any>;
-    onConnectionRegained?: () => Promise<void>;
-}
-export interface WebchatDevProps extends WebchatProps {
+export interface WebchatDevProps extends WebchatArgs {
     initialDevSettings?: {
         keepSessionOnReload?: boolean;
         showSessionView?: boolean;
     };
 }
-export interface CoverComponentProps {
-    closeComponent: () => void;
-}

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

@@ -1,3 +1,4 @@
+export { WebchatContext } from './context';
 export { Webchat } from './webchat';
 export { WebchatDev } from './webchat-dev';
 export declare function getBotonicApp(): any;

package/lib/esm/webchat/index.js

@@ -1,4 +1,5 @@
 // @ts-nocheck
+export { WebchatContext } from './context';
 export { Webchat } from './webchat';
 export { WebchatDev } from './webchat-dev';
 export function getBotonicApp() {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,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/webchat/input-panel/attachment.d.ts

@@ -1,7 +1,7 @@
 interface AttachmentProps {
     accept: string;
-    enableAttachments: boolean;
+    enableAttachments?: boolean;
     onChange: (event: any) => void;
 }
-export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => JSX.Element;
+export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useContext, useRef } from 'react';
 import AttachmentIcon from '../../assets/attachment-icon.svg';
 import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../../webchat/context';
 import { Icon } from '../components/common';
 import { ConditionalAnimation } from '../components/conditional-animation';
 export const Attachment = ({ accept, enableAttachments, onChange, }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAQ1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,6BAAK,IAAI,EAAE,KAAK,CAAC,eAAe,iBAC9B,8BAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACK,EACR,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAQ1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,6BAAK,IAAI,EAAE,KAAK,CAAC,eAAe,iBAC9B,8BAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACK,EACR,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/input-panel/emoji-picker.d.ts

@@ -1,6 +1,6 @@
 interface EmojiPickerProps {
-    enableEmojiPicker: boolean;
+    enableEmojiPicker?: boolean;
     onClick: () => void;
 }
-export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => JSX.Element;
+export declare const EmojiPicker: ({ enableEmojiPicker, onClick, }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/esm/webchat/input-panel/emoji-picker.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useContext } from 'react';
 import LogoEmoji from '../../assets/emojiButton.svg';
 import { ROLES, WEBCHAT } from '../../constants';
-import { WebchatContext } from '../../contexts';
+import { WebchatContext } from '../../webchat/context';
 import { Icon } from '../components/common';
 import { ConditionalAnimation } from '../components/conditional-animation';
 export const EmojiPicker = ({ enableEmojiPicker, onClick, }) => {

package/lib/esm/webchat/input-panel/emoji-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAO1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,4BAAK,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,SAAS,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAO1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,iBAAiB,EACjB,OAAO,GACU,EAAE,EAAE;IACrB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,4BAAK,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,12 +1,12 @@
 import React from 'react';
 interface InputPanelProps {
     persistentMenu: any;
-    enableEmojiPicker: boolean;
-    enableAttachments: boolean;
+    enableEmojiPicker?: boolean;
+    enableAttachments?: boolean;
     handleAttachment: (event: any) => void;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement>;
+    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
     host: HTMLElement;
     onUserInput?: (event: any) => Promise<void>;
 }
-export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => JSX.Element;
+export declare const InputPanel: ({ persistentMenu, enableEmojiPicker, enableAttachments, handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};