@dialpad/dialtone 9.153.9 → 9.154.0

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

@@ -5,7 +5,7 @@ import ue from "@tiptap/extension-code-block";
 import me from "@tiptap/extension-code";
 import he from "@tiptap/extension-document";
 import pe from "@tiptap/extension-hard-break";
-import U from "@tiptap/extension-paragraph";
+import W from "@tiptap/extension-paragraph";
 import fe from "@tiptap/extension-placeholder";
 import ge from "@tiptap/extension-bold";
 import _e from "@tiptap/extension-bullet-list";
@@ -23,20 +23,20 @@ import $e from "@tiptap/extension-color";
 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 W } 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 z, 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 { 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 { _ 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 j, emojiShortCodeRegex as Ke } from "../../common/emoji/index.js";
+import { getEmojiData as Pe, emojiRegex as je, stringToUnicode as He, codeToEmojiData as H, emojiShortCodeRegex as Ke } from "../../common/emoji/index.js";
 import Fe from "../list-item/list-item.js";
 import E from "../stack/stack.js";
 import B from "tippy.js";
-import { getPhoneNumberRegex as Ve, linkRegex as qe, warnIfUnmounted as Ue, returnFirstEl as K } from "../../common/utils/index.js";
+import { getPhoneNumberRegex as Ve, linkRegex as qe, warnIfUnmounted as Ue, returnFirstEl as F } from "../../common/utils/index.js";
 import We from "@tiptap/extension-image";
-import H from "@tiptap/extension-mention";
+import K from "@tiptap/extension-mention";
 import Y from "../link/link.js";
 import { DtIconLock as ze } from "@dialpad/dialtone-icons/vue3";
-import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as F, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Je } from "./rich-text-editor-constants.js";
+import { RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS as V, RICH_TEXT_EDITOR_OUTPUT_FORMATS as Xe, RICH_TEXT_EDITOR_AUTOFOCUS_TYPES as Je } from "./rich-text-editor-constants.js";
 import Ye from "../avatar/avatar.js";
 import Ge from "@dialpad/dialtone-icons/vue3/hash";
 import Qe from "@dialpad/dialtone-icons/vue3/lock";
@@ -153,7 +153,7 @@ function ct(e, t, o, n, r, s) {
         ]),
         "navigation-type": "arrow-keys",
         onClick: (p) => s.selectItem(c),
