@dialpad/dialtone 9.139.1 → 9.140.0

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

@@ -1,5 +1,5 @@
-import { nodeViewProps as _, NodeViewWrapper as y, VueRenderer as w, VueNodeViewRenderer as v, BubbleMenu as H, EditorContent as j, Editor as F } from "../../node_modules/@tiptap/vue-2.js";
-import { Node as N, nodePasteRule as E, InputRule as K, mergeAttributes as m, getMarksBetween as U, combineTransactionSteps as W, getChangedRanges as q, findChildrenInRange as V, Mark as z, nodeInputRule as X, Extension as J } from "@tiptap/core";
+import { nodeViewProps as k, NodeViewWrapper as y, VueRenderer as w, VueNodeViewRenderer as C, BubbleMenu as D, EditorContent as j, Editor as H } from "../../node_modules/@tiptap/vue-2.js";
+import { Node as F, nodePasteRule as E, InputRule as K, mergeAttributes as m, 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";
@@ -10,54 +10,55 @@ import te from "@tiptap/extension-hard-break";
 import ne from "@tiptap/extension-bold";
 import re from "@tiptap/extension-bullet-list";
 import se from "@tiptap/extension-italic";
-import ie from "@tiptap/extension-link";
-import oe from "@tiptap/extension-list-item";
+import oe from "@tiptap/extension-link";
+import ie from "@tiptap/extension-list-item";
 import ae from "@tiptap/extension-ordered-list";
-import le from "@tiptap/extension-strike";
-import ce from "@tiptap/extension-underline";
-import de from "@tiptap/extension-text";
+import ce from "@tiptap/extension-strike";
+import de from "@tiptap/extension-underline";
+import le from "@tiptap/extension-text";
 import ue from "@tiptap/extension-text-align";
 import me from "@tiptap/extension-history";
 import he from "@tiptap/extension-text-style";
-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 pe from "@tiptap/extension-color";
+import fe from "@tiptap/extension-font-family";
+import { PluginKey as p, Plugin as ge } from "@tiptap/pm/state";
 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 { getEmojiData as ye, emojiRegex as we, stringToUnicode as ve, codeToEmojiData as L, emojiShortCodeRegex as xe } from "../../common/emoji/index.js";
+import { emojiPattern as M } from "regex-combined-emojis";
+import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import A from "../emoji/emoji.js";
+import { getEmojiData as ke, emojiRegex as ye, stringToUnicode as we, codeToEmojiData as L, emojiShortCodeRegex as Ce } from "../../common/emoji/index.js";
 import be from "../list-item/list-item.js";
-import x from "../stack/stack.js";
+import f from "../stack/stack.js";
 import b from "tippy.js";
-import { getPhoneNumberRegex as ke, linkRegex as Ce, warnIfUnmounted as Te } from "../../common/utils/index.js";
+import { getPhoneNumberRegex as ve, linkRegex as xe, warnIfUnmounted as Te } from "../../common/utils/index.js";
 import Ee from "@tiptap/extension-image";
-import R from "@tiptap/extension-mention";
-import D from "../link/link.js";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as $, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Se, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Le } from "./rich-text-editor-constants.js";
+import S from "@tiptap/extension-mention";
+import O from "../link/link.js";
+import { DtIconLock as $e } from "@dialpad/dialtone-icons/vue2";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as R, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Le, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Se } 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";
-const Pe = {
+import Ie from "@dialpad/dialtone-icons/vue2/hash";
+import Ne from "@dialpad/dialtone-icons/vue2/lock";
+import Be from "deep-equal";
+import { DialtoneLocalization as Me } from "../../localization/index.js";
+import Ae from "../button/button.js";
+const Oe = {
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: y,
-    DtEmoji: P
+    DtEmoji: A
   },
-  props: _
+  props: k
 };
-var De = function() {
+var Pe = 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);
-}, Me = [], He = /* @__PURE__ */ c(
+}, De = [], je = /* @__PURE__ */ d(
+  Oe,
   Pe,
-  De,
-  Me
+  De
 );
-const je = He.exports, Fe = {
+const He = je.exports, Fe = {
   name: "SuggestionList",
   components: {
     DtListItem: be
@@ -121,7 +122,7 @@ const je = He.exports, Fe = {
           this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc });
           break;
         case "channel":
-          this.command({ name: t.name, id: t.id });
+          this.command({ name: t.name, id: t.id, locked: t.locked });
           break;
         case "slash-command":
           this.command({ command: t.command });
@@ -130,28 +131,28 @@ const je = He.exports, Fe = {
     }
   }
 };
