@botonic/react 0.24.2 → 0.25.0-alpha.0

package/lib/cjs/src/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 } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const scrollbarOptions = {
+        ...{ 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 (react_1.default.createElement(styled_scrollbar_1.StyledScrollbar, { scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide },
+        react_1.default.createElement(RepliesContainer, { className: 'replies-container', justify: justifyContent, wrap: flexWrap }, webchatState.replies.map((r, i) => (react_1.default.createElement(ReplyContainer, { key: i }, r))))));
+};
+exports.WebchatReplies = WebchatReplies;
+//# sourceMappingURL=replies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"replies.js","sourceRoot":"src/","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,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,GAAG;QACvB,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnC,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC;KACzD,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,8BAAC,kCAAe,IACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ;QAEnC,8BAAC,gBAAgB,IACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,IAEb,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,8BAAC,cAAc,IAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAkB,CAC7C,CAAC,CACe,CACH,CACnB,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,cAAc,kBAgC1B"}

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

@@ -0,0 +1,2 @@
+export function SessionView(props: any): React.JSX.Element;
+import React from "react";

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

@@ -0,0 +1,122 @@
+"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 => (react_1.default.createElement(AttributeContainer, null,
+    react_1.default.createElement(Label, null, props.label),
+    react_1.default.createElement(Value, null, props.value)));
+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 || (0, hooks_1.useWebchat)();
+    const { latestInput: input, session, lastRoutePath } = webchatState;
+    const toggleSessionView = () => updateDevSettings({
+        ...webchatState.devSettings,
+        showSessionView: !webchatState.devSettings.showSessionView,
+    });
+    const toggleKeepSessionOnReload = () => updateDevSettings({
+        ...webchatState.devSettings,
+        keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload,
+    });
+    return (react_1.default.createElement(SessionViewContent, { show: webchatState.devSettings.showSessionView },
+        react_1.default.createElement(ToggleTab, { onClick: toggleSessionView }, webchatState.devSettings.showSessionView ? '⇤' : '⇥'),
+        react_1.default.createElement(ContentContainer, null,
+            react_1.default.createElement(Title, null, "Botonic Dev Console"),
+            react_1.default.createElement(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
+                    ? `[${input.type}] ${input.data || ''}`
+                    : '' }),
+            react_1.default.createElement(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }),
+            react_1.default.createElement(SessionViewAttribute, { label: 'INTENT:', value: input.intent
+                    ? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
+                    : '' }),
+            react_1.default.createElement(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }),
+            react_1.default.createElement(SessionViewAttribute, { label: 'SESSION:' }),
+            react_1.default.createElement(SessionContainer, null,
+                react_1.default.createElement(react_json_tree_1.default, { data: session, hideRoot: true })),
+            react_1.default.createElement(KeepSessionContainer, null,
+                react_1.default.createElement("label", null,
+                    react_1.default.createElement("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }),
+                    "Keep session on reload")))));
+};
+exports.SessionView = SessionView;
+//# sourceMappingURL=session-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-view.js","sourceRoot":"src/","sources":["src/webchat/session-view.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,8EAAsC;AACtC,kFAAsC;AAEtC,4CAAqC;AACrC,mCAAoC;AAEpC,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;WAO1B,kBAAM,CAAC,WAAW;;CAE5B,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvB,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;WAMb,kBAAM,CAAC,YAAY;;CAE7B,CAAA;AAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,CACpC,8BAAC,kBAAkB;IACjB,8BAAC,KAAK,QAAE,KAAK,CAAC,KAAK,CAAS;IAC5B,8BAAC,KAAK,QAAE,KAAK,CAAC,KAAK,CAAS,CACT,CACtB,CAAA;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;WAE1B,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;;sBAG1B,kBAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;WAUjB,kBAAM,CAAC,qBAAqB;;;sBAGjB,kBAAM,CAAC,aAAa;;;;;CAKzC,CAAA;AAED,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGb,kBAAM,CAAC,WAAW;6BACA,kBAAM,CAAC,qBAAqB;CACxD,CAAA;AAED,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIlC,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG5B,kBAAM,CAAC,qBAAqB;;CAEtC,CAAA;AAEM,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;IACjC,sDAAsD;IACtD,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC,YAAY,IAAI,IAAA,kBAAU,GAAE,CAAA;IAC9E,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,YAAY,CAAA;IACnE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAC7B,iBAAiB,CAAC;QAChB,GAAG,YAAY,CAAC,WAAW;QAC3B,eAAe,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,eAAe;KAC3D,CAAC,CAAA;IACJ,MAAM,yBAAyB,GAAG,GAAG,EAAE,CACrC,iBAAiB,CAAC;QAChB,GAAG,YAAY,CAAC,WAAW;QAC3B,mBAAmB,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB;KACnE,CAAC,CAAA;IACJ,OAAO,CACL,8BAAC,kBAAkB,IAAC,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;QAChE,8BAAC,SAAS,IAAC,OAAO,EAAE,iBAAiB,IAClC,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAC3C;QACZ,8BAAC,gBAAgB;YACf,8BAAC,KAAK,8BAA4B;YAClC,8BAAC,oBAAoB,IACnB,KAAK,EAAC,QAAQ,EACd,KAAK,EACH,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;oBAChC,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,EAAE,EAAE;oBACvC,CAAC,CAAC,EAAE,GAER;YACF,8BAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAI;YAC/D,8BAAC,oBAAoB,IACnB,KAAK,EAAC,SAAS,EACf,KAAK,EACH,KAAK,CAAC,MAAM;oBACV,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI;oBAC7D,CAAC,CAAC,EAAE,GAER;YACF,8BAAC,oBAAoB,IACnB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,GAAG,GAChD;YACF,8BAAC,oBAAoB,IAAC,KAAK,EAAC,UAAU,GAAG;YACzC,8BAAC,gBAAgB;gBACf,8BAAC,yBAAQ,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAI,CAC1B;YACnB,8BAAC,oBAAoB;gBACnB;oBACE,yCACE,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,2BAA2B,EAChC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAC9D,QAAQ,EAAE,yBAAyB,GACnC;6CAEI,CACa,CACN,CACA,CACtB,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,WAAW,eA4DvB"}

