@dialpad/dialtone 9.126.1 → 9.126.2

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

@@ -26,17 +26,17 @@ import _e from "@tiptap/suggestion";
 import { emojiPattern as B } from "regex-combined-emojis";
 import { n as c } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
 import P from "../emoji/emoji.js";
-import { stringToUnicode as ye, codeToEmojiData as R, emojiRegex as we, emojiShortCodeRegex as ve } from "../../common/emoji/index.js";
+import { stringToUnicode as ye, codeToEmojiData as L, emojiRegex as we, emojiShortCodeRegex as ve } from "../../common/emoji/index.js";
 import { emojisIndexed as xe } from "@dialpad/dialtone-emojis";
 import be from "../list-item/list-item.js";
 import x from "../stack/stack.js";
 import b from "tippy.js";
-import { linkRegex as ke, getPhoneNumberRegex as Te, warnIfUnmounted as Ce } from "../../common/utils/index.js";
+import { linkRegex as Ce, getPhoneNumberRegex as ke, warnIfUnmounted as Te } from "../../common/utils/index.js";
 import Ee from "@tiptap/extension-image";
-import S from "@tiptap/extension-mention";
+import R from "@tiptap/extension-mention";
 import M from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Le, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Re, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $ } from "./rich-text-editor-constants.js";
-import Se from "../avatar/avatar.js";
+import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Se, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Le, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $ } from "./rich-text-editor-constants.js";
+import Re from "../avatar/avatar.js";
 import $e from "@dialpad/dialtone-icons/vue2/hash";
 import Ie from "@dialpad/dialtone-icons/vue2/lock";
 import Ae from "deep-equal";
@@ -148,7 +148,7 @@ var Ne = function() {
   Ne,
   qe
 );
