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

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

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

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { ROLES, WEBCHAT } from '../../constants';
-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;
-            return null;
-        }
-        return image;
-    };
-    const triggerButtonImage = getTriggerImage();
-    const triggerButtonStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
-    const notificationsTriggerButtonEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled, false);
-    const notificationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
-    const CustomTriggerButton = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
-    const handleClick = (event) => {
-        toggleWebchat(true);
-        event.preventDefault();
-    };
-    return (_jsxs("div", Object.assign({ onClick: handleClick }, { children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && (_jsx(UnreadMessagesCounter, Object.assign({ className: 'trigger-notifications' }, { children: webchatState.numUnreadMessages }))), CustomTriggerButton ? (_jsx(CustomTriggerButton, {})) : (_jsx(StyledTriggerButton, Object.assign({ role: ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, { children: triggerButtonImage && (_jsx(TriggerImage, { src: resolveImage(triggerButtonImage) })) })))] })));
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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/trigger-button/styles.d.ts

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

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

@@ -1,36 +0,0 @@
-import styled from 'styled-components';
-import { COLORS } from '../../constants';
-export const StyledTriggerButton = styled.div `
-  cursor: pointer;
-  position: fixed;
-  background: ${COLORS.SOLID_WHITE};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  width: 65px;
-  height: 65px;
-  bottom: 20px;
-  right: 10px;
-  padding: 8px;
-`;
-export const UnreadMessagesCounter = styled.div `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  position: fixed;
-  right: 20px;
-  bottom: 80px;
-  width: 24px;
-  height: 24px;
-  background-color: ${COLORS.RED_NOTIFICATIONS};
-  color: white;
-  z-index: 10;
-`;
-export const TriggerImage = styled.img `
-  max-width: 100%;
-  max-height: 100%;
-`;
-//# sourceMappingURL=styles.js.map

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

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

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

@@ -1,3 +0,0 @@
-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,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { COLORS, ROLES } from '../../constants';
-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 +0,0 @@
-{"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,7 +0,0 @@
-export declare const TypingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface TypingMsgWrapperProps {
-    backgroundColor: string;
-}
-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

@@ -1,46 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-const blink = keyframes `
-  50% {
-    opacity: 1;
-  }
-`;
-const bulge = keyframes `
-  50% {
-    transform: scale(1.05);
-  }
-`;
-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;
-  text-align: center;
-  display: block;
-  margin: 8px;
-  position: relative;
-  animation: 2s ${bulge} infinite ease-out;
-  background-color: ${props => props.backgroundColor};
-`;
-export const Dot = styled.span `
-  height: 6px;
-  width: 6px;
-  margin: 0 1px;
-  background-color: #9e9ea1;
-  display: inline-block;
-  border-radius: 50%;
-  opacity: 0.4;
-  &:nth-of-type(1) {
-    animation: 1s ${blink} infinite 0.3333s;
-  }
-  &:nth-of-type(2) {
-    animation: 1s ${blink} infinite 0.6666s;
-  }
-  &:nth-of-type(3) {
-    animation: 1s ${blink} infinite 1s;
-  }
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"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/use-storage-state-hook.d.ts

@@ -1 +0,0 @@
-export function useStorageState(storage: any, key: any, defaultValue: any): any[];

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

@@ -1,38 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js
-const IS_BROWSER = typeof window !== 'undefined' &&
-    typeof navigator !== 'undefined' &&
-    typeof document !== 'undefined';
-export function useStorageState(storage, key, defaultValue) {
-    var _a, _b;
-    let evtTarget;
-    try {
-        evtTarget = new EventTarget();
-    }
-    catch (_c) {
-        evtTarget = (_b = (_a = (IS_BROWSER ? document : {})) === null || _a === void 0 ? void 0 : _a.createElement) === null || _b === void 0 ? void 0 : _b.call(_a, 'phony');
-    }
-    const raw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
-    const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue);
-    const updater = useCallback((updatedValue, remove = false) => {
-        setValue(updatedValue);
-        storage[remove ? 'removeItem' : 'setItem'](key, JSON.stringify(updatedValue));
-        evtTarget.dispatchEvent(new CustomEvent('storage_change', { detail: { key } }));
-    }, [key]);
-    defaultValue != null && !raw && updater(defaultValue);
-    useEffect(() => {
-        const listener = ({ detail }) => {
-            if (detail.key === key) {
-                const lraw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
-                lraw !== raw && setValue(JSON.parse(lraw));
-            }
-        };
-        evtTarget.addEventListener('storage_change', listener);
-        return () => evtTarget.removeEventListener('storage_change', listener);
-    });
-    if (storage === null) {
-        return [undefined, undefined];
-    }
-    return [value, updater, () => updater(null, true)];
-}
-//# sourceMappingURL=use-storage-state-hook.js.map

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

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

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