package/lib/cjs/src/webchat/trigger-button/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriggerButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../constants");
+const contexts_1 = require("../../contexts");
+const environment_1 = require("../../util/environment");
+const styles_1 = require("./styles");
+const TriggerButton = () => {
+    const { webchatState, getThemeProperty, toggleWebchat } = (0, react_1.useContext)(contexts_1.WebchatContext);
+    const getTriggerImage = () => {
+        const image = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage, undefined);
+        if (!image) {
+            webchatState.theme.triggerButtonImage = constants_1.WEBCHAT.DEFAULTS.LOGO;
+            return null;
+        }
+        return image;
+    };
+    const triggerButtonImage = getTriggerImage();
+    const triggerButtonStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle);
+    const notificationsTriggerButtonEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled, false);
+    const notificationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled, notificationsTriggerButtonEnabled);
+    const CustomTriggerButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customTrigger, undefined);
+    const handleClick = (event) => {
+        toggleWebchat(true);
+        event.preventDefault();
+    };
+    return (react_1.default.createElement("div", { onClick: handleClick },
+        webchatState.numUnreadMessages !== 0 && notificationsEnabled && (react_1.default.createElement(styles_1.UnreadMessagesCounter, { className: 'trigger-notifications' }, webchatState.numUnreadMessages)),
+        CustomTriggerButton ? (react_1.default.createElement(CustomTriggerButton, null)) : (react_1.default.createElement(styles_1.StyledTriggerButton, { role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle }, triggerButtonImage && (react_1.default.createElement(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) }))))));
+};
+exports.TriggerButton = TriggerButton;
+//# sourceMappingURL=index.js.map

package/lib/cjs/src/webchat/trigger-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AAEzC,+CAAgD;AAChD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,mBAAO,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,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,iCAAiC,GAAG,gBAAgB,CACxD,mBAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,iCAAiC,CAClC,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,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,uCAAK,OAAO,EAAE,WAAW;QACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,8BAAC,8BAAqB,IAAC,SAAS,EAAC,uBAAuB,IACrD,YAAY,CAAC,iBAAiB,CACT,CACzB;QACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,8BAAC,mBAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAmB,IAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,IAExB,kBAAkB,IAAI,CACrB,8BAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,CACmB,CACvB,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,aAAa,iBAgEzB"}

package/lib/cjs/src/webchat/trigger-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"src/","sources":["src/webchat/trigger-button/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;gBAG7B,kBAAM,CAAC,WAAW;;;;;;;;;;;CAWjC,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;sBAUzB,kBAAM,CAAC,iBAAiB;;;CAG7C,CAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA"}

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

