@xapp/chat-widget 1.53.0 → 1.53.2

package/dist/index.js

@@ -1553,7 +1553,7 @@ var logOnce = function (key) {
 };
 
 function getVisitorSvg() {
-    return (React__default$1["default"].createElement("svg", { width: "16", height: "19", viewBox: "0 0 16 19" },
+    return (React__default$1["default"].createElement("svg", { width: "16", height: "19", viewBox: "0 0 16 19", style: { margin: "0 auto", display: "block" } },
         React__default$1["default"].createElement("path", { d: "M11.5 5c0-1.933-1.567-3.5-3.5-3.5S4.5 3.067 4.5 5 6.067 8.5 8 8.5s3.5-1.567 3.5-3.5zM3 5c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5-5-2.24-5-5zM1.955 17.294c.21-.642.504-1.285.898-1.88C3.963 13.74 5.615 12.75 8 12.75c2.385 0 4.038.99 5.147 2.664.394.595.69 1.238.898 1.88.124.382.19.672.214.822.063.41.447.69.856.625.41-.063.69-.447.625-.856-.034-.225-.118-.59-.27-1.053-.247-.763-.598-1.527-1.073-2.244C13.024 12.51 10.917 11.25 8 11.25c-2.916 0-5.024 1.26-6.397 3.336-.475.717-.826 1.48-1.074 2.245-.152.463-.236.83-.27 1.054-.065.41.215.793.624.857.41.065.793-.215.857-.624.025-.15.09-.44.215-.822z", fill: "#FFF", fillRule: "evenodd" })));
 }
 var Avatar = function (props) {
@@ -7999,6 +7999,9 @@ var List = function (props) {
 
 var ListMiddlewareWidget = function (props) {
     var msg = props.msg, ctx = props.ctx;
+    if (!ctx) {
+        throw new TypeError("ctx not provided to ".concat(ListMiddlewareWidget.name));
+    }
     var list = React$1.useMemo(function () { return convertFromListDisplay(msg); }, [msg]);
     var handleExecute = useExecuteActionCallback();
     var handleButton = useButtonCallback();
@@ -8143,6 +8146,9 @@ var ChatMarkdownMessage = function (props) {
 
 var ChatPermissionMessage = function (props) {
     var message = props.message, ctx = props.ctx;
+    if (!ctx) {
+        throw new TypeError("ctx not provided to ".concat(ChatPermissionMessage.name));
+    }
     var user = ctx.user;
     var permissionRequest = message.msg.permissionRequest;
     var agentMessage = isAgent(props.message.user.nick);
@@ -8233,11 +8239,13 @@ function getClassName(msg) {
 var avaKeys = ["text", "html", "card", "list"];
 /**
  * Chat Message Bubble with an Avatar
+ *
  * @param props
  * @returns
  */
 var ChatMessage = function (props) {
     var middleware = props.messageMiddleware || StandardMiddlewares;
+    var ctx = props.middlewareContext;
     var user = props.agent;
     function renderByType() {
         var _a;
@@ -8261,9 +8269,9 @@ var ChatMessage = function (props) {
                             React__default$1["default"].createElement("span", { className: "message-sr-only" }, "at " + props.time + " the bot said"),
                             React__default$1["default"].createElement(Middleware, { key: index, msg: display, ctx: props.middlewareContext })));
                     }),
-                    msg.permissionRequest &&
+                    msg.permissionRequest && ctx &&
                         React__default$1["default"].createElement(ChatMessagePart, { showAvatar: avaKey === "permissionRequest", user: user },
-                            React__default$1["default"].createElement(ChatPermissionMessage, { message: props.message, sibling: props.sibling, ctx: props.middlewareContext, time: props.time }))));
+                            React__default$1["default"].createElement(ChatPermissionMessage, { message: props.message, sibling: props.sibling, ctx: ctx, time: props.time }))));
         }
         return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null));
     }
@@ -31120,6 +31128,9 @@ var MessageList = function (props) {
     function renderByType(msg, sibling) {
         var _a;
         var user = ((_a = props.agents[msg.user.nick]) === null || _a === void 0 ? void 0 : _a.user) || props.agent;
+        if (!user) {
+            console.warn("Could not get a user from agents list from ".concat(msg.user.nick, " or has an "));
+        }
         switch (msg.type) {
             case "chat.file":
             case "chat.msg":
@@ -31338,7 +31349,7 @@ function getChatButtonStyle(style) {
     if (!style) {
         return empty();
     }
-    return withPrefix("xapp-chat-button-", union(getMargins(style.margin), getBackgroundStyle(style.background)));
+    return withPrefix("chat-button-", union(getMargins(style.margin), getBackgroundStyle(style.background)));
 }
 function getMessagesStyle(style) {
     if (!style) {