@@ -1,2 +0,0 @@
-import { BotonicActionType } from '@botonic/core';
-export declare const getParsedAction: (botonicAction: BotonicActionType) => any;

package/lib/esm/webchat/utils.js

@@ -1,8 +0,0 @@
-import { BotonicAction } from '@botonic/core';
-export const getParsedAction = (botonicAction) => {
-    const splittedAction = botonicAction.split(`${BotonicAction.CreateCase}:`);
-    if (splittedAction.length <= 1)
-        return undefined;
-    return JSON.parse(splittedAction[1]);
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/webchat/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAqB,MAAM,eAAe,CAAA;AAEhE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,aAAgC,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,UAAU,GAAG,CAAC,CAAA;IAC1E,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,SAAS,CAAA;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AACtC,CAAC,CAAA"}

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

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

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

@@ -1,56 +0,0 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { PROVIDER } from '@botonic/core';
-import merge from 'lodash.merge';
-import React, { forwardRef, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import styled from 'styled-components';
-import { useWebchat } from './context/use-webchat';
-import { SessionView } from './session-view';
-import { Webchat } from './webchat';
-export const DebugTab = styled.div `
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: ${props => (props.show ? '350px' : '32px')};
-  height: ${props => (props.show ? '100%' : '42px')};
-`;
-// We want the debug tab to be rendered in the <body> even if the
-// webchat is being rendered in a shadowDOM, that's why we need a portal
-export const DebugTabPortal = (_a) => {
-    var { webchatHooks } = _a, props = __rest(_a, ["webchatHooks"]);
-    return createPortal(_jsx(DebugTab, Object.assign({}, props, { children: _jsx(SessionView, { webchatHooks: webchatHooks }) })), document.body);
-};
-const initialSession = {
-    is_first_interaction: true,
-    last_session: {},
-    user: {
-        id: '000001',
-        username: 'johndoe',
-        name: 'John Doe',
-        provider: PROVIDER.DEV,
-        provider_id: '0000000',
-        extra_data: {},
-    },
-    organization: '',
-    bot: {
-        id: '0000000',
-        name: 'botName',
-    },
-};
-// eslint-disable-next-line react/display-name
-export const WebchatDev = forwardRef((props, ref) => {
-    const webchatHooks = useWebchat();
-    const { webchatState, updateTheme } = webchatHooks;
-    /* TODO: webchatState.theme should be included in the dependencies array
-    together with props.theme. The problem is that this effect modifies webchatState
-    so we enter an infinite rerender loop. */
-    useEffect(() => {
-        updateTheme(merge(webchatState.theme, props.theme));
-    }, [props.theme]);
-    return (_jsxs(_Fragment, { children: [_jsx(Webchat, Object.assign({ style: { flex: 1, position: 'relative' } }, props, { ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
-                    keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
-                    showSessionView: webchatState.devSettings.showSessionView,
-                } })), _jsx(DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
-});
-//# sourceMappingURL=webchat-dev.js.map

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

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