@dialpad/dialtone-vue 2.123.1 → 2.125.0

package/dist/{rich_text_editor-tzOBsCIH.js → rich_text_editor-eMvTs_Gp.js}

@@ -15534,7 +15534,7 @@ const hy = {
   },
   methods: {
     onKeyDown({ event: n }) {
-      return n.key === "ArrowUp" ? (this.upHandler(), !0) : n.key === "ArrowDown" ? (this.downHandler(), !0) : n.key === "Enter" ? (this.enterHandler(), n.stopPropagation(), !0) : !1;
+      return n.key === "ArrowUp" ? (this.upHandler(), !0) : n.key === "ArrowDown" ? (this.downHandler(), !0) : n.key === "Enter" || n.key === "Tab" ? (n.preventDefault(), this.selectHandler(), n.stopPropagation(), !0) : !1;
     },
     upHandler() {
       this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
@@ -15549,7 +15549,7 @@ const hy = {
         block: "center"
       });
     },
-    enterHandler() {
+    selectHandler() {
       this.selectItem(this.selectedIndex);
     },
     selectItem(n) {
@@ -15559,7 +15559,7 @@ const hy = {
           this.command(e);
           return;
         case "mention":
-          this.command({ name: e.name, id: e.contactId, avatarSrc: e.avatarSrc });
+          this.command({ name: e.name, id: e.id, avatarSrc: e.avatarSrc });
           break;
       }
     }
@@ -16060,7 +16060,7 @@ const qy = Vy.exports, Wy = Fy.extend({
     };
   },
   renderText({ node: n }) {
-    return "@ " + n.attrs.name;
+    return `@${n.attrs.id}`;
   },
   renderHTML({ HTMLAttributes: n }) {
     return ["mention-component", B(this.options.HTMLAttributes, n), 0];
@@ -16103,7 +16103,7 @@ const qy = Vy.exports, Wy = Fy.extend({
 };
 var Yy = function() {
   var e = this, t = e._self._c;
-  return t("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": "", size: "xs" } }), e._v(" " + e._s(e.name) + " ")], 1);
+  return t("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t("dt-avatar", { attrs: { "full-name": e.name, "image-src": e.avatarSrc, "image-alt": e.name, size: "xs" } }), e._v(" " + e._s(e.name) + " ")], 1);
 }, Xy = [], Qy = /* @__PURE__ */ ee(
   Gy,
   Yy,
@@ -16118,6 +16118,7 @@ const Zy = Qy.exports, e0 = {
   // This function comes from the user and passed to the editor directly.
   // This will also activate the mention plugin on the editor
   // items: ({ query }) => { return [] },
+  allowSpaces: !0,
   render: () => {
     let n, e;
     return {
@@ -16146,8 +16147,7 @@ const Zy = Qy.exports, e0 = {
         });
       },
       onKeyDown(t) {
-        var r;
-        return t.event.key === "Escape" ? (e[0].hide(), !0) : (r = n.ref) == null ? void 0 : r.onKeyDown(t);
+        return t.event.key === "Escape" ? (e[0].hide(), !0) : n == null ? void 0 : n.ref.onKeyDown(t);
       },
       onExit() {
         e[0].destroy(), n.destroy();
@@ -16476,3 +16476,4 @@ export {
   ut as t,
   ul as u
 };
+//# sourceMappingURL=rich_text_editor-eMvTs_Gp.js.map