@xapp/chat-widget 1.52.6 → 1.53.0

package/dist/index.js

@@ -2919,6 +2919,7 @@ function convertFromListDisplay(list) {
             var itemButtons = item.buttons;
             if (itemButtons && itemButtons.length > 0) {
                 responseItem.buttons = itemButtons.map(function (button) { return ({
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     actionUrl: button.openUrlAction,
                     label: button.title
                 }); });
@@ -3097,7 +3098,7 @@ function getConfigurableMessagesConfig(messages) {
     return config;
 }
 
-var PERMISSION_QUESTION_EXPIRATION_MS = 300000; // 5 minutes
+var PERMISSION_QUESTION_EXPIRATION_MS$1 = 300000; // 5 minutes
 // interface UserLeaveMessage {
 //     readonly user: ChatUserInfo;
 //     readonly token: string; //todo: what is this
@@ -3274,7 +3275,17 @@ var StentorDirectChat = /** @class */ (function () {
     };
     StentorDirectChat.prototype.setVisitorInfo = function (visitorInfo, cb) {
         this.visitorInfo = visitorInfo;
-        this._attributes = __assign(__assign({}, this.visitorInfo.attributes), { currentUrl: window.location.href });
+        this._attributes = __assign({}, this.visitorInfo.attributes);
+        // do not set currentUrl if localhost, localhost is not liked by some firewalls, like AWS WAF
+        var href = new URL(window.location.href);
+        if (href === null || href === void 0 ? void 0 : href.host.toLowerCase().startsWith("localhost")) {
+            // we still need to communicate it is localhost though so we make this boolean
+            this._attributes.isLocal = true;
+        }
+        else {
+            // not localhost, set it
+            this._attributes.currentUrl = window.location.href;
+        }
         this._accessToken = this.visitorInfo.accessToken;
         // This is for the bot
         this.userJoined({
@@ -3326,13 +3337,13 @@ var StentorDirectChat = /** @class */ (function () {
                             permissionRequest = (_c = message.msg) === null || _c === void 0 ? void 0 : _c.permissionRequest;
                             if (permissionRequest) {
                                 message = __assign(__assign({}, message), { msg: __assign(__assign({}, message.msg), { permissionRequest: undefined }) });
-                                expired = now - permissionRequest.time > PERMISSION_QUESTION_EXPIRATION_MS;
+                                expired = now - permissionRequest.time > PERMISSION_QUESTION_EXPIRATION_MS$1;
                                 text = (_d = message.msg.text) === null || _d === void 0 ? void 0 : _d.toLowerCase();
                                 granted = !expired;
                                 userProfile = { id: this._userId };
                                 if (!expired) {
                                     if (permissionRequest.type === "EMAIL") {
-                                        isEmail = looksLikeEmail(text);
+                                        isEmail = looksLikeEmail$1(text);
                                         granted = isEmail;
                                         userProfile.email = this.visitorInfo.email;
                                         userProfile.name = this.visitorInfo.displayName;
@@ -3519,7 +3530,7 @@ var StentorDirectChat = /** @class */ (function () {
     });
     return StentorDirectChat;
 }());
-function looksLikeEmail(email) {
+function looksLikeEmail$1(email) {
     var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
     return re.test(String(email).toLowerCase());
 }
@@ -3552,6 +3563,436 @@ var StentorLocalChat = /** @class */ (function () {
     return StentorLocalChat;
 }());
 
+/*! Copyright (c) 2022, XAPPmedia */
+var PERMISSION_QUESTION_EXPIRATION_MS = 300000; // 5 minutes
+function requestFromMessage(message, userId, isNewSession, sessionId, accessToken, attributes) {
+    var _a, _b, _c, _d;
+    var request;
+    var now = new Date().getTime();
+    if (isNewSession && !((_a = message === null || message === void 0 ? void 0 : message.msg) === null || _a === void 0 ? void 0 : _a.text)) {
+        request = {
+            type: "LAUNCH_REQUEST",
+            rawQuery: (_b = message === null || message === void 0 ? void 0 : message.msg) === null || _b === void 0 ? void 0 : _b.text,
+            sessionId: sessionId,
+            userId: userId,
+            isNewSession: true,
+            intentId: "LaunchRequest",
+            platform: "stentor-platform",
+            channel: "widget",
+            accessToken: accessToken,
+            attributes: attributes
+        };
+    }
+    else {
+        // Pending permission request?
+        var permissionRequest = (_c = message.msg) === null || _c === void 0 ? void 0 : _c.permissionRequest;
+        if (permissionRequest) {
+            message = __assign(__assign({}, message), { msg: __assign(__assign({}, message.msg), { permissionRequest: undefined }) });
+            var expired = now - permissionRequest.time > PERMISSION_QUESTION_EXPIRATION_MS;
+            var text = (_d = message.msg.text) === null || _d === void 0 ? void 0 : _d.toLowerCase();
+            var granted = !expired;
+            var userProfile = { id: this._userId };
+            if (!expired) {
+                if (permissionRequest.type === "EMAIL") {
+                    var isEmail = looksLikeEmail(text);
+                    granted = isEmail;
+                    userProfile.email = this.visitorInfo.email;
+                    userProfile.name = this.visitorInfo.displayName;
+                    this.visitorInfo.email = text;
+                }
+                if (permissionRequest.type === "LOCATION_PRECISE") {
+                    granted = !!message.msg.location;
+                    userProfile.preciseLocation = message.msg.location ? {
+                        coordinates: {
+                            latitude: message.msg.location.latitude,
+                            longitude: message.msg.location.longitude
+                        }
+                    } : undefined;
+                }
+            }
+            request = {
+                type: "PERMISSION_GRANT",
+                rawQuery: message.msg.text,
+                sessionId: this._sessionId,
+                userId: this._userId,
+                isNewSession: false,
+                granted: granted,
+                userProfile: userProfile,
+                intentId: "PermissionGrant",
+                platform: "stentor-platform",
+                channel: "widget",
+                accessToken: accessToken,
+                attributes: attributes
+            };
+        }
+        else if (message.type === "custom") {
+            request = __assign(__assign({}, JSON.parse(message.payload)), { 
+                // token: message.msg.token,
+                sessionId: this._sessionId, userId: this._userId, isNewSession: false, 
+                // intentId: "OptionSelect",
+                platform: "stentor-platform", channel: "widget", accessToken: accessToken, attributes: attributes });
+        }
+        else if (message.msg.token) {
+            request = {
+                type: "OPTION_SELECT_REQUEST",
+                token: message.msg.token,
+                sessionId: this._sessionId,
+                userId: this._userId,
+                isNewSession: false,
+                intentId: "OptionSelect",
+                platform: "stentor-platform",
+                channel: "widget",
+                accessToken: accessToken,
+                attributes: attributes
+            };
+        }
+        else {
+            request = {
+                type: "INTENT_REQUEST",
+                rawQuery: message.msg.text,
+                sessionId: this._sessionId,
+                userId: this._userId,
+                isNewSession: false,
+                intentId: "NLU_RESULT_PLACEHOLDER",
+                platform: "stentor-platform",
+                channel: "widget",
+                accessToken: accessToken,
+                attributes: attributes
+            };
+        }
+    }
+    return request;
+}
+function looksLikeEmail(email) {
+    var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    return re.test(String(email).toLowerCase());
+}
+
+/**
+ * Converts a Stentor Request (from a widget) to a ChatMessageRequest
+ *
+ * it's text only - need to look into file exchange (this is widget-to-widget communication)
+ *
+ * @param botRequest
+ * @param now
+ * @returns
+ */
+function requestToMessage(botRequest, now) {
+    if (now === void 0) { now = new Date().getTime(); }
+    if (!botRequest) {
+        return undefined;
+    }
+    var text = botRequest.rawQuery;
+    var responseMessage = {
+        type: "msg",
+        timestamp: now,
+        msg: {
+            text: text,
+        },
+        endSession: false,
+        user: undefined,
+    };
+    return responseMessage;
+}
+
+var StentorRouterChat = /** @class */ (function () {
+    function StentorRouterChat(config, options) {
+        var _a;
+        this._userId = "";
+        this._sessionId = "";
+        this.accessToken = "";
+        this.attributes = {};
+        this.isAdmin = false;
+        this.urlAttributes = {};
+        this.handlers = {};
+        this.config = config;
+        this.options = options;
+        // Dig out the path parameters. Put them into the attributes. 
+        // The WS url is the barebone domain.
+        var url = new URL(this.config.url);
+        var urlPath = (_a = url.pathname) === null || _a === void 0 ? void 0 : _a.split("/");
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.isAdmin = (url.searchParams.get('isAdmin') || window.xaIsAdmin) === "true";
+        this.serverUrl = "".concat(url.origin);
+        if (urlPath && urlPath.length > 1) {
+            this.serverUrl = "".concat(this.serverUrl, "/").concat(urlPath[1]); // the first path (after the initial "") is the "dev" or "prod"
+            this.urlAttributes.path = urlPath.slice(2);
+        }
+        log("WS url: ".concat(this.serverUrl, " attributes: ").concat(JSON.stringify(this.attributes)));
+        // this.configurableMessages = options.configurableMessages;
+    }
+    StentorRouterChat.prototype.init = function (dispatch) {
+        var _this = this;
+        // Fire up the WebSocket
+        this.autoReconnect(this.wsCreate.bind(this));
+        this.dispatch = dispatch;
+        // Register "handlers" for the incoming events
+        this.handlers["account_status"] = function (_data, _sender) {
+            // Register the "endpoint" with the server (send visitor data)
+            _this.emit("connection update");
+            dispatch({
+                type: "account_status",
+                detail: {
+                    status: "online",
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["new message"] = function (data, sender) {
+            // Because the router's internal message format is Stentor channel compatible.
+            // So the data is either a stentor Request (from widget) or a stentor Response (from bot)
+            var _a;
+            var message;
+            if (sender.deviceId === "Bot") {
+                if (typeof ((_a = _this.options.hooks) === null || _a === void 0 ? void 0 : _a.onResponse) === "function") {
+                    _this.options.hooks.onResponse(message);
+                }
+                message = responseToMessage(data);
+            }
+            else if (sender.deviceId === "Widget") {
+                message = requestToMessage(data);
+            }
+            else {
+                err("Unknown sender device Id: ".concat(sender.deviceId));
+            }
+            _this.dispatch({
+                type: "chat",
+                detail: {
+                    type: "chat.msg",
+                    user: {
+                        displayName: sender.displayName || sender.email || sender.userId,
+                        nick: senderToNick(sender),
+                    },
+                    msg: message,
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["user joined"] = function (_data, sender) {
+            _this.dispatch({
+                type: "chat",
+                detail: {
+                    type: "chat.memberjoin",
+                    user: {
+                        displayName: sender.displayName,
+                        nick: senderToNick(sender),
+                        avatarPath: sender.avatarPath,
+                    },
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["user left"] = function (_data, sender) {
+            _this.dispatch({
+                type: "chat",
+                detail: {
+                    type: "chat.memberleave",
+                    user: {
+                        displayName: sender.displayName,
+                        nick: senderToNick(sender),
+                    },
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["typing"] = function (_data, sender) {
+            _this.dispatch({
+                type: "chat",
+                detail: {
+                    type: "chat.typing",
+                    user: {
+                        nick: senderToNick(sender),
+                    },
+                    typing: true,
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["stop typing"] = function (_data, sender) {
+            _this.dispatch({
+                type: "chat",
+                detail: {
+                    type: "chat.typing",
+                    user: {
+                        nick: senderToNick(sender),
+                    },
+                    typing: false,
+                    timestamp: +new Date(),
+                },
+            });
+        };
+        this.handlers["disconnect"] = function () {
+            _this.dispatch(setAccountStatus("offline"));
+            _this.dispatch(setConnectionStatus("offline"));
+        };
+        this.handlers["reconnect"] = function () {
+            _this.dispatch(setAccountStatus("online"));
+            _this.dispatch(setConnectionStatus("online"));
+        };
+        this.handlers["reconnect_failed"] = function (_data) {
+            _this.dispatch(setAccountStatus("offline"));
+            _this.dispatch(setConnectionStatus("offline"));
+        };
+        this.handlers["reconnect_error"] = function (_data) {
+            _this.dispatch(setAccountStatus("offline"));
+        };
+        this.setAccountStatus("offline");
+    };
+    StentorRouterChat.prototype.autoReconnect = function (wsCreate) {
+        var _this = this;
+        var setStatus = this.setAccountStatus.bind(this);
+        function startReconnecting() {
+            setStatus("offline");
+            var interval = setInterval(function () {
+                log("Re-creating WS connection");
+                var ws = wsCreate();
+                ws.onopen = function () {
+                    log("Re-opened WS connection");
+                    // We are connected
+                    setStatus("online");
+                    ws.onclose = startReconnecting;
+                    clearInterval(interval);
+                };
+            }, 3000);
+        }
+        log("Creating WS connection");
+        wsCreate();
+        this.ws.onclose = startReconnecting;
+        this.ws.onopen = function () {
+            log("Opened WS connection");
+            // We are connected
+            _this.setAccountStatus("online");
+        };
+    };
+    StentorRouterChat.prototype.wsCreate = function () {
+        this.ws = new WebSocket("".concat(this.serverUrl, "?userId=").concat(this._userId));
+        this.ws.onmessage = function (data) {
+            console.log("SERVER says: ".concat(JSON.stringify(data)));
+            //     const message: RouterMessage = JSON.parse(data);            
+            //     this.handlers[message.event](message.data, message.sender);
+        };
+        return this.ws;
+    };
+    StentorRouterChat.prototype.emit = function (event, data) {
+        var payloadData = JSON.stringify({ event: event, data: data, sender: this.visitorInfo });
+        log("Widget says: ".concat(payloadData));
+        this.ws.send(payloadData);
+    };
+    StentorRouterChat.prototype.setAccountStatus = function (status) {
+        log("SERVER account_status: ".concat(JSON.stringify(status)));
+        this.dispatch(setAccountStatus(status));
+    };
+    StentorRouterChat.prototype.sendOfflineMsg = function (_, cb) {
+        cb();
+    };
+    StentorRouterChat.prototype.sendChatMsg = function (message, cb) {
+        return __awaiter$1(this, void 0, void 0, function () {
+            return __generator$1(this, function (_a) {
+                return [2 /*return*/, this.sendChatMsgRequest({
+                        msg: message,
+                        timestamp: new Date().getTime(),
+                        agent: false,
+                        user: undefined,
+                        type: "msg",
+                    }, cb)];
+            });
+        });
+    };
+    StentorRouterChat.prototype.sendChatMsgRequest = function (serviceRequest, cb) {
+        return __awaiter$1(this, void 0, void 0, function () {
+            return __generator$1(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.postMessage(serviceRequest)];
+                    case 1:
+                        _a.sent();
+                        cb();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    StentorRouterChat.prototype.sendTyping = function (isTyping) {
+        this.emit(isTyping ? "typing" : "stop typing");
+    };
+    StentorRouterChat.prototype.setVisitorInfo = function (visitorInfoMessage, cb) {
+        log("Visitor Info Mesage = ".concat(visitorInfoMessage));
+        this.visitorInfo = {
+            deviceId: "Widget",
+            userId: visitorInfoMessage.userId,
+            displayName: visitorInfoMessage.displayName || visitorInfoMessage.name,
+            email: visitorInfoMessage.email,
+            isAdmin: this.isAdmin,
+            urlAttributes: this.urlAttributes
+        };
+        this.attributes = __assign(__assign(__assign({}, visitorInfoMessage.attributes), this.attributes), { currentUrl: window.location.href });
+        this.accessToken = visitorInfoMessage.accessToken;
+        this.emit("add user");
+        this.startSession();
+        cb();
+    };
+    StentorRouterChat.prototype.sendChatRating = function () { };
+    StentorRouterChat.prototype.sendFile = function (_, cb) {
+        cb();
+    };
+    StentorRouterChat.prototype.markAsRead = function () {
+        // mark the messages read
+    };
+    StentorRouterChat.prototype.flush = function () { };
+    StentorRouterChat.prototype.dispose = function () { };
+    StentorRouterChat.prototype.postMessage = function (message) {
+        return __awaiter$1(this, void 0, void 0, function () {
+            var userId, sessionId, accessToken, attributes, request;
+            return __generator$1(this, function (_a) {
+                userId = this._userId;
+                sessionId = this._sessionId;
+                accessToken = this.accessToken;
+                attributes = this.attributes || {};
+                request = requestFromMessage(message, userId, this.isNewSession, sessionId, accessToken, attributes);
+                this.emit("new message", request);
+                return [2 /*return*/];
+            });
+        });
+    };
+    StentorRouterChat.prototype.startSession = function () {
+        if (this.visitorInfo.userId) {
+            this._userId = "".concat(this.visitorInfo.userId);
+        }
+        else if (this.visitorInfo.email) {
+            this._userId = "stentor-widget-user-".concat(this.visitorInfo.email);
+        }
+        else {
+            this._userId = "stentor-widget-user-".concat(uuid_1());
+        }
+        if (get("sessionId") !== "") {
+            this._sessionId = get("sessionId");
+        }
+        else {
+            this._sessionId = "stentor-widget-session-".concat(uuid_1());
+            set$1("sessionId", this._sessionId);
+        }
+        // This is a flag that is cleared after the first message is sent
+        this.isNewSession = true;
+    };
+    Object.defineProperty(StentorRouterChat.prototype, "userId", {
+        get: function () {
+            return this._userId;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(StentorRouterChat.prototype, "sessionId", {
+        get: function () {
+            return this._sessionId;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return StentorRouterChat;
+}());
+function senderToNick(sender) {
+    return "".concat(sender.deviceId, "-").concat(sender.userId);
+}
+
 const PACKET_TYPES = Object.create(null); // no Map = no polyfill
 PACKET_TYPES["open"] = "0";
 PACKET_TYPES["close"] = "1";
@@ -4565,7 +5006,7 @@ const nextTick = (() => {
         return (cb, setTimeoutFn) => setTimeoutFn(cb, 0);
     }
 })();
-const WebSocket = globalThisShim.WebSocket || globalThisShim.MozWebSocket;
+const WebSocket$1 = globalThisShim.WebSocket || globalThisShim.MozWebSocket;
 const usingBrowserWebSocket = true;
 const defaultBinaryType = "arraybuffer";
 
@@ -4615,9 +5056,9 @@ class WS extends Transport {
             this.ws =
                 usingBrowserWebSocket && !isReactNative
                     ? protocols
-                        ? new WebSocket(uri, protocols)
-                        : new WebSocket(uri)
-                    : new WebSocket(uri, protocols, opts);
+                        ? new WebSocket$1(uri, protocols)
+                        : new WebSocket$1(uri)
+                    : new WebSocket$1(uri, protocols, opts);
         }
         catch (err) {
             return this.emitReserved("error", err);
@@ -4732,7 +5173,7 @@ class WS extends Transport {
      * @api public
      */
     check() {
-        return !!WebSocket;
+        return !!WebSocket$1;
     }
 }
 
@@ -6927,6 +7368,7 @@ var StentorServerChat = /** @class */ (function () {
                 }
             });
         });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.socket.on("new message", function (data) {
             log("SERVER: new message: ".concat(JSON.stringify(data)));
             _this.dispatch({
@@ -6942,6 +7384,7 @@ var StentorServerChat = /** @class */ (function () {
                 }
             });
         });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.socket.on("user joined", function (data) {
             log("SERVER: user joined: ".concat(JSON.stringify(data)));
             _this.visitorInfo.token = data.token;
@@ -6958,6 +7401,7 @@ var StentorServerChat = /** @class */ (function () {
                 }
             });
         });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.socket.on("user left", function (data) {
             log("SERVER: user left: ".concat(JSON.stringify(data)));
             _this.dispatch({
@@ -6986,6 +7430,7 @@ var StentorServerChat = /** @class */ (function () {
                 }
             });
         });
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         this.socket.on("stop typing", function (data) {
             log("SERVER: stop typing: ".concat(JSON.stringify(data)));
             _this.dispatch({
@@ -7067,6 +7512,10 @@ function createChatServerCore(config, options) {
             return new StentorServerChat({
                 url: config.serverUrl
             }, options);
+        case "websocketraw":
+            return new StentorRouterChat({
+                url: config.serverUrl
+            }, options);
         case "local":
             return new StentorLocalChat();
         default:
@@ -31164,6 +31613,7 @@ var ChatWidget = function (props) {
         if (checkSessionExpiration(chatState === null || chatState === void 0 ? void 0 : chatState.sessionExpiration, (_a = chatState === null || chatState === void 0 ? void 0 : chatState.chats[chatState.chats.length - 1]) === null || _a === void 0 ? void 0 : _a.timestamp, chatState === null || chatState === void 0 ? void 0 : chatState.lastTimestamp)) {
             innerDispatch(reset());
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     React$1.useEffect(function () {
         // For reopen widget after move on same windowyar
@@ -31573,7 +32023,7 @@ function mapSynthetic(state, action) {
                 }
             };
         default:
-            throw new Error("Unknown synthetic action. Detail type: ".concat(action.detail.type));
+            throw new Error("Unknown synthetic action. Detail type: ".concat((action.detail).type));
     }
 }
 function storeHandler(state, action) {
@@ -31609,6 +32059,7 @@ function createChatStore(config, dataStorage) {
     var middlewares = [
         thunk__default["default"]
     ];
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var composeEnhancers = globalThis.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || redux.compose;
     return redux.createStore(chatReducer, composeEnhancers(redux.applyMiddleware.apply(void 0, middlewares)));
 }
@@ -31642,6 +32093,7 @@ function createStaticReducer(state) {
         return oldState;
     };
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var composeEnhancers = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || redux.compose;
 var middlewares = [
     thunk__default["default"]