@dialpad/dialtone 9.32.0 → 9.33.0

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

@@ -19,7 +19,7 @@ import { Node, mergeAttributes, nodeInputRule, nodePasteRule, getMarksBetween, c
 import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementBlock, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, withModifiers, resolveDynamicComponent, vShow, createTextVNode, toDisplayString, markRaw } from "vue";
 import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
 import { DtEmoji } from "./emoji.js";
-import { shortcodeToEmojiData, codeToEmojiData } from "../common/emoji.js";
+import { codeToEmojiData } from "../common/emoji.js";
 import { PluginKey, Plugin } from "@tiptap/pm/state";
 import Suggestion from "@tiptap/suggestion";
 import { emojisIndexed } from "@dialpad/dialtone-emojis";
@@ -32,10 +32,10 @@ import { DtLink } from "./link.js";
 import { DtAvatar } from "./avatar.js";
 import DtIconHash from "@dialpad/dialtone-icons/vue3/hash";
 import DtIconLock from "@dialpad/dialtone-icons/vue3/lock";
+import emojiRegex from "emoji-regex";
 import "./skeleton.js";
 import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
-import "emoji-regex";
 import "../chunks/list_item_constants-u1xcN9Dd.js";
 import "./item-layout.js";
 import "./icon.js";
@@ -305,7 +305,7 @@ const suggestionOptions = {
 };
 const EmojiPluginKey = new PluginKey("emoji");
 const inputShortCodeRegex = /:\w+:$/;
