@botonic/react 0.21.6 → 0.21.7-alpha.0

package/lib/cjs/webchat/message-list.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatMessageList = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Fade_1 = tslib_1.__importDefault(require("react-reveal/Fade"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const environment_1 = require("../util/environment");
+const react_2 = require("../util/react");
+const styled_scrollbar_1 = require("./components/styled-scrollbar");
+const StyledMessages = styled_components_1.default.div `
+  display: flex;
+  overflow-x: hidden;
+  flex-direction: column;
+  flex: none;
+  white-space: pre;
+  word-wrap: break-word;
+`;
+const DefaultIntroImage = styled_components_1.default.img `
+  max-height: 50%;
+  width: 100%;
+`;
+const WebchatMessageList = props => {
+    const { webchatState, getThemeProperty } = react_1.useContext(contexts_1.WebchatContext);
+    const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
+    const CustomIntro = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customIntro);
+    const introImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introImage);
+    const introStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.introStyle);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    const DefaultIntro = introImage && (<DefaultIntroImage style={Object.assign({}, introStyle)} src={environment_1.resolveImage(introImage)}/>);
+    return (<styled_scrollbar_1.StyledScrollbar role={constants_1.ROLES.MESSAGE_LIST} 
+    // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-scrollable`
+    id='botonic-scrollable-content' scrollbar={scrollbarOptions} autoHide={scrollbarOptions.autoHide} ismessagescontainer='true' style={Object.assign({}, props.style)}>
+      {(CustomIntro || DefaultIntro) && (<react_2.ConditionalWrapper condition={animationsEnabled} wrapper={children => <Fade_1.default>{children}</Fade_1.default>}>
+          {CustomIntro ? <CustomIntro /> : DefaultIntro}
+        </react_2.ConditionalWrapper>)}
+      {webchatState.messagesComponents.map((e, i) => (<StyledMessages role={constants_1.ROLES.MESSAGE} key={i}>
+          {e}
+        </StyledMessages>))}
+      {props.children}
+    </styled_scrollbar_1.StyledScrollbar>);
+};
+exports.WebchatMessageList = WebchatMessageList;
+//# sourceMappingURL=message-list.js.map

package/lib/cjs/webchat/message-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-list.js","sourceRoot":"","sources":["../../../src/webchat/message-list.jsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,qEAAoC;AACpC,kFAAsC;AAEtC,4CAA6C;AAC7C,0CAA4C;AAC5C,qDAAkD;AAClD,yCAAkD;AAClD,oEAA+D;AAE/D,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAOhC,CAAA;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAA;AAEM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;IACxC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IACD,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEzE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,IAAI,CACjC,CAAC,iBAAiB,CAChB,KAAK,CAAC,mBACD,UAAU,EACb,CACF,GAAG,CAAC,CAAC,0BAAY,CAAC,UAAU,CAAC,CAAC,EAC9B,CACH,CAAA;IAED,OAAO,CACL,CAAC,kCAAe,CACd,IAAI,CAAC,CAAC,iBAAK,CAAC,YAAY,CAAC;IACzB,gGAAgG;IAChG,EAAE,CAAC,4BAA4B,CAC/B,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACpC,mBAAmB,CAAC,MAAM,CAC1B,KAAK,CAAC,mBACD,KAAK,CAAC,KAAK,EACd,CAEF;MAAA,CAAC,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAChC,CAAC,0BAAkB,CACjB,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAC7B,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,cAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAI,CAAC,CAAC,CAE7C;UAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,YAAY,CAC/C;QAAA,EAAE,0BAAkB,CAAC,CACtB,CACD;MAAA,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7C,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,iBAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1C;UAAA,CAAC,CAAC,CACJ;QAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CACF;MAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;IAAA,EAAE,kCAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}

package/lib/cjs/webchat/messages-reducer.d.ts

@@ -0,0 +1 @@
+export function messagesReducer(state: any, action: any): any;

