@xapp/chat-widget 1.76.0 → 1.77.0

package/dist/index.js

@@ -64,7 +64,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 var __assign = function() {
@@ -101,8 +101,8 @@ function __awaiter$1(thisArg, _arguments, P, generator) {
 }
 
 function __generator$1(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -797,7 +797,7 @@ var ChatButton = function (_a) {
         };
     }, [mobileWidth]);
     var maxSvgSize = 22;
-    var svgSize = Math.min(maxSvgSize, (+buttonWidth / 48) * maxSvgSize);
+    var svgSize = Math.min(maxSvgSize, (+buttonWidth / +defaultWidgetButtonWidth) * maxSvgSize);
     return (React$1.createElement("button", { "aria-label": "open chat", className: "xapp-chat-button ".concat(addClass || "").trim(), onClick: onClick },
         React$1.createElement("div", { id: "xapp-widget-button", className: "xapp-chat-button__btn", style: {
                 width: "".concat(buttonWidth, "px"),
@@ -1676,7 +1676,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __awaiter(thisArg, _arguments, P, generator) {
@@ -1690,8 +1690,8 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -9231,11 +9231,11 @@ var _typeof = {exports: {}};
 	function _typeof(o) {
 	  "@babel/helpers - typeof";
 
-	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+	  return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
 	    return typeof o;
 	  } : function (o) {
 	    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
 	}
 	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
 } (_typeof));
@@ -19783,9 +19783,9 @@ var setPrototypeOf = {exports: {}};
 
 (function (module) {
 	function _setPrototypeOf(t, e) {
-	  return (module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+	  return module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
 	    return t.__proto__ = e, t;
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _setPrototypeOf(t, e);
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _setPrototypeOf(t, e);
 	}
 	module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports; 
 } (setPrototypeOf));
@@ -19817,9 +19817,9 @@ var getPrototypeOf = {exports: {}};
 
 (function (module) {
 	function _getPrototypeOf(t) {
-	  return (module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+	  return module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
 	    return t.__proto__ || Object.getPrototypeOf(t);
-	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _getPrototypeOf(t);
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _getPrototypeOf(t);
 	}
 	module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports; 
 } (getPrototypeOf));
@@ -30935,7 +30935,7 @@ var defaultProps = {
     onSend: function () { return Promise.resolve(); },
     onWrite: function () { return Promise.resolve(); },
     onOpenUrl: function () { },
-    minimizeOnClick: function () { }
+    minimizeOnClick: function () { },
 };
 var MessageList = function (props) {
     if (props === void 0) { props = defaultProps; }
@@ -30952,13 +30952,15 @@ var MessageList = function (props) {
         onWrite(msg);
         messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
     }, [onWrite]);
-    var ctxCache = React$1.useMemo(function () { return new MiddlewareContextFactory({
-        send: handleSend,
-        write: handleWrite,
-        openUrl: onOpenUrl
-    }); }, [handleSend, handleWrite, onOpenUrl]);
+    var ctxCache = React$1.useMemo(function () {
+        return new MiddlewareContextFactory({
+            send: handleSend,
+            write: handleWrite,
+            openUrl: onOpenUrl,
+        });
+    }, [handleSend, handleWrite, onOpenUrl]);
     var date = new Date();
-    var time = date.getHours() + ':' + date.getMinutes();
+    var time = date.getHours() + ":" + date.getMinutes();
     /**
      * Render the message based on widget state or message type. offline and pre chat are pseudo messages.
      *
@@ -31027,7 +31029,7 @@ var MessageList = function (props) {
             // if (next && next.type === message.type && currentNick && currentNick === prevNick) {
             //   sibling = true;
             // }
-            // Message types that will show time 
+            // Message types that will show time
             var tsTypes = [
                 "chat.file",
                 "chat.msg",
@@ -31038,7 +31040,7 @@ var MessageList = function (props) {
                 // "chat.typing",
                 "chat.request.rating",
                 "chat.offline",
-                "chat.prechat"
+                "chat.prechat",
             ];
             // show first and las TS and after at least 5 minutes gap. Don't show "router user"
             var showTs = false;
@@ -31049,10 +31051,14 @@ var MessageList = function (props) {
                 else {
                     var previous = props.messages[index - 1];
                     if (message.timestamp && previous.timestamp) {
-                        showTs = (message.timestamp - previous.timestamp) > 300 * 1000; // 5 minutes
+                        showTs = message.timestamp - previous.timestamp > 300 * 1000; // 5 minutes
                     }
                 }
             }
+            // we also don't showTs if it is the very first message in the list & it is a chat.memberjoin
+            if (index === 0 && message.type === "chat.memberjoin") {
+                showTs = false;
+            }
             var ts = showTs ? new Date(message.timestamp).toLocaleString() : undefined;
             return (React$1.createElement("span", { key: "message-list-render-all-".concat(index) },
                 showTs && (React$1.createElement("div", { className: "ts-msg-container" },
@@ -32008,6 +32014,7 @@ function configureStore(options) {
     reducer = void 0,
     middleware,
     devTools = true,
+    duplicateMiddlewareCheck = true,
     preloadedState = void 0,
     enhancers = void 0
   } = options || {};