-        onKeydown: z(s.onKeyDown, ["prevent"])
+        onKeydown: j(s.onKeyDown, ["prevent"])
       }, {
         default: u(() => [
           (d(), m(Oe(o.itemComponent), { item: a }, null, 8, ["item"]))
@@ -285,10 +285,10 @@ const ut = /* @__PURE__ */ g(dt, [["render", lt]]), O = {
       }
     };
   }
-}, ft = /(:\w+:)$/, gt = new RegExp(W + "$"), _t = (e) => {
-  if (e && j(e[0]))
+}, ft = /(:\w+:)$/, gt = new RegExp(z + "$"), _t = (e) => {
+  if (e && H(e[0]))
     return { text: e[2] || e[0] };
-}, kt = (e) => [...e.matchAll(Ke)].filter((o) => j(o[0])).map((o) => ({
+}, kt = (e) => [...e.matchAll(Ke)].filter((o) => H(o[0])).map((o) => ({
   index: o.index,
   text: o[0],
   match: o
@@ -321,7 +321,7 @@ const ut = /* @__PURE__ */ g(dt, [["render", lt]]), O = {
     ];
   },
   renderText({ node: e }) {
-    return He(j(e.attrs.code).unicode_output);
+    return He(H(e.attrs.code).unicode_output);
   },
   renderHTML({ HTMLAttributes: e }) {
     return ["emoji-component", b(this.options.HTMLAttributes, e)];
@@ -436,8 +436,8 @@ function Tt(e, t, o, n) {
   for (const a of i)
     a.mark.type === n && o.removeMark(a.from, a.to, n);
 }
-const V = Ve(1, 15);
-function q(e, t, o, n, r, s) {
+const q = Ve(1, 15);
+function U(e, t, o, n, r, s) {
   if (!e)
     return;
   let i = o - t - 1;
@@ -446,12 +446,12 @@ function q(e, t, o, n, r, s) {
     e,
     i,
     "left",
-    V
+    q
   ), p = P(
     e,
     a,
     "right",
-    V
+    q
   ), y = e.slice(c.from, p.to);
   wt(y, qe, Ct).forEach((D) => {
     const x = bt(D[0]), L = t + c.from + D.index + 1, G = L + x.length;
@@ -467,7 +467,7 @@ function Et(e) {
       if (t && !s)
         return;
       const { tr: i } = r, { textContent: a } = r.doc;
-      t || q(a, 0, 0, a.length, i, e.type), t = !0;
+      t || U(a, 0, 0, a.length, i, e.type), t = !0;
       const c = re(
         n.doc,
         [...o]
@@ -478,7 +478,7 @@ function Et(e) {
           S,
           (x) => x.isTextblock
         ).forEach(({ node: x, pos: L }) => {
-          q(
+          U(
             x.textContent,
             L,
             y.from,
@@ -538,7 +538,7 @@ const St = {
       }
     };
   }
-}).configure({ inline: !0, allowBase64: !0 }), vt = U.extend({
+}).configure({ inline: !0, allowBase64: !0 }), vt = W.extend({
   parseHTML() {
     return [{ tag: "div" }];
   },
@@ -576,7 +576,7 @@ function It(e, t, o, n, r, s) {
     default: u(() => [
       f(i, {
         kind: "mention",
-        onClick: z(s.handleClick, ["prevent"])
+        onClick: j(s.handleClick, ["prevent"])
       }, {
         default: u(() => [
           C(h(s.text), 1)
@@ -587,7 +587,7 @@ function It(e, t, o, n, r, s) {
     _: 1
   });
 }
-const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = H.extend({
+const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = K.extend({
   addNodeView() {
     return I(Mt);
   },
@@ -639,13 +639,26 @@ const Mt = /* @__PURE__ */ g(Rt, [["render", It]]), Bt = H.extend({
     text() {
       return this.$props.node.attrs.locked ? this.$props.node.attrs.name : "#" + this.$props.node.attrs.name;
     }
+  },
+  methods: {
+    handleClick() {
+      const e = {
+        name: this.$props.node.attrs.name,
+        id: this.$props.node.attrs.id,
+        locked: this.$props.node.attrs.locked
+      };
+      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" }, {
     default: u(() => [
-      f(c, { kind: "mention" }, {
+      f(c, {
+        kind: "mention",
+        onClick: j(s.handleClick, ["prevent"])
+      }, {
         default: u(() => [
           f(a, {
             direction: "row",
@@ -662,12 +675,12 @@ function Ot(e, t, o, n, r, s) {
           })
         ]),
         _: 1
-      })
+      }, 8, ["onClick"])
     ]),
     _: 1
   });
 }
-const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = H.extend({
+const Dt = /* @__PURE__ */ g(Nt, [["render", Ot]]), At = K.extend({
   name: "channel",
   addNodeView() {
     return I(Dt);
@@ -742,7 +755,7 @@ const Ht = /* @__PURE__ */ g(Pt, [["render", jt]]), Kt = (e, t) => [...e.matchAl
     text: r,
     match: n
   };
-}), Ft = H.extend({
+}), Ft = K.extend({
   name: "slash-commands",
   group: "inline",
   inline: !0,
@@ -1484,7 +1497,13 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
      * @event mention-click
      * @type {Object}
      */
-    "mention-click"
+    "mention-click",
+    /**
+     * Event fired when a channel is clicked
+     * @event channel-click
+     * @type {Object}
+     */
+    "channel-click"
   ],
   data() {
     return {
@@ -1492,7 +1511,7 @@ const sn = /* @__PURE__ */ g(en, [["render", rn]]), an = {
       tippyOptions: {
         appendTo: () => {
           var e;
-          return (e = K(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
+          return (e = F(this.$refs.editor.$el).getRootNode()) == null ? void 0 : e.querySelector("body");
         },
         placement: "top-start"
       },
@@ -1631,7 +1650,7 @@ ${this.processNodeContent(e)}
     // eslint-disable-next-line complexity
     extensions() {
       const e = [he, Te, Se, pe];
-      e.push(this.useDivTags ? vt : U), 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(le), this.allowBulletList && (e.push(_e), e.push(we.extend({
         renderText({ node: n }) {
           return n.textContent;
         }
@@ -1665,7 +1684,7 @@ ${this.processNodeContent(e)}
         },
         openOnClick: !1,
         autolink: !0,
-        protocols: F
+        protocols: V
       })), this.customLink && e.push(this.getExtension(Lt, this.customLink)), this.mentionSuggestion) {
         const n = { ...this.mentionSuggestion, ...Jt };
         e.push(Bt.configure({ suggestion: n }));
@@ -1735,7 +1754,7 @@ ${n.textContent}
     this.destroyEditor();
   },
   mounted() {
-    Ue(K(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
+    Ue(F(this.$el), this.$options.name), this.processValue(this.modelValue, !1);
   },
   methods: {
     createEditor() {
@@ -1799,7 +1818,7 @@ ${n.textContent}
       const e = this.editor.getAttributes("link").href;
       window.open(e, "_blank");
     },
-    setLink(e, t, o, n = F, r) {
+    setLink(e, t, o, n = V, r) {
       var a, c, p;
       if (!e) {
         this.removeLink();
@@ -1813,7 +1832,7 @@ ${n.textContent}
       const o = this.getOutput();
       if (!(t && Ze(e, o))) {
         if (typeof e == "string" && this.outputFormat === "text") {
-          const n = new RegExp(`(${W})`, "g");
+          const n = new RegExp(`(${z})`, "g");
           e = e == null ? void 0 : e.replace(n, '<emoji-component code="$1"></emoji-component>');
         }
         this.editor.commands.setContent(e, !1, { preserveWhitespace: "full" });
@@ -1916,6 +1935,8 @@ ${n.textContent}
         this.$emit("blur", e);
       }), this.editor.on("mention-click", (e) => {
         this.$emit("mention-click", e);
+      }), this.editor.on("channel-click", (e) => {
+        this.$emit("channel-click", e);
       });
     },
     getOutput() {