@xapp/chat-widget 1.56.0 → 1.57.2

package/dist/index.js

@@ -470,7 +470,7 @@ function getLeftArrowSvg() {
         React__default$1["default"].createElement("path", { d: "M 2.5 -15 L -2.5 0 L 2.5 15", stroke: "currentColor", strokeLinecap: "square", strokeWidth: "4px", fill: "none" })));
 }
 var ChevronLeft = function (props) {
-    return (React__default$1["default"].createElement("button", { onClick: props.onClick, className: "chevron" }, getLeftArrowSvg()));
+    return (React__default$1["default"].createElement("button", { onClick: props.onClick, className: "xa-chevron" }, getLeftArrowSvg()));
 };
 
 function getRightArrowSvg() {
@@ -478,7 +478,7 @@ function getRightArrowSvg() {
         React__default$1["default"].createElement("path", { d: "M -2.5 -15 L 2.5 0 L -2.5 15", stroke: "currentColor", strokeLinecap: "square", strokeWidth: "4px", fill: "none" })));
 }
 var ChevronRight = function (props) {
-    return (React__default$1["default"].createElement("button", { onClick: props.onClick, className: "chevron" }, getRightArrowSvg()));
+    return (React__default$1["default"].createElement("button", { onClick: props.onClick, className: "xa-chevron" }, getRightArrowSvg()));
 };
 
 var Carousel = function (props) {
@@ -2304,7 +2304,8 @@ var StentorDirectChat = /** @class */ (function () {
                         _f.label = 1;
                     case 1:
                         if (!(i < configurableMessages.length)) return [3 /*break*/, 4];
-                        timeout = configurableMessages[i - 1].delay * 1000;
+                        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 })
@@ -2570,7 +2571,7 @@ function requestToMessage(botRequest, now) {
 
 var StentorRouterChat = /** @class */ (function () {
     function StentorRouterChat(config, options) {
-        var _a;
+        var _a, _b;
         this._userId = "";
         this._sessionId = "";
         this.accessToken = "";
@@ -2583,13 +2584,23 @@ var StentorRouterChat = /** @class */ (function () {
         // 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("/");
+        var appId = url.searchParams.get("appId");
         var locationUrl = new URL(window.location.href);
         this.isAdmin = locationUrl.searchParams.get("isAdmin") === "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(1);
+        if (appId) {
+            // New Path if we have the appId on the query string
+            this.serverUrl = this.config.url;
+            this.urlAttributes.path = (_a = url.pathname) === null || _a === void 0 ? void 0 : _a.split("/");
+            // keep the server url
+        }
+        else {
+            // Old path
+            this.serverUrl = "".concat(url.origin);
+            var urlPath = (_b = url.pathname) === null || _b === void 0 ? void 0 : _b.split("/");
+            if (urlPath && urlPath.length > 1) {
+                this.serverUrl = "".concat(this.serverUrl, "/").concat(urlPath[1]);
+                this.urlAttributes.path = urlPath.slice(1);
+            }
         }
         log("WS url: ".concat(this.serverUrl, " isAdmin: ").concat(this.isAdmin, " attributes: ").concat(JSON.stringify(this.attributes)));
         this.configurableMessages = getConfigurableMessagesConfig(options.configurableMessages);
@@ -2757,7 +2768,10 @@ var StentorRouterChat = /** @class */ (function () {
     StentorRouterChat.prototype.wsCreate = function () {
         var _this = this;
         this.setConnectionStatus("pending");
-        this.ws = new WebSocket("".concat(this.serverUrl, "?userId=").concat(this._userId, "&isAdmin=").concat(this.isAdmin));
+        var url = new URL(this.serverUrl);
+        url.searchParams.set("userId", this._userId);
+        url.searchParams.set("isAdmin", "".concat(this.isAdmin));
+        this.ws = new WebSocket(url.toString());
         this.ws.onerror = function (ev) {
             var _a;
             log("Error in WS connection. Type: ".concat(!ev ? "?" : ev.type, " Ready State: ").concat((_a = _this.ws) === null || _a === void 0 ? void 0 : _a.readyState));
@@ -6572,7 +6586,8 @@ function createChatServerCore(config, options) {
         case "direct":
             return new StentorDirectChat({
                 url: config.serverUrl,
-                key: config.accountKey
+                key: config.accountKey,
+                timeout: config.timeout
             }, options);
         case "websocket":
             return new StentorServerChat({
@@ -30277,14 +30292,14 @@ var MessageList = function (props) {
      * @param addClass
      */
     function renderByType(msg, sibling) {
-        var _a;
+        var _a, _b, _c;
         var user;
         // visitor is this widget
-        if (msg.user.nick.startsWith("visitor:")) {
+        if ((_b = (_a = msg.user) === null || _a === void 0 ? void 0 : _a.nick) === null || _b === void 0 ? void 0 : _b.startsWith("visitor:")) {
             user = msg.user;
         }
         else {
-            user = ((_a = props.agents[msg.user.nick]) === null || _a === void 0 ? void 0 : _a.user) || props.agent;
+            user = ((_c = props.agents[msg.user.nick]) === null || _c === void 0 ? void 0 : _c.user) || props.agent;
             // Still nothing?
             if (!user) {
                 log("Could not get a user from agents list with nick: \"".concat(msg.user.nick, "\""));
@@ -30978,8 +30993,8 @@ var ChatWidget = function (props) {
             React__default$1["default"].createElement(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }),
             React__default$1["default"].createElement(ChatHeader, { accountStatus: chatState.accountStatus, refreshOnClick: openModal, minimizeOnClick: minimizeOnClick, cancelOnClick: cancelOnClick, agent: widgetAgent, canRefresh: canRefresh, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header, menuConfig: config.menu, onSubmit: handleOnSubmit }),
             React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_u = (_t = props.config) === null || _t === void 0 ? void 0 : _t.typingStatus) === null || _u === void 0 ? void 0 : _u.textTypingStatusEnabled, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl }),
-            React__default$1["default"].createElement("div", { className: "spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : "") },
-                React__default$1["default"].createElement("div", { className: "spinner" })),
+            React__default$1["default"].createElement("div", { className: "xa-spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : "") },
+                React__default$1["default"].createElement("div", { className: "xa-spinner" })),
             connectionStatus === "offline" && React__default$1["default"].createElement(ServerOffline, null),
             React__default$1["default"].createElement(ChatFooter, { isAdmin: config === null || config === void 0 ? void 0 : config.isAdmin, isChatting: chatState.isChatting, placeholder: (_v = config === null || config === void 0 ? void 0 : config.input) === null || _v === void 0 ? void 0 : _v.placeholder, sendButtonIcon: (_x = (_w = config === null || config === void 0 ? void 0 : config.footer) === null || _w === void 0 ? void 0 : _w.sendButton) === null || _x === void 0 ? void 0 : _x.icon, visible: visible, menuConfig: props.config.menu, footerConfig: (_y = props.config) === null || _y === void 0 ? void 0 : _y.footer, inputConfig: (_z = props.config) === null || _z === void 0 ? void 0 : _z.input, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload }),
             React__default$1["default"].createElement("div", { className: "restartModal", ref: modalRef, onClick: closeModal },