package/lib/cjs/webchat/messages-reducer.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.messagesReducer = void 0;
+const actions_1 = require("./actions");
+const messagesReducer = (state, action) => {
+    switch (action.type) {
+        case actions_1.ADD_MESSAGE:
+            return addMessageReducer(state, action);
+        case actions_1.ADD_MESSAGE_COMPONENT:
+            return Object.assign(Object.assign({}, state), { messagesComponents: [
+                    ...(state.messagesComponents || []),
+                    action.payload,
+                ] });
+        case actions_1.UPDATE_MESSAGE:
+            return updateMessageReducer(state, action);
+        case actions_1.UPDATE_REPLIES:
+            return Object.assign(Object.assign({}, state), { replies: action.payload });
+        case actions_1.CLEAR_MESSAGES:
+            return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [] });
+        case actions_1.UPDATE_LAST_MESSAGE_DATE:
+            return Object.assign(Object.assign({}, state), { lastMessageUpdate: action.payload });
+        default:
+            throw new Error();
+    }
+};
+exports.messagesReducer = messagesReducer;
+function updateMessageReducer(state, action) {
+    const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
+    if (msgIndex > -1) {
+        const msgComponent = state.messagesComponents[msgIndex];
+        let updatedMessageComponents = {};
+        if (msgComponent) {
+            const updatedMsgComponent = Object.assign(Object.assign({}, msgComponent), {
+                props: Object.assign(Object.assign({}, msgComponent.props), { ack: action.payload.ack }),
+            });
+            updatedMessageComponents = {
+                messagesComponents: [
+                    ...state.messagesComponents.slice(0, msgIndex),
+                    Object.assign({}, updatedMsgComponent),
+                    ...state.messagesComponents.slice(msgIndex + 1),
+                ],
+            };
+        }
+        return Object.assign(Object.assign(Object.assign({}, state), { messagesJSON: [
+                ...state.messagesJSON.slice(0, msgIndex),
+                Object.assign({}, action.payload),
+                ...state.messagesJSON.slice(msgIndex + 1),
+            ] }), updatedMessageComponents);
+    }
+    return state;
+}
+function addMessageReducer(state, action) {
+    if (state.messagesJSON &&
+        state.messagesJSON.find(m => m.id === action.payload.id))
+        return state;
+    return Object.assign(Object.assign({}, state), { messagesJSON: [...(state.messagesJSON || []), action.payload] });
+}
+//# sourceMappingURL=messages-reducer.js.map

package/lib/cjs/webchat/messages-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../src/webchat/messages-reducer.js"],"names":[],"mappings":";;;AAAA,uCAOkB;AAEX,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;IAC/C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,qBAAW;YACd,OAAO,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzC,KAAK,+BAAqB;YACxB,uCACK,KAAK,KACR,kBAAkB,EAAE;oBAClB,GAAG,CAAC,KAAK,CAAC,kBAAkB,IAAI,EAAE,CAAC;oBACnC,MAAM,CAAC,OAAO;iBACf,IACF;QACH,KAAK,wBAAc;YACjB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC5C,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc;YACjB,uCACK,KAAK,KACR,YAAY,EAAE,EAAE,EAChB,kBAAkB,EAAE,EAAE,IACvB;QACH,KAAK,kCAAwB;YAC3B,uCACK,KAAK,KACR,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAClC;QACH;YACE,MAAM,IAAI,KAAK,EAAE,CAAA;KACpB;AACH,CAAC,CAAA;AA9BY,QAAA,eAAe,mBA8B3B;AAED,SAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM;IACzC,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC7E,IAAI,QAAQ,GAAG,CAAC,CAAC,EAAE;QACjB,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QACvD,IAAI,wBAAwB,GAAG,EAAE,CAAA;QACjC,IAAI,YAAY,EAAE;YAChB,MAAM,mBAAmB,mCACpB,YAAY,GACZ;gBACD,KAAK,kCAAO,YAAY,CAAC,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,GAAE;aAC1D,CACF,CAAA;YACD,wBAAwB,GAAG;gBACzB,kBAAkB,EAAE;oBAClB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;sCACzC,mBAAmB;oBACxB,GAAG,KAAK,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;iBAChD;aACF,CAAA;SACF;QACD,qDACK,KAAK,KACR,YAAY,EAAE;gBACZ,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC;kCACnC,MAAM,CAAC,OAAO;gBACnB,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC1C,KACE,wBAAwB,EAC5B;KACF;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM;IACtC,IACE,KAAK,CAAC,YAAY;QAClB,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QAExD,OAAO,KAAK,CAAA;IACd,uCACK,KAAK,KACR,YAAY,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAC9D;AACH,CAAC"}