-const pasteShortCodeRegex = /:\w+:/g;
+const emojiShortCodeRegex = /:\w+:/g;
 const inputUnicodeRegex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/;
 const pasteUnicodeRegex = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g;
 const inputRuleMatch = (match) => {
@@ -318,7 +318,7 @@ const inputRuleMatch = (match) => {
   }
 };
 const shortCodePasteMatch = (text) => {
-  const matches = [...text.matchAll(pasteShortCodeRegex)];
+  const matches = [...text.matchAll(emojiShortCodeRegex)];
   return matches.filter((match) => codeToEmojiData(match[0])).map((match) => ({
     index: match.index,
     text: match[0],
@@ -387,7 +387,7 @@ const Emoji = Node.create({
         },
         type: this.type,
         getAttributes(attrs) {
-          const unicode = shortcodeToEmojiData(attrs[0]).unicode_output;
+          const unicode = codeToEmojiData(attrs[0]).unicode_output;
           const emoji = String.fromCodePoint(parseInt(unicode, 16));
           return {
             code: emoji,
@@ -619,6 +619,30 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
 const MentionComponent = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const mentionRegex = /@([\w.-]+)[^\w.-]?/g;
+const mentionPasteMatch = (text, suggestions) => {
+  const matches = [...text.matchAll(mentionRegex)];
+  return matches.filter((match) => suggestions.some(({ id }) => id === match[1].trim())).map((match) => {
+    let mention = match[1];
+    if (!mention.endsWith(" "))
+      mention += " ";
+    return {
+      index: match.index,
+      text: mention,
+      match
+    };
+  });
+};
+const mentionInputMatch = (text, suggestions) => {
+  const match = text.match(/@([\w.-]+)[^\w.-]$/);
+  if (!match || !suggestions.some(({ id }) => id === match[1]))
+    return;
+  return {
+    index: match.index,
+    text: match[0],
+    match
+  };
+};
 const MentionPlugin = Mention.extend({
   addNodeView() {
     return VueNodeViewRenderer(MentionComponent);
@@ -647,7 +671,38 @@ const MentionPlugin = Mention.extend({
     return `@${node.attrs.id}`;
   },
   renderHTML({ HTMLAttributes }) {
-    return ["mention-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["mention-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addInputRules() {
+    var _a;
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" });
+    return [
+      nodeInputRule({
+        find: (text) => mentionInputMatch(text, suggestions),
+        type: this.type,
+        getAttributes(attrs) {
+          return suggestions.find(({ id }) => id === attrs[0].replace("@", "").trim());
+        }
+      })
+    ];
+  },
+  addPasteRules() {
+    var _a;
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" });
+    return [
+      nodePasteRule({
+        find: (text) => mentionPasteMatch(text, suggestions),
+        type: this.type,
+        getAttributes(attrs) {
+          return suggestions.find(({ id }) => id === attrs[0].trim());
+        }
+      })
+    ];
+  }
+}).configure({
+  suggestion: {
+    char: "@",
+    pluginKey: new PluginKey("mentionSuggestion")
   }
 });
 const _sfc_main$3 = {
@@ -679,8 +734,34 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   });
 }
 const ChannelComponent = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const channelRegex = /#([\w-]+)[^\w-]?/g;
+const channelPasteMatch = (text, suggestions) => {
+  const matches = [...text.matchAll(channelRegex)];
+  return matches.filter((match) => suggestions.some(({ id }) => id === match[1].trim())).map((match) => {
+    let channel = match[1];
+    if (!channel.endsWith(" "))
+      channel += " ";
+    return {
+      index: match.index,
+      text: channel,
+      match
+    };
+  });
+};
+const channelInputMatch = (text, suggestions) => {
+  const match = text.match(/#([\w-]+)[^\w-]$/);
+  if (!match || !suggestions.some(({ id }) => id === match[1]))
+    return;
+  return {
+    index: match.index,
+    text: match[0],
+    match
+  };
+};
 const ChannelPlugin = Mention.extend({
   name: "channel",
+  group: "inline",
+  inline: true,
   addNodeView() {
     return VueNodeViewRenderer(ChannelComponent);
   },
@@ -708,7 +789,33 @@ const ChannelPlugin = Mention.extend({
     return `#${node.attrs.id}`;
   },
   renderHTML({ HTMLAttributes }) {
-    return ["channel-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["channel-component", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+  },
+  addInputRules() {
+    var _a;
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" });
+    return [
+      nodeInputRule({
+        find: (text) => channelInputMatch(text, suggestions),
+        type: this.type,
+        getAttributes(attrs) {
+          return suggestions.find(({ id }) => id === attrs[0].replace("#", "").trim());
+        }
+      })
+    ];
+  },
+  addPasteRules() {
+    var _a;
+    const suggestions = (_a = this.options.suggestion) == null ? void 0 : _a.items({ query: "" });
+    return [
+      nodePasteRule({
+        find: (text) => channelPasteMatch(text, suggestions),
+        type: this.type,
+        getAttributes(attrs) {
+          return suggestions.find(({ id }) => id === attrs[0].trim());
+        }
+      })
+    ];
   }
 }).configure({
   suggestion: {
@@ -1098,7 +1205,7 @@ const _sfc_main = {
     "input",
     /**
      * Event to sync the value with the parent
-     * @event input
+     * @event update:value
      * @type {String|JSON}
      */
     "update:modelValue",
@@ -1118,7 +1225,8 @@ const _sfc_main = {
   data() {
     return {
       editor: null,
-      popoverOpened: false
+      popoverOpened: false,
+      internalValue: this.modelValue
     };
   },
   computed: {
@@ -1235,7 +1343,8 @@ const _sfc_main = {
       if (newValue === currentValue) {
         return;
       }
-      this.editor.commands.setContent(newValue, false);
+      this.internalValue = newValue;
+      this.insertContent();
     }
   },
   created() {
@@ -1248,7 +1357,6 @@ const _sfc_main = {
     createEditor() {
       this.editor = new Editor({
         autofocus: this.autoFocus,
-        content: this.modelValue,
         editable: this.editable,
         extensions: this.extensions,
         editorProps: {
@@ -1258,8 +1366,62 @@ const _sfc_main = {
           }
         }
       });
+      this.insertContent();
       this.addEditorListeners();
     },
+    /**
+     * This function is necessary as tiptap doesn't render the content passed
+     * directly through `editor.commands.setContent` the content passed down to it
+     * should be already parsed. So We're parsing the elements into it's corresponding
+     * HTML version before setting it.
+     */
+    insertContent() {
+      this.parseMentions();
+      this.parseChannels();
+      this.parseEmojis();
+      this.editor.commands.setContent(this.internalValue, true);
+    },
+    parseEmojis() {
+      const matches = [...this.modelValue.matchAll(emojiRegex()), ...this.modelValue.matchAll(emojiShortCodeRegex)];
+      if (!matches)
+        return;
+      matches.forEach((match) => {
+        const emoji = codeToEmojiData(match[0]);
+        if (!emoji)
+          return;
+        this.internalValue = this.internalValue.replace(new RegExp(` ${match[0]}`), ` <emoji-component code="${emoji.shortname}"></emoji-component>`);
+      });
+    },
+    parseChannels() {
+      if (!this.channelSuggestion)
+        return;
+      const suggestions = this.channelSuggestion.items({ query: "" });
+      const matches = [...this.modelValue.matchAll(channelRegex)].filter((match) => suggestions.some(({ id }) => id === match[1]));
+      if (!matches)
+        return;
+      matches.forEach((match) => {
+        const channel = suggestions.find(({ id }) => id === match[1]);
+        this.internalValue = this.internalValue.replace(
+          `#${match[1]}`,
+          /** The space at the beginning is important as tiptap removes that while rendering.
+           *  So if multiple mentions, channels or emojis are next to each other it will fail
+           */
+          ` <channel-component name="${channel.name}" id="${channel.id}"></channel-component>`
+        );
+      });
+    },
+    parseMentions() {
+      if (!this.mentionSuggestion)
+        return;
+      const suggestions = this.mentionSuggestion.items({ query: "" });
+      const matches = [...this.modelValue.matchAll(mentionRegex)].filter((match) => suggestions.some(({ id }) => id === match[1]));
+      if (!matches)
+        return;
+      matches.forEach((match) => {
+        const mention = suggestions.find(({ id }) => id === match[1]);
+        this.internalValue = this.internalValue.replace(`@${match[1]}`, ` <mention-component name="${mention.name}" id="${mention.id}"></mention-component>`);
+      });
+    },
     destroyEditor() {
       this.editor.destroy();
     },

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

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.js","sources":["../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue","../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue","../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue","../../components/rich_text_editor/extensions/emoji/suggestion.js","../../components/rich_text_editor/extensions/emoji/emoji.js","../../components/rich_text_editor/extensions/link/utils.js","../../components/rich_text_editor/extensions/link/autolink.js","../../components/rich_text_editor/extensions/link/link.js","../../components/rich_text_editor/extensions/mentions/MentionComponent.vue","../../components/rich_text_editor/extensions/mentions/mention.js","../../components/rich_text_editor/extensions/channels/ChannelComponent.vue","../../components/rich_text_editor/extensions/channels/channel.js","../../components/rich_text_editor/rich_text_editor_constants.js","../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue","../../components/rich_text_editor/extensions/mentions/suggestion.js","../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue","../../components/rich_text_editor/extensions/channels/suggestion.js","../../components/rich_text_editor/rich_text_editor.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n","<template>\n  <div class=\"d-popover__dialog\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent.stop=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault(); // prevent moving the focus for the tab key\n        this.selectHandler();\n        event.stopPropagation();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    scrollActiveElementIntoView () {\n      const activeElement = this.$refs.suggestionList.querySelector('.dt-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  max-height: var(--dt-size-875) !important;\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    const filteredEmoji = emojiList.filter(function (item) {\n      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {\n        return true;\n      }\n      return false;\n    });\n    return filteredEmoji.map(item => { return { id: item.unicode_character, code: item.shortname }; });\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          contentElement: null,\n          zIndex: 650,\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component.ref?.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","import { mergeAttributes, Node, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport EmojiComponent from './EmojiComponent.vue';\nimport { shortcodeToEmojiData, codeToEmojiData } from '@/common/emoji';\nimport { PluginKey } from '@tiptap/pm/state';\n\nimport Suggestion from '@tiptap/suggestion';\nimport suggestionOptions from './suggestion';\n\nexport const EmojiPluginKey = new PluginKey('emoji');\n\nconst inputShortCodeRegex = /:\\w+:$/;\nconst pasteShortCodeRegex = /:\\w+:/g;\n/* eslint-disable max-len */\nconst inputUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\nconst pasteUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\n/* eslint-enable max-len */\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return {\n      index: match.index,\n      text: match[0],\n      match,\n    };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(pasteShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n      suggestion: {\n        char: ':',\n        pluginKey: EmojiPluginKey,\n      },\n    };\n  },\n  name: 'emoji',\n  group: 'inline',\n  inline: true,\n  selectable: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n\n      id: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.code;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      // shortcode input\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputUnicodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          const unicode = shortcodeToEmojiData(attrs[0]).unicode_output;\n          const emoji = String.fromCodePoint(parseInt(unicode, 16));\n          return {\n            code: emoji,\n            label: 'emoji',\n          };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: pasteUnicodeRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n});\n","import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n","import {\n  combineTransactionSteps,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core';\nimport {\n  Plugin,\n  PluginKey,\n} from '@tiptap/pm/state';\nimport {\n  addMarks,\n  removeMarks,\n} from './utils';\n\n/**\n * Plugin to automatically add links into content.\n */\nexport function autolink (options) {\n  // Flag to see if we've loaded this plugin once already. This is used to run\n  // the initial content through the plugin if the editor was mounted with some.\n  let hasInitialized = false;\n\n  return new Plugin({\n    key: new PluginKey('autolink'),\n\n    appendTransaction: (transactions, oldState, newState) => {\n      const contentChanged = transactions.some(tr => tr.docChanged) &&\n        !oldState.doc.eq(newState.doc);\n\n      // Every interaction with the editor is a transaction, but we only care\n      // about the ones with content changes.\n      if (hasInitialized && !contentChanged) {\n        return;\n      }\n\n      // The original transaction that we're manipulating.\n      const { tr } = newState;\n\n      // Text content after the original transaction.\n      const { textContent } = newState.doc;\n\n      // When the editor is initialized we want to add links to it.\n      if (!hasInitialized) {\n        addMarks(textContent, 0, 0, textContent.length, tr, options.type);\n      }\n\n      hasInitialized = true;\n\n      // The transformed state of the document.\n      const transform = combineTransactionSteps(\n        oldState.doc,\n        [...transactions],\n      );\n\n      // All the changes within the document.\n      const changes = getChangedRanges(transform);\n\n      changes.forEach(({ oldRange, newRange }) => {\n        // Remove all link marks in the changed range since we'll add them\n        // right back if they're still valid links.\n        removeMarks(newRange, newState.doc, tr, options.type);\n\n        // Find all paragraphs (Textblocks) that were affected since we want to\n        // handle matches in each paragraph separately.\n        const paragraphs = findChildrenInRange(\n          newState.doc,\n          newRange,\n          node => node.isTextblock,\n        );\n\n        paragraphs.forEach(({ node, pos }) => {\n          addMarks(\n            node.textContent,\n            pos,\n            oldRange.from,\n            newRange.to,\n            tr,\n            options.type,\n          );\n        });\n      });\n\n      // Return the modified transaction or the changes above wont have effect.\n      return tr;\n    },\n  });\n}\n","import {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const Link = Mark.create({\n  name: 'Link',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n      0,\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n","import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\nimport { mergeAttributes } from '@tiptap/core';\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  },\n});\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n","import Mention from '@tiptap/extension-mention';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Channel Mention component\nimport ChannelComponent from './ChannelComponent.vue';\nimport { mergeAttributes } from '@tiptap/core';\n\nexport const ChannelPlugin = Mention.extend({\n\n  name: 'channel',\n\n  addNodeView () {\n    return VueNodeViewRenderer(ChannelComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'channel-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n      locked: {\n        default: false,\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `#${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['channel-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  },\n}).configure({\n  suggestion: {\n    char: '#',\n    pluginKey: new PluginKey('channelSuggestion'),\n  },\n});\n","export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n  'text',\n  'json',\n  'html',\n];\n\nexport const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [\n  'start',\n  'end',\n  'all',\n];\n\nexport const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  'https',\n  'http',\n  'ftp',\n  'ftps',\n  'sftp',\n  'mailto',\n];\n\nexport default {\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n};\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    {{ name }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.vue';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport ChannelSuggestion from './ChannelSuggestion.vue';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(ChannelSuggestion),\n            itemType: 'channel',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <editor-content\n    :editor=\"editor\"\n    data-qa=\"dt-rich-text-editor\"\n    class=\"dt-rich-text-editor\"\n  />\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { Editor, EditorContent } from '@tiptap/vue-3';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Italic from '@tiptap/extension-italic';\nimport TipTapLink from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport Text from '@tiptap/extension-text';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Emoji from './extensions/emoji';\nimport Link from './extensions/link';\nimport { MentionPlugin } from './extensions/mentions/mention';\nimport { ChannelPlugin } from './extensions/channels/channel';\nimport {\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n} from './rich_text_editor_constants';\n\nimport mentionSuggestion from './extensions/mentions/suggestion';\nimport channelSuggestion from './extensions/channels/suggestion';\n\nexport default {\n  name: 'DtRichTextEditor',\n\n  components: {\n    EditorContent,\n  },\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for line breaks to be introduced in the text.\n     */\n    allowLineBreaks: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * The output format that the editor uses when emitting the \"@input\" event.\n     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n     * examples.\n     * @values text, json, html\n     */\n    outputFormat: {\n      type: String,\n      default: 'text',\n      validator (outputFormat) {\n        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Enables the Link extension and optionally passes configurations to it\n     */\n    link: {\n      type: [Boolean, Object],\n      default: false,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the contacts for suggestion.\n     * items({ query }) => { return [ContactObject]; }\n     * ContactObject format:\n     * { name: string, avatarSrc: string, id: string }\n     *\n     * When null, it does not add the plugin.\n     */\n    mentionSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the channels for suggestion.\n     * items({ query }) => { return [ChannelObject]; }\n     * ChannelObject format:\n     * { name: string, id: string, locked: boolean }\n     *\n     * When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.\n     */\n    channelSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Whether the input allows for block quote.\n     */\n    allowBlockquote: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bold to be introduced in the text.\n     */\n    allowBold: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bullet list to be introduced in the text.\n    */\n    allowBulletList: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for italic to be introduced in the text.\n     */\n    allowItalic: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for strike to be introduced in the text.\n     */\n    allowStrike: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for underline to be introduced in the text.\n     */\n    allowUnderline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Editor input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event to sync the value with the parent\n     * @event input\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Editor blur event\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Editor focus event\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n  ],\n\n  data () {\n    return {\n      editor: null,\n      popoverOpened: false,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    extensions () {\n      // These are the default extensions needed just for plain text.\n      const extensions = [Document, Paragraph, Text];\n      if (this.link) {\n        extensions.push(this.getExtension(Link, this.link));\n      }\n      if (this.allowBlockquote) {\n        extensions.push(Blockquote);\n      }\n      if (this.allowBold) {\n        extensions.push(Bold);\n      }\n      if (this.allowBulletList) {\n        extensions.push(BulletList);\n        extensions.push(ListItem);\n        extensions.push(OrderedList.configure({\n          itemTypeName: 'listItem',\n        }));\n      }\n      if (this.allowItalic) {\n        extensions.push(Italic);\n      }\n      if (this.allowStrike) {\n        extensions.push(Strike);\n      }\n      if (this.allowUnderline) {\n        extensions.push(Underline);\n      }\n\n      // Enable placeholderText\n      extensions.push(\n        Placeholder.configure({ placeholder: this.placeholder }),\n      );\n\n      // make sure that this is defined before any other extensions\n      // where Enter and Shift+Enter should have its own interaction. otherwise it will be ignored\n      if (!this.allowLineBreaks) {\n        extensions.push(\n          HardBreak.extend({\n            addKeyboardShortcuts () {\n              return {\n                Enter: () => true,\n                'Shift-Enter': () => this.editor.commands.first(({ commands }) => [\n                  () => commands.newlineInCode(),\n                  () => commands.createParagraphNear(),\n                  () => commands.liftEmptyBlock(),\n                  () => commands.splitBlock(),\n                ]),\n              };\n            },\n          }),\n        );\n      }\n\n      extensions.push(TipTapLink.extend({ inclusive: false }).configure({\n        autolink: true,\n        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n      }));\n\n      if (this.mentionSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.mentionSuggestion, ...mentionSuggestion };\n        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      if (this.channelSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.channelSuggestion, ...channelSuggestion };\n        extensions.push(ChannelPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      // Emoji has some interactions with Enter key\n      // hence this should be done last otherwise the enter wont add a emoji.\n      extensions.push(Emoji);\n\n      extensions.push(TextAlign.configure({\n        types: ['paragraph'],\n        defaultAlignment: 'left',\n      }));\n\n      extensions.push(CodeBlock.configure({\n        HTMLAttributes: {\n          class: 'dt-rich-text-editor--code-block',\n        },\n      }));\n\n      return extensions;\n    },\n\n    inputAttrs () {\n      const attrs = {\n        'aria-label': this.inputAriaLabel,\n        'aria-multiline': true,\n        role: 'textbox',\n      };\n      if (!this.editable) {\n        attrs['aria-readonly'] = true;\n      }\n      return attrs;\n    },\n  },\n\n  /**\n    * Because the Editor instance is initialized when mounted it does not get\n    * updated props automatically, so the ones that can change after mount have\n    * to be hooked up to the Editor's own API.\n    */\n  watch: {\n    editable (isEditable) {\n      this.editor.setEditable(isEditable);\n      this.updateEditorAttributes({ 'aria-readonly': !isEditable });\n    },\n\n    inputClass (newClass) {\n      this.updateEditorAttributes({ class: newClass });\n    },\n\n    inputAriaLabel (newLabel) {\n      this.updateEditorAttributes({ 'aria-label': newLabel });\n    },\n\n    extensions () {\n      // Extensions can't be registered on the fly, so just recreate the editor.\n      // https://github.com/ueberdosis/tiptap/issues/1044\n      this.destroyEditor();\n      this.createEditor();\n    },\n\n    modelValue (newValue) {\n      let currentValue = this.getOutput();\n      if (this.outputFormat === 'json') {\n        newValue = JSON.stringify(newValue);\n        currentValue = JSON.stringify(currentValue);\n      }\n      if (newValue === currentValue) {\n        // The new value came from this component and was passed back down\n        // through the parent, so don't do anything here.\n        return;\n      }\n      // Otherwise replace the content (resets the cursor position).\n      this.editor.commands.setContent(newValue, false);\n    },\n  },\n\n  created () {\n    this.createEditor();\n  },\n\n  beforeUnmount () {\n    this.destroyEditor();\n  },\n\n  methods: {\n    createEditor () {\n      // For all available options, see https://tiptap.dev/api/editor#settings\n      this.editor = new Editor({\n        autofocus: this.autoFocus,\n        content: this.modelValue,\n        editable: this.editable,\n        extensions: this.extensions,\n        editorProps: {\n          attributes: {\n            ...this.inputAttrs,\n            class: this.inputClass,\n          },\n        },\n      });\n      this.addEditorListeners();\n    },\n\n    destroyEditor () {\n      this.editor.destroy();\n    },\n\n    /**\n     * The Editor exposes event hooks that we have to map our emits into. See\n     * https://tiptap.dev/api/events for all events.\n     */\n    addEditorListeners () {\n      // The content has changed.\n      this.editor.on('update', () => {\n        const value = this.getOutput();\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      });\n\n      // The editor is focused.\n      this.editor.on('focus', ({ event }) => {\n        this.$emit('focus', event);\n      });\n\n      // The editor isn’t focused anymore.\n      this.editor.on('blur', ({ event }) => {\n        this.$emit('blur', event);\n      });\n    },\n\n    getOutput () {\n      switch (this.outputFormat) {\n        case 'json':\n          return this.editor.getJSON();\n        case 'html':\n          return this.editor.getHTML();\n        case 'text':\n        default:\n          return this.editor.getText();\n      }\n    },\n\n    getExtension (extension, options) {\n      if (typeof options === 'boolean') {\n        return extension;\n      }\n      return extension.configure?.(options);\n    },\n\n    updateEditorAttributes (attributes) {\n      this.editor.setOptions({ editorProps: { attributes } });\n    },\n\n    focusEditor () {\n      this.editor.commands.focus();\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n  .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: var(--dt-color-foreground-placeholder);\n    pointer-events: none;\n    height: 0;\n  }\n\n  .ProseMirror ul > li {\n    list-style-type: disc;\n  }\n\n  .ProseMirror ol > li {\n    list-style-type: decimal;\n  }\n\n  .ProseMirror blockquote {\n    padding-left: var(--dt-space-400);\n    border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);\n    margin-left: 0;\n  }\n\n  .dt-rich-text-editor--code-block {\n    background: var(--dt-color-surface-secondary);\n    padding: var(--dt-space-400);\n  }\n\n  .dt-rich-text-editor {\n    overflow: hidden;\n  }\n</style>\n"],"names":["_sfc_main","_createBlock","_createVNode","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_normalizeClass","_resolveDynamicComponent","_vShow","_toDisplayString","from","to","tr","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"rich-text-editor.js","sources":["../../components/rich_text_editor/extensions/emoji/EmojiComponent.vue","../../components/rich_text_editor/extensions/suggestion/SuggestionList.vue","../../components/rich_text_editor/extensions/emoji/EmojiSuggestion.vue","../../components/rich_text_editor/extensions/emoji/suggestion.js","../../components/rich_text_editor/extensions/emoji/emoji.js","../../components/rich_text_editor/extensions/link/utils.js","../../components/rich_text_editor/extensions/link/autolink.js","../../components/rich_text_editor/extensions/link/link.js","../../components/rich_text_editor/extensions/mentions/MentionComponent.vue","../../components/rich_text_editor/extensions/mentions/mention.js","../../components/rich_text_editor/extensions/channels/ChannelComponent.vue","../../components/rich_text_editor/extensions/channels/channel.js","../../components/rich_text_editor/rich_text_editor_constants.js","../../components/rich_text_editor/extensions/mentions/MentionSuggestion.vue","../../components/rich_text_editor/extensions/mentions/suggestion.js","../../components/rich_text_editor/extensions/channels/ChannelSuggestion.vue","../../components/rich_text_editor/extensions/channels/suggestion.js","../../components/rich_text_editor/rich_text_editor.vue"],"sourcesContent":["<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block d-va-bottom d-lh0\"\n  >\n    <dt-emoji\n      size=\"500\"\n      :code=\"node.attrs.code\"\n    />\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtEmoji } from '@/components/emoji';\n\nexport default {\n  name: 'EmojiComponent',\n  components: {\n    NodeViewWrapper,\n    DtEmoji,\n  },\n\n  props: nodeViewProps,\n};\n</script>\n","<template>\n  <div class=\"d-popover__dialog\">\n    <ul\n      v-show=\"items.length\"\n      ref=\"suggestionList\"\n      class=\"dt-suggestion-list\"\n    >\n      <dt-list-item\n        v-for=\"(item, index) in items\"\n        :key=\"item.id\"\n        :class=\"[\n          'dt-suggestion-list--item',\n          { 'dt-list-item--highlighted': index === selectedIndex },\n        ]\"\n        navigation-type=\"arrow-keys\"\n        @click=\"selectItem(index)\"\n        @keydown.prevent.stop=\"onKeyDown\"\n      >\n        <component\n          :is=\"itemComponent\"\n          :item=\"item\"\n        />\n      </dt-list-item>\n    </ul>\n  </div>\n</template>\n\n<script>\nimport { DtListItem } from '@/components/list_item';\n\nexport default {\n  name: 'SuggestionList',\n  components: {\n    DtListItem,\n  },\n\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n\n    command: {\n      type: Function,\n      required: true,\n    },\n\n    itemComponent: {\n      type: Object,\n      required: true,\n    },\n\n    itemType: {\n      type: String,\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      selectedIndex: 0,\n    };\n  },\n\n  watch: {\n    items () {\n      this.selectedIndex = 0;\n    },\n  },\n\n  methods: {\n    onKeyDown ({ event }) {\n      if (event.key === 'ArrowUp') {\n        this.upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        this.downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter' || event.key === 'Tab') {\n        event.preventDefault(); // prevent moving the focus for the tab key\n        this.selectHandler();\n        event.stopPropagation();\n        return true;\n      }\n\n      return false;\n    },\n\n    upHandler () {\n      this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    downHandler () {\n      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;\n\n      this.scrollActiveElementIntoView();\n    },\n\n    scrollActiveElementIntoView () {\n      const activeElement = this.$refs.suggestionList.querySelector('.dt-list-item--highlighted');\n      if (activeElement) {\n        activeElement.scrollIntoView({\n          behaviour: 'smooth',\n          block: 'center',\n        });\n      }\n    },\n\n    selectHandler () {\n      this.selectItem(this.selectedIndex);\n    },\n\n    selectItem (index) {\n      const item = this.items[index];\n\n      switch (this.itemType) {\n        case 'emoji':\n          this.command(item);\n          return;\n        case 'mention':\n          this.command({ name: item.name, id: item.id, avatarSrc: item.avatarSrc });\n          break;\n        case 'channel':\n          this.command({ name: item.name, id: item.id });\n          break;\n      }\n    },\n  },\n};\n</script>\n\n<style>\n.dt-suggestion-list {\n  position: relative;\n  padding: var(--dt-size-300);\n  max-height: var(--dt-size-875) !important;\n  min-width: var(--dt-size-925);\n  max-width: var(--dt-size-975);\n}\n\n.dt-suggestion-list--item {\n  border: var(--dt-size-100) solid transparent;\n}\n</style>\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-emoji\n      size=\"200\"\n      :code=\"item.code\"\n    />\n    {{ item.code }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtEmoji } from '@/components/emoji';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'EmojiSuggestion',\n  components: {\n    DtEmoji,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport { emojisIndexed } from '@dialpad/dialtone-emojis';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport EmojiSuggestion from './EmojiSuggestion.vue';\n\nimport tippy from 'tippy.js';\n\nexport default {\n  items: ({ query }) => {\n    if (query.length < 2) {\n      return [];\n    }\n    const emojiList = Object.values(emojisIndexed);\n    const filteredEmoji = emojiList.filter(function (item) {\n      if (item.shortname.substring(1, item.shortname.length - 1).startsWith(query.toLowerCase())) {\n        return true;\n      }\n      return false;\n    });\n    return filteredEmoji.map(item => { return { id: item.unicode_character, code: item.shortname }; });\n  },\n\n  command: ({ editor, range, props }) => {\n    // increase range.to by one when the next node is of type \"text\"\n    // and starts with a space character\n    const nodeAfter = editor.view.state.selection.$to.nodeAfter;\n    const overrideSpace = nodeAfter?.text?.startsWith(' ');\n\n    if (overrideSpace) {\n      range.to += 1;\n    }\n\n    editor\n      .chain()\n      .focus()\n      .insertContentAt(range, [\n        {\n          type: 'emoji',\n          attrs: props,\n        },\n        {\n          type: 'text',\n          text: ' ',\n        },\n      ])\n      .run();\n\n    window.getSelection()?.collapseToEnd();\n  },\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(EmojiSuggestion),\n            itemType: 'emoji',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n          contentElement: null,\n          zIndex: 650,\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component.ref?.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","import { mergeAttributes, Node, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport EmojiComponent from './EmojiComponent.vue';\nimport { codeToEmojiData } from '@/common/emoji';\nimport { PluginKey } from '@tiptap/pm/state';\n\nimport Suggestion from '@tiptap/suggestion';\nimport suggestionOptions from './suggestion';\n\nexport const EmojiPluginKey = new PluginKey('emoji');\n\nconst inputShortCodeRegex = /:\\w+:$/;\nexport const emojiShortCodeRegex = /:\\w+:/g;\n/* eslint-disable max-len */\nconst inputUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])$/;\nconst pasteUnicodeRegex = /(\\u00a9|\\u00ae|[\\u2000-\\u3300]|\\ud83c[\\ud000-\\udfff]|\\ud83d[\\ud000-\\udfff]|\\ud83e[\\ud000-\\udfff])/g;\n/* eslint-enable max-len */\n\nconst inputRuleMatch = (match) => {\n  if (match && codeToEmojiData(match[0])) {\n    // needs to be a dict returned\n    // ref type InputRuleMatch:\n    // https://github.com/ueberdosis/tiptap/blob/main/packages/core/src/InputRule.ts#L16\n    return {\n      index: match.index,\n      text: match[0],\n      match,\n    };\n  }\n};\n\nconst shortCodePasteMatch = (text) => {\n  const matches = [...text.matchAll(emojiShortCodeRegex)];\n\n  return matches\n    .filter(match => codeToEmojiData(match[0]))\n    .map(match => ({\n      index: match.index,\n      text: match[0],\n      match,\n    }));\n};\n\nexport const Emoji = Node.create({\n  addOptions () {\n    return {\n      HTMLAttributes: {},\n      suggestion: {\n        char: ':',\n        pluginKey: EmojiPluginKey,\n      },\n    };\n  },\n  name: 'emoji',\n  group: 'inline',\n  inline: true,\n  selectable: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(EmojiComponent);\n  },\n\n  addAttributes () {\n    return {\n      code: {\n        default: null,\n      },\n\n      id: {\n        default: null,\n      },\n    };\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'emoji-component',\n      },\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.code;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['emoji-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    return [\n      // shortcode input\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputShortCodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n\n      nodeInputRule({\n        find: (text) => {\n          const match = text.match(inputUnicodeRegex);\n          return inputRuleMatch(match);\n        },\n        type: this.type,\n        getAttributes (attrs) {\n          const unicode = codeToEmojiData(attrs[0]).unicode_output;\n          const emoji = String.fromCodePoint(parseInt(unicode, 16));\n          return {\n            code: emoji,\n            label: 'emoji',\n          };\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    return [\n      nodePasteRule({\n        find: shortCodePasteMatch,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n      nodePasteRule({\n        find: pasteUnicodeRegex,\n        type: this.type,\n        getAttributes (attrs) {\n          return {\n            code: attrs[0],\n          };\n        },\n      }),\n    ];\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      Suggestion({\n        editor: this.editor,\n        ...this.options.suggestion,\n        ...suggestionOptions,\n      }),\n    ];\n  },\n});\n","import { getMarksBetween } from '@tiptap/core';\nimport {\n  getPhoneNumberRegex,\n  linkRegex,\n} from '@/common/utils';\n\n/**\n * Get matches in a string and return the ones that pass the optional extra\n * validation or if no validator is provided return all matches.\n */\nexport function getRegexMatches (text, regex, validator = () => true) {\n  const matches = [];\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  let match;\n  while ((match = regex.exec(text))) {\n    if (validator(text, match)) {\n      matches.push(match);\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Validate the prefix of a match in a string not to contain certain characters.\n */\nexport function hasValidPrefix (text, match) {\n  // The string match can't start with # or @ or have either preceding the match\n  // as they're reserved for mentions and hashtags.\n  return !['#', '@'].includes(text.charAt(match.index)) &&\n    !['#', '@'].includes(text.charAt(match.index - 1));\n}\n\n/**\n * Trim punctuation characters at the a of the string, e.g. \"dialpad.com!\" =>\n * \"dialpad.com\"\n */\nexport function trimEndPunctiation (string) {\n  const endPunctuationRegex = new RegExp(\n    '(?:' +\n    [\n      '[!?.,:;\\'\"]',\n      '(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$',\n    ].join('|'),\n    'g',\n  );\n  return string.replace(endPunctuationRegex, '');\n}\n\n/**\n * Find the word from a string at a given index. For example for \"example here\"\n * - indices 0-7  => \"example\"\n * - indices 8-12 => \"here\".\n * Modified from https://stackoverflow.com/a/5174867\n */\nexport function getWordAt (text, index) {\n  // Position of the first non-whitespace character following a possible\n  // whitespace when looking from the index to the left.\n  const left = text.slice(0, index + 1).search(/\\S+\\s*$/);\n\n  // Position of the first whitespace when looking from the index to the right.\n  const right = text.slice(index).search(/\\s/);\n\n  // If the word is at the end of the string, right is -1.\n  if (right < 0) {\n    const word = text.slice(left);\n    return {\n      text: word,\n      from: left,\n      to: left + word.length,\n    };\n  }\n\n  return {\n    text: text.slice(left, right + index),\n    from: left,\n    to: right + index,\n  };\n}\n\n/**\n * Helper to check if a word at a given index matches a regex and if true, finds\n * the previous or next word until the regex doesn't match anymore. Useful to\n * find for example the entire phone number when it is separated by whitespace.\n */\nexport function getWordAtUntil (text, index, direction, regex) {\n  const word = getWordAt(text, index);\n\n  // Reset the lastIndex since the last time this was run.\n  regex.lastIndex = 0;\n\n  // If the word doesn't match the regex we can just return it.\n  if (!regex.test(word.text)) {\n    return word;\n  }\n\n  // Depending on the direction take one step to the left or right to find the\n  // preceding or following word.\n  const newIndex = direction === 'left' ? word.from - 1 : word.to + 1;\n\n  // Prevent an infinite loop for the base cases.\n  if (newIndex <= 0 || newIndex >= text.length || newIndex === index) {\n    return word;\n  }\n\n  // Run the preceding/following word through the validator until we meet the\n  // string boundaries or find a word that doesn't match the regex.\n  return getWordAtUntil(text, newIndex, direction, regex);\n}\n\n/**\n * Remove marks from a range.\n */\nexport function removeMarks (range, doc, tr, type) {\n  const from = Math.max(range.from - 1, 0);\n  const to = Math.min(range.to + 1, doc.content.size);\n  const marksInRange = getMarksBetween(from, to, doc);\n\n  for (const mark of marksInRange) {\n    if (mark.mark.type !== type) {\n      continue;\n    }\n\n    tr.removeMark(mark.from, mark.to, type);\n  }\n}\n\n// Regex to match partial phone numbers.\nconst partialPhoneNumberRegex = getPhoneNumberRegex(1, 15);\n\n/**\n * Find matches from text and add marks on them.\n */\nexport function addMarks (text, pos, from, to, tr, type) {\n  if (!text) {\n    return;\n  }\n\n  // from = start index for the change\n  // pos  = start index of the node\n  // 1    = range uses 1-based indexing, deduct 1\n  let rangeFrom = from - pos - 1;\n\n  // If the change spans multiple nodes/paragraphs the start index can become\n  // negative, so default to 0.\n  rangeFrom = rangeFrom < 0 ? 0 : rangeFrom;\n\n  // to  = end index of the change\n  // pos = start index of the node\n  const rangeTo = to - pos;\n\n  // Get the first word in the range.\n  const firstWordInRange = getWordAtUntil(\n    text,\n    rangeFrom,\n    'left',\n    partialPhoneNumberRegex,\n  );\n\n  // Get the last word in the range.\n  const lastWordInRange = getWordAtUntil(\n    text,\n    rangeTo,\n    'right',\n    partialPhoneNumberRegex,\n  );\n\n  // Create a substring that consists of whole words only.\n  const wordsInRange = text.slice(firstWordInRange.from, lastWordInRange.to);\n\n  // Find all valid matches within the substring.\n  const matches = getRegexMatches(wordsInRange, linkRegex, hasValidPrefix);\n\n  // Loop through the matches and add marks.\n  matches.forEach(match => {\n    // Trim any punctuation characters at the end of the match.\n    const word = trimEndPunctiation(match[0]);\n\n    // pos                   = start index of the node\n    // firstWordInRange.from = start index of the first word in range\n    // match.index           = index of the regex match\n    // 1                     = addMark() uses 1-based indexing, add 1\n    const from = pos + firstWordInRange.from + match.index + 1;\n\n    // Sum up the from index and the match length to get the end index.\n    const to = from + word.length;\n\n    tr.addMark(from, to, type.create());\n  });\n}\n","import {\n  combineTransactionSteps,\n  findChildrenInRange,\n  getChangedRanges,\n} from '@tiptap/core';\nimport {\n  Plugin,\n  PluginKey,\n} from '@tiptap/pm/state';\nimport {\n  addMarks,\n  removeMarks,\n} from './utils';\n\n/**\n * Plugin to automatically add links into content.\n */\nexport function autolink (options) {\n  // Flag to see if we've loaded this plugin once already. This is used to run\n  // the initial content through the plugin if the editor was mounted with some.\n  let hasInitialized = false;\n\n  return new Plugin({\n    key: new PluginKey('autolink'),\n\n    appendTransaction: (transactions, oldState, newState) => {\n      const contentChanged = transactions.some(tr => tr.docChanged) &&\n        !oldState.doc.eq(newState.doc);\n\n      // Every interaction with the editor is a transaction, but we only care\n      // about the ones with content changes.\n      if (hasInitialized && !contentChanged) {\n        return;\n      }\n\n      // The original transaction that we're manipulating.\n      const { tr } = newState;\n\n      // Text content after the original transaction.\n      const { textContent } = newState.doc;\n\n      // When the editor is initialized we want to add links to it.\n      if (!hasInitialized) {\n        addMarks(textContent, 0, 0, textContent.length, tr, options.type);\n      }\n\n      hasInitialized = true;\n\n      // The transformed state of the document.\n      const transform = combineTransactionSteps(\n        oldState.doc,\n        [...transactions],\n      );\n\n      // All the changes within the document.\n      const changes = getChangedRanges(transform);\n\n      changes.forEach(({ oldRange, newRange }) => {\n        // Remove all link marks in the changed range since we'll add them\n        // right back if they're still valid links.\n        removeMarks(newRange, newState.doc, tr, options.type);\n\n        // Find all paragraphs (Textblocks) that were affected since we want to\n        // handle matches in each paragraph separately.\n        const paragraphs = findChildrenInRange(\n          newState.doc,\n          newRange,\n          node => node.isTextblock,\n        );\n\n        paragraphs.forEach(({ node, pos }) => {\n          addMarks(\n            node.textContent,\n            pos,\n            oldRange.from,\n            newRange.to,\n            tr,\n            options.type,\n          );\n        });\n      });\n\n      // Return the modified transaction or the changes above wont have effect.\n      return tr;\n    },\n  });\n}\n","import {\n  mergeAttributes,\n  Mark,\n} from '@tiptap/core';\nimport { autolink } from './autolink';\n\nconst defaultAttributes = {\n  class: 'd-link d-c-text d-d-inline-block',\n  rel: 'noopener noreferrer nofollow',\n};\n\n// This is the actual extension code, which is mostly showing that all the\n// functionality comes from the ProseMirror plugin.\nexport const Link = Mark.create({\n  name: 'Link',\n\n  renderHTML ({ HTMLAttributes }) {\n    return [\n      'a',\n      mergeAttributes(\n        this.options.HTMLAttributes,\n        HTMLAttributes,\n        defaultAttributes,\n      ),\n      0,\n    ];\n  },\n\n  renderText ({ node }) {\n    return node.attrs.text;\n  },\n\n  addProseMirrorPlugins () {\n    return [\n      autolink({ type: this.type }),\n    ];\n  },\n});\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'MentionComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '@' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n","import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Mention component\nimport MentionComponent from './MentionComponent.vue';\n\nexport const mentionRegex = /@([\\w.-]+)[^\\w.-]?/g;\n\nconst mentionPasteMatch = (text, suggestions) => {\n  const matches = [...text.matchAll(mentionRegex)];\n\n  return matches\n    .filter(match => suggestions.some(({ id }) => id === match[1].trim()))\n    .map(match => {\n      let mention = match[1];\n      if (!mention.endsWith(' ')) mention += ' ';\n      return {\n        index: match.index,\n        text: mention,\n        match,\n      };\n    });\n};\n\nconst mentionInputMatch = (text, suggestions) => {\n  const match = text.match(/@([\\w.-]+)[^\\w.-]$/);\n  if (!match || !suggestions.some(({ id }) => id === match[1])) return;\n\n  return {\n    index: match.index,\n    text: match[0],\n    match,\n  };\n};\n\nexport const MentionPlugin = Mention.extend({\n\n  addNodeView () {\n    return VueNodeViewRenderer(MentionComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'mention-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      avatarSrc: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `@${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['mention-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' });\n    return [\n      nodeInputRule({\n        find: (text) => mentionInputMatch(text, suggestions),\n        type: this.type,\n        getAttributes (attrs) {\n          return suggestions.find(({ id }) => id === attrs[0].replace('@', '').trim());\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' });\n    return [\n      nodePasteRule({\n        find: (text) => mentionPasteMatch(text, suggestions),\n        type: this.type,\n        getAttributes (attrs) {\n          return suggestions.find(({ id }) => id === attrs[0].trim());\n        },\n      }),\n    ];\n  },\n}).configure({\n  suggestion: {\n    char: '@',\n    pluginKey: new PluginKey('mentionSuggestion'),\n  },\n});\n","<!-- eslint-disable vue/no-restricted-class -->\n<template>\n  <node-view-wrapper\n    class=\"d-d-inline-block\"\n  >\n    <dt-link\n      kind=\"mention\"\n    >\n      {{ text }}\n    </dt-link>\n  </node-view-wrapper>\n</template>\n\n<script>\nimport { nodeViewProps, NodeViewWrapper } from '@tiptap/vue-3';\n\nimport { DtLink } from '@/components/link';\n\nexport default {\n  name: 'ChannelComponent',\n  components: {\n    NodeViewWrapper,\n    DtLink,\n  },\n\n  props: nodeViewProps,\n\n  computed: {\n    text () {\n      return '#' + this.$props.node.attrs.name;\n    },\n  },\n};\n</script>\n","import Mention from '@tiptap/extension-mention';\nimport { mergeAttributes, nodeInputRule, nodePasteRule } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport { PluginKey } from '@tiptap/pm/state';\n\n// Channel Mention component\nimport ChannelComponent from './ChannelComponent.vue';\n\nexport const channelRegex = /#([\\w-]+)[^\\w-]?/g;\n\nconst channelPasteMatch = (text, suggestions) => {\n  const matches = [...text.matchAll(channelRegex)];\n\n  return matches\n    .filter(match => suggestions.some(({ id }) => id === match[1].trim()))\n    .map(match => {\n      let channel = match[1];\n      if (!channel.endsWith(' ')) channel += ' ';\n      return {\n        index: match.index,\n        text: channel,\n        match,\n      };\n    });\n};\n\nconst channelInputMatch = (text, suggestions) => {\n  const match = text.match(/#([\\w-]+)[^\\w-]$/);\n  if (!match || !suggestions.some(({ id }) => id === match[1])) return;\n\n  return {\n    index: match.index,\n    text: match[0],\n    match,\n  };\n};\n\nexport const ChannelPlugin = Mention.extend({\n  name: 'channel',\n  group: 'inline',\n  inline: true,\n\n  addNodeView () {\n    return VueNodeViewRenderer(ChannelComponent);\n  },\n\n  parseHTML () {\n    return [\n      {\n        tag: 'channel-component',\n      },\n    ];\n  },\n\n  addAttributes () {\n    return {\n      name: {\n        default: '',\n      },\n      id: {\n        default: '',\n      },\n      locked: {\n        default: false,\n      },\n    };\n  },\n\n  renderText ({ node }) {\n    return `#${node.attrs.id}`;\n  },\n\n  renderHTML ({ HTMLAttributes }) {\n    return ['channel-component', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];\n  },\n\n  addInputRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' });\n    return [\n      nodeInputRule({\n        find: (text) => channelInputMatch(text, suggestions),\n        type: this.type,\n        getAttributes (attrs) {\n          return suggestions.find(({ id }) => id === attrs[0].replace('#', '').trim());\n        },\n      }),\n    ];\n  },\n\n  addPasteRules () {\n    const suggestions = this.options.suggestion?.items({ query: '' });\n    return [\n      nodePasteRule({\n        find: (text) => channelPasteMatch(text, suggestions),\n        type: this.type,\n        getAttributes (attrs) {\n          return suggestions.find(({ id }) => id === attrs[0].trim());\n        },\n      }),\n    ];\n  },\n}).configure({\n  suggestion: {\n    char: '#',\n    pluginKey: new PluginKey('channelSuggestion'),\n  },\n});\n","export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n  'text',\n  'json',\n  'html',\n];\n\nexport const RICH_TEXT_EDITOR_AUTOFOCUS_TYPES = [\n  'start',\n  'end',\n  'all',\n];\n\nexport const RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS = [\n  'https',\n  'http',\n  'ftp',\n  'ftps',\n  'sftp',\n  'mailto',\n];\n\nexport default {\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n};\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-avatar\n      :full-name=\"name\"\n      :image-src=\"avatarSrc\"\n      :image-alt=\"name\"\n      size=\"xs\"\n    />\n    {{ name }}\n  </dt-stack>\n</template>\n\n<script>\nimport { DtAvatar } from '@/components/avatar';\nimport { DtStack } from '@/components/stack';\n\nexport default {\n  name: 'MentionSuggestion',\n  components: {\n    DtAvatar,\n    DtStack,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n\n    avatarSrc () {\n      return this.item.avatarSrc;\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport MentionSuggestion from './MentionSuggestion.vue';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(MentionSuggestion),\n            itemType: 'mention',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <dt-stack\n    direction=\"row\"\n    gap=\"400\"\n  >\n    <dt-icon-hash\n      v-if=\"!item.locked\"\n      size=\"300\"\n    />\n    <dt-icon-lock\n      v-else\n      size=\"300\"\n    />\n    <span>{{ name }}</span>\n  </dt-stack>\n</template>\n\n<script>\nimport { DtStack } from '@/components/stack';\nimport DtIconHash from '@dialpad/dialtone-icons/vue3/hash';\nimport DtIconLock from '@dialpad/dialtone-icons/vue3/lock';\n\nexport default {\n  name: 'ChannelSuggestion',\n  components: {\n    DtStack,\n    DtIconHash,\n    DtIconLock,\n  },\n\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    name () {\n      return this.item.name;\n    },\n  },\n};\n</script>\n","import { markRaw } from 'vue';\nimport { VueRenderer } from '@tiptap/vue-3';\nimport tippy from 'tippy.js';\n\nimport SuggestionList from '../suggestion/SuggestionList.vue';\nimport ChannelSuggestion from './ChannelSuggestion.vue';\n\nexport default {\n\n  // This function comes from the user and passed to the editor directly.\n  // This will also activate the mention plugin on the editor\n  // items: ({ query }) => { return [] },\n\n  allowSpaces: true,\n\n  render: () => {\n    let component;\n    let popup;\n\n    return {\n      onStart: props => {\n        component = new VueRenderer(SuggestionList, {\n          props: {\n            itemComponent: markRaw(ChannelSuggestion),\n            itemType: 'channel',\n            ...props,\n          },\n          editor: props.editor,\n        });\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup = tippy('body', {\n          getReferenceClientRect: props.clientRect,\n          appendTo: () => document.body,\n          content: component.element,\n          showOnCreate: true,\n          interactive: true,\n          trigger: 'manual',\n          placement: 'top-start',\n        });\n      },\n\n      onUpdate (props) {\n        component.updateProps(props);\n\n        if (!props.clientRect) {\n          return;\n        }\n\n        popup[0].setProps({\n          getReferenceClientRect: props.clientRect,\n        });\n      },\n\n      onKeyDown (props) {\n        if (props.event.key === 'Escape') {\n          popup[0].hide();\n\n          return true;\n        }\n\n        return component?.ref.onKeyDown(props);\n      },\n\n      onExit () {\n        popup[0].destroy();\n        component.destroy();\n      },\n    };\n  },\n};\n","<template>\n  <editor-content\n    :editor=\"editor\"\n    data-qa=\"dt-rich-text-editor\"\n    class=\"dt-rich-text-editor\"\n  />\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { Editor, EditorContent } from '@tiptap/vue-3';\nimport Blockquote from '@tiptap/extension-blockquote';\nimport CodeBlock from '@tiptap/extension-code-block';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Bold from '@tiptap/extension-bold';\nimport BulletList from '@tiptap/extension-bullet-list';\nimport Italic from '@tiptap/extension-italic';\nimport TipTapLink from '@tiptap/extension-link';\nimport ListItem from '@tiptap/extension-list-item';\nimport OrderedList from '@tiptap/extension-ordered-list';\nimport Strike from '@tiptap/extension-strike';\nimport Underline from '@tiptap/extension-underline';\nimport Text from '@tiptap/extension-text';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Emoji from './extensions/emoji';\nimport Link from './extensions/link';\nimport { MentionPlugin, mentionRegex } from './extensions/mentions/mention';\nimport { ChannelPlugin, channelRegex } from './extensions/channels/channel';\nimport { emojiShortCodeRegex } from './extensions/emoji/emoji.js';\nimport {\n  RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n  RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n  RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n} from './rich_text_editor_constants';\n\nimport mentionSuggestion from './extensions/mentions/suggestion';\nimport channelSuggestion from './extensions/channels/suggestion';\nimport emojiRegex from 'emoji-regex';\nimport { codeToEmojiData } from '@/common/emoji';\n\nexport default {\n  name: 'DtRichTextEditor',\n\n  components: {\n    EditorContent,\n  },\n\n  props: {\n    /**\n     * Value of the input. The object format should match TipTap's JSON\n     * document structure: https://tiptap.dev/guide/output#option-1-json\n     */\n    modelValue: {\n      type: [Object, String],\n      default: '',\n    },\n\n    /**\n     * Whether the input is editable\n     */\n    editable: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for line breaks to be introduced in the text.\n     */\n    allowLineBreaks: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Descriptive label for the input element\n     */\n    inputAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Additional class name for the input element. Only accepts a String value\n     * because this is passed to the editor via options. For multiple classes,\n     * join them into one string, e.g. \"d-p8 d-hmx96\"\n     */\n    inputClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the input should receive focus after the component has been\n     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.\n     * - `start`  Sets the focus to the beginning of the input\n     * - `end`    Sets the focus to the end of the input\n     * - `all`    Selects the whole contents of the input\n     * - `Number` Sets the focus to a specific position in the input\n     * - `true`   Defaults to `start`\n     * - `false`  Disables autofocus\n     * @values true, false, start, end, all, number\n     */\n    autoFocus: {\n      type: [Boolean, String, Number],\n      default: false,\n      validator (autoFocus) {\n        if (typeof autoFocus === 'string') {\n          return RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(autoFocus);\n        }\n        return true;\n      },\n    },\n\n    /**\n     * The output format that the editor uses when emitting the \"@input\" event.\n     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for\n     * examples.\n     * @values text, json, html\n     */\n    outputFormat: {\n      type: String,\n      default: 'text',\n      validator (outputFormat) {\n        return RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(outputFormat);\n      },\n    },\n\n    /**\n     * Placeholder text\n     */\n    placeholder: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Enables the Link extension and optionally passes configurations to it\n     */\n    link: {\n      type: [Boolean, Object],\n      default: false,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the contacts for suggestion.\n     * items({ query }) => { return [ContactObject]; }\n     * ContactObject format:\n     * { name: string, avatarSrc: string, id: string }\n     *\n     * When null, it does not add the plugin.\n     */\n    mentionSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * suggestion object containing the items query function.\n     * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion\n     *\n     * The only required key is the items function which is used to query the channels for suggestion.\n     * items({ query }) => { return [ChannelObject]; }\n     * ChannelObject format:\n     * { name: string, id: string, locked: boolean }\n     *\n     * When null, it does not add the plugin. Setting locked to true will display a lock rather than hash.\n     */\n    channelSuggestion: {\n      type: Object,\n      default: null,\n    },\n\n    /**\n     * Whether the input allows for block quote.\n     */\n    allowBlockquote: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bold to be introduced in the text.\n     */\n    allowBold: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for bullet list to be introduced in the text.\n    */\n    allowBulletList: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for italic to be introduced in the text.\n     */\n    allowItalic: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for strike to be introduced in the text.\n     */\n    allowStrike: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Whether the input allows for underline to be introduced in the text.\n     */\n    allowUnderline: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Editor input event\n     * @event input\n     * @type {String|JSON}\n     */\n    'input',\n\n    /**\n     * Event to sync the value with the parent\n     * @event update:value\n     * @type {String|JSON}\n     */\n    'update:modelValue',\n\n    /**\n     * Editor blur event\n     * @event blur\n     * @type {FocusEvent}\n     */\n    'blur',\n\n    /**\n     * Editor focus event\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\n  ],\n\n  data () {\n    return {\n      editor: null,\n      popoverOpened: false,\n      internalValue: this.modelValue,\n    };\n  },\n\n  computed: {\n    // eslint-disable-next-line complexity\n    extensions () {\n      // These are the default extensions needed just for plain text.\n      const extensions = [Document, Paragraph, Text];\n      if (this.link) {\n        extensions.push(this.getExtension(Link, this.link));\n      }\n      if (this.allowBlockquote) {\n        extensions.push(Blockquote);\n      }\n      if (this.allowBold) {\n        extensions.push(Bold);\n      }\n      if (this.allowBulletList) {\n        extensions.push(BulletList);\n        extensions.push(ListItem);\n        extensions.push(OrderedList.configure({\n          itemTypeName: 'listItem',\n        }));\n      }\n      if (this.allowItalic) {\n        extensions.push(Italic);\n      }\n      if (this.allowStrike) {\n        extensions.push(Strike);\n      }\n      if (this.allowUnderline) {\n        extensions.push(Underline);\n      }\n\n      // Enable placeholderText\n      extensions.push(\n        Placeholder.configure({ placeholder: this.placeholder }),\n      );\n\n      // make sure that this is defined before any other extensions\n      // where Enter and Shift+Enter should have its own interaction. otherwise it will be ignored\n      if (!this.allowLineBreaks) {\n        extensions.push(\n          HardBreak.extend({\n            addKeyboardShortcuts () {\n              return {\n                Enter: () => true,\n                'Shift-Enter': () => this.editor.commands.first(({ commands }) => [\n                  () => commands.newlineInCode(),\n                  () => commands.createParagraphNear(),\n                  () => commands.liftEmptyBlock(),\n                  () => commands.splitBlock(),\n                ]),\n              };\n            },\n          }),\n        );\n      }\n\n      extensions.push(TipTapLink.extend({ inclusive: false }).configure({\n        autolink: true,\n        protocols: RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,\n      }));\n\n      if (this.mentionSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.mentionSuggestion, ...mentionSuggestion };\n        extensions.push(MentionPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      if (this.channelSuggestion) {\n        // Add both the suggestion plugin as well as means for user to add suggestion items to the plugin\n        const suggestionObject = { ...this.channelSuggestion, ...channelSuggestion };\n        extensions.push(ChannelPlugin.configure({ suggestion: suggestionObject }));\n      }\n\n      // Emoji has some interactions with Enter key\n      // hence this should be done last otherwise the enter wont add a emoji.\n      extensions.push(Emoji);\n\n      extensions.push(TextAlign.configure({\n        types: ['paragraph'],\n        defaultAlignment: 'left',\n      }));\n\n      extensions.push(CodeBlock.configure({\n        HTMLAttributes: {\n          class: 'dt-rich-text-editor--code-block',\n        },\n      }));\n\n      return extensions;\n    },\n\n    inputAttrs () {\n      const attrs = {\n        'aria-label': this.inputAriaLabel,\n        'aria-multiline': true,\n        role: 'textbox',\n      };\n      if (!this.editable) {\n        attrs['aria-readonly'] = true;\n      }\n      return attrs;\n    },\n  },\n\n  /**\n    * Because the Editor instance is initialized when mounted it does not get\n    * updated props automatically, so the ones that can change after mount have\n    * to be hooked up to the Editor's own API.\n    */\n  watch: {\n    editable (isEditable) {\n      this.editor.setEditable(isEditable);\n      this.updateEditorAttributes({ 'aria-readonly': !isEditable });\n    },\n\n    inputClass (newClass) {\n      this.updateEditorAttributes({ class: newClass });\n    },\n\n    inputAriaLabel (newLabel) {\n      this.updateEditorAttributes({ 'aria-label': newLabel });\n    },\n\n    extensions () {\n      // Extensions can't be registered on the fly, so just recreate the editor.\n      // https://github.com/ueberdosis/tiptap/issues/1044\n      this.destroyEditor();\n      this.createEditor();\n    },\n\n    modelValue (newValue) {\n      let currentValue = this.getOutput();\n      if (this.outputFormat === 'json') {\n        newValue = JSON.stringify(newValue);\n        currentValue = JSON.stringify(currentValue);\n      }\n      if (newValue === currentValue) {\n        // The new value came from this component and was passed back down\n        // through the parent, so don't do anything here.\n        return;\n      }\n\n      this.internalValue = newValue;\n      this.insertContent();\n    },\n  },\n\n  created () {\n    this.createEditor();\n  },\n\n  beforeUnmount () {\n    this.destroyEditor();\n  },\n\n  methods: {\n    createEditor () {\n      // For all available options, see https://tiptap.dev/api/editor#settings\n      this.editor = new Editor({\n        autofocus: this.autoFocus,\n        editable: this.editable,\n        extensions: this.extensions,\n        editorProps: {\n          attributes: {\n            ...this.inputAttrs,\n            class: this.inputClass,\n          },\n        },\n      });\n      this.insertContent();\n      this.addEditorListeners();\n    },\n\n    /**\n     * This function is necessary as tiptap doesn't render the content passed\n     * directly through `editor.commands.setContent` the content passed down to it\n     * should be already parsed. So We're parsing the elements into it's corresponding\n     * HTML version before setting it.\n     */\n    insertContent () {\n      this.parseMentions();\n      this.parseChannels();\n      this.parseEmojis();\n      this.editor.commands.setContent(this.internalValue, true);\n    },\n\n    parseEmojis () {\n      const matches = [...this.modelValue.matchAll(emojiRegex()), ...this.modelValue.matchAll(emojiShortCodeRegex)];\n      if (!matches) return;\n\n      matches.forEach(match => {\n        const emoji = codeToEmojiData(match[0]);\n        if (!emoji) return;\n        this.internalValue = this.internalValue.replace(new RegExp(` ${match[0]}`), ` <emoji-component code=\"${emoji.shortname}\"></emoji-component>`);\n      });\n    },\n\n    parseChannels () {\n      if (!this.channelSuggestion) return;\n\n      const suggestions = this.channelSuggestion.items({ query: '' });\n      const matches = [...this.modelValue.matchAll(channelRegex)]\n        .filter(match => suggestions.some(({ id }) => id === match[1]));\n\n      if (!matches) return;\n\n      matches.forEach(match => {\n        const channel = suggestions.find(({ id }) => id === match[1]);\n        this.internalValue = this.internalValue.replace(\n          `#${match[1]}`,\n          /** The space at the beginning is important as tiptap removes that while rendering.\n           *  So if multiple mentions, channels or emojis are next to each other it will fail\n           */\n          ` <channel-component name=\"${channel.name}\" id=\"${channel.id}\"></channel-component>`,\n        );\n      });\n    },\n\n    parseMentions () {\n      if (!this.mentionSuggestion) return;\n\n      const suggestions = this.mentionSuggestion.items({ query: '' });\n      const matches = [...this.modelValue.matchAll(mentionRegex)]\n        .filter(match => suggestions.some(({ id }) => id === match[1]));\n\n      if (!matches) return;\n\n      matches.forEach(match => {\n        const mention = suggestions.find(({ id }) => id === match[1]);\n        this.internalValue = this.internalValue.replace(`@${match[1]}`, ` <mention-component name=\"${mention.name}\" id=\"${mention.id}\"></mention-component>`);\n      });\n    },\n\n    destroyEditor () {\n      this.editor.destroy();\n    },\n\n    /**\n     * The Editor exposes event hooks that we have to map our emits into. See\n     * https://tiptap.dev/api/events for all events.\n     */\n    addEditorListeners () {\n      // The content has changed.\n      this.editor.on('update', () => {\n        const value = this.getOutput();\n        this.$emit('input', value);\n        this.$emit('update:modelValue', value);\n      });\n\n      // The editor is focused.\n      this.editor.on('focus', ({ event }) => {\n        this.$emit('focus', event);\n      });\n\n      // The editor isn’t focused anymore.\n      this.editor.on('blur', ({ event }) => {\n        this.$emit('blur', event);\n      });\n    },\n\n    getOutput () {\n      switch (this.outputFormat) {\n        case 'json':\n          return this.editor.getJSON();\n        case 'html':\n          return this.editor.getHTML();\n        case 'text':\n        default:\n          return this.editor.getText();\n      }\n    },\n\n    getExtension (extension, options) {\n      if (typeof options === 'boolean') {\n        return extension;\n      }\n      return extension.configure?.(options);\n    },\n\n    updateEditorAttributes (attributes) {\n      this.editor.setOptions({ editorProps: { attributes } });\n    },\n\n    focusEditor () {\n      this.editor.commands.focus();\n    },\n  },\n};\n</script>\n\n<style lang=\"less\">\n  .ProseMirror p.is-editor-empty:first-child::before {\n    content: attr(data-placeholder);\n    float: left;\n    color: var(--dt-color-foreground-placeholder);\n    pointer-events: none;\n    height: 0;\n  }\n\n  .ProseMirror ul > li {\n    list-style-type: disc;\n  }\n\n  .ProseMirror ol > li {\n    list-style-type: decimal;\n  }\n\n  .ProseMirror blockquote {\n    padding-left: var(--dt-space-400);\n    border-left: var(--dt-size-border-300) solid var(--dt-color-foreground-muted-inverted);\n    margin-left: 0;\n  }\n\n  .dt-rich-text-editor--code-block {\n    background: var(--dt-color-surface-secondary);\n    padding: var(--dt-space-400);\n  }\n\n  .dt-rich-text-editor {\n    overflow: hidden;\n  }\n</style>\n"],"names":["_sfc_main","_createBlock","_createVNode","_openBlock","_createElementBlock","_withDirectives","_createElementVNode","_Fragment","_renderList","_normalizeClass","_resolveDynamicComponent","_vShow","_toDisplayString","from","to","tr","_createTextVNode"],"mappings":"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"}