@dialpad/dialtone 9.127.0 → 9.127.2

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 x, 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 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";
@@ -26,22 +26,22 @@ import _e from "@tiptap/suggestion";
 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 Be from "../button/button.js";
-import Oe from "../../common/mixins/localization.js";
+import { DialtoneLocalization as Be } from "../../localization/index.js";
+import Oe from "../button/button.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",
@@ -152,7 +152,7 @@ const k = qe.exports, Ue = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: P,
-    DtStack: v
+    DtStack: x
   },
   props: {
     item: {
@@ -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,
@@ -256,7 +256,7 @@ const Xe = ze.exports, C = {
 }, 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 {
@@ -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) {
@@ -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: {
@@ -788,7 +788,7 @@ var At = function() {
   At,
   Bt
 );
-const Pt = Ot.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 = Ot.exports, Mt = {
       }
     };
   }
-}, Dt = {
+}, Mt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: v,
+    DtStack: x,
     DtIconHash: $e,
     DtIconLock: Ie
   },
@@ -861,7 +861,7 @@ 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
 );
@@ -999,10 +999,9 @@ const zt = Vt.exports, Xt = {
   components: {
     EditorContent: H,
     BubbleMenu: j,
-    DtButton: Be,
-    DtStack: v
+    DtButton: Oe,
+    DtStack: x
   },
-  mixins: [Oe],
   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: {
@@ -1395,7 +1395,7 @@ 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) {