-const k = Ue.exports, Ke = {
+const C = Ue.exports, Ke = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
@@ -169,7 +169,7 @@ var We = function() {
   We,
   Ve
 );
-const Xe = ze.exports, T = {
+const Xe = ze.exports, k = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -212,7 +212,7 @@ const Xe = ze.exports, T = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: Xe,
@@ -235,7 +235,7 @@ const Xe = ze.exports, T = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [T]
+          plugins: [k]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -254,9 +254,9 @@ const Xe = ze.exports, T = {
     };
   }
 }, Ge = /(:\w+:)$/, Qe = new RegExp(B + "$"), Ze = (e) => {
-  if (e && R(e[0]))
+  if (e && L(e[0]))
     return { text: e[2] || e[0] };
-}, et = (e) => [...e.matchAll(ve)].filter((n) => R(n[0])).map((n) => ({
+}, et = (e) => [...e.matchAll(ve)].filter((n) => L(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
@@ -289,7 +289,7 @@ const Xe = ze.exports, T = {
     ];
   },
   renderText({ node: e }) {
-    return ye(R(e.attrs.code).unicode_output);
+    return ye(L(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", m(this.options.HTMLAttributes, e)];
@@ -392,37 +392,37 @@ function it(e, t) {
     to: r + t
   };
 }
-function L(e, t, n, r) {
+function S(e, t, n, r) {
   const s = it(e, t);
   if (r.lastIndex = 0, !r.test(s.text))
     return s;
   const o = n === "left" ? s.from - 1 : s.to + 1;
-  return o <= 0 || o >= e.length || o === t ? s : L(e, o, n, r);
+  return o <= 0 || o >= e.length || o === t ? s : S(e, o, n, r);
 }
 function ot(e, t, n, r) {
   const s = Math.max(e.from - 1, 0), o = Math.min(e.to + 1, t.content.size), i = U(s, o, t);
   for (const a of i)
     a.mark.type === r && n.removeMark(a.from, a.to, r);
 }
-const I = Te(1, 15);
+const I = ke(1, 15);
 function A(e, t, n, r, s, o) {
   if (!e)
     return;
   let i = n - t - 1;
   i = i < 0 ? 0 : i;
-  const a = r - t, l = L(
+  const a = r - t, l = S(
     e,
     i,
     "left",
     I
-  ), d = L(
+  ), d = S(
     e,
     a,
     "right",
     I
   ), u = e.slice(l.from, d.to);
-  nt(u, ke, rt).forEach((C) => {
-    const h = st(C[0]), g = t + l.from + C.index + 1, D = g + h.length;
+  nt(u, Ce, rt).forEach((T) => {
+    const h = st(T[0]), g = t + l.from + T.index + 1, D = g + h.length;
     s.addMark(g, D, o.create());
   });
 }
@@ -534,7 +534,7 @@ var ht = function() {
   ht,
   ft
 );
-const gt = pt.exports, _t = S.extend({
+const gt = pt.exports, _t = R.extend({
   addNodeView() {
     return v(gt);
   },
@@ -590,7 +590,7 @@ var wt = function() {
   wt,
   vt
 );
-const bt = xt.exports, kt = S.extend({
+const bt = xt.exports, Ct = R.extend({
   name: "channel",
   addNodeView() {
     return v(bt);
@@ -626,12 +626,14 @@ const bt = xt.exports, kt = S.extend({
     char: "#",
     pluginKey: new f("channelSuggestion")
   }
-}), Tt = {
+}), kt = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: _
   },
-  props: y,
+  props: {
+    ...y
+  },
   emits: ["selected-command"],
   computed: {
     text() {
@@ -639,30 +641,46 @@ const bt = xt.exports, kt = S.extend({
     }
   },
   created() {
-    this.$parent.$emit("selected-command", this.$props.node.attrs.command);
+    var n, r, s;
+    const e = this.$props.node.attrs.command;
+    this.$emit("selected-command", e);
+    const t = (s = (r = (n = this.editor) == null ? void 0 : n.storage) == null ? void 0 : r["slash-commands"]) == null ? void 0 : s.onSelectedCommand;
+    t && typeof t == "function" && t(e);
   }
 };
-var Ct = function() {
+var Tt = function() {
   var t = this, n = t._self._c;
   return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [t._v(" " + t._s(t.text) + " ")]);
-}, Et = [], Lt = /* @__PURE__ */ c(
+}, Et = [], St = /* @__PURE__ */ c(
+  kt,
   Tt,
-  Ct,
   Et
 );
-const Rt = Lt.exports, St = (e, t) => [...e.matchAll(t)].map((r) => {
+const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
   let s = r[2];
   return s.endsWith(" ") || (s += " "), {
     index: r.index,
     text: s,
     match: r
   };
-}), $t = S.extend({
+}), $t = R.extend({
   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 v(Rt);
+    return v(Lt);
   },
   parseHTML() {
     return [
@@ -708,7 +726,7 @@ const Rt = Lt.exports, St = (e, t) => [...e.matchAll(t)].map((r) => {
     const e = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       E({
-        find: (r) => St(r, t),
+        find: (r) => Rt(r, t),
         type: this.type,
         getAttributes(r) {
           return { command: r[0].trim() };
@@ -724,7 +742,7 @@ const Rt = Lt.exports, St = (e, t) => [...e.matchAll(t)].map((r) => {
 }), It = {
   name: "MentionSuggestion",
   components: {
-    DtAvatar: Se,
+    DtAvatar: Re,
     DtStack: x
   },
   props: {
@@ -779,7 +797,7 @@ const Pt = Bt.exports, Mt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: Pt,
@@ -802,7 +820,7 @@ const Pt = Bt.exports, Mt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [T]
+          plugins: [k]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -856,7 +874,7 @@ const Nt = Ft.exports, qt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: Nt,
@@ -879,7 +897,7 @@ const Nt = Ft.exports, qt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [T]
+          plugins: [k]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -935,7 +953,7 @@ const zt = Vt.exports, Xt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(C, {
           parent: void 0,
           propsData: {
             itemComponent: zt,
@@ -958,7 +976,7 @@ const zt = Vt.exports, Xt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [T]
+          plugins: [k]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -1055,7 +1073,7 @@ const zt = Vt.exports, Xt = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Le.includes(e) : !0;
+        return typeof e == "string" ? Se.includes(e) : !0;
       }
     },
     /**
@@ -1068,7 +1086,7 @@ const zt = Vt.exports, Xt = {
       type: String,
       default: "html",
       validator(e) {
-        return Re.includes(e);
+        return Le.includes(e);
       }
     },
     /**
@@ -1313,7 +1331,13 @@ const zt = Vt.exports, Xt = {
      * @event selected
      * @type {String}
      */
-    "selected"
+    "selected",
+    /**
+     * Event fired when a slash command is selected
+     * @event selected-command
+     * @type {String}
+     */
+    "selected-command"
   ],
   data() {
     return {
@@ -1376,11 +1400,16 @@ const zt = Vt.exports, Xt = {
       }
       if (this.channelSuggestion) {
         const r = { ...this.channelSuggestion, ...qt };
-        e.push(kt.configure({ suggestion: r }));
+        e.push(Ct.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
         const r = { ...this.slashCommandSuggestion, ...Xt };
-        e.push($t.configure({ suggestion: r }));
+        e.push($t.configure({
+          suggestion: r,
+          onSelectedCommand: (s) => {
+            this.$emit("selected-command", s);
+          }
+        }));
       }
       return e.push(tt), e.push(ue.configure({
         types: ["paragraph"]
@@ -1434,7 +1463,7 @@ ${r.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ce(this.$el, this.$options.name), this.processValue(this.value, !1);
+    Te(this.$el, this.$options.name), this.processValue(this.value, !1);
   },
   methods: {
     createEditor() {