@dialpad/dialtone-vue 2.126.0 → 2.127.0

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

@@ -1,12 +1,12 @@
-import { NodeViewWrapper as R, nodeViewProps as w, VueRenderer as k, VueNodeViewRenderer as T, EditorContent as O, Editor as $ } from "@tiptap/vue-2";
+import { NodeViewWrapper as E, nodeViewProps as k, VueRenderer as R, VueNodeViewRenderer as T, EditorContent as O, Editor as $ } from "@tiptap/vue-2";
 import M from "@tiptap/extension-blockquote";
-import D from "@tiptap/extension-code-block";
-import H from "@tiptap/extension-document";
-import q from "@tiptap/extension-hard-break";
-import N from "@tiptap/extension-paragraph";
-import B from "@tiptap/extension-placeholder";
-import F from "@tiptap/extension-bold";
-import U from "@tiptap/extension-bullet-list";
+import B from "@tiptap/extension-code-block";
+import D from "@tiptap/extension-document";
+import H from "@tiptap/extension-hard-break";
+import q from "@tiptap/extension-paragraph";
+import N from "@tiptap/extension-placeholder";
+import U from "@tiptap/extension-bold";
+import F from "@tiptap/extension-bullet-list";
 import K from "@tiptap/extension-italic";
 import V from "@tiptap/extension-link";
 import z from "@tiptap/extension-list-item";
@@ -24,8 +24,8 @@ import { emojisIndexed as at } from "@dialpad/dialtone-emojis";
 import { DtListItem as ut } from "./list-item.js";
 import { DtStack as A } from "./stack.js";
 import j from "tippy.js";
-import { linkRegex as ct, getPhoneNumberRegex as dt } from "./utils.js";
-import lt from "@tiptap/extension-mention";
+import { linkRegex as lt, getPhoneNumberRegex as ct } from "./utils.js";
+import dt from "@tiptap/extension-mention";
 import { DtLink as mt } from "./link.js";
 import { DtAvatar as pt } from "./avatar.js";
 import "emoji-regex";
@@ -45,10 +45,10 @@ import "./presence.js";
 const ft = {
   name: "EmojiComponent",
   components: {
-    NodeViewWrapper: R,
+    NodeViewWrapper: E,
     DtEmoji: C
   },
-  props: w
+  props: k
 };
 var ht = function() {
   var e = this, r = e._self._c;
@@ -129,7 +129,7 @@ const yt = _t.exports, vt = {
     }
   }
 };
