@xapp/chat-widget 1.65.0 → 1.65.2

package/dist/index.js

@@ -716,7 +716,6 @@ var CtaBubbleContainer = function (props) {
             isMounted.current = false;
         };
     }, [startTime, timeout, delay]);
-    console.log("visible ".concat(visible, " showBubble ").concat(showBubble));
     return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null, visible && showBubble && React__default$1["default"].createElement(CtaBubble, { onClick: onClick, animate: animate, buttonAnimation: buttonAnimation }, children)));
 };
 
@@ -2439,7 +2438,6 @@ var StentorDirectChat = /** @class */ (function () {
                     case 1:
                         if (!(i < configurableMessages.length)) return [3 /*break*/, 4];
                         timeout = this.config.timeout || 15000;
-                        console.log("using timeout of ".concat(timeout));
                         this.typing();
                         // We don't start typing IF we have a failure message displayed and we are waiting on the timeout
                         return [4 /*yield*/, new RetryRequest({ retries: 1, timeout: timeout })
@@ -2958,24 +2956,34 @@ var StentorRouterChat = /** @class */ (function () {
             _this.setConnectionStatus("online");
         };
     };
-    StentorRouterChat.prototype.wsCreate = function () {
+    StentorRouterChat.prototype.wsClose = function () {
+        if (this.ws) {
+            this.ws.onclose = null;
+            this.ws.onerror = null;
+            this.ws.onopen = null;
+            this.ws.onmessage = null;
+            this.ws.close();
+        }
+    };
+    StentorRouterChat.prototype.wsCreate = function (createWsReason) {
         var _this = this;
-        var _a, _b;
         if (this.isDisposed) {
             log("Stopping reconnect for disposed router connector");
             return undefined;
         }
         else {
-            log("Trying to re-connect...");
+            log("Trying to re-connect. Reason: \"".concat(createWsReason, "\""));
         }
         var url = new URL(this.serverUrl);
         url.searchParams.set("userId", this._userId);
         url.searchParams.set("isAdmin", "".concat(this.isAdmin));
+        url.searchParams.set("createWsReason", createWsReason); // tell the server the reconnect reason
         // Force close - just in case - when you create new
-        if (this.ws && ((_a = this.ws) === null || _a === void 0 ? void 0 : _a.readyState) !== WebSocket.CLOSED) {
-            var wsState = (_b = this.ws) === null || _b === void 0 ? void 0 : _b.readyState;
+        if (this.ws && !(this.ws.readyState === WebSocket.CLOSED || this.ws.readyState === WebSocket.CLOSING)) {
+            var wsState = this.ws.readyState;
+            log("Forced WS close. State: ".concat(wsState));
             try {
-                this.ws.close();
+                this.wsClose();
             }
             catch (err) {
                 err("Failed to close WS (ready state: ".concat(wsState, "): ").concat(err));
@@ -3020,7 +3028,7 @@ var StentorRouterChat = /** @class */ (function () {
                         log("Widget says: ".concat(payloadData));
                         if (!this.ws) {
                             // Fire up the WebSocket
-                            this.autoReconnect(this.wsCreate.bind(this));
+                            this.autoReconnect(this.wsCreate.bind(this, "emitNoWs"));
                         }
                         return [4 /*yield*/, waitFor(this.checkConnection.bind(this), 1000, 10000, "connection")
                                 .then(function (t) {
@@ -3175,14 +3183,14 @@ var StentorRouterChat = /** @class */ (function () {
     StentorRouterChat.prototype.dispose = function () {
         this.isDisposed = true;
         if (this.ws) {
-            this.ws.close();
+            this.wsClose();
         }
         log("Closed web socket (dispose)");
     };
     StentorRouterChat.prototype.sleep = function () {
         this.isDisposed = true;
         if (this.ws) {
-            this.ws.close();
+            this.wsClose();
         }
         log("Closed web socket (sleep)");
     };
@@ -3193,7 +3201,7 @@ var StentorRouterChat = /** @class */ (function () {
             return;
         }
         // Fire up the WebSocket 
-        this.autoReconnect(this.wsCreate.bind(this));
+        this.autoReconnect(this.wsCreate.bind(this, "wakeup"));
         log("Waking up");
     };
     StentorRouterChat.prototype.bargeOut = function (_cb) {
@@ -8245,11 +8253,11 @@ var Suggestions = function (props) {
 };
 
 var ChatFooter = function (props) {
-    var _a, _b;
+    var _a, _b, _c;
+    var isAdmin = props.isAdmin, isChatting = props.isChatting, visible = props.visible, placeholder = props.placeholder, sendButtonIcon = props.sendButtonIcon, footerConfig = props.footerConfig, menuConfig = props.menuConfig, inputConfig = props.inputConfig, onSubmit = props.onSubmit;
     var innerDispatch = useChatDispatch();
-    var placeholder = props.placeholder, sendButtonIcon = props.sendButtonIcon, footerConfig = props.footerConfig, menuConfig = props.menuConfig, inputConfig = props.inputConfig, onSubmit = props.onSubmit;
-    var _c = React$1.useState(false), drawerOpen = _c[0], setDrawerState = _c[1]; // false initially
-    var _d = React$1.useState(), suggestionSearch = _d[0], setSuggestionSearch = _d[1];
+    var _d = React$1.useState(false), drawerOpen = _d[0], setDrawerState = _d[1]; // false initially
+    var _e = React$1.useState(), suggestionSearch = _e[0], setSuggestionSearch = _e[1];
     var contexts = reactRedux.useSelector(function (state) { return state.activeContexts; });
     var suggestions = useSuggestions(suggestionSearch, contexts);
     var menuPosition = (menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.menuButtonLocation) || "FOOTER";
@@ -8259,11 +8267,13 @@ var ChatFooter = function (props) {
     var menuButtonTabIndex = (_a = menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.button) === null || _a === void 0 ? void 0 : _a.tabIndex;
     var menuItems = React$1.useMemo(function () { return menuItemsRaw ? menuItemsRaw : []; }, [menuItemsRaw]);
     var brandingEnabled = (_b = footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.branding) === null || _b === void 0 ? void 0 : _b.enabled;
-    var _e = React$1.useState(false), isAdminJoined = _e[0], setAdminJoined = _e[1];
-    var _f = React$1.useState({
+    var brandingText = (_c = footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.branding) === null || _c === void 0 ? void 0 : _c.text;
+    // If they are NOT an admin, automatically enabled the input
+    var _f = React$1.useState(!isAdmin), enableInput = _f[0], setEnableInput = _f[1];
+    var _g = React$1.useState({
         text: "",
         formats: []
-    }), input = _f[0], setInput = _f[1];
+    }), input = _g[0], setInput = _g[1];
     function toggleDrawer() {
         var newDrawer = !drawerOpen;
         setDrawerState(newDrawer);
@@ -8295,12 +8305,11 @@ var ChatFooter = function (props) {
         handleSubmit(data);
     }, [handleSubmit]);
     var handleItemUse = React$1.useCallback(function (data) {
-        console.log(data);
         setInput(data);
         setSuggestionSearch(data.text);
     }, []);
     var handleAdminJoin = function (status) {
-        setAdminJoined(status);
+        setEnableInput(status);
     };
     return (React__default$1["default"].createElement("div", { className: "chat-footer background-footer", "aria-label": menuItems.length ? "to open menu click a button above the rounded rectangle at the bottom of widget" : "", "aria-hidden": false },
         showMenu && menuItems.length ?
@@ -8309,12 +8318,12 @@ var ChatFooter = function (props) {
                 React__default$1["default"].createElement("div", { className: "chat-footer__menu-icon" },
                     React__default$1["default"].createElement(DrawerBars, { tabIndex: menuButtonTabIndex, onToggle: toggleDrawer }))) : React__default$1["default"].createElement(React__default$1["default"].Fragment, null),
         React__default$1["default"].createElement(Suggestions, { className: "xappw-chat-footer__suggestions", data: suggestions.suggestions, index: suggestions.index, searchTerms: suggestionSearch, onItemClick: handleItemClick, onItemUse: handleItemUse }),
-        props.isAdmin && props.isChatting && props.visible && React__default$1["default"].createElement(AdminBar, { onAdminJoin: handleAdminJoin }),
-        React__default$1["default"].createElement("div", { style: { pointerEvents: isAdminJoined ? "auto" : "none", opacity: isAdminJoined ? 1 : 0.5 } },
-            React__default$1["default"].createElement(Input, { addClass: "chat-footer__input " + (props.isChatting && props.visible ? "visible" : ""), suggestion: suggestions.item, value: input, placeholder: placeholder, sendButtonIcon: sendButtonIcon, footerConfig: footerConfig, inputConfig: inputConfig, onSubmit: handleSubmit, onChange: handleChange, onSuggestionCommand: suggestions.execute, 
+        isAdmin && isChatting && visible && React__default$1["default"].createElement(AdminBar, { onAdminJoin: handleAdminJoin }),
+        React__default$1["default"].createElement("div", { style: { pointerEvents: enableInput ? "auto" : "none", opacity: enableInput ? 1 : 0.5 } },
+            React__default$1["default"].createElement(Input, { addClass: "chat-footer__input " + (isChatting && visible ? "visible" : ""), suggestion: suggestions.item, value: input, placeholder: placeholder, sendButtonIcon: sendButtonIcon, footerConfig: footerConfig, inputConfig: inputConfig, onSubmit: handleSubmit, onChange: handleChange, onSuggestionCommand: suggestions.execute, 
                 // onFocus={this.inputOnFocus}
                 onFileUpload: props.onFileUpload })),
-        brandingEnabled && React__default$1["default"].createElement(ChatBranding, { text: 'Powered by [XAPP AI](https://xapp.ai)' })));
+        brandingEnabled && brandingText && React__default$1["default"].createElement(ChatBranding, { text: brandingText })));
 };
 
 var noop = function () { };