@ai-matrx/messaging 0.15.20 → 0.15.21

package/dist/react.cjs

@@ -3545,6 +3545,8 @@ var UsersIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     ]
   }
 );
+var VideoIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...props, paths: ["M16 8l6-4v16l-6-4", "M4 6h10a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"] });
+var PhoneIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { ...props, paths: "M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8 10a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2z" });
 
 // src/react/parts.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -4228,14 +4230,14 @@ function MessageActionChips(props) {
   if (declared !== null && renderer !== void 0) {
     if (!renderer.versions.includes(declared.version)) return null;
     const Render = renderer.render;
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mx-msg__chips", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Render,
       {
         message: props.message,
         payload: declared.payload,
         isOwn: props.message.senderId === host.identity.userId
       }
-    );
+    ) });
   }
   if (action.receipt !== null) {
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "mx-msg__receipt", children: [
@@ -4244,14 +4246,17 @@ function MessageActionChips(props) {
     ] });
   }
   if (action.choices.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mx-msg__chips", children: action.choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mx-msg__chips", children: action.choices.map((choice) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "button",
     {
       type: "button",
       className: `mx-msg__chip${choice.tone === "primary" ? " mx-msg__chip--primary" : choice.tone === "danger" ? " mx-msg__chip--danger" : ""}`,
       disabled: action.isRunning,
       onClick: () => action.execute(choice.id),
-      children: choice.label
+      children: [
+        choice.icon === "video" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(VideoIcon, {}) : choice.icon === "phone" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PhoneIcon, {}) : null,
+        choice.label
+      ]
     },
     choice.id
   )) });