-var Ne = function() {
+var Ke = function() {
   var t = this, n = t._self._c;
   return n("div", { staticClass: "d-popover__dialog d-suggestion-list__container" }, [n("ul", { directives: [{ name: "show", rawName: "v-show", value: t.items.length, expression: "items.length" }], ref: "suggestionList", staticClass: "d-suggestion-list" }, t._l(t.items, function(r, s) {
     return n("dt-list-item", { key: r.id, class: [
       "d-suggestion-list__item",
       { "d-list-item--highlighted": s === t.selectedIndex }
-    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(i) {
+    ], attrs: { "navigation-type": "arrow-keys" }, on: { click: function(o) {
       return t.selectItem(s);
-    }, keydown: function(i) {
-      return i.preventDefault(), t.onKeyDown.apply(null, arguments);
+    }, keydown: function(o) {
+      return o.preventDefault(), t.onKeyDown.apply(null, arguments);
     } } }, [n(t.itemComponent, { tag: "component", attrs: { item: r } })], 1);
   }), 1)]);
-}, Ke = [], Ue = /* @__PURE__ */ c(
+}, qe = [], Ue = /* @__PURE__ */ d(
   Fe,
-  Ne,
-  Ke
+  Ke,
+  qe
 );
-const k = Ue.exports, We = {
+const v = Ue.exports, We = {
   name: "EmojiSuggestion",
   components: {
-    DtEmoji: P,
-    DtStack: x
+    DtEmoji: A,
+    DtStack: f
   },
   props: {
     item: {
@@ -160,15 +161,15 @@ const k = Ue.exports, We = {
     }
   }
 };
-var qe = function() {
+var Ve = 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(
+}, ze = [], Xe = /* @__PURE__ */ d(
   We,
-  qe,
-  Ve
+  Ve,
+  ze
 );
-const Xe = ze.exports, C = {
+const Je = Xe.exports, x = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -184,15 +185,15 @@ const Xe = ze.exports, C = {
       }
     };
   }
-}, Je = 20, Ye = (e, t, n) => {
-  var a, l;
-  const r = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), s = (l = t.shortname) == null ? void 0 : l.replaceAll(":", ""), i = r.startsWith(n), o = s.startsWith(n);
-  return i && !o ? -1 : !i && o ? 1 : r.localeCompare(s);
-}, Ge = {
+}, Ye = 20, Ge = (e, t, n) => {
+  var a, c;
+  const r = (a = e.shortname) == null ? void 0 : a.replaceAll(":", ""), s = (c = t.shortname) == null ? void 0 : c.replaceAll(":", ""), o = r.startsWith(n), i = s.startsWith(n);
+  return o && !i ? -1 : !o && i ? 1 : r.localeCompare(s);
+}, Qe = {
   items: ({ query: e }) => {
     if (e.length < 2)
       return [];
-    const t = Object.values(ye());
+    const t = Object.values(ke());
     return e = e.toLowerCase(), t.filter(
       (r) => {
         var s;
@@ -200,28 +201,28 @@ const Xe = ze.exports, C = {
           r.name,
           (s = r.shortname) == null ? void 0 : s.replaceAll(":", ""),
           ...r.keywords || []
-        ].some((i) => i && i.startsWith(e));
+        ].some((o) => o && o.startsWith(e));
       }
-    ).splice(0, Je).sort((r, s) => Ye(r, s, e)).map((r) => ({ code: r.shortname }));
+    ).splice(0, Ye).sort((r, s) => Ge(r, s, e)).map((r) => ({ code: r.shortname }));
   },
   command: ({ editor: e, range: t, props: n }) => {
-    var i, o;
+    var o, i;
     const r = e.view.state.selection.$to.nodeAfter;
-    ((i = r == null ? void 0 : r.text) == null ? void 0 : i.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
+    ((o = r == null ? void 0 : r.text) == null ? void 0 : o.startsWith(" ")) && (t.to += 1), e.chain().focus().insertContentAt(t, [
       {
         type: "emoji",
         attrs: n
       }
-    ]).run(), (o = window.getSelection()) == null || o.collapseToEnd();
+    ]).run(), (i = window.getSelection()) == null || i.collapseToEnd();
   },
   render: () => {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(v, {
           parent: void 0,
           propsData: {
-            itemComponent: Xe,
+            itemComponent: Je,
             itemType: "emoji",
             ...r
           },
@@ -241,7 +242,7 @@ const Xe = ze.exports, C = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
+          plugins: [x]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -259,14 +260,14 @@ const Xe = ze.exports, C = {
       }
     };
   }
-}, Qe = /(:\w+:)$/, Ze = new RegExp(O + "$"), et = (e) => {
+}, Ze = /(:\w+:)$/, et = new RegExp(M + "$"), tt = (e) => {
   if (e && L(e[0]))
     return { text: e[2] || e[0] };
-}, tt = (e) => [...e.matchAll(xe)].filter((n) => L(n[0])).map((n) => ({
+}, nt = (e) => [...e.matchAll(Ce)].filter((n) => L(n[0])).map((n) => ({
   index: n.index,
   text: n[0],
   match: n
-})), nt = N.create({
+})), rt = F.create({
   name: "emoji",
   addOptions() {
     return {
@@ -278,7 +279,7 @@ const Xe = ze.exports, C = {
   selectable: !1,
   atom: !0,
   addNodeView() {
-    return v(je);
+    return C(He);
   },
   addAttributes() {
     return {
@@ -301,7 +302,7 @@ const Xe = ze.exports, C = {
     ];
   },
   renderText({ node: e }) {
-    return ve(L(e.attrs.code).unicode_output);
+    return we(L(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", m(this.options.HTMLAttributes, e)];
@@ -310,13 +311,13 @@ const Xe = ze.exports, C = {
     return [
       new K({
         find: (e) => {
-          const t = e.match(Qe) || e.match(Ze);
+          const t = e.match(Ze) || e.match(et);
           if (t)
-            return et(t);
+            return tt(t);
         },
         handler: ({ state: e, range: t, match: n }) => {
-          const { tr: r } = e, s = t.from, i = t.to;
-          r.replaceWith(s, i, this.type.create({ code: n[0] }));
+          const { tr: r } = e, s = t.from, o = t.to;
+          r.replaceWith(s, o, this.type.create({ code: n[0] }));
         }
       })
     ];
@@ -324,7 +325,7 @@ const Xe = ze.exports, C = {
   addPasteRules() {
     return [
       E({
-        find: tt,
+        find: nt,
         type: this.type,
         getAttributes(e) {
           return {
@@ -335,7 +336,7 @@ const Xe = ze.exports, C = {
         }
       }),
       E({
-        find: we,
+        find: ye,
         type: this.type,
         getAttributes(e) {
           return {
@@ -351,10 +352,10 @@ const Xe = ze.exports, C = {
     return [
       _e({
         char: ":",
-        pluginKey: new f("emoji"),
+        pluginKey: new p("emoji"),
         editor: this.editor,
         ...this.options.suggestion,
-        ...Ge
+        ...Qe
       })
     ];
   },
@@ -362,16 +363,16 @@ const Xe = ze.exports, C = {
     return {
       Backspace: () => this.editor.commands.command(({ tr: e, state: t }) => {
         let n = !1;
-        const { selection: r } = t, { empty: s, anchor: i } = r;
-        return s ? (t.doc.nodesBetween(i - 1, i, (o, a) => {
-          if (o.type.name === this.name)
-            return n = !0, e.insertText("", a, a + o.nodeSize), !1;
+        const { selection: r } = t, { empty: s, anchor: o } = r;
+        return s ? (t.doc.nodesBetween(o - 1, o, (i, a) => {
+          if (i.type.name === this.name)
+            return n = !0, e.insertText("", a, a + i.nodeSize), !1;
         }), n) : !1;
       })
     };
   }
 });
-function rt(e, t, n = () => !0) {
+function st(e, t, n = () => !0) {
   const r = [];
   t.lastIndex = 0;
   let s;
@@ -379,7 +380,7 @@ function rt(e, t, n = () => !0) {
     n(e, s) && r.push(s);
   return r;
 }
-function st(e, t) {
+function ot(e, t) {
   return !["#", "@"].includes(e.charAt(t.index)) && !["#", "@"].includes(e.charAt(t.index - 1));
 }
 function it(e) {
@@ -392,7 +393,7 @@ function it(e) {
   );
   return e.replace(t, "");
 }
-function ot(e, t) {
+function at(e, t) {
   const n = e.slice(0, t + 1).search(/\S+\s*$/), r = e.slice(t).search(/\s/);
   if (r < 0) {
     const s = e.slice(n);
@@ -408,77 +409,77 @@ function ot(e, t) {
     to: r + t
   };
 }
-function S(e, t, n, r) {
-  const s = ot(e, t);
+function $(e, t, n, r) {
+  const s = at(e, t);
   if (r.lastIndex = 0, !r.test(s.text))
     return s;
-  const i = n === "left" ? s.from - 1 : s.to + 1;
-  return i <= 0 || i >= e.length || i === t ? s : S(e, i, n, r);
+  const o = n === "left" ? s.from - 1 : s.to + 1;
+  return o <= 0 || o >= e.length || o === t ? s : $(e, o, n, r);
 }
-function at(e, t, n, r) {
-  const s = Math.max(e.from - 1, 0), i = Math.min(e.to + 1, t.content.size), o = U(s, i, t);
-  for (const a of o)
+function ct(e, t, n, r) {
+  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);
-function A(e, t, n, r, s, i) {
+const I = ve(1, 15);
+function N(e, t, n, r, s, o) {
   if (!e)
     return;
-  let o = n - t - 1;
-  o = o < 0 ? 0 : o;
-  const a = r - t, l = S(
+  let i = n - t - 1;
+  i = i < 0 ? 0 : i;
+  const a = r - t, c = $(
     e,
-    o,
+    i,
     "left",
     I
-  ), d = S(
+  ), l = $(
     e,
     a,
     "right",
     I
-  ), u = e.slice(l.from, d.to);
-  rt(u, Ce, st).forEach((T) => {
-    const h = it(T[0]), g = t + l.from + T.index + 1, M = g + h.length;
-    s.addMark(g, M, i.create());
+  ), u = e.slice(c.from, l.to);
+  st(u, xe, ot).forEach((T) => {
+    const h = it(T[0]), _ = t + c.from + T.index + 1, P = _ + h.length;
+    s.addMark(_, P, o.create());
   });
 }
-function lt(e) {
+function dt(e) {
   let t = !1;
   return new ge({
-    key: new f("autolink"),
+    key: new p("autolink"),
     appendTransaction: (n, r, s) => {
-      const i = n.some((u) => u.docChanged) && !r.doc.eq(s.doc);
-      if (t && !i)
+      const o = n.some((u) => u.docChanged) && !r.doc.eq(s.doc);
+      if (t && !o)
         return;
-      const { tr: o } = s, { textContent: a } = s.doc;
-      t || A(a, 0, 0, a.length, o, e.type), t = !0;
-      const l = W(
+      const { tr: i } = s, { textContent: a } = s.doc;
+      t || N(a, 0, 0, a.length, i, e.type), t = !0;
+      const c = U(
         r.doc,
         [...n]
       );
-      return q(l).forEach(({ oldRange: u, newRange: p }) => {
-        at(p, s.doc, o, e.type), V(
+      return W(c).forEach(({ oldRange: u, newRange: g }) => {
+        ct(g, s.doc, i, e.type), V(
           s.doc,
-          p,
+          g,
           (h) => h.isTextblock
-        ).forEach(({ node: h, pos: g }) => {
-          A(
+        ).forEach(({ node: h, pos: _ }) => {
+          N(
             h.textContent,
-            g,
+            _,
             u.from,
-            p.to,
-            o,
+            g.to,
+            i,
             e.type
           );
         });
-      }), o;
+      }), i;
     }
   });
 }
-const ct = {
+const lt = {
   class: "d-link d-c-text d-d-inline-block d-wb-break-all",
   rel: "noopener noreferrer nofollow"
-}, dt = z.create({
+}, ut = z.create({
   name: "CustomLink",
   renderHTML({ HTMLAttributes: e }) {
     return [
@@ -486,7 +487,7 @@ const ct = {
       m(
         this.options.HTMLAttributes,
         e,
-        ct
+        lt
       )
     ];
   },
@@ -495,10 +496,10 @@ const ct = {
   },
   addProseMirrorPlugins() {
     return [
-      lt({ type: this.type })
+      dt({ type: this.type })
     ];
   }
-}), ut = Ee.extend({
+}), mt = Ee.extend({
   name: "ConfigurableImage",
   addAttributes() {
     return {
@@ -522,20 +523,20 @@ const ct = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), mt = B.extend({
+}).configure({ inline: !0, allowBase64: !0 }), ht = B.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["div", m(this.options.HTMLAttributes, e), 0];
   }
-}), ht = {
+}), pt = {
   name: "MentionComponent",
   components: {
     NodeViewWrapper: y,
-    DtLink: D
+    DtLink: O
   },
-  props: _,
+  props: k,
   computed: {
     text() {
       return "@" + this.$props.node.attrs.name;
@@ -545,14 +546,14 @@ const ct = {
 var ft = 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);
-}, pt = [], gt = /* @__PURE__ */ c(
-  ht,
+}, gt = [], _t = /* @__PURE__ */ d(
+  pt,
   ft,
-  pt
+  gt
 );
-const _t = gt.exports, yt = R.extend({
+const kt = _t.exports, yt = S.extend({
   addNodeView() {
-    return v(_t);
+    return C(kt);
   },
   parseHTML() {
     return [
@@ -571,6 +572,9 @@ const _t = gt.exports, yt = R.extend({
       },
       id: {
         default: ""
+      },
+      contactKey: {
+        default: ""
       }
     };
   },
@@ -583,33 +587,35 @@ const _t = gt.exports, yt = R.extend({
 }).configure({
   suggestion: {
     char: "@",
-    pluginKey: new f("mentionSuggestion")
+    pluginKey: new p("mentionSuggestion")
   }
 }), wt = {
   name: "ChannelComponent",
   components: {
     NodeViewWrapper: y,
-    DtLink: D
+    DtLink: O,
+    DtIconLock: $e,
+    DtStack: f
   },
-  props: _,
+  props: k,
   computed: {
     text() {
-      return "#" + this.$props.node.attrs.name;
+      return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
     }
   }
 };
-var vt = function() {
+var Ct = 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 = [], bt = /* @__PURE__ */ c(
+  return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [n("dt-link", { attrs: { kind: "mention" } }, [n("dt-stack", { attrs: { direction: "row", gap: "0" } }, [t.$props.node.attrs.locked ? n("dt-icon-lock", { attrs: { size: "200" } }) : t._e(), n("span", [t._v(t._s(t.text))])], 1)], 1)], 1);
+}, bt = [], vt = /* @__PURE__ */ d(
   wt,
-  vt,
-  xt
+  Ct,
+  bt
 );
-const kt = bt.exports, Ct = R.extend({
+const xt = vt.exports, Tt = S.extend({
   name: "channel",
   addNodeView() {
-    return v(kt);
+    return C(xt);
   },
   parseHTML() {
     return [
@@ -640,15 +646,15 @@ const kt = bt.exports, Ct = R.extend({
 }).configure({
   suggestion: {
     char: "#",
-    pluginKey: new f("channelSuggestion")
+    pluginKey: new p("channelSuggestion")
   }
-}), Tt = {
+}), Et = {
   name: "SlashCommandsComponent",
   components: {
     NodeViewWrapper: y
   },
   props: {
-    ..._
+    ...k
   },
   emits: ["selected-command"],
   computed: {
@@ -664,22 +670,22 @@ const kt = bt.exports, Ct = R.extend({
     t && typeof t == "function" && t(e);
   }
 };
-var Et = function() {
+var $t = function() {
   var t = this, n = t._self._c;
   return n("node-view-wrapper", { staticClass: "d-d-inline-block" }, [t._v(" " + t._s(t.text) + " ")]);
-}, St = [], Lt = /* @__PURE__ */ c(
-  Tt,
+}, Lt = [], St = /* @__PURE__ */ d(
   Et,
-  St
+  $t,
+  Lt
 );
-const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
+const Rt = St.exports, It = (e, t) => [...e.matchAll(t)].map((r) => {
   let s = r[2];
   return s.endsWith(" ") || (s += " "), {
     index: r.index,
     text: s,
     match: r
   };
-}), It = R.extend({
+}), Nt = S.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -696,7 +702,7 @@ const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
     };
   },
   addNodeView() {
-    return v(Rt);
+    return C(Rt);
   },
   parseHTML() {
     return [
@@ -742,7 +748,7 @@ const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
     const e = (n = this.options.suggestion) == null ? void 0 : n.items({ query: "" }).map((r) => r.command), t = new RegExp(`^((?:\\/)(${e.join("|")})) ?$`, "g");
     return [
       E({
-        find: (r) => $t(r, t),
+        find: (r) => It(r, t),
         type: this.type,
         getAttributes(r) {
           return { command: r[0].trim() };
@@ -753,13 +759,13 @@ const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
 }).configure({
   suggestion: {
     char: "/",
-    pluginKey: new f("slashCommandSuggestion")
+    pluginKey: new p("slashCommandSuggestion")
   }
-}), At = {
+}), Bt = {
   name: "MentionSuggestion",
   components: {
     DtAvatar: Re,
-    DtStack: x
+    DtStack: f
   },
   props: {
     item: {
@@ -796,15 +802,15 @@ const Rt = Lt.exports, $t = (e, t) => [...e.matchAll(t)].map((r) => {
     }
   }
 };
-var Bt = function() {
+var Mt = 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 = [], Pt = /* @__PURE__ */ c(
-  At,
+}, At = [], Ot = /* @__PURE__ */ d(
   Bt,
-  Ot
+  Mt,
+  At
 );
-const Dt = Pt.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 [] },
@@ -813,10 +819,10 @@ const Dt = Pt.exports, Mt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(v, {
           parent: void 0,
           propsData: {
-            itemComponent: Dt,
+            itemComponent: Pt,
             itemType: "mention",
             ...r
           },
@@ -836,7 +842,7 @@ const Dt = Pt.exports, Mt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
+          plugins: [x]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -854,12 +860,12 @@ const Dt = Pt.exports, Mt = {
       }
     };
   }
-}, Ht = {
+}, jt = {
   name: "ChannelSuggestion",
   components: {
-    DtStack: x,
-    DtIconHash: $e,
-    DtIconLock: Ie
+    DtStack: f,
+    DtIconHash: Ie,
+    DtIconLock: Ne
   },
   props: {
     item: {
@@ -873,15 +879,15 @@ const Dt = Pt.exports, Mt = {
     }
   }
 };
-var jt = function() {
+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);
-}, Ft = [], Nt = /* @__PURE__ */ c(
-  Ht,
+}, Ft = [], Kt = /* @__PURE__ */ d(
   jt,
+  Ht,
   Ft
 );
-const Kt = Nt.exports, Ut = {
+const qt = Kt.exports, Ut = {
   // 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 [] },
@@ -890,10 +896,10 @@ const Kt = Nt.exports, Ut = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(v, {
           parent: void 0,
           propsData: {
-            itemComponent: Kt,
+            itemComponent: qt,
             itemType: "channel",
             ...r
           },
@@ -913,7 +919,7 @@ const Kt = Nt.exports, Ut = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
+          plugins: [x]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -951,15 +957,15 @@ const Kt = Nt.exports, Ut = {
     }
   }
 };
-var qt = function() {
+var Vt = 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) + " ")])]);
-}, Vt = [], zt = /* @__PURE__ */ c(
+}, zt = [], Xt = /* @__PURE__ */ d(
   Wt,
-  qt,
-  Vt
+  Vt,
+  zt
 );
-const Xt = zt.exports, Jt = {
+const Jt = Xt.exports, Yt = {
   // 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 [] },
@@ -969,10 +975,10 @@ const Xt = zt.exports, Jt = {
     let e, t, n = !1;
     return {
       onStart: (r) => {
-        e = new w(k, {
+        e = new w(v, {
           parent: void 0,
           propsData: {
-            itemComponent: Xt,
+            itemComponent: Jt,
             itemType: "slash-command",
             ...r
           },
@@ -992,7 +998,7 @@ const Xt = zt.exports, Jt = {
           trigger: "manual",
           placement: "top-start",
           zIndex: 650,
-          plugins: [C]
+          plugins: [x]
         }), r.items.length > 0 && (t == null || t[0].show()));
       },
       onUpdate(r) {
@@ -1010,13 +1016,13 @@ const Xt = zt.exports, Jt = {
       }
     };
   }
-}, Yt = {
+}, Gt = {
   name: "DtRichTextEditor",
   components: {
     EditorContent: j,
-    BubbleMenu: H,
-    DtButton: Oe,
-    DtStack: x
+    BubbleMenu: D,
+    DtButton: Ae,
+    DtStack: f
   },
   props: {
     /**
@@ -1088,20 +1094,20 @@ const Xt = zt.exports, Jt = {
       type: [Boolean, String, Number],
       default: !1,
       validator(e) {
-        return typeof e == "string" ? Le.includes(e) : !0;
+        return typeof e == "string" ? Se.includes(e) : !0;
       }
     },
     /**
      * The output format that the editor uses when emitting the "@input" event.
-     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for
+     * One of `text`, `json`, `html`, `markdown`. See https://tiptap.dev/guide/output for
      * examples.
-     * @values text, json, html
+     * @values text, json, html, markdown
      */
     outputFormat: {
       type: String,
       default: "html",
       validator(e) {
-        return Se.includes(e);
+        return Le.includes(e);
       }
     },
     /**
@@ -1309,6 +1315,12 @@ const Xt = zt.exports, Jt = {
      * @type {String}
      */
     "text-input",
+    /**
+     * Input event always in markdown format.
+     * @event input
+     * @type {String}
+     */
+    "markdown-input",
     /**
      * Event to sync the value with the parent
      * @event update:value
@@ -1364,7 +1376,124 @@ const Xt = zt.exports, Jt = {
         },
         placement: "top-start"
       },
-      i18n: new Be()
+      i18n: new Me(),
+      // JSON-to-markdown converter
+      jsonToMarkdownConverter: {
+        convertToMarkdown(e) {
+          return this.processNode(e);
+        },
+        processNodeContent(e) {
+          return e.content ? e.content.map((t) => this.processNode(t)).join("") : "";
+        },
+        processNode(e) {
+          if (!e) return "";
+          const n = {
+            doc: (r) => this.processDocNode(r),
+            paragraph: (r) => this.processParagraphNode(r),
+            text: (r) => this.processTextNode(r),
+            hardBreak: () => this.processHardBreakNode(),
+            blockquote: (r) => this.processBlockquoteNode(r),
+            bulletList: (r) => this.processBulletListNode(r),
+            orderedList: (r) => this.processOrderedListNode(r),
+            listItem: (r) => this.processListItemNode(r),
+            codeBlock: (r) => this.processCodeBlockNode(r),
+            mention: (r) => this.processMentionNode(r),
+            channel: (r) => this.processChannelNode(r),
+            "slash-commands": (r) => this.processSlashCommandsNode(r),
+            emoji: (r) => this.processEmojiNode(r)
+          }[e.type];
+          return n ? n(e) : this.processUnknownNode(e);
+        },
+        processDocNode(e) {
+          return this.processNodeContent(e);
+        },
+        processParagraphNode(e) {
+          const t = this.processNodeContent(e);
+          return t ? t + `
+` : `
+`;
+        },
+        processTextNode(e) {
+          let t = e.text || "";
+          return e.marks && (t = this.applyMarks(t, e.marks)), t;
+        },
+        processHardBreakNode() {
+          return `
+`;
+        },
+        processBlockquoteNode(e) {
+          return this.processNodeContent(e).split(`
+`).map((n) => n ? `> ${n}` : ">").join(`
+`) + `
+`;
+        },
+        processBulletListNode(e) {
+          return this.processNodeContent(e);
+        },
+        processOrderedListNode(e) {
+          return e.content ? e.content.map((t, n) => this.processNode(t).replace(/^- /, `${n + 1}. `)).join("") : "";
+        },
+        processListItemNode(e) {
+          const t = this.processNodeContent(e);
+          return t ? `- ${t.replace(/\n$/, "")}
+` : "";
+        },
+        processCodeBlockNode(e) {
+          return `\`\`\`
+${this.processNodeContent(e)}
+\`\`\``;
+        },
+        processMentionNode(e) {
+          var s, o, i;
+          const t = ((s = e.attrs) == null ? void 0 : s.name) || "", n = ((o = e.attrs) == null ? void 0 : o.id) || "", r = ((i = e.attrs) == null ? void 0 : i.contactKey) || "";
+          return `<!-- @mention: {"id": "${n}", "contactKey": "${r}", "name": "${t}"} -->`;
+        },
+        processChannelNode(e) {
+          var s, o, i;
+          const t = ((s = e.attrs) == null ? void 0 : s.name) || "", n = ((o = e.attrs) == null ? void 0 : o.id) || "", r = ((i = e.attrs) == null ? void 0 : i.locked.toString()) || "";
+          return `<!-- @channel: {"id": "${n}", "name": "${t}", "locked": "${r}"} -->`;
+        },
+        processSlashCommandsNode(e) {
+          var r, s;
+          const t = ((r = e.attrs) == null ? void 0 : r.command) || "", n = ((s = e.attrs) == null ? void 0 : s.parameters) || "";
+          return `/${t}${n ? ` ${n}` : ""}`;
+        },
+        processEmojiNode(e) {
+          var t;
+          return ((t = e.attrs) == null ? void 0 : t.code) || "";
+        },
+        processUnknownNode(e) {
+          return this.processNodeContent(e);
+        },
+        applyMarks(e, t) {
+          let n = e;
+          return [...t].sort((s, o) => {
+            const i = { link: 0, bold: 1, italic: 2, strike: 3, code: 4 };
+            return (i[s.type] || 5) - (i[o.type] || 5);
+          }).forEach((s) => {
+            var o;
+            switch (s.type) {
+              case "bold":
+                n = `**${n}**`;
+                break;
+              case "italic":
+                n = `*${n}*`;
+                break;
+              case "strike":
+                n = `~~${n}~~`;
+                break;
+              case "code":
+                n = `\`${n}\``;
+                break;
+              case "link": {
+                const i = ((o = s.attrs) == null ? void 0 : o.href) || "";
+                n = `[${n}](${i})`;
+                break;
+              }
+            }
+          }), n;
+        }
+      }
     };
   },
   computed: {
@@ -1381,12 +1510,12 @@ const Xt = zt.exports, Jt = {
     },
     // eslint-disable-next-line complexity
     extensions() {
-      const e = [Z, de, me, te];
-      e.push(this.useDivTags ? mt : B), this.allowBold && e.push(ne), this.allowBlockquote && e.push(Y), this.allowBulletList && (e.push(re), e.push(oe.extend({
+      const e = [Z, le, me, te];
+      e.push(this.useDivTags ? ht : B), this.allowBold && e.push(ne), this.allowBlockquote && e.push(Y), this.allowBulletList && (e.push(re), e.push(ie.extend({
         renderText({ node: r }) {
           return r.textContent;
         }
-      })), e.push(ae)), this.allowItalic && e.push(se), this.allowStrike && e.push(le), this.allowUnderline && e.push(ce), this.placeholder && e.push(
+      })), e.push(ae)), this.allowItalic && e.push(se), this.allowStrike && e.push(ce), this.allowUnderline && e.push(de), this.placeholder && e.push(
         ee.configure({ placeholder: this.placeholder })
       );
       const t = this, n = J.create({
@@ -1403,7 +1532,7 @@ const Xt = zt.exports, Jt = {
           };
         }
       });
-      if (e.push(n), this.link && e.push(ie.extend({
+      if (e.push(n), this.link && e.push(oe.extend({
         inclusive: !1,
         addKeyboardShortcuts() {
           return {
@@ -1416,25 +1545,25 @@ const Xt = zt.exports, Jt = {
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: $
-      })), this.customLink && e.push(this.getExtension(dt, this.customLink)), this.mentionSuggestion) {
-        const r = { ...this.mentionSuggestion, ...Mt };
+        protocols: R
+      })), this.customLink && e.push(this.getExtension(ut, this.customLink)), this.mentionSuggestion) {
+        const r = { ...this.mentionSuggestion, ...Dt };
         e.push(yt.configure({ suggestion: r }));
       }
       if (this.channelSuggestion) {
         const r = { ...this.channelSuggestion, ...Ut };
-        e.push(Ct.configure({ suggestion: r }));
+        e.push(Tt.configure({ suggestion: r }));
       }
       if (this.slashCommandSuggestion) {
-        const r = { ...this.slashCommandSuggestion, ...Jt };
-        e.push(It.configure({
+        const r = { ...this.slashCommandSuggestion, ...Yt };
+        e.push(Nt.configure({
           suggestion: r,
           onSelectedCommand: (s) => {
             this.$emit("selected-command", s);
           }
         }));
       }
-      return e.push(nt), e.push(ue.configure({
+      return e.push(rt), e.push(ue.configure({
         types: ["paragraph"]
       })), this.allowCode && e.push(Q), this.allowCodeblock && e.push(G.extend({
         renderText({ node: r }) {
@@ -1446,7 +1575,7 @@ ${r.textContent}
         HTMLAttributes: {
           class: "d-rich-text-editor__code-block"
         }
-      })), this.allowInlineImages && e.push(ut), (this.allowFontFamily || this.allowFontColor) && (e.push(he), this.allowFontColor && e.push(fe), this.allowFontFamily && e.push(pe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
+      })), this.allowInlineImages && e.push(mt), (this.allowFontFamily || this.allowFontColor) && (e.push(he), this.allowFontColor && e.push(pe), this.allowFontFamily && e.push(fe)), this.additionalExtensions.length && e.push(...this.additionalExtensions), e;
     },
     inputAttrs() {
       const e = {
@@ -1490,7 +1619,7 @@ ${r.textContent}
   },
   methods: {
     createEditor() {
-      this.editor = new F({
+      this.editor = new H({
         autofocus: this.autoFocus,
         content: this.value,
         editable: this.editable,
@@ -1529,9 +1658,9 @@ ${r.textContent}
      * @param editor the editor instance.
      */
     getSelectedLinkText(e) {
-      var a, l, d;
-      const { view: t, state: n } = e, { from: r, to: s } = t.state.selection, i = n.doc.textBetween(r, s, ""), o = this.editor.state.doc.nodeAt(r);
-      return o && ((d = (l = (a = o.marks) == null ? void 0 : a.at(0)) == null ? void 0 : l.type) == null ? void 0 : d.name) === "link" ? o.textContent : i;
+      var a, c, l;
+      const { view: t, state: n } = e, { from: r, to: s } = t.state.selection, o = n.doc.textBetween(r, s, ""), i = this.editor.state.doc.nodeAt(r);
+      return i && ((l = (c = (a = i.marks) == null ? void 0 : a.at(0)) == null ? void 0 : c.type) == null ? void 0 : l.name) === "link" ? i.textContent : o;
     },
     editLink() {
       const e = this.getSelectedLinkText(this.editor), t = {
@@ -1550,23 +1679,21 @@ ${r.textContent}
       const e = this.editor.getAttributes("link").href;
       window.open(e, "_blank");
     },
-    // eslint-disable-next-line complexity
-    setLink(e, t, n, r = $, s) {
-      var a, l, d;
+    setLink(e, t, n, r = R, s) {
+      var a, c, l;
       if (!e) {
         this.removeLink();
         return;
       }
       r.find((u) => u.test(e)) || (e = `${s}${e}`), this.editor.chain().focus().extendMarkRange("link").run();
-      const o = (d = (l = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : l.state) == null ? void 0 : d.selection;
-      this.editor.chain().focus().insertContent(t).setTextSelection({ from: o.from, to: o.from + t.length }).setLink({ href: e, class: n.class }).run();
+      const i = (l = (c = (a = this.editor) == null ? void 0 : a.view) == null ? void 0 : c.state) == null ? void 0 : l.selection;
+      this.editor.chain().focus().insertContent(t).setTextSelection({ from: i.from, to: i.from + t.length }).setLink({ href: e, class: n.class }).run();
     },
-    // eslint-disable-next-line complexity
     processValue(e, t = !0) {
       const n = this.getOutput();
-      if (!(t && Ae(e, n))) {
+      if (!(t && Be(e, n))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const r = new RegExp(`(${O})`, "g");
+          const r = new RegExp(`(${M})`, "g");
           e = e == null ? void 0 : e.replace(r, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
@@ -1578,10 +1705,10 @@ ${r.textContent}
     insertPlainTextWithHardBreaks(e, t) {
       const { tr: n } = e.state, { from: r, to: s } = e.state.selection;
       n.deleteRange(r, s);
-      const i = t.split(/\r?\n/);
-      let o = r;
-      for (let a = 0; a < i.length; a++)
-        a > 0 && (n.insert(o, e.state.schema.nodes.hardBreak.create()), o++), n.insertText(i[a], o), o += i[a].length;
+      const o = t.split(/\r?\n/);
+      let i = r;
+      for (let a = 0; a < o.length; a++)
+        a > 0 && (n.insert(i, e.state.schema.nodes.hardBreak.create()), i++), n.insertText(o[a], i), i += o[a].length;
       e.dispatch(n);
     },
     shouldPreserveLineBreaks(e, t) {
@@ -1649,6 +1776,8 @@ ${r.textContent}
       const r = this.editor.getText({ blockSeparator: `
 ` });
       this.$emit("text-input", r);
+      const s = this.jsonToMarkdownConverter.convertToMarkdown(t);
+      this.$emit("markdown-input", s);
     },
     /**
      * The Editor exposes event hooks that we have to map our emits into. See
@@ -1673,6 +1802,8 @@ ${r.textContent}
           return this.editor.getJSON();
         case "html":
           return this.editor.getHTML();
+        case "markdown":
+          return this.jsonToMarkdownConverter.convertToMarkdown(this.editor.getJSON());
         case "text":
         default:
           return this.editor.getText({ blockSeparator: `
@@ -1699,16 +1830,16 @@ ${r.textContent}
     }
   }
 };
-var Gt = function() {
+var Qt = function() {
   var t = this, n = t._self._c;
   return n("div", [t.editor && t.link && !t.hideLinkBubbleMenu ? n("bubble-menu", { staticStyle: { visibility: "visible" }, attrs: { editor: t.editor, "should-show": t.bubbleMenuShouldShow, "tippy-options": t.tippyOptions } }, [n("div", { staticClass: "d-popover__dialog" }, [n("dt-stack", { staticClass: "d-rich-text-editor-bubble-menu__button-stack", attrs: { direction: "row", gap: "0" } }, [n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.editLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "muted", importance: "clear" }, on: { click: t.openLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")) + " ")]), n("dt-button", { attrs: { kind: "danger", importance: "clear" }, on: { click: t.removeLink } }, [t._v(" " + t._s(t.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")) + " ")])], 1)], 1)]) : t._e(), n("editor-content", t._g({ ref: "editor", staticClass: "d-rich-text-editor", attrs: { editor: t.editor, "data-qa": "dt-rich-text-editor" } }, t.editorListeners))], 1);
-}, Qt = [], Zt = /* @__PURE__ */ c(
-  Yt,
+}, Zt = [], en = /* @__PURE__ */ d(
   Gt,
-  Qt
+  Qt,
+  Zt
 );
-const Wn = Zt.exports;
+const Vn = en.exports;
 export {
-  Wn as default
+  Vn as default
 };
 //# sourceMappingURL=rich-text-editor.js.map