@dialpad/dialtone 9.126.5 → 9.126.6

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

@@ -1,4 +1,4 @@
-import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as v, EditorContent as H, BubbleMenu as j, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
+import { NodeViewWrapper as _, nodeViewProps as y, VueRenderer as w, VueNodeViewRenderer as x, EditorContent as H, BubbleMenu as j, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
 import { Node as N, mergeAttributes as m, InputRule as q, nodePasteRule as E, getMarksBetween as U, combineTransactionSteps as K, getChangedRanges as W, findChildrenInRange as V, Mark as z, nodeInputRule as X, Extension as J } from "@tiptap/core";
 import Y from "@tiptap/extension-blockquote";
 import G from "@tiptap/extension-code-block";
@@ -26,12 +26,12 @@ 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 L, emojiRegex as we, emojiShortCodeRegex as ve } from "../../common/emoji/index.js";
-import { emojisIndexed as xe } from "@dialpad/dialtone-emojis";
+import { stringToUnicode as ye, codeToEmojiData as L, emojiRegex as we, emojiShortCodeRegex as xe } from "../../common/emoji/index.js";
+import { emojisIndexed as ve } from "@dialpad/dialtone-emojis";
 import be from "../list-item/list-item.js";
-import x from "../stack/stack.js";
+import v from "../stack/stack.js";
 import b from "tippy.js";
-import { linkRegex as Ce, getPhoneNumberRegex as ke, warnIfUnmounted as Te } from "../../common/utils/index.js";
+import { linkRegex as ke, getPhoneNumberRegex as Ce, warnIfUnmounted as Te } from "../../common/utils/index.js";
 import Ee from "@tiptap/extension-image";
 import R from "@tiptap/extension-mention";
 import M from "../link/link.js";
@@ -148,11 +148,11 @@ var Ne = function() {
   Ne,
   qe
 );