@@ -0,0 +1,41 @@
+"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/blob/master/src/index.js
+const IS_BROWSER = typeof window !== 'undefined' &&
+    typeof navigator !== 'undefined' &&
+    typeof document !== 'undefined';
+function useStorageState(storage, key, defaultValue) {
+    let evtTarget;
+    try {
+        evtTarget = new EventTarget();
+    }
+    catch {
+        evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony');
+    }
+    const raw = storage?.getItem(key);
+    const [value, setValue] = (0, react_1.useState)(raw ? JSON.parse(raw) : defaultValue);
+    const updater = (0, 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);
+    (0, react_1.useEffect)(() => {
+        const listener = ({ detail }) => {
+            if (detail.key === key) {
+                const lraw = 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/src/webchat/use-storage-state-hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"src/","sources":["src/webchat/use-storage-state-hook.js"],"names":[],"mappings":";;;AAAA,iCAAwD;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,SAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI;QACF,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;KAC9B;IAAC,MAAM;QACN,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;KACnE;IAED,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,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,IAAA,iBAAS,EAAC,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,EAAE,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;AA9CD,0CA8CC"}

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

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

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

@@ -0,0 +1,59 @@
+"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 = ({ webchatHooks, ...props }) => (0, react_dom_1.createPortal)(react_1.default.createElement(exports.DebugTab, { ...props },
+    react_1.default.createElement(session_view_1.SessionView, { webchatHooks: webchatHooks })), 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 = (0, react_1.forwardRef)((props, ref) => {
+    const webchatHooks = (0, 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. */
+    (0, react_1.useEffect)(() => {
+        updateTheme((0, lodash_merge_1.default)(webchatState.theme, props.theme));
+    }, [props.theme]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(webchat_1.Webchat, { style: { flex: 1, position: 'relative' }, ...props, ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
+                keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
+                showSessionView: webchatState.devSettings.showSessionView,
+            } }),
+        react_1.default.createElement(exports.DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })));
+});
+//# sourceMappingURL=webchat-dev.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-dev.js","sourceRoot":"src/","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,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAC3D,IAAA,wBAAY,EACV,8BAAC,gBAAQ,OAAK,KAAK;IACjB,8BAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,CAClC,EACX,QAAQ,CAAC,IAAI,CACd,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,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,IAAA,kBAAU,GAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAA,sBAAK,EAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL;QACE,8BAAC,iBAAO,IACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KACpC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;gBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;gBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;aAC1D,GACD;QACF,8BAAC,sBAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,56 @@
+"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.WebchatAction.UPDATE_WEBVIEW:
+            return { ...state, ...action.payload };
+        case actions_1.WebchatAction.UPDATE_SESSION:
+            return { ...state, session: { ...action.payload } };
+        case actions_1.WebchatAction.UPDATE_TYPING:
+            return { ...state, typing: action.payload };
+        case actions_1.WebchatAction.UPDATE_THEME:
+            return {
+                ...state,
+                ...action.payload,
+            };
+        case actions_1.WebchatAction.UPDATE_HANDOFF:
+            return { ...state, handoff: action.payload };
+        case actions_1.WebchatAction.TOGGLE_WEBCHAT: {
+            const isWebchatOpen = action.payload;
+            return {
+                ...state,
+                isWebchatOpen,
+            };
+        }
+        case actions_1.WebchatAction.TOGGLE_EMOJI_PICKER:
+            return { ...state, isEmojiPickerOpen: action.payload };
+        case actions_1.WebchatAction.TOGGLE_PERSISTENT_MENU:
+            return { ...state, isPersistentMenuOpen: action.payload };
+        case actions_1.WebchatAction.TOGGLE_COVER_COMPONENT:
+            return { ...state, isCoverComponentOpen: action.payload };
+        case actions_1.WebchatAction.DO_RENDER_CUSTOM_COMPONENT:
+            return { ...state, isCustomComponentRendered: action.payload };
+        case actions_1.WebchatAction.SET_ERROR:
+            return { ...state, error: action.payload || {} };
+        case actions_1.WebchatAction.SET_ONLINE:
+            return { ...state, online: action.payload };
+        case actions_1.WebchatAction.UPDATE_DEV_SETTINGS:
+            return { ...state, devSettings: { ...action.payload } };
+        case actions_1.WebchatAction.UPDATE_LATEST_INPUT:
+            return { ...state, latestInput: action.payload };
+        case actions_1.WebchatAction.UPDATE_LAST_ROUTE_PATH:
+            return { ...state, lastRoutePath: action.payload };
+        case actions_1.WebchatAction.SET_CURRENT_ATTACHMENT:
+            return { ...state, currentAttachment: action.payload };
+        case actions_1.WebchatAction.UPDATE_JWT:
+            return { ...state, jwt: action.payload };
+        default:
+            return (0, messages_reducer_1.messagesReducer)(state, action);
+    }
+}
+exports.webchatReducer = webchatReducer;
+//# sourceMappingURL=webchat-reducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-reducer.js","sourceRoot":"src/","sources":["src/webchat/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AAEzC,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,CAAA;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,CAAA;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,MAAM,CAAC,OAAO;aAClB,CAAA;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa;aACd,CAAA;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,OAAO,EAAE,GAAG,KAAK,EAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,CAAA;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,CAAA;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACxD,KAAK,uBAAa,CAAC,UAAU;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC1C;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AAlDD,wCAkDC"}

package/lib/cjs/src/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";