@dialpad/dialtone-vue 3.199.0 → 3.199.1

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

@@ -1,6 +1,6 @@
 import { nodeViewProps as $, NodeViewWrapper as v, VueRenderer as R, VueNodeViewRenderer as I, BubbleMenu as Q, EditorContent as Z, Editor as ee } from "../../node_modules/@tiptap/vue-3.js";
-import { Node as te, nodePasteRule as A, InputRule as ne, mergeAttributes as b, getMarksBetween as oe, combineTransactionSteps as re, getChangedRanges as se, findChildrenInRange as ie, Mark as ae, nodeInputRule as ce, Extension as de } from "@tiptap/core";
-import le from "@tiptap/extension-blockquote";
+import { Node as te, nodePasteRule as A, InputRule as ne, mergeAttributes as b, getMarksBetween as oe, combineTransactionSteps as re, getChangedRanges as se, findChildrenInRange as ie, Mark as ae, nodeInputRule as ce, Extension as le } from "@tiptap/core";
+import de from "@tiptap/extension-blockquote";
 import ue from "@tiptap/extension-code-block";
 import me from "@tiptap/extension-code";
 import he from "@tiptap/extension-document";
@@ -24,7 +24,7 @@ import ve from "@tiptap/extension-font-family";
 import { PluginKey as T, Plugin as Re } from "@tiptap/pm/state";
 import Ie from "@tiptap/suggestion";
 import { emojiPattern as z } from "regex-combined-emojis";
-import { resolveComponent as l, createBlock as m, openBlock as d, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as k, Fragment as Be, renderList as Ne, withModifiers as j, normalizeClass as X, resolveDynamicComponent as Oe, vShow as De, createTextVNode as C, toDisplayString as h, markRaw as M, createCommentVNode as w, mergeProps as Ae } from "vue";
+import { resolveComponent as d, createBlock as m, openBlock as l, withCtx as u, createVNode as f, createElementBlock as _, withDirectives as Me, createElementVNode as k, Fragment as Be, renderList as Ne, withModifiers as j, normalizeClass as X, resolveDynamicComponent as Oe, vShow as De, createTextVNode as C, toDisplayString as h, markRaw as M, createCommentVNode as w, mergeProps as Ae } from "vue";
 import { _ as g } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import J from "../emoji/emoji.js";
 import { getEmojiData as Pe, emojiRegex as je, stringToUnicode as He, codeToEmojiData as H, emojiShortCodeRegex as Ke } from "../../common/emoji/index.js";
