@xapp/chat-widget 1.55.0 → 1.55.1

package/dist/index.js

@@ -164,6 +164,13 @@ function insertSorted(array, obj, comparer) {
     return array;
 }
 
+/**
+ * Agent is determined if the provided nick string starts with `agent:`.
+ *
+ * This returns false if the nick string is falsey (undefined or "") or does not start with "agent:"
+ * @param nick
+ * @returns
+ */
 function isAgent(nick) {
     if (!nick) {
         return false;
@@ -1561,7 +1568,7 @@ var Avatar = function (props) {
     var avatarPath = entity === null || entity === void 0 ? void 0 : entity.avatarPath;
     if (!avatarPath) {
         var avatarImage = GenerateAvatar({
-            initials: entity.displayName ? entity.displayName.slice(0, 2) : "?",
+            initials: (entity === null || entity === void 0 ? void 0 : entity.displayName) ? entity.displayName.slice(0, 2) : "?",
             backgroundColor: (_b = (_a = chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.env) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.primaryColor,
             size: 36,
         });
@@ -8575,7 +8582,6 @@ var ChatMessage = function (props) {
  */
 function convertToSeconds(s) {
     if (!s) {
-        err("Empty time string");
         return 0;
     }
     var groups = s.match(/(\d+)([dhms]?)/);
@@ -31428,14 +31434,17 @@ var TypingIndicator = function (_) {
  */
 var TypingStatus = function (props) {
     var agentsTyping = Object.values(props.agents).filter(function (agent) { return agent.typing; });
-    return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null, agentsTyping.map(function (agent) {
+    return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null, agentsTyping.map(function (agent, index) {
         var _a, _b;
-        return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null, !props.textTypingStatusEnabled ? (React__default$1["default"].createElement("div", { className: "chat-msg-container-wrapper", key: "typing-status-".concat(agent.user.nick) },
-            React__default$1["default"].createElement("div", { key: agent.user.nick, className: "chat-msg-container agent chat-typing-progress" },
+        var key = ((_a = agent.user) === null || _a === void 0 ? void 0 : _a.nick) || "".concat(index);
+        var displayName = ((_b = agent.user) === null || _b === void 0 ? void 0 : _b.displayName) || "Somebody";
+        return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null, !props.textTypingStatusEnabled ? (React__default$1["default"].createElement("div", { className: "chat-msg-container-wrapper", key: "typing-status-".concat(key) },
+            React__default$1["default"].createElement("div", { key: key, className: "chat-msg-container agent chat-typing-progress" },
                 React__default$1["default"].createElement(ChatMessagePart, { user: agent.user, showAvatar: true },
                     React__default$1["default"].createElement("div", { className: "chat-msg" },
                         React__default$1["default"].createElement(ChatMessageBubble, { owner: "others", hasTail: true },
-                            React__default$1["default"].createElement(TypingIndicator, null))))))) : (React__default$1["default"].createElement("div", { key: "typing-status-".concat(agent.user.nick), className: "chat-msg-agent-typing" }, (_b = (_a = agent.user) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : "Somebody",
+                            React__default$1["default"].createElement(TypingIndicator, null))))))) : (React__default$1["default"].createElement("div", { key: "typing-status-".concat(key), className: "chat-msg-agent-typing" },
+            displayName,
             " is typing"))));
     })));
 };
@@ -31493,7 +31502,7 @@ var MessageList = function (props) {
             user = ((_a = props.agents[msg.user.nick]) === null || _a === void 0 ? void 0 : _a.user) || props.agent;
             // Still nothing?
             if (!user) {
-                console.warn("Could not get a user from agents list with nick: \"".concat(msg.user.nick, "\""));
+                log("Could not get a user from agents list with nick: \"".concat(msg.user.nick, "\""));
                 user = msg.user;
             }
         }
@@ -31627,9 +31636,9 @@ var refreshButtonAriaLabel = "To refresh chat click on clockwise gapped circle a
 var minimizeButtonAriaLabel = "To minimize widget click on minus icon in top right side of widget. ";
 var closeButtonAriaLabel = "To close widget click on close icon in top right side of widget.";
 var ChatHeader = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var menuConfig = props.menuConfig, onSubmit = props.onSubmit;
-    var _q = React$1.useState(false), drawerOpen = _q[0], setDrawerState = _q[1]; // false initially
+    var _s = React$1.useState(false), drawerOpen = _s[0], setDrawerState = _s[1]; // false initially
     var menuPosition = (menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.menuButtonLocation) || "FOOTER";
     var showMenu = menuPosition === "HEADER_LEFT";
     var menuItemsRaw = menuConfig === null || menuConfig === void 0 ? void 0 : menuConfig.items; // useWidgetEnv()?.menu?.items;
@@ -31650,16 +31659,15 @@ var ChatHeader = function (props) {
             showMenu && menuItems.length ? (React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
                 React__default$1["default"].createElement("div", { className: "chat-footer__menu-icon" },
                     React__default$1["default"].createElement(DrawerBars, { bars: 3, tabIndex: menuButtonTabIndex, onToggle: toggleDrawer })))) : React__default$1["default"].createElement(React__default$1["default"].Fragment, null),
-            React__default$1["default"].createElement("div", { className: "status-container__avatar" },
-                React__default$1["default"].createElement(Avatar, { entity: props.agent })),
-            React__default$1["default"].createElement("div", { className: "".concat("status-text", " ").concat(((_b = props.config) === null || _b === void 0 ? void 0 : _b.alignTextCenter)
-                    ? "status-text-positionCenter"
-                    : "status-text-positionLeft") },
-                React__default$1["default"].createElement("span", { className: "status-text-title" }, getStatusText(props.accountStatus, (_c = props.config) === null || _c === void 0 ? void 0 : _c.status)),
-                ((_e = (_d = props.config) === null || _d === void 0 ? void 0 : _d.subtitle) === null || _e === void 0 ? void 0 : _e.enabled) && (React__default$1["default"].createElement("span", { className: "status-text-subtitle" }, (_h = (_g = (_f = props.config) === null || _f === void 0 ? void 0 : _f.subtitle) === null || _g === void 0 ? void 0 : _g.text) !== null && _h !== void 0 ? _h : ""))),
-            props.canRefresh && (React__default$1["default"].createElement(RefreshButton, { onClick: props.refreshOnClick, tabIndex: (_k = (_j = props.config) === null || _j === void 0 ? void 0 : _j.actions) === null || _k === void 0 ? void 0 : _k.refreshTabIndex, showInLeft: props.canMinimize && props.canCancel, showInRight: !props.canMinimize && !props.canCancel })),
-            props.canMinimize && (React__default$1["default"].createElement(MinimizeButton, { onClick: props.minimizeOnClick, tabIndex: (_m = (_l = props.config) === null || _l === void 0 ? void 0 : _l.actions) === null || _m === void 0 ? void 0 : _m.minimizeTabIndex, showInRight: !props.canCancel })),
-            props.canCancel && (React__default$1["default"].createElement(CancelButton, { onClick: props.cancelOnClick, tabIndex: (_p = (_o = props.config) === null || _o === void 0 ? void 0 : _o.actions) === null || _p === void 0 ? void 0 : _p.cancelTabIndex }))),
+            ((_b = props === null || props === void 0 ? void 0 : props.agent) === null || _b === void 0 ? void 0 : _b.avatarPath) === undefined ? React__default$1["default"].createElement("div", null) :
+                React__default$1["default"].createElement("div", { className: "status-container__avatar" },
+                    React__default$1["default"].createElement(Avatar, { entity: props.agent })),
+            React__default$1["default"].createElement("div", { className: "\n                        ".concat("status-text", "\n                        ").concat(((_c = props === null || props === void 0 ? void 0 : props.agent) === null || _c === void 0 ? void 0 : _c.avatarPath) === undefined ? "status-text-positionLeftNoAvatar" : "status-text-positionLeft", "\n                        ").concat(((_d = props.config) === null || _d === void 0 ? void 0 : _d.alignTextCenter) ? "status-text-positionCenter" : "status-text-positionLeft", "                     \n                        ") },
+                React__default$1["default"].createElement("span", { className: "status-text-title" }, getStatusText(props.accountStatus, (_e = props.config) === null || _e === void 0 ? void 0 : _e.status)),
+                ((_g = (_f = props.config) === null || _f === void 0 ? void 0 : _f.subtitle) === null || _g === void 0 ? void 0 : _g.enabled) && (React__default$1["default"].createElement("span", { className: "status-text-subtitle" }, (_k = (_j = (_h = props.config) === null || _h === void 0 ? void 0 : _h.subtitle) === null || _j === void 0 ? void 0 : _j.text) !== null && _k !== void 0 ? _k : ""))),
+            props.canRefresh && (React__default$1["default"].createElement(RefreshButton, { onClick: props.refreshOnClick, tabIndex: (_m = (_l = props.config) === null || _l === void 0 ? void 0 : _l.actions) === null || _m === void 0 ? void 0 : _m.refreshTabIndex, showInLeft: props.canMinimize && props.canCancel, showInRight: !props.canMinimize && !props.canCancel })),
+            props.canMinimize && (React__default$1["default"].createElement(MinimizeButton, { onClick: props.minimizeOnClick, tabIndex: (_p = (_o = props.config) === null || _o === void 0 ? void 0 : _o.actions) === null || _p === void 0 ? void 0 : _p.minimizeTabIndex, showInRight: !props.canCancel })),
+            props.canCancel && (React__default$1["default"].createElement(CancelButton, { onClick: props.cancelOnClick, tabIndex: (_r = (_q = props.config) === null || _q === void 0 ? void 0 : _q.actions) === null || _r === void 0 ? void 0 : _r.cancelTabIndex }))),
         drawerOpen ? (React__default$1["default"].createElement("div", { className: "xa-chat-menu-container" },
             React__default$1["default"].createElement(ChatMenu, { openFrom: "left", opened: drawerOpen, tabIndex: menuItemsTabIndex, onItemClick: handleMenuItem, items: menuItems }))) : React__default$1["default"].createElement(React__default$1["default"].Fragment, null)));
 };
@@ -32328,7 +32336,7 @@ function resetReducer(state) {
         userId: state.userId,
         attributes: state.attributes,
         sessionExpiration: state.sessionExpiration
-    })), { connection: __assign(__assign({}, state.connection), { greetingRequested: false }), visitor: state.visitor, visitorId: state.visitorId });
+    })), { connection: __assign(__assign({}, state.connection), { greetingRequested: false, nonce: uuid_1() }), visitor: state.visitor, visitorId: state.visitorId });
 }
 
 // todo: create reducer (requires redux-thunk dependency)