@dialpad/dialtone-vue 3.187.3 → 3.187.4

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

@@ -1,5 +1,5 @@
-import { NodeViewWrapper as L, nodeViewProps as R, VueRenderer as v, VueNodeViewRenderer as I, EditorContent as G, BubbleMenu as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as ee, mergeAttributes as b, InputRule as te, nodePasteRule as P, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
+import { nodeViewProps as L, NodeViewWrapper as R, VueRenderer as v, VueNodeViewRenderer as I, BubbleMenu as G, EditorContent as Q, Editor as Z } from "../../node_modules/@tiptap/vue-3.js";
+import { Node as ee, nodePasteRule as P, InputRule as te, mergeAttributes as b, getMarksBetween as ne, combineTransactionSteps as oe, getChangedRanges as re, findChildrenInRange as ie, Mark as se, nodeInputRule as ae, Extension as le } from "@tiptap/core";
 import ce from "@tiptap/extension-blockquote";
 import de from "@tiptap/extension-code-block";
 import ue from "@tiptap/extension-code";
@@ -24,19 +24,19 @@ import Re from "@tiptap/extension-font-family";
 import { PluginKey as T, Plugin as ve } from "@tiptap/pm/state";
 import Ie from "@tiptap/suggestion";
 import { emojiPattern as W } from "regex-combined-emojis";
-import { resolveComponent as d, openBlock as l, createBlock as h, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Oe, createElementVNode as w, Fragment as Be, renderList as Me, normalizeClass as z, withModifiers as $e, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as O, createCommentVNode as x, mergeProps as Pe } from "vue";
+import { resolveComponent as c, createBlock as h, openBlock as l, withCtx as u, createVNode as p, createElementBlock as _, withDirectives as Oe, createElementVNode as w, Fragment as Be, renderList as Me, withModifiers as $e, normalizeClass as z, resolveDynamicComponent as Ae, vShow as De, createTextVNode as k, toDisplayString as m, markRaw as O, createCommentVNode as x, mergeProps as Pe } 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 { emojiRegex as je, stringToUnicode as He, codeToEmojiData as H, emojiShortCodeRegex as Ne } from "../../common/emoji/index.js";
 import { emojisIndexed as Fe } from "@dialpad/dialtone-emojis";
 import Ke from "../list-item/list-item.js";
 import B from "../stack/stack.js";
 import M from "tippy.js";
-import { linkRegex as Ve, getPhoneNumberRegex as Ue, returnFirstEl as F, warnIfUnmounted as qe } from "../../common/utils/index.js";
+import { getPhoneNumberRegex as Ve, linkRegex as Ue, warnIfUnmounted as qe, returnFirstEl as F } from "../../common/utils/index.js";
 import We from "@tiptap/extension-image";
 import N from "@tiptap/extension-mention";
 import J from "../link/link.js";
-import { RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as ze, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K } from "./rich-text-editor-constants.js";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as K, RICH_TEXT_EDITOR_OUTPUT_FORMATS as ze, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Xe } from "./rich-text-editor-constants.js";
 import Je from "../avatar/avatar.js";
 import Ye from "@dialpad/dialtone-icons/vue3/hash";
 import Ge from "@dialpad/dialtone-icons/vue3/lock";
@@ -47,13 +47,13 @@ const tt = {
   compatConfig: { MODE: 3 },
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtEmoji: X
   },
