@dialpad/dialtone-vue 2.193.4 → 2.194.0

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

@@ -1,10 +1,10 @@
-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 { 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 { 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 K, nodePasteRule as E, getMarksBetween as q, combineTransactionSteps as U, 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";
 import Q from "@tiptap/extension-code";
 import Z from "@tiptap/extension-document";
-import O from "@tiptap/extension-paragraph";
+import B from "@tiptap/extension-paragraph";
 import ee from "@tiptap/extension-placeholder";
 import te from "@tiptap/extension-hard-break";
 import ne from "@tiptap/extension-bold";
@@ -23,15 +23,15 @@ import fe from "@tiptap/extension-color";
 import pe from "@tiptap/extension-font-family";
 import { PluginKey as f, Plugin as ge } from "@tiptap/pm/state";
 import _e from "@tiptap/suggestion";
-import { emojiPattern as B } from "regex-combined-emojis";
+import { emojiPattern as O } 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";
@@ -40,8 +40,8 @@ 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";
-import Oe from "../button/button.js";
-import Be from "../../common/mixins/localization.js";
+import Be from "../button/button.js";
+import Oe from "../../common/mixins/localization.js";
 const Pe = {
   name: "EmojiComponent",
   components: {
@@ -143,16 +143,16 @@ var Ne = function() {
       return o.preventDefault(), t.onKeyDown.apply(null, arguments);
     } } }, [n(t.itemComponent, { tag: "component", attrs: { item: r } })], 1);
   }), 1)]);
-}, qe = [], Ue = /* @__PURE__ */ c(
+}, Ke = [], qe = /* @__PURE__ */ c(
   Fe,
   Ne,
-  qe
+  Ke
 );
-const C = Ue.exports, Ke = {
+const k = qe.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
-    DtStack: x
+    DtStack: v
   },
   props: {
     item: {
@@ -165,11 +165,11 @@ var We = function() {
   var t = this, n = t._self._c;
   return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [n("dt-emoji", { attrs: { size: "200", code: t.item.code } }), t._v(" " + t._s(t.item.code) + " ")], 1);
 }, Ve = [], ze = /* @__PURE__ */ c(
-  Ke,
+  Ue,
   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) {
@@ -253,10 +253,10 @@ const Xe = ze.exports, k = {
       }
     };
   }