-const C = Ue.exports, Ke = {
+const k = Ue.exports, Ke = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
-    DtStack: x
+    DtStack: v
   },
   props: {
     item: {
@@ -169,7 +169,7 @@ var We = function() {
   We,
   Ve
 );
-const Xe = ze.exports, k = {
+const Xe = ze.exports, C = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -189,7 +189,7 @@ const Xe = ze.exports, k = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(xe);
+    const t = Object.values(ve);
     return e = e.toLowerCase(), t.filter(
       (r) => [
         r.name,
@@ -212,7 +212,7 @@ const Xe = ze.exports, k = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(C, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Xe,
@@ -235,7 +235,7 @@ const Xe = ze.exports, k = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [k]
+          plugins: [C]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -256,7 +256,7 @@ const Xe = ze.exports, k = {
 }, Ge = /(:\w+:)$/, Qe = new RegExp(B + "$"), Ze = (e) => {
   if (e && L(e[0]))
     return { text: e[2] || e[0] };
-}, et = (e) => [...e.matchAll(ve)].filter((n) => L(n[0])).map((n) => ({
+}, et = (e) => [...e.matchAll(xe)].filter((n) => L(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
@@ -272,7 +272,7 @@ const Xe = ze.exports, k = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return v(je);
+    return x(je);
   },
   addAttributes() {
     return {
@@ -404,7 +404,7 @@ function ot(e, t, n, r) {
   for (const a of i)
     a.mark.type === r && n.removeMark(a.from, a.to, r);
 }
-const I = ke(1, 15);
+const I = Ce(1, 15);
 function A(e, t, n, r, s, o) {
   if (!e)
     return;
@@ -421,7 +421,7 @@ function A(e, t, n, r, s, o) {
     "right",
     I
   ), u = e.slice(l.from, d.to);
-  nt(u, Ce, rt).forEach((T) => {
+  nt(u, ke, 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());
   });
@@ -536,7 +536,7 @@ var ht = function() {
 );
 const gt = pt.exports, _t = R.extend({
   addNodeView() {
-    return v(gt);
+    return x(gt);
   },
   parseHTML() {
     return [
@@ -585,15 +585,15 @@ const gt = pt.exports, _t = R.extend({
 var wt = function() {
   var t = this, n = t._self._c;
   return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, vt = [], xt = /* @__PURE__ */ c(
+}, xt = [], vt = /* @__PURE__ */ c(
   yt,
   wt,
-  vt
+  xt
 );
-const bt = xt.exports, Ct = R.extend({
+const bt = vt.exports, kt = R.extend({
   name: "channel",
   addNodeView() {
-    return v(bt);
+    return x(bt);
   },
   parseHTML() {
     return [
@@ -626,7 +626,7 @@ const bt = xt.exports, Ct = R.extend({
     char: "#",
     pluginKey: new f("channelSuggestion")
   }
-}), kt = {
+}), Ct = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: _
@@ -652,7 +652,7 @@ 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 = [], St = /* @__PURE__ */ c(
-  kt,
+  Ct,
   Tt,
   Et
 );
@@ -680,7 +680,7 @@ const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
     };
   },
   addNodeView() {
-    return v(Lt);
+    return x(Lt);
   },
   parseHTML() {
     return [
@@ -743,7 +743,7 @@ const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
   name: "MentionSuggestion",
   components: {
     DtAvatar: Re,
-    DtStack: x
+    DtStack: v
   },
   props: {
     item: {
@@ -797,7 +797,7 @@ const Pt = Bt.exports, Mt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(C, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Pt,
@@ -820,7 +820,7 @@ const Pt = Bt.exports, Mt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [k]
+          plugins: [C]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -841,7 +841,7 @@ const Pt = Bt.exports, Mt = {
 }, Dt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: x,
+    DtStack: v,
     DtIconHash: $e,
     DtIconLock: Ie
   },
@@ -874,7 +874,7 @@ const Nt = Ft.exports, qt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(C, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: Nt,
@@ -897,7 +897,7 @@ const Nt = Ft.exports, qt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [k]
+          plugins: [C]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -953,7 +953,7 @@ const zt = Vt.exports, Xt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(C, {
+        e = new w(k, {
           parent: void 0,
           propsData: {
             itemComponent: zt,
@@ -976,7 +976,7 @@ const zt = Vt.exports, Xt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [k]
+          plugins: [C]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -1000,7 +1000,7 @@ const zt = Vt.exports, Xt = {
     EditorContent: H,
     BubbleMenu: j,
     DtButton: Oe,
-    DtStack: x
+    DtStack: v
   },
   mixins: [Be],
   props: {
@@ -1400,7 +1400,7 @@ const zt = Vt.exports, Xt = {
       }
       if (this.channelSuggestion) {
         const r = { ...this.channelSuggestion, ...qt };
-        e.push(Ct.configure({ suggestion: r }));
+        e.push(kt.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
         const r = { ...this.slashCommandSuggestion, ...Xt };
@@ -1480,6 +1480,7 @@ ${r.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
+          handleKeyDown: (e, t) => !!(this.preventTyping && t.key !== "Backspace"),
           handlePaste: (e, t, n) => {
             const r = t.clipboardData || window.clipboardData, s = r.getData("text/plain"), o = r.getData("text/html");
             return this.processPasteData(e, s, o);
@@ -1630,11 +1631,6 @@ ${r.textContent}
       this.editor.on("create", () => {
         this.triggerInputChangeEvents();
       }), this.editor.on("update", () => {
-        var e, t;
-        if (this.preventTyping && ((t = (e = this.editor.view) == null ? void 0 : e.input) == null ? void 0 : t.lastKeyCode) !== 8) {
-          this.editor.commands.setContent(this.value, !1);
-          return;
-        }
         this.triggerInputChangeEvents();
       }), this.editor.on("selectionUpdate", ({ editor: e }) => {
         this.$emit("selected", this.getSelectedLinkText(e));