@dialpad/dialtone 9.126.1 → 9.126.2

package/dist/vue3/lib/rich-text-editor/rich-text-editor.js

@@ -24,14 +24,14 @@ import ve from "@tiptap/extension-font-family";
 import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
 import $e from "@tiptap/suggestion";
 import { emojiPattern as W } from "regex-combined-emojis";
-import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as w, Fragment as Ie, renderList as Oe, normalizeClass as z, withModifiers as Pe, resolveDynamicComponent as Be, vShow as Ae, createTextVNode as k, toDisplayString as p, markRaw as M, createCommentVNode as x, mergeProps as De } from "vue";
+import { resolveComponent as d, openBlock as l, createBlock as m, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as w, Fragment as Oe, renderList as Ie, normalizeClass as z, withModifiers as Pe, resolveDynamicComponent as Be, vShow as Ae, createTextVNode as k, toDisplayString as p, markRaw as M, createCommentVNode as x, mergeProps as De } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import X from "../emoji/emoji.js";
 import { stringToUnicode as je, codeToEmojiData as H, emojiRegex as He, emojiShortCodeRegex as Ne } from "../../common/emoji/index.js";
 import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
 import Ve from "../list-item/list-item.js";
-import I from "../stack/stack.js";
-import O from "tippy.js";
+import O from "../stack/stack.js";
+import I from "tippy.js";
 import { linkRegex as qe, getPhoneNumberRegex as Ke, returnFirstEl as F, warnIfUnmounted as Ue } from "../../common/utils/index.js";
 import We from "@tiptap/extension-image";
 import N from "@tiptap/extension-mention";
@@ -144,7 +144,7 @@ function st(e, t, o, n, r, i) {
   const s = d("dt-list-item");
   return l(), _("div", rt, [
     Me(w("ul", it, [
-      (l(!0), _(Ie, null, Oe(o.items, (a, c) => (l(), m(s, {
+      (l(!0), _(Oe, null, Ie(o.items, (a, c) => (l(), m(s, {
         key: a.id,
         class: z([
           "d-suggestion-list__item",
@@ -169,7 +169,7 @@ const P = /* @__PURE__ */ g(ot, [["render", st]]), at = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: X,
-    DtStack: I
+    DtStack: O
   },
   props: {
     item: {
@@ -244,7 +244,7 @@ const ct = /* @__PURE__ */ g(at, [["render", lt]]), B = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -614,7 +614,7 @@ const Rt = /* @__PURE__ */ g(Lt, [["render", vt]]), $t = N.extend({
     }
   }
 };
-function It(e, t, o, n, r, i) {
+function Ot(e, t, o, n, r, i) {
   const s = d("dt-link"), a = d("node-view-wrapper");
   return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
@@ -628,10 +628,10 @@ function It(e, t, o, n, r, i) {
     _: 1
   });
 }
-const Ot = /* @__PURE__ */ g(Mt, [["render", It]]), Pt = N.extend({
+const It = /* @__PURE__ */ g(Mt, [["render", Ot]]), Pt = N.extend({
   name: "channel",
   addNodeView() {
-    return $(Ot);
+    return $(It);
   },
   parseHTML() {
     return [
@@ -670,7 +670,9 @@ const Ot = /* @__PURE__ */ g(Mt, [["render", It]]), Pt = N.extend({
   components: {
     NodeViewWrapper: L
   },
-  props: v,
+  props: {
+    ...v
+  },
   emits: ["selected-command"],
   computed: {
     text() {
@@ -678,7 +680,11 @@ const Ot = /* @__PURE__ */ g(Mt, [["render", It]]), Pt = N.extend({
     }
   },
   created() {
-    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
+    var o, n, r;
+    const e = this.$props.node.attrs.command;
+    this.$emit("selected-command", e);
+    const t = (r = (n = (o = this.editor) == null ? void 0 : o.storage) == null ? void 0 : n["slash-commands"]) == null ? void 0 : r.onSelectedCommand;
+    t && typeof t == "function" && t(e);
   }
 };
 function At(e, t, o, n, r, i) {
@@ -701,6 +707,18 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
   name: "slash-commands",
   group: "inline",
   inline: !0,
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      onSelectedCommand: null
+    };
+  },
+  addStorage() {
+    return {
+      onSelectedCommand: this.options.onSelectedCommand
+    };
+  },
   addNodeView() {
     return $(Dt);
   },
@@ -766,7 +784,7 @@ const Dt = /* @__PURE__ */ g(Bt, [["render", At]]), jt = (e, t) => [...e.matchAl
   name: "MentionSuggestion",
   components: {
     DtAvatar: Je,
-    DtStack: I
+    DtStack: O
   },
   props: {
     item: {
@@ -870,7 +888,7 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -907,7 +925,7 @@ const Ut = /* @__PURE__ */ g(Nt, [["render", Kt]]), Wt = {
   compatConfig: { MODE: 3 },
   name: "ChannelSuggestion",
   components: {
-    DtStack: I,
+    DtStack: O,
     DtIconHash: Ye,
     DtIconLock: Ge
   },
@@ -958,7 +976,7 @@ const Jt = /* @__PURE__ */ g(zt, [["render", Xt]]), Yt = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1039,7 +1057,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
             ...n
           },
           editor: n.editor
-        }), n.clientRect && (t = O("body", {
+        }), n.clientRect && (t = I("body", {
           getReferenceClientRect: n.clientRect,
           appendTo: () => document.body,
           content: e.element,
@@ -1079,7 +1097,7 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
     EditorContent: G,
     BubbleMenu: Q,
     DtButton: Ze,
-    DtStack: I
+    DtStack: O
   },
   props: {
     /**
@@ -1409,7 +1427,13 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
      * @event selected
      * @type {String}
      */
-    "selected"
+    "selected",
+    /**
+     * Event fired when a slash command is selected
+     * @event selected-command
+     * @type {String}
+     */
+    "selected-command"
   ],
   data() {
     return {
@@ -1476,7 +1500,12 @@ const nn = /* @__PURE__ */ g(Gt, [["render", tn]]), on = {
       }
       if (this.slashCommandSuggestion) {
         const n = { ...this.slashCommandSuggestion, ...on };
-        e.push(Ht.configure({ suggestion: n }));
+        e.push(Ht.configure({
+          suggestion: n,
+          onSelectedCommand: (r) => {
+            this.$emit("selected-command", r);
+          }
+        }));
       }
       return e.push(gt), e.push(Te.configure({
         types: ["paragraph"]