-var bt = function() {
+var wt = function() {
   var e = this, r = e._self._c;
   return r("div", { staticClass: "d-popover__dialog" }, [r("ul", { directives: [{ name: "show", rawName: "v-show", value: e.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "dt-suggestion-list" }, e._l(e.items, function(n, o) {
     return r("dt-list-item", { key: n.id, class: [
@@ -141,17 +141,17 @@ var bt = function() {
       return i.preventDefault(), i.stopPropagation(), e.onKeyDown.apply(null, arguments);
     } } }, [r(e.itemComponent, { tag: "component", attrs: { item: n } })], 1);
   }), 1)]);
-}, xt = [], Et = /* @__PURE__ */ u(
+}, bt = [], xt = /* @__PURE__ */ u(
   vt,
+  wt,
   bt,
-  xt,
   !1,
   null,
   null,
   null,
   null
 );
-const L = Et.exports, Rt = {
+const L = xt.exports, Et = {
   name: "EmojiSuggestion",
   components: {
     DtEmoji: C,
@@ -164,13 +164,13 @@ const L = Et.exports, Rt = {
     }
   }
 };
-var wt = function() {
+var kt = function() {
   var e = this, r = e._self._c;
   return r("dt-stack", { attrs: { direction: "row", gap: "400" } }, [r("dt-emoji", { attrs: { size: "200", code: e.item.code } }), e._v(" " + e._s(e.item.code) + " ")], 1);
-}, kt = [], Tt = /* @__PURE__ */ u(
-  Rt,
-  wt,
+}, Rt = [], Tt = /* @__PURE__ */ u(
+  Et,
   kt,
+  Rt,
   !1,
   null,
   null,
@@ -199,7 +199,7 @@ const Ct = Tt.exports, St = {
     let t, e;
     return {
       onStart: (r) => {
-        t = new k(L, {
+        t = new R(L, {
           parent: void 0,
           propsData: {
             itemComponent: Ct,
@@ -233,7 +233,7 @@ const Ct = Tt.exports, St = {
       }
     };
   }
-}, It = new I("emoji"), At = /:\w+:$/, jt = /:\w+:/g, Lt = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/, Pt = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g, b = (t) => {
+}, It = new I("emoji"), At = /:\w+:$/, jt = /:\w+:/g, Lt = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/, Pt = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g, w = (t) => {
   if (t && S(t[0]))
     return {
       index: t.index,
@@ -290,7 +290,7 @@ const Ct = Tt.exports, St = {
       y({
         find: (t) => {
           const e = t.match(At);
-          return b(e);
+          return w(e);
         },
         type: this.type,
         getAttributes(t) {
@@ -302,7 +302,7 @@ const Ct = Tt.exports, St = {
       y({
         find: (t) => {
           const e = t.match(Lt);
-          return b(e);
+          return w(e);
         },
         type: this.type,
         getAttributes(t) {
@@ -355,10 +355,10 @@ function Mt(t, e, r = () => !0) {
     r(t, o) && n.push(o);
   return n;
 }
-function Dt(t, e) {
+function Bt(t, e) {
   return !["#", "@"].includes(t.charAt(e.index)) && !["#", "@"].includes(t.charAt(e.index - 1));
 }
-function Ht(t) {
+function Dt(t) {
   const e = new RegExp(
     "(?:" + [
       `[!?.,:;'"]`,
@@ -368,7 +368,7 @@ function Ht(t) {
   );
   return t.replace(e, "");
 }
-function qt(t, e) {
+function Ht(t, e) {
   const r = t.slice(0, e + 1).search(/\S+\s*$/), n = t.slice(e).search(/\s/);
   if (n < 0) {
     const o = t.slice(r);
@@ -385,63 +385,63 @@ function qt(t, e) {
   };
 }
 function h(t, e, r, n) {
-  const o = qt(t, e);
+  const o = Ht(t, e);
   if (n.lastIndex = 0, !n.test(o.text))
     return o;
   const i = r === "left" ? o.from - 1 : o.to + 1;
   return i <= 0 || i >= t.length || i === e ? o : h(t, i, r, n);
 }
-function Nt(t, e, r, n) {
+function qt(t, e, r, n) {
   const o = Math.max(t.from - 1, 0), i = Math.min(t.to + 1, e.content.size), s = Z(o, i, e);
   for (const a of s)
     a.mark.type === n && r.removeMark(a.from, a.to, n);
 }
-const x = dt(1, 15);
-function E(t, e, r, n, o, i) {
+const b = ct(1, 15);
+function x(t, e, r, n, o, i) {
   if (!t)
     return;
   let s = r - e - 1;
   s = s < 0 ? 0 : s;
-  const a = n - e, l = h(
+  const a = n - e, d = h(
     t,
     s,
     "left",
-    x
+    b
   ), _ = h(
     t,
     a,
     "right",
-    x
-  ), c = t.slice(l.from, _.to);
-  Mt(c, ct, Dt).forEach((f) => {
-    const d = Ht(f[0]), p = e + l.from + f.index + 1, P = p + d.length;
+    b
+  ), l = t.slice(d.from, _.to);
+  Mt(l, lt, Bt).forEach((f) => {
+    const c = Dt(f[0]), p = e + d.from + f.index + 1, P = p + c.length;
     o.addMark(p, P, i.create());
   });
 }
-function Bt(t) {
+function Nt(t) {
   let e = !1;
   return new it({
     key: new I("autolink"),
     appendTransaction: (r, n, o) => {
-      const i = r.some((c) => c.docChanged) && !n.doc.eq(o.doc);
+      const i = r.some((l) => l.docChanged) && !n.doc.eq(o.doc);
       if (e && !i)
         return;
       const { tr: s } = o, { textContent: a } = o.doc;
-      e || E(a, 0, 0, a.length, s, t.type), e = !0;
-      const l = tt(
+      e || x(a, 0, 0, a.length, s, t.type), e = !0;
+      const d = tt(
         n.doc,
         [...r]
       );
-      return et(l).forEach(({ oldRange: c, newRange: m }) => {
-        Nt(m, o.doc, s, t.type), rt(
+      return et(d).forEach(({ oldRange: l, newRange: m }) => {
+        qt(m, o.doc, s, t.type), rt(
           o.doc,
           m,
-          (d) => d.isTextblock
-        ).forEach(({ node: d, pos: p }) => {
-          E(
-            d.textContent,
+          (c) => c.isTextblock
+        ).forEach(({ node: c, pos: p }) => {
+          x(
+            c.textContent,
             p,
-            c.from,
+            l.from,
             m.to,
             s,
             t.type
@@ -451,10 +451,10 @@ function Bt(t) {
     }
   });
 }
-const Ft = {
+const Ut = {
   class: "d-link d-c-text d-d-inline-block",
   rel: "noopener noreferrer nofollow"
-}, Ut = nt.create({
+}, Ft = nt.create({
   name: "Link",
   renderHTML({ HTMLAttributes: t }) {
     return [
@@ -462,7 +462,7 @@ const Ft = {
       g(
         this.options.HTMLAttributes,
         t,
-        Ft
+        Ut
       ),
       0
     ];
@@ -472,16 +472,16 @@ const Ft = {
   },
   addProseMirrorPlugins() {
     return [
-      Bt({ type: this.type })
+      Nt({ type: this.type })
     ];
   }
 }), Kt = {
   name: "MentionComponent",
   components: {
-    NodeViewWrapper: R,
+    NodeViewWrapper: E,
     DtLink: mt
   },
-  props: w,
+  props: k,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -501,7 +501,7 @@ var Vt = function() {
   null,
   null
 );
-const Jt = Wt.exports, Xt = lt.extend({
+const Jt = Wt.exports, Xt = dt.extend({
   addNodeView() {
     return T(Jt);
   },
@@ -589,7 +589,7 @@ const ne = re.exports, oe = {
     let t, e;
     return {
       onStart: (r) => {
-        t = new k(L, {
+        t = new R(L, {
           parent: void 0,
           propsData: {
             itemComponent: ne,
@@ -723,6 +723,48 @@ const ne = re.exports, oe = {
     mentionSuggestion: {
       type: Object,
       default: null
+    },
+    /**
+     * Whether the input allows for block quote.
+     */
+    allowBlockquote: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Whether the input allows for bold to be introduced in the text.
+     */
+    allowBold: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Whether the input allows for bullet list to be introduced in the text.
+    */
+    allowBulletList: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Whether the input allows for italic to be introduced in the text.
+     */
+    allowItalic: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Whether the input allows for strike to be introduced in the text.
+     */
+    allowStrike: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Whether the input allows for underline to be introduced in the text.
+     */
+    allowUnderline: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -758,23 +800,15 @@ const ne = re.exports, oe = {
     };
   },
   computed: {
+    // eslint-disable-next-line complexity
     extensions() {
-      const t = [
-        M,
-        F,
-        U,
-        H,
-        K,
-        z,
-        N,
-        J,
-        Y,
-        X
-      ];
-      if (this.link && t.push(this.getExtension(Ut, this.link)), t.push(
-        B.configure({ placeholder: this.placeholder })
+      const t = [D, q, Y];
+      if (this.link && t.push(this.getExtension(Ft, this.link)), this.allowBlockquote && t.push(M), this.allowBold && t.push(U), this.allowBulletList && (t.push(F), t.push(z), t.push(W.configure({
+        itemTypeName: "listItem"
+      }))), this.allowItalic && t.push(K), this.allowStrike && t.push(J), this.allowUnderline && t.push(X), t.push(
+        N.configure({ placeholder: this.placeholder })
       ), this.allowLineBreaks || t.push(
-        q.extend({
+        H.extend({
           addKeyboardShortcuts() {
             return {
               Enter: () => !0,
@@ -797,12 +831,10 @@ const ne = re.exports, oe = {
       return t.push($t), t.push(G.configure({
         types: ["paragraph"],
         defaultAlignment: "left"
-      })), t.push(D.configure({
+      })), t.push(B.configure({
         HTMLAttributes: {
           class: "dt-rich-text-editor--code-block"
         }
-      })), t.push(W.configure({
-        itemTypeName: "listItem"
       })), t;
     },
     inputAttrs() {