-  props: R
+  props: L
 };
 function nt(e, t, o, n, r, i) {
-  const s = d("dt-emoji"), a = d("node-view-wrapper");
+  const s = c("dt-emoji"), a = c("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
       p(s, {
@@ -142,17 +142,17 @@ const ot = /* @__PURE__ */ g(tt, [["render", nt]]), rt = {
   class: "d-suggestion-list"
 };
 function at(e, t, o, n, r, i) {
-  const s = d("dt-list-item");
+  const s = c("dt-list-item");
   return l(), _("div", it, [
     Oe(w("ul", st, [
-      (l(!0), _(Be, null, Me(o.items, (a, c) => (l(), h(s, {
+      (l(!0), _(Be, null, Me(o.items, (a, d) => (l(), h(s, {
         key: a.id,
         class: z([
           "d-suggestion-list__item",
-          { "d-list-item--highlighted": c === r.selectedIndex }
+          { "d-list-item--highlighted": d === r.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
-        onClick: (f) => i.selectItem(c),
+        onClick: (f) => i.selectItem(d),
         onKeydown: $e(i.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
@@ -180,7 +180,7 @@ const $ = /* @__PURE__ */ g(rt, [["render", at]]), lt = {
   }
 };
 function ct(e, t, o, n, r, i) {
-  const s = d("dt-emoji"), a = d("dt-stack");
+  const s = c("dt-emoji"), a = c("dt-stack");
   return l(), h(a, {
     direction: "row",
     gap: "400"
@@ -314,7 +314,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
     ];
   },
   renderText({ node: e }) {
-    return je(H(e.attrs.code).unicode_output);
+    return He(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", b(this.options.HTMLAttributes, e)];
@@ -327,9 +327,9 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
           if (t)
             return pt(t);
         },
-        handler: ({ state: e, range: t, match: o, commands: n, chain: r, can: i }) => {
-          const { tr: s } = e, a = t.from, c = t.to;
-          s.replaceWith(a, c, this.type.create({ code: o[0] }));
+        handler: ({ state: e, range: t, match: o }) => {
+          const { tr: n } = e, r = t.from, i = t.to;
+          n.replaceWith(r, i, this.type.create({ code: o[0] }));
         }
       })
     ];
@@ -346,7 +346,7 @@ const dt = /* @__PURE__ */ g(lt, [["render", ct]]), A = {
         }
       }),
       P({
-        find: He,
+        find: je,
         type: this.type,
         getAttributes(e) {
           return {
@@ -429,13 +429,13 @@ function bt(e, t, o, n) {
   for (const a of s)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const V = Ue(1, 15);
+const V = Ve(1, 15);
 function U(e, t, o, n, r, i) {
   if (!e)
     return;
   let s = o - t - 1;
   s = s < 0 ? 0 : s;
-  const a = n - t, c = j(
+  const a = n - t, d = j(
     e,
     s,
     "left",
@@ -445,9 +445,9 @@ function U(e, t, o, n, r, i) {
     a,
     "right",
     V
-  ), y = e.slice(c.from, f.to);
-  yt(y, Ve, wt).forEach((D) => {
-    const C = kt(D[0]), S = t + c.from + D.index + 1, Y = S + C.length;
+  ), y = e.slice(d.from, f.to);
+  yt(y, Ue, wt).forEach((D) => {
+    const C = kt(D[0]), S = t + d.from + D.index + 1, Y = S + C.length;
     r.addMark(S, Y, i.create());
   });
 }
@@ -461,11 +461,11 @@ function Ct(e) {
         return;
       const { tr: s } = r, { textContent: a } = r.doc;
       t || U(a, 0, 0, a.length, s, e.type), t = !0;
-      const c = oe(
+      const d = oe(
         n.doc,
         [...o]
       );
-      return re(c).forEach(({ oldRange: y, newRange: E }) => {
+      return re(d).forEach(({ oldRange: y, newRange: E }) => {
         bt(E, r.doc, s, e.type), ie(
           r.doc,
           E,
@@ -542,10 +542,10 @@ const Tt = {
   compatConfig: { MODE: 3 },
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -553,7 +553,7 @@ const Tt = {
   }
 };
 function vt(e, t, o, n, r, i) {
-  const s = d("dt-link"), a = d("node-view-wrapper");
+  const s = c("dt-link"), a = c("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       p(s, { kind: "mention" }, {
@@ -605,10 +605,10 @@ const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
   compatConfig: { MODE: 3 },
   name: "ChannelComponent",
   components: {
-    NodeViewWrapper: L,
+    NodeViewWrapper: R,
     DtLink: J
   },
-  props: R,
+  props: L,
   computed: {
     text() {
       return "#" + this.$props.node.attrs.name;
@@ -616,7 +616,7 @@ const It = /* @__PURE__ */ g(Rt, [["render", vt]]), Ot = N.extend({
   }
 };
 function Mt(e, t, o, n, r, i) {
-  const s = d("dt-link"), a = d("node-view-wrapper");
+  const s = c("dt-link"), a = c("node-view-wrapper");
   return l(), h(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       p(s, { kind: "mention" }, {
@@ -669,10 +669,10 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
   compatConfig: { MODE: 3 },
   name: "SlashCommandsComponent",
   components: {
-    NodeViewWrapper: L
+    NodeViewWrapper: R
   },
   props: {
-    ...R
+    ...L
   },
   emits: ["selected-command"],
   computed: {
@@ -689,7 +689,7 @@ const $t = /* @__PURE__ */ g(Bt, [["render", Mt]]), At = N.extend({
   }
 };
 function Pt(e, t, o, n, r, i) {
-  const s = d("node-view-wrapper");
+  const s = c("node-view-wrapper");
   return l(), h(s, { class: "d-d-inline-block" }, {
     default: u(() => [
       k(m(i.text), 1)
@@ -829,7 +829,7 @@ const jt = /* @__PURE__ */ g(Dt, [["render", Pt]]), Ht = (e, t) => [...e.matchAl
   class: "d-mention-suggestion__status"
 };
 function qt(e, t, o, n, r, i) {
-  const s = d("dt-avatar"), a = d("dt-stack");
+  const s = c("dt-avatar"), a = c("dt-stack");
   return l(), h(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
@@ -943,8 +943,8 @@ const Wt = /* @__PURE__ */ g(Ft, [["render", qt]]), zt = {
   }
 };
 function Jt(e, t, o, n, r, i) {
-  const s = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
-  return l(), h(c, {
+  const s = c("dt-icon-hash"), a = c("dt-icon-lock"), d = c("dt-stack");
+  return l(), h(d, {
     direction: "row",
     gap: "400"
   }, {
@@ -1095,8 +1095,8 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
   compatConfig: { MODE: 3 },
   name: "DtRichTextEditor",
   components: {
-    EditorContent: G,
-    BubbleMenu: Q,
+    EditorContent: Q,
+    BubbleMenu: G,
     DtButton: et,
     DtStack: B
   },
@@ -1170,7 +1170,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? ze.includes(e) : !0;
+        return typeof e == "string" ? Xe.includes(e) : !0;
       }
     },
     /**
@@ -1183,7 +1183,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
       type: String,
       default: "html",
       validator(e) {
-        return Xe.includes(e);
+        return ze.includes(e);
       }
     },
     /**
@@ -1464,7 +1464,7 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [me, Ce, Ee, he];
-      e.push(this.useDivTags ? Lt : q), this.allowBlockquote && e.push(ce), this.allowBold && e.push(pe), this.allowBulletList && (e.push(ge), e.push(we.extend({
+      e.push(this.useDivTags ? Lt : q), this.allowBold && e.push(pe), this.allowBlockquote && e.push(ce), this.allowBulletList && (e.push(ge), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -1485,7 +1485,14 @@ const on = /* @__PURE__ */ g(Qt, [["render", nn]]), rn = {
           };
         }
       });
-      if (e.push(o), this.link && e.push(ye.extend({ inclusive: !1 }).configure({
+      if (e.push(o), this.link && e.push(ye.extend({
+        inclusive: !1,
+        addKeyboardShortcuts() {
+          return {
+            "Mod-k": () => (t.$emit("edit-link"), !0)
+          };
+        }
+      }).configure({
         HTMLAttributes: {
           class: "d-link d-wb-break-all"
         },
@@ -1583,9 +1590,9 @@ ${n.textContent}
             const o = ["Backspace"];
             return !this.allowLineBreaks && !t.shiftKey && o.push("Enter"), !o.includes(t.key);
           },
-          handlePaste: (e, t, o) => {
-            const n = t.clipboardData || window.clipboardData, r = n.getData("text/plain"), i = n.getData("text/html");
-            return this.processPasteData(e, r, i);
+          handlePaste: (e, t) => {
+            const o = t.clipboardData || window.clipboardData, n = o.getData("text/plain"), r = o.getData("text/html");
+            return this.processPasteData(e, n, r);
           },
           // Moves the <br /> tags inside the previous closing tag to avoid
           // Prosemirror wrapping them within another </p> tag.
@@ -1595,7 +1602,7 @@ ${n.textContent}
         }
       }), this.addEditorListeners();
     },
-    bubbleMenuShouldShow({ editor: e, view: t, state: o, oldState: n, from: r, to: i }) {
+    bubbleMenuShouldShow({ editor: e }) {
       return e.isActive("link");
     },
     /**
@@ -1604,9 +1611,9 @@ ${n.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, c, f;
+      var a, d, f;
       const { view: t, state: o } = e, { from: n, to: r } = t.state.selection, i = o.doc.textBetween(n, r, ""), s = this.editor.state.doc.nodeAt(n);
-      return s && ((f = (c = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
+      return s && ((f = (d = (a = s.marks) == null ? void 0 : a.at(0)) == null ? void 0 : d.type) == null ? void 0 : f.name) === "link" ? s.textContent : i;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1627,13 +1634,13 @@ ${n.textContent}
     },
     // eslint-disable-next-line complexity
     setLink(e, t, o, n = K, r) {
-      var a, c, f;
+      var a, d, f;
       if (!e) {
         this.removeLink();
         return;
       }
       n.find((y) => y.test(e)) || (e = `${r}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const s = (f = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : f.selection;
+      const s = (f = (d = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : d.state) == null ? void 0 : f.selection;
       this.editor.chain().focus().insertContent(t).setTextSelection({ from: s.from, to: s.from + t.length }).setLink({ href: e, class: o.class }).run();
     },
     // eslint-disable-next-line complexity
@@ -1775,9 +1782,9 @@ ${n.textContent}
   }
 }, an = { class: "d-popover__dialog" };
 function ln(e, t, o, n, r, i) {
-  const s = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), f = d("editor-content");
+  const s = c("dt-button"), a = c("dt-stack"), d = c("bubble-menu"), f = c("editor-content");
   return l(), _("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(c, {
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), h(d, {
       key: 0,
       editor: r.editor,
       "should-show": i.bubbleMenuShouldShow,