-}, Ge = /(:\w+:)$/, Qe = new RegExp(B + "$"), Ze = (e) => {
+}, Ge = /(:\w+:)$/, Qe = new RegExp(O + "$"), 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 {
@@ -296,7 +296,7 @@ const Xe = ze.exports, k = {
   },
   addInputRules() {
     return [
-      new q({
+      new K({
         find: (e) => {
           const t = e.match(Ge) || e.match(Qe);
           if (t)
@@ -400,11 +400,11 @@ function S(e, t, 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);
+  const s = Math.max(e.from - 1, 0), o = Math.min(e.to + 1, t.content.size), i = q(s, o, t);
   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());
   });
@@ -436,7 +436,7 @@ function at(e) {
         return;
       const { tr: i } = s, { textContent: a } = s.doc;
       t || A(a, 0, 0, a.length, i, e.type), t = !0;
-      const l = K(
+      const l = U(
         r.doc,
         [...n]
       );
@@ -506,7 +506,7 @@ const lt = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), ut = O.extend({
+}).configure({ inline: !0, allowBase64: !0 }), ut = B.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
@@ -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: {
@@ -783,12 +783,12 @@ const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
 var At = function() {
   var t = this, n = t._self._c;
   return n("dt-stack", { staticClass: "d-mention-suggestion__container", attrs: { direction: "row", gap: "400" } }, [n("dt-avatar", { attrs: { "full-name": t.name, "image-src": t.avatarSrc, "image-alt": t.name, "show-presence": t.showDetails, presence: t.presence, size: "sm" } }), n("dt-stack", { staticClass: "d-mention-suggestion__details-container", attrs: { gap: "100" } }, [n("span", { staticClass: "d-mention-suggestion__name" }, [t._v(" " + t._s(t.name) + " ")]), t.showDetails ? n("dt-stack", { staticClass: "d-label--sm-plain", attrs: { direction: "row", gap: "300" } }, [t.presenceText ? n("span", { staticClass: "d-mention-suggestion__presence", class: [t.presenceFontColorClass] }, [t._v(" " + t._s(t.presenceText) + " ")]) : t._e(), t.status && t.presenceText ? n("div", { staticClass: "d-mention-suggestion__divider" }, [t._v(" • ")]) : t._e(), t.status ? n("div", { staticClass: "d-mention-suggestion__status" }, [t._v(" " + t._s(t.status) + " ")]) : t._e()]) : t._e()], 1)], 1);
-}, Ot = [], Bt = /* @__PURE__ */ c(
+}, Bt = [], Ot = /* @__PURE__ */ c(
   It,
   At,
-  Ot
+  Bt
 );
-const Pt = Bt.exports, Mt = {
+const Pt = Ot.exports, Mt = {
   // 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 [] },
@@ -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
   },
@@ -865,7 +865,7 @@ var Ht = function() {
   Ht,
   jt
 );
-const Nt = Ft.exports, qt = {
+const Nt = Ft.exports, Kt = {
   // 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 [] },
@@ -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) {
@@ -915,7 +915,7 @@ const Nt = Ft.exports, qt = {
       }
     };
   }
-}, Ut = {
+}, qt = {
   name: "SlashCommandSuggestion",
   props: {
     item: {
@@ -935,12 +935,12 @@ const Nt = Ft.exports, qt = {
     }
   }
 };
-var Kt = function() {
+var Ut = function() {
   var t = this, n = t._self._c;
   return n("div", [n("div", { staticClass: "d-body--md-compact" }, [n("span", [t._v("/" + t._s(t.command))]), t.parametersExample ? n("span", [t._v(" " + t._s(t.parametersExample))]) : t._e()]), n("div", { staticClass: "d-body--sm d-fc-tertiary" }, [t._v(" " + t._s(t.description) + " ")])]);
 }, Wt = [], Vt = /* @__PURE__ */ c(
+  qt,
   Ut,
-  Kt,
   Wt
 );
 const zt = Vt.exports, Xt = {
@@ -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) {
@@ -999,10 +999,10 @@ const zt = Vt.exports, Xt = {
   components: {
     EditorContent: H,
     BubbleMenu: j,
-    DtButton: Oe,
-    DtStack: x
+    DtButton: Be,
+    DtStack: v
   },
-  mixins: [Be],
+  mixins: [Oe],
   props: {
     /**
      * Value of the input. The object format should match TipTap's JSON
@@ -1366,7 +1366,7 @@ const zt = Vt.exports, Xt = {
     // eslint-disable-next-line complexity
     extensions() {
       const e = [Z, de, me, te];
-      e.push(this.useDivTags ? ut : O), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(oe.extend({
+      e.push(this.useDivTags ? ut : B), this.allowBlockquote && e.push(Y), this.allowBold && e.push(ne), this.allowBulletList && (e.push(re), e.push(oe.extend({
         renderText({ node: r }) {
           return r.textContent;
         }
@@ -1399,8 +1399,8 @@ const zt = Vt.exports, Xt = {
         e.push(_t.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
-        const r = { ...this.channelSuggestion, ...qt };
-        e.push(Ct.configure({ suggestion: r }));
+        const r = { ...this.channelSuggestion, ...Kt };
+        e.push(kt.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
         const r = { ...this.slashCommandSuggestion, ...Xt };
@@ -1480,6 +1480,11 @@ ${r.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
+          handleKeyDown: (e, t) => {
+            if (!this.preventTyping) return !1;
+            const n = ["Backspace"];
+            return !this.allowLineBreaks && !t.shiftKey && n.push("Enter"), !n.includes(t.key);
+          },
           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);
@@ -1538,7 +1543,7 @@ ${r.textContent}
       const n = this.getOutput();
       if (!(t && Ae(e, n))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const r = new RegExp(`(${B})`, "g");
+          const r = new RegExp(`(${O})`, "g");
           e = e == null ? void 0 : e.replace(r, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
@@ -1630,11 +1635,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));
@@ -1684,8 +1684,8 @@ var Yt = function() {
   Yt,
   Gt
 );
-const Kn = Qt.exports;
+const Un = Qt.exports;
 export {
-  Kn as default
+  Un as default
 };
 //# sourceMappingURL=rich-text-editor.js.map