@@ -53,8 +53,8 @@ const nt = {
   props: $
 };
 function ot(e, t, o, n, r, s) {
-  const i = l("dt-emoji"), a = l("node-view-wrapper");
-  return d(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
+  const i = d("dt-emoji"), a = d("node-view-wrapper");
+  return l(), m(a, { class: "d-d-inline-block d-va-bottom d-lh0" }, {
     default: u(() => [
       f(i, {
         size: "500",
@@ -129,7 +129,7 @@ const rt = /* @__PURE__ */ g(nt, [["render", ot]]), st = {
           this.command({ name: t.name, id: t.id, avatarSrc: t.avatarSrc, contactKey: t.contactKey });
           break;
         case "channel":
-          this.command({ name: t.name, id: t.id, locked: t.locked });
+          this.command({ name: t.name, id: t.id, locked: t.locked, channelKey: t.channelKey });
           break;
         case "slash-command":
           this.command({ command: t.command });
@@ -142,10 +142,10 @@ const rt = /* @__PURE__ */ g(nt, [["render", ot]]), st = {
   class: "d-suggestion-list"
 };
 function ct(e, t, o, n, r, s) {
-  const i = l("dt-list-item");
-  return d(), _("div", it, [
+  const i = d("dt-list-item");
+  return l(), _("div", it, [
     Me(k("ul", at, [
-      (d(!0), _(Be, null, Ne(o.items, (a, c) => (d(), m(i, {
+      (l(!0), _(Be, null, Ne(o.items, (a, c) => (l(), m(i, {
         key: a.id,
         class: X([
           "d-suggestion-list__item",
@@ -156,7 +156,7 @@ function ct(e, t, o, n, r, s) {
         onKeydown: j(s.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
-          (d(), m(Oe(o.itemComponent), { item: a }, null, 8, ["item"]))
+          (l(), m(Oe(o.itemComponent), { item: a }, null, 8, ["item"]))
         ]),
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
@@ -165,7 +165,7 @@ function ct(e, t, o, n, r, s) {
     ])
   ]);
 }
-const N = /* @__PURE__ */ g(st, [["render", ct]]), dt = {
+const N = /* @__PURE__ */ g(st, [["render", ct]]), lt = {
   compatConfig: { MODE: 3 },
   name: "EmojiSuggestion",
   components: {
@@ -179,9 +179,9 @@ const N = /* @__PURE__ */ g(st, [["render", ct]]), dt = {
     }
   }
 };
-function lt(e, t, o, n, r, s) {
-  const i = l("dt-emoji"), a = l("dt-stack");
-  return d(), m(a, {
+function dt(e, t, o, n, r, s) {
+  const i = d("dt-emoji"), a = d("dt-stack");
+  return l(), m(a, {
     direction: "row",
     gap: "400"
   }, {
@@ -195,7 +195,7 @@ function lt(e, t, o, n, r, s) {
     _: 1
   });
 }
-const ut = /* @__PURE__ */ g(dt, [["render", lt]]), O = {
+const ut = /* @__PURE__ */ g(lt, [["render", dt]]), O = {
   name: "hideOnEsc",
   defaultValue: !0,
   fn({ hide: e }) {
@@ -571,8 +571,8 @@ const St = {
   }
 };
 function It(e, t, o, n, r, s) {
-  const i = l("dt-link"), a = l("node-view-wrapper");
-  return d(), m(a, { class: "d-d-inline-block" }, {
+  const i = d("dt-link"), a = d("node-view-wrapper");
+  return l(), m(a, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(i, {
         kind: "mention",
@@ -645,15 +645,16 @@ const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = K.extend({
       const e = {
         name: this.$props.node.attrs.name,
         id: this.$props.node.attrs.id,
-        locked: this.$props.node.attrs.locked
+        locked: this.$props.node.attrs.locked,
+        channelKey: this.$props.node.attrs.channelKey
       };
       this.$props.editor.emit("channel-click", e);
     }
   }
 };
 function Ot(e, t, o, n, r, s) {
-  const i = l("dt-icon-lock"), a = l("dt-stack"), c = l("dt-link"), p = l("node-view-wrapper");
-  return d(), m(p, { class: "d-d-inline-block" }, {
+  const i = d("dt-icon-lock"), a = d("dt-stack"), c = d("dt-link"), p = d("node-view-wrapper");
+  return l(), m(p, { class: "d-d-inline-block" }, {
     default: u(() => [
       f(c, {
         kind: "mention",
@@ -665,7 +666,7 @@ function Ot(e, t, o, n, r, s) {
             gap: "0"
           }, {
             default: u(() => [
-              e.$props.node.attrs.locked ? (d(), m(i, {
+              e.$props.node.attrs.locked ? (l(), m(i, {
                 key: 0,
                 size: "200"
               })) : w("", !0),
@@ -702,6 +703,9 @@ const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
       },
       locked: {
         default: !1
+      },
+      channelKey: {
+        default: ""
       }
     };
   },
@@ -740,8 +744,8 @@ const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
   }
 };
 function jt(e, t, o, n, r, s) {
-  const i = l("node-view-wrapper");
-  return d(), m(i, { class: "d-d-inline-block" }, {
+  const i = d("node-view-wrapper");
+  return l(), m(i, { class: "d-d-inline-block" }, {
     default: u(() => [
       C(h(s.text), 1)
     ]),
@@ -880,8 +884,8 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
   class: "d-mention-suggestion__status"
 };
 function zt(e, t, o, n, r, s) {
-  const i = l("dt-avatar"), a = l("dt-stack");
-  return d(), m(a, {
+  const i = d("dt-avatar"), a = d("dt-stack");
+  return l(), m(a, {
     direction: "row",
     class: "d-mention-suggestion__container",
     gap: "400"
@@ -901,19 +905,19 @@ function zt(e, t, o, n, r, s) {
       }, {
         default: u(() => [
           k("span", qt, h(s.name), 1),
-          s.showDetails ? (d(), m(a, {
+          s.showDetails ? (l(), m(a, {
             key: 0,
             direction: "row",
             gap: "300",
             class: "d-label--sm-plain"
           }, {
             default: u(() => [
-              s.presenceText ? (d(), _("span", {
+              s.presenceText ? (l(), _("span", {
                 key: 0,
                 class: X(["d-mention-suggestion__presence", [s.presenceFontColorClass]])
               }, h(s.presenceText), 3)) : w("", !0),
-              s.status && s.presenceText ? (d(), _("div", Ut, " • ")) : w("", !0),
-              s.status ? (d(), _("div", Wt, h(s.status), 1)) : w("", !0)
+              s.status && s.presenceText ? (l(), _("div", Ut, " • ")) : w("", !0),
+              s.status ? (l(), _("div", Wt, h(s.status), 1)) : w("", !0)
             ]),
             _: 1
           })) : w("", !0)
@@ -994,16 +998,16 @@ const Xt = /* @__PURE__ */ g(Vt, [["render", zt]]), Jt = {
   }
 };
 function Gt(e, t, o, n, r, s) {
-  const i = l("dt-icon-hash"), a = l("dt-icon-lock"), c = l("dt-stack");
-  return d(), m(c, {
+  const i = d("dt-icon-hash"), a = d("dt-icon-lock"), c = d("dt-stack");
+  return l(), m(c, {
     direction: "row",
     gap: "400"
   }, {
     default: u(() => [
-      o.item.locked ? (d(), m(a, {
+      o.item.locked ? (l(), m(a, {
         key: 1,
         size: "300"
-      })) : (d(), m(i, {
+      })) : (l(), m(i, {
         key: 0,
         size: "300"
       })),
@@ -1083,10 +1087,10 @@ const Qt = /* @__PURE__ */ g(Yt, [["render", Gt]]), Zt = {
   }
 }, tn = { class: "d-body--md-compact" }, nn = { key: 0 }, on = { class: "d-body--sm d-fc-tertiary" };
 function rn(e, t, o, n, r, s) {
-  return d(), _("div", null, [
+  return l(), _("div", null, [
     k("div", tn, [
       k("span", null, "/" + h(s.command), 1),
-      s.parametersExample ? (d(), _("span", nn, h(s.parametersExample), 1)) : w("", !0)
+      s.parametersExample ? (l(), _("span", nn, h(s.parametersExample), 1)) : w("", !0)
     ]),
     k("div", on, h(s.description), 1)
   ]);
@@ -1290,7 +1294,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
      * The only required key is the items function which is used to query the channels for suggestion.
      * items({ query }) => { return [ChannelObject]; }
      * ChannelObject format:
-     * { name: string, id: string, locked: boolean }
+     * { name: string, id: string, locked: boolean, channelKey?: string }
      *
      * When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.
      */
@@ -1588,9 +1592,9 @@ ${this.processNodeContent(e)}
           return `<!-- @mention: {"id": "${o}", "contactKey": "${n}", "name": "${t}"} -->`;
         },
         processChannelNode(e) {
-          var r, s, i;
-          const t = ((r = e.attrs) == null ? void 0 : r.name) || "", o = ((s = e.attrs) == null ? void 0 : s.id) || "", n = ((i = e.attrs) == null ? void 0 : i.locked.toString()) || "";
-          return `<!-- @channel: {"id": "${o}", "name": "${t}", "locked": "${n}"} -->`;
+          var s, i, a, c;
+          const t = ((s = e.attrs) == null ? void 0 : s.name) || "", o = ((i = e.attrs) == null ? void 0 : i.id) || "", n = ((a = e.attrs) == null ? void 0 : a.locked.toString()) || "", r = ((c = e.attrs) == null ? void 0 : c.channelKey) || "";
+          return `<!-- @channel: {"id": "${o}", "channelKey": "${r}", "name": "${t}", "locked": "${n}"} -->`;
         },
         processSlashCommandsNode(e) {
           var n, r;
@@ -1650,14 +1654,14 @@ ${this.processNodeContent(e)}
     // eslint-disable-next-line complexity
     extensions() {
       const e = [he, Te, Se, pe];
-      e.push(this.useDivTags ? vt : W), this.allowBold && e.push(ge), this.allowBlockquote && e.push(le), this.allowBulletList && (e.push(_e), e.push(we.extend({
+      e.push(this.useDivTags ? vt : W), this.allowBold && e.push(ge), this.allowBlockquote && e.push(de), this.allowBulletList && (e.push(_e), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
       })), e.push(Ce)), this.allowItalic && e.push(ke), this.allowStrike && e.push(be), this.allowUnderline && e.push(xe), this.placeholder && e.push(
         fe.configure({ placeholder: this.placeholder })
       );
-      const t = this, o = de.create({
+      const t = this, o = le.create({
         addKeyboardShortcuts() {
           return {
             "Shift-Enter": ({ editor: n }) => t.allowLineBreaks ? !1 : (n.commands.first(({ commands: r }) => [
@@ -1842,13 +1846,12 @@ ${n.textContent}
       this.editor.destroy();
     },
     insertPlainTextWithHardBreaks(e, t) {
-      const { tr: o } = e.state, { from: n, to: r } = e.state.selection;
-      o.deleteRange(n, r);
-      const s = t.split(/\r?\n/);
-      let i = n;
-      for (let a = 0; a < s.length; a++)
-        a > 0 && (o.insert(i, e.state.schema.nodes.hardBreak.create()), i++), o.insertText(s[a], i), i += s[a].length;
-      e.dispatch(o);
+      const r = (this.pasteRichText ? t : t.replace(/\r\n/g, `
+`).replace(/\n\n/g, `
+`)).replace(/[\r\n]+$/, "").split(/\r?\n/), s = [];
+      for (let i = 0; i < r.length; i++)
+        i > 0 && s.push({ type: "hardBreak" }), r[i] && s.push({ type: "text", text: r[i] });
+      this.editor.chain().focus().insertContent(s).run();
     },
     shouldPreserveLineBreaks(e, t) {
       return this.pasteRichText ? !t && e && this.hasBlankLines(e) : !!e;
@@ -1972,11 +1975,11 @@ ${n.textContent}
       this.editor.commands.focus();
     }
   }
-}, dn = { class: "d-popover__dialog" };
-function ln(e, t, o, n, r, s) {
-  const i = l("dt-button"), a = l("dt-stack"), c = l("bubble-menu"), p = l("editor-content");
-  return d(), _("div", null, [
-    r.editor && o.link && !o.hideLinkBubbleMenu ? (d(), m(c, {
+}, ln = { class: "d-popover__dialog" };
+function dn(e, t, o, n, r, s) {
+  const i = d("dt-button"), a = d("dt-stack"), c = d("bubble-menu"), p = d("editor-content");
+  return l(), _("div", null, [
+    r.editor && o.link && !o.hideLinkBubbleMenu ? (l(), m(c, {
       key: 0,
       editor: r.editor,
       "should-show": s.bubbleMenuShouldShow,
@@ -1984,7 +1987,7 @@ function ln(e, t, o, n, r, s) {
       style: { visibility: "visible" }
     }, {
       default: u(() => [
-        k("div", dn, [
+        k("div", ln, [
           f(a, {
             direction: "row",
             class: "d-rich-text-editor-bubble-menu__button-stack",
@@ -2036,7 +2039,7 @@ function ln(e, t, o, n, r, s) {
     }, s.attrs), null, 16, ["editor"])
   ]);
 }
-const no = /* @__PURE__ */ g(cn, [["render", ln]]);
+const no = /* @__PURE__ */ g(cn, [["render", dn]]);
 export {
   no as default
 };