package/lib/cjs/webchat/replies.d.ts

@@ -0,0 +1 @@
+export function WebchatReplies(props: any): JSX.Element;

package/lib/cjs/webchat/replies.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatReplies = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const contexts_1 = require("../contexts");
+const styled_scrollbar_1 = require("../webchat/components/styled-scrollbar");
+const RepliesContainer = styled_components_1.default.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;
+`;
+const ReplyContainer = styled_components_1.default.div `
+  flex: none;
+  display: inline-block;
+  margin: 3px;
+`;
+const options = {
+    left: 'flex-start',
+    center: 'center',
+    right: 'flex-end',
+};
+const WebchatReplies = props => {
+    const { webchatState, getThemeProperty } = react_1.useContext(contexts_1.WebchatContext);
+    const scrollbarOptions = Object.assign({ enable: true, autoHide: true }, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar));
+    let justifyContent = 'center';
+    const flexWrap = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.wrapReplies, 'wrap');
+    if (flexWrap == 'nowrap')
+        justifyContent = 'flex-start';
+    else if (getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
+        justifyContent =
+            options[getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
+    return (<styled_scrollbar_1.StyledScrollbar scrollbar={scrollbarOptions} autoHide={scrollbarOptions.autoHide}>
+      <RepliesContainer justify={justifyContent} wrap={flexWrap} style={Object.assign({}, props.style)}>
+        {webchatState.replies.map((r, i) => (<ReplyContainer key={i}>{r}</ReplyContainer>))}
+      </RepliesContainer>
+    </styled_scrollbar_1.StyledScrollbar>);
+};
+exports.WebchatReplies = WebchatReplies;
+//# sourceMappingURL=replies.js.map

package/lib/cjs/webchat/replies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replies.js","sourceRoot":"","sources":["../../../src/webchat/replies.jsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAAsC;AACtC,0CAA4C;AAC5C,6EAAwE;AAExE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,kBAAU,CAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,iBACjB,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAChC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,CAAC,kCAAe,CACd,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,QAAQ,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAEpC;MAAA,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,mBACD,KAAK,CAAC,KAAK,EACd,CAEF;QAAA,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAC7C,CAAC,CACJ;MAAA,EAAE,gBAAgB,CACpB;IAAA,EAAE,kCAAe,CAAC,CACnB,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,cAAc,kBAkC1B"}

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

@@ -0,0 +1 @@
+export function SessionView(props: any): JSX.Element;

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

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionView = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_json_tree_1 = tslib_1.__importDefault(require("react-json-tree"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const hooks_1 = require("./hooks");
+const AttributeContainer = styled_components_1.default.div `
+  display: flex;
+  flex: none;
+  padding: 12px;
+  padding-bottom: 0px;
+  font-size: 12px;
+  font-weight: 600;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  align-items: center;
+`;
+const Label = styled_components_1.default.div `
+  flex: none;
+`;
+const Value = styled_components_1.default.div `
+  flex: 1 1 auto;
+  max-height: 20px;
+  font-size: 16px;
+  font-weight: 400;
+  margin-left: 6px;
+  color: ${constants_1.COLORS.CURIOUS_BLUE};
+  overflow-x: hidden;
+`;
+const SessionViewAttribute = props => (<AttributeContainer>
+    <Label>{props.label}</Label>
+    <Value>{props.value}</Value>
+  </AttributeContainer>);
+const SessionViewContent = styled_components_1.default.div `
+  position: relative;
+  width: ${props => (props.show ? '100%' : '0%')};
+  height: 100%;
+  display: flex;
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
+  font-family: Arial, Helvetica, sans-serif;
+  flex-direction: column;
+  z-index: 100000;
+  transition: all 0.2s ease-in-out;
+`;
+const ToggleTab = styled_components_1.default.div `
+  position: absolute;
+  top: 10px;
+  right: -32px;
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
+  font-size: 14px;
+  font-weight: 600;
+  background-color: ${constants_1.COLORS.DAINTREE_BLUE};
+  flex-direction: column;
+  z-index: 100000;
+  border-top-right-radius: 6px;
+  border-bottom-right-radius: 6px;
+`;
+const ContentContainer = styled_components_1.default.div `
+  overflow-y: auto;
+  overflow-x: auto;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+`;
+const Title = styled_components_1.default.div `
+  padding: 12px;
+  text-align: center;
+  color: ${constants_1.COLORS.SOLID_WHITE};
+  border-bottom: 1px solid ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_2};
+`;
+const SessionContainer = styled_components_1.default.div `
+  flex: 1 1 auto;
+  height: 100%;
+  overflow-y: auto;
+`;
+const KeepSessionContainer = styled_components_1.default.div `
+  flex: none;
+  padding: 12px;
+  color: ${constants_1.COLORS.SOLID_WHITE_ALPHA_0_8};
+  font-size: 12px;
+`;
+const SessionView = props => {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const { webchatState, updateDevSettings } = props.webchatHooks || hooks_1.useWebchat();
+    const { latestInput: input, session, lastRoutePath } = webchatState;
+    const toggleSessionView = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { showSessionView: !webchatState.devSettings.showSessionView }));
+    const toggleKeepSessionOnReload = () => updateDevSettings(Object.assign(Object.assign({}, webchatState.devSettings), { keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload }));
+    return (<SessionViewContent show={webchatState.devSettings.showSessionView}>
+      <ToggleTab onClick={toggleSessionView}>
+        {webchatState.devSettings.showSessionView ? '⇤' : '⇥'}
+      </ToggleTab>
+      <ContentContainer>
+        <Title>Botonic Dev Console</Title>
+        <SessionViewAttribute label='INPUT:' value={input && Object.keys(input).length
+            ? `[${input.type}] ${input.data || ''}`
+            : ''}/>
+        <SessionViewAttribute label='PAYLOAD:' value={input.payload}/>
+        <SessionViewAttribute label='INTENT:' value={input.intent
+            ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
+            : ''}/>
+        <SessionViewAttribute label='PATH:' value={lastRoutePath ? `/${lastRoutePath}` : '/'}/>
+        <SessionViewAttribute label='SESSION:'/>
+        <SessionContainer>
+          <react_json_tree_1.default data={session} hideRoot={true}/>
+        </SessionContainer>
+        <KeepSessionContainer>
+          <label>
+            <input type='checkbox' name='toggleKeepSessionOnReload' checked={Boolean(webchatState.devSettings.keepSessionOnReload)} onChange={toggleKeepSessionOnReload}/>
+            Keep session on reload
+          </label>
+        </KeepSessionContainer>
+      </ContentContainer>
+    </SessionViewContent>);
+};
+exports.SessionView = SessionView;
+//# sourceMappingURL=session-view.js.map

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

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

package/lib/cjs/webchat/use-storage-state-hook.d.ts

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageState = void 0;
+const react_1 = require("react");
+//Code taken from https://github.com/leny/react-use-storage
+const evtTarget = new EventTarget();
+function useStorageState(storage, key, defaultValue) {
+    const raw = storage === null || storage === void 0 ? void 0 : storage.getItem(key);
+    const [value, setValue] = react_1.useState(raw ? JSON.parse(raw) : defaultValue);
+    const updater = react_1.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);
+    react_1.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)];
+}
+exports.useStorageState = useStorageState;
+//# sourceMappingURL=use-storage-state-hook.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"","sources":["../../../src/webchat/use-storage-state-hook.js"],"names":[],"mappings":";;;AAAA,iCAAwD;AAExD,2DAA2D;AAC3D,MAAM,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;AAEnC,SAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;IACxD,MAAM,GAAG,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,mBAAW,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,iBAAS,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;AAtCD,0CAsCC"}

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

@@ -0,0 +1,7 @@
+export const DebugTab: any;
+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/cjs/webchat/webchat-dev.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebchatDev = exports.DebugTabPortal = exports.DebugTab = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const hooks_1 = require("./hooks");
+const session_view_1 = require("./session-view");
+const webchat_1 = require("./webchat");
+exports.DebugTab = styled_components_1.default.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
+const DebugTabPortal = (_a) => {
+    var { webchatHooks } = _a, props = tslib_1.__rest(_a, ["webchatHooks"]);
+    return react_dom_1.createPortal(<exports.DebugTab {...props}>
+      <session_view_1.SessionView webchatHooks={webchatHooks}/>
+    </exports.DebugTab>, document.body);
+};
+exports.DebugTabPortal = DebugTabPortal;
+const initialSession = {
+    is_first_interaction: true,
+    last_session: {},
+    user: {
+        id: '000001',
+        username: 'johndoe',
+        name: 'John Doe',
+        provider: core_1.PROVIDER.DEV,
+        provider_id: '0000000',
+        extra_data: {},
+    },
+    organization: '',
+    bot: {
+        id: '0000000',
+        name: 'botName',
+    },
+};
+// eslint-disable-next-line react/display-name
+exports.WebchatDev = react_1.forwardRef((props, ref) => {
+    const webchatHooks = hooks_1.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. */
+    react_1.useEffect(() => {
+        updateTheme(lodash_merge_1.default(webchatState.theme, props.theme));
+    }, [props.theme]);
+    return (<>
+      <webchat_1.Webchat style={{ flex: 1, position: 'relative' }} {...props} ref={ref} webchatHooks={webchatHooks} initialSession={initialSession} initialDevSettings={{
+            keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
+            showSessionView: webchatState.devSettings.showSessionView,
+        }}/>
+      <exports.DebugTabPortal show={webchatState.devSettings.showSessionView} webchatHooks={webchatHooks}/>
+    </>);
+});
+//# sourceMappingURL=webchat-dev.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;;;AAAA,wCAAwC;AACxC,wEAAgC;AAChC,uDAAoD;AACpD,yCAAwC;AACxC,kFAAsC;AAEtC,mCAAoC;AACpC,iDAA4C;AAC5C,uCAAmC;AAEtB,QAAA,QAAQ,GAAG,2BAAM,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;AACjE,MAAM,cAAc,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAxB,gBAA0B,CAAF;IACrD,OAAA,wBAAY,CACV,CAAC,gBAAQ,CAAC,IAAI,KAAK,CAAC,CAClB;MAAA,CAAC,0BAAW,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,EAC1C;IAAA,EAAE,gBAAQ,CAAC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;CAAA,CAAA;AANU,QAAA,cAAc,kBAMxB;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,eAAQ,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;AACjC,QAAA,UAAU,GAAG,kBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,kBAAU,EAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,iBAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,sBAAK,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,EACE;MAAA,CAAC,iBAAO,CACN,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CACzC,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,kBAAkB,CAAC,CAAC;YAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;YACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;SAC1D,CAAC,EAEJ;MAAA,CAAC,sBAAc,CACb,IAAI,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAC/C,YAAY,CAAC,CAAC,YAAY,CAAC,EAE/B;IAAA,GAAG,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}

package/lib/cjs/webchat/webchat-reducer.d.ts

@@ -0,0 +1 @@
+export function webchatReducer(state: any, action: any): any;

package/lib/cjs/webchat/webchat-reducer.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.webchatReducer = void 0;
+const actions_1 = require("./actions");
+const messages_reducer_1 = require("./messages-reducer");
+// eslint-disable-next-line complexity
+function webchatReducer(state, action) {
+    switch (action.type) {
+        case actions_1.UPDATE_WEBVIEW:
+            return Object.assign(Object.assign({}, state), action.payload);
+        case actions_1.UPDATE_SESSION:
+            return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
+        case actions_1.UPDATE_TYPING:
+            return Object.assign(Object.assign({}, state), { typing: action.payload });
+        case actions_1.UPDATE_THEME:
+            return Object.assign(Object.assign({}, state), action.payload);
+        case actions_1.UPDATE_HANDOFF:
+            return Object.assign(Object.assign({}, state), { handoff: action.payload });
+        case actions_1.TOGGLE_WEBCHAT:
+            return Object.assign(Object.assign({}, state), { isWebchatOpen: action.payload });
+        case actions_1.TOGGLE_EMOJI_PICKER:
+            return Object.assign(Object.assign({}, state), { isEmojiPickerOpen: action.payload });
+        case actions_1.TOGGLE_PERSISTENT_MENU:
+            return Object.assign(Object.assign({}, state), { isPersistentMenuOpen: action.payload });
+        case actions_1.TOGGLE_COVER_COMPONENT:
+            return Object.assign(Object.assign({}, state), { isCoverComponentOpen: action.payload });
+        case actions_1.DO_RENDER_CUSTOM_COMPONENT:
+            return Object.assign(Object.assign({}, state), { isCustomComponentRendered: action.payload });
+        case actions_1.SET_ERROR:
+            return Object.assign(Object.assign({}, state), { error: action.payload || {} });
+        case actions_1.SET_ONLINE:
+            return Object.assign(Object.assign({}, state), { online: action.payload });
+        case actions_1.UPDATE_DEV_SETTINGS:
+            return Object.assign(Object.assign({}, state), { devSettings: Object.assign({}, action.payload) });
+        case actions_1.UPDATE_LATEST_INPUT:
+            return Object.assign(Object.assign({}, state), { latestInput: action.payload });
+        case actions_1.UPDATE_LAST_ROUTE_PATH:
+            return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
+        case actions_1.SET_CURRENT_ATTACHMENT:
+            return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
+        case actions_1.UPDATE_JWT:
+            return Object.assign(Object.assign({}, state), { jwt: action.payload });
+        default:
+            return messages_reducer_1.messagesReducer(state, action);
+    }
+}
+exports.webchatReducer = webchatReducer;
+//# sourceMappingURL=webchat-reducer.js.map

package/lib/cjs/webchat/webchat-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../src/webchat/webchat-reducer.js"],"names":[],"mappings":";;;AAAA,uCAkBkB;AAClB,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAAC,KAAK,EAAE,MAAM;IAC1C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,wBAAc;YACjB,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa;YAChB,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,sBAAY;YACf,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,wBAAc;YACjB,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,oCAA0B;YAC7B,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,mBAAS;YACZ,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,6BAAmB;YACtB,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,gCAAsB;YACzB,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,oBAAU;YACb,uCAAY,KAAK,KAAE,GAAG,EAAE,MAAM,CAAC,OAAO,IAAE;QAC1C;YACE,OAAO,kCAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AA1CD,wCA0CC"}

package/lib/cjs/webchat/webchat.d.ts

@@ -0,0 +1,3 @@
+export function getParsedAction(botonicAction: any): any;
+export const Webchat: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";