@dialpad/dialtone-vue 2.193.5 → 2.194.1

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 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 { 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 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,25 +23,25 @@ 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 xe } from "../../common/emoji/index.js";
-import { emojisIndexed as ve } from "@dialpad/dialtone-emojis";
+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 v from "../stack/stack.js";
+import x from "../stack/stack.js";
 import b from "tippy.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";
+import D from "../link/link.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";
+import { DialtoneLocalization as Be } from "../../localization/index.js";
 import Oe from "../button/button.js";
-import Be from "../../common/mixins/localization.js";
 const Pe = {
   name: "EmojiComponent",
   components: {
@@ -50,13 +50,13 @@ const Pe = {
   },
   props: y
 };
-var Me = function() {
+var De = function() {
   var t = this, n = t._self._c;
   return n("node-view-wrapper", { staticClass: "d-d-inline-block d-va-bottom d-lh0" }, [n("dt-emoji", { attrs: { size: "500", code: t.node.attrs.code } })], 1);
-}, De = [], He = /* @__PURE__ */ c(
+}, Me = [], He = /* @__PURE__ */ c(
   Pe,
-  Me,
-  De
+  De,
+  Me
 );
 const je = He.exports, Fe = {
   name: "SuggestionList",
@@ -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 k = Ue.exports, Ke = {
+const k = qe.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
-    DtStack: v
+    DtStack: x
   },
   props: {
     item: {
@@ -165,7 +165,7 @@ 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
 );
@@ -189,7 +189,7 @@ const Xe = ze.exports, C = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(ve);
+    const t = Object.values(xe);
     return e = e.toLowerCase(), t.filter(
       (r) => [
         r.name,
@@ -253,10 +253,10 @@ const Xe = ze.exports, C = {
       }
     };
   }
-}, 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(xe)].filter((n) => L(n[0])).map((n) => ({
+}, et = (e) => [...e.matchAll(ve)].filter((n) => L(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
@@ -272,7 +272,7 @@ const Xe = ze.exports, C = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return x(je);
+    return v(je);
   },
   addAttributes() {
     return {
@@ -296,7 +296,7 @@ const Xe = ze.exports, C = {
   },
   addInputRules() {
     return [
-      new q({
+      new K({
         find: (e) => {
           const t = e.match(Ge) || e.match(Qe);
           if (t)
@@ -400,7 +400,7 @@ 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);
 }
@@ -422,8 +422,8 @@ function A(e, t, n, r, s, o) {
     I
   ), u = e.slice(l.from, d.to);
   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());
+    const h = st(T[0]), g = t + l.from + T.index + 1, M = g + h.length;
+    s.addMark(g, M, o.create());
   });
 }
 function at(e) {
@@ -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" }];
   },
@@ -517,7 +517,7 @@ const lt = {
   name: "MentionComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: M
+    DtLink: D
   },
   props: y,
   computed: {
@@ -536,7 +536,7 @@ var ht = function() {
 );
 const gt = pt.exports, _t = R.extend({
   addNodeView() {
-    return x(gt);
+    return v(gt);
   },
   parseHTML() {
     return [
@@ -573,7 +573,7 @@ const gt = pt.exports, _t = R.extend({
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: _,
-    DtLink: M
+    DtLink: D
   },
   props: y,
   computed: {
@@ -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);
-}, xt = [], vt = /* @__PURE__ */ c(
+}, vt = [], xt = /* @__PURE__ */ c(
   yt,
   wt,
-  xt
+  vt
 );
-const bt = vt.exports, kt = R.extend({
+const bt = xt.exports, kt = R.extend({
   name: "channel",
   addNodeView() {
-    return x(bt);
+    return v(bt);
   },
   parseHTML() {
     return [
@@ -680,7 +680,7 @@ const Lt = St.exports, Rt = (e, t) => [...e.matchAll(t)].map((r) => {
     };
   },
   addNodeView() {
-    return x(Lt);
+    return v(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: v
+    DtStack: x
   },
   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, Dt = {
   // 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 [] },
@@ -838,10 +838,10 @@ const Pt = Bt.exports, Mt = {
       }
     };
   }
-}, Dt = {
+}, Mt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: v,
+    DtStack: x,
     DtIconHash: $e,
     DtIconLock: Ie
   },
@@ -861,11 +861,11 @@ var Ht = function() {
   var t = this, n = t._self._c;
   return n("dt-stack", { attrs: { direction: "row", gap: "400" } }, [t.item.locked ? n("dt-icon-lock", { attrs: { size: "300" } }) : n("dt-icon-hash", { attrs: { size: "300" } }), n("span", [t._v(t._s(t.name))])], 1);
 }, jt = [], Ft = /* @__PURE__ */ c(
-  Dt,
+  Mt,
   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 [] },
@@ -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 = {
@@ -1000,9 +1000,8 @@ const zt = Vt.exports, Xt = {
     EditorContent: H,
     BubbleMenu: j,
     DtButton: Oe,
-    DtStack: v
+    DtStack: x
   },
-  mixins: [Be],
   props: {
     /**
      * Value of the input. The object format should match TipTap's JSON
@@ -1348,7 +1347,8 @@ const zt = Vt.exports, Xt = {
           return (e = this.$refs.editor.$el.getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
-      }
+      },
+      i18n: new Be()
     };
   },
   computed: {
@@ -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;
         }
@@ -1395,11 +1395,11 @@ const zt = Vt.exports, Xt = {
         autolink: !0,
         protocols: $
       })), this.customLink && e.push(this.getExtension(ct, this.customLink)), this.mentionSuggestion) {
-        const r = { ...this.mentionSuggestion, ...Mt };
+        const r = { ...this.mentionSuggestion, ...Dt };
         e.push(_t.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
-        const r = { ...this.channelSuggestion, ...qt };
+        const r = { ...this.channelSuggestion, ...Kt };
         e.push(kt.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
@@ -1480,7 +1480,11 @@ ${r.textContent}
             ...this.inputAttrs,
             class: this.inputClass
           },
-          handleKeyDown: (e, t) => !!(this.preventTyping && t.key !== "Backspace"),
+          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);
@@ -1539,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" });
@@ -1680,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