npm - @dialpad/dialtone - Versions diffs - 9.139.1 → 9.140.0 - Mend

@dialpad/dialtone 9.139.1 → 9.140.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/dist/vue3/lib/message-input/message-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-input.js","sources":["../../../recipes/conversation_view/message_input/extensions/meeting_pill/MeetingPill.vue","../../../recipes/conversation_view/message_input/extensions/meeting_pill/meeting_pill.js","../../../recipes/conversation_view/message_input/message_input.vue"],"sourcesContent":["<template>\n <node-view-wrapper class=\"d-recipe-message-input-meeting-pill\">\n <dt-item-layout\n class=\"d-recipe-message-input-meeting-pill__layout\"\n unstyled\n >\n <template #left>\n <div class=\"d-recipe-message-input-meeting-pill__icon\">\n <dt-icon-video\n size=\"400\"\n />\n </div>\n </template>\n {{ node.attrs.text }}\n <template #right>\n <div class=\"d-recipe-message-input-meeting-pill__close\">\n <dt-button\n circle\n importance=\"clear\"\n size=\"xs\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"300\"\n />\n </template>\n </dt-button>\n </div>\n </template>\n </dt-item-layout>\n </node-view-wrapper>\n</template>\n\n<script>\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtIconClose, DtIconVideo } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n name: 'MeetingPill',\n\n components: {\n NodeViewWrapper,\n DtItemLayout,\n DtIconClose,\n DtButton,\n DtIconVideo,\n },\n\n props: nodeViewProps,\n\n emits: ['meeting-pill-close'],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n methods: {\n close (e) {\n // Get the callback from extension storage\n const onCloseCallback = this.editor?.storage?.meetingPill?.onClose;\n\n if (onCloseCallback && typeof onCloseCallback === 'function') {\n onCloseCallback(e);\n }\n },\n },\n};\n</script>\n","import { mergeAttributes, Node } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport MeetingPill from './MeetingPill.vue';\n\nexport default Node.create({\n name: 'meetingPill',\n\n atom: true,\n group: 'inline',\n inline: true,\n\n addOptions () {\n return {\n onClose: () => {},\n };\n },\n\n addStorage () {\n return {\n onClose: this.options.onClose,\n };\n },\n\n addNodeView () {\n return VueNodeViewRenderer(MeetingPill);\n },\n\n addAttributes () {\n return {\n text: {\n default: 'Please pass in \"text\" attribute',\n },\n };\n },\n\n parseHTML () {\n return [\n {\n tag: 'meeting-pill',\n },\n ];\n },\n\n renderText () {\n return '/dpm';\n },\n\n renderHTML ({ HTMLAttributes }) {\n return ['meeting-pill', mergeAttributes(HTMLAttributes)];\n },\n});\n","<!-- eslint-disable max-lines -->\n<template>\n <div\n data-qa=\"dt-recipe-message-input\"\n role=\"presentation\"\n class=\"d-recipe-message-input\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n @dragover.prevent\n @drop.prevent=\"onDrop\"\n @paste=\"onPaste\"\n @mousedown=\"onMousedown\"\n >\n <!-- @slot Renders above the input, but still within the borders. -->\n <slot name=\"top\" />\n\n <!-- set key to selectedText to force update. otherwise this component may not reflect the active selection -->\n <dt-recipe-message-input-topbar\n v-if=\"richText\"\n :key=\"selectedText\"\n :bold-button-options=\"boldButtonOptions\"\n :italic-button-options=\"italicButtonOptions\"\n :strike-button-options=\"strikeButtonOptions\"\n :bullet-list-button-options=\"bulletListButtonOptions\"\n :ordered-list-button-options=\"orderedListButtonOptions\"\n :block-quote-button-options=\"blockQuoteButtonOptions\"\n :code-button-options=\"codeButtonOptions\"\n :code-block-button-options=\"codeBlockButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @click=\"handleTopbarClick\"\n >\n <template #link>\n <dt-recipe-message-input-link\n ref=\"link\"\n :open=\"linkDialogOpen\"\n :link-button-options=\"linkButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @opened=\"linkDialogOpened\"\n @set-link=\"setLink\"\n @remove-link=\"removeLink\"\n />\n </template>\n </dt-recipe-message-input-topbar>\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n v-dt-scrollbar\n class=\"d-recipe-message-input__editor-wrapper\"\n :style=\"{ 'max-height': maxHeight }\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-blockquote=\"richText\"\n :allow-bold=\"richText\"\n :allow-bullet-list=\"richText\"\n :allow-code=\"richText\"\n :allow-codeblock=\"richText\"\n :allow-italic=\"richText\"\n :allow-strike=\"richText\"\n :allow-underline=\"richText\"\n :paste-rich-text=\"richText\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"inputClass\"\n :output-format=\"outputFormat\"\n :auto-focus=\"autoFocus\"\n :link=\"richText\"\n :placeholder=\"placeholder\"\n :prevent-typing=\"preventTyping\"\n :mention-suggestion=\"mentionSuggestion\"\n :channel-suggestion=\"channelSuggestion\"\n :slash-command-suggestion=\"slashCommandSuggestion\"\n :additional-extensions=\"additionalExtensions\"\n :hide-link-bubble-menu=\"hideLinkBubbleMenu\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n @input=\"onInput\"\n @text-input=\"onTextInput\"\n @enter=\"onSend\"\n @selected=\"selectedText = $event\"\n @selected-command=\"$emit('selected-command', $event)\"\n @edit-link=\"initLinkDialog\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n />\n </div>\n <!-- @slot Slot for attachment carousel -->\n <slot name=\"middle\" />\n <!-- Section for the bottom UI -->\n <section class=\"d-recipe-message-input__bottom-section\">\n <!-- Left content -->\n <div class=\"d-recipe-message-input__bottom-section-left\">\n <dt-stack\n gap=\"200\"\n direction=\"row\"\n >\n <dt-button\n v-if=\"showImagePicker\"\n v-dt-tooltip:top-start=\"imagePickerButtonLabel\"\n data-qa=\"dt-recipe-message-input-image-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"imagePickerButtonLabel\"\n @click=\"onSelectImage\"\n @mouseenter=\"imagePickerFocus = true\"\n @mouseleave=\"imagePickerFocus = false\"\n @focus=\"imagePickerFocus = true\"\n @blur=\"imagePickerFocus = false\"\n >\n <template #icon>\n <dt-icon-image size=\"300\" />\n </template>\n </dt-button>\n <dt-input\n ref=\"messageInputImageUpload\"\n data-qa=\"dt-recipe-message-input-image-input\"\n accept=\"image/, video/\"\n type=\"file\"\n class=\"d-recipe-message-input__image-input\"\n multiple\n hidden\n @input=\"onImageUpload\"\n />\n <dt-popover\n v-if=\"showEmojiPicker\"\n open.sync=\"emojiPickerOpened\"\n data-qa=\"dt-recipe-message-input-emoji-picker-popover\"\n initial-focus-element=\"#searchInput\"\n padding=\"none\"\n >\n <template #anchor=\"{ attrs }\">\n <dt-button\n v-dt-tooltip=\"emojiPickerButtonLabel\"\n v-bind=\"attrs\"\n data-qa=\"dt-recipe-message-input-emoji-picker-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"emojiPickerButtonLabel\"\n @click=\"toggleEmojiPicker\"\n @mouseenter=\"emojiPickerFocus = true\"\n @mouseleave=\"emojiPickerFocus = false\"\n @focus=\"emojiPickerFocus = true\"\n @blur=\"emojiPickerFocus = false\"\n >\n <template #icon>\n <dt-icon-very-satisfied\n v-if=\"emojiPickerHovered\"\n size=\"300\"\n />\n <dt-icon-satisfied\n v-else\n size=\"300\"\n />\n </template>\n </dt-button>\n </template>\n <template #content=\"{ close }\">\n <dt-emoji-picker\n v-bind=\"emojiPickerProps\"\n @add-emoji=\"$emit('add-emoji')\"\n @skin-tone=\"onSkinTone\"\n @selected-emoji=\"(emoji) => onSelectEmoji(emoji, close)\"\n @scroll-bottom-reached=\"$emit('emoji-scroll-bottom-reached')\"\n />\n </template>\n </dt-popover>\n <!-- @slot Slot for emojiGiphy picker -->\n <slot name=\"emojiGiphyPicker\" />\n <!-- @slot Slot to add extra action icons next to default ones -->\n <slot name=\"customActionIcons\" />\n </dt-stack>\n </div>\n <!-- Right content -->\n <div class=\"d-recipe-message-input__bottom-section-right\">\n <dt-stack\n direction=\"row\"\n gap=\"300\"\n >\n <!-- @slot Slot for schedule message -->\n <div class=\"d-recipe-message-input__schedule-message\">\n <slot name=\"scheduleMessage\" />\n </div>\n\n <!-- @slot Slot for sms count -->\n <div class=\"d-recipe-message-input__sms-count\">\n <slot name=\"smsCount\" />\n </div>\n\n <!-- Optionally displayed remaining character counter -->\n <dt-tooltip\n v-if=\"Boolean(showCharacterLimit)\"\n class=\"d-recipe-message-input__remaining-char-tooltip\"\n placement=\"top-end\"\n :enabled=\"characterLimitTooltipEnabled\"\n :message=\"showCharacterLimit.message\"\n :offset=\"[10, 8]\"\n >\n <template #anchor>\n <p\n v-show=\"displayCharacterLimitWarning\"\n class=\"d-recipe-message-input__remaining-char\"\n data-qa=\"dt-recipe-message-input-character-limit\"\n >\n {{ showCharacterLimit.count - inputLength }}\n </p>\n </template>\n </dt-tooltip>\n\n <!-- Cancel button for edit mode -->\n <dt-button\n v-if=\"showCancel\"\n v-dt-tooltip=\"cancelButtonLabel\"\n data-qa=\"dt-recipe-message-input-cancel-button\"\n class=\"d-recipe-message-input__button d-recipe-message-input__cancel-button\"\n size=\"sm\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"cancelButtonLabel\"\n @click=\"onCancel\"\n >\n <p>{{ cancelButtonLabel }}</p>\n </dt-button>\n\n <!-- @slot Slot for sendButton picker -->\n <slot name=\"sendButton\">\n <!-- Send button -->\n <!-- Right positioned UI - send button -->\n <dt-button\n v-if=\"showSend\"\n v-dt-tooltip:top-end=\"sendButtonLabel\"\n data-qa=\"dt-recipe-message-input-send-btn\"\n size=\"sm\"\n kind=\"default\"\n importance=\"primary\"\n :class=\"[\n 'd-recipe-message-input__button d-recipe-message-input__send-button',\n {\n 'd-recipe-message-input__send-button--disabled': isSendDisabled,\n 'd-btn--icon-only': showSendIcon,\n },\n ]\"\n :aria-label=\"sendButtonLabel\"\n :aria-disabled=\"isSendDisabled\"\n @click=\"onSend\"\n >\n <template\n v-if=\"showSendIcon\"\n #icon\n >\n <!-- @slot Slot for send button icon -->\n <slot\n name=\"sendIcon\"\n :icon-size=\"sendIconSize\"\n >\n <dt-icon-send :size=\"sendIconSize\" />\n </slot>\n </template>\n <template v-if=\"showSend.text\">\n <p>{{ showSend.text }}</p>\n </template>\n </dt-button>\n </slot>\n </dt-stack>\n </div>\n </section>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport lastActiveNodes from './last_active_nodes';\nimport { removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport MeetingPill from './extensions/meeting_pill/meeting_pill';\nimport { DtButton } from '@/components/button';\nimport { DtEmojiPicker } from '@/components/emoji_picker';\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport {\n DtIconImage, DtIconVerySatisfied, DtIconSatisfied, DtIconSend,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputTopbar from './message_input_topbar.vue';\nimport DtRecipeMessageInputLink from './message_input_link.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n} from '../editor/editor_constants.js';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMessageInput',\n\n components: {\n DtButton,\n DtEmojiPicker,\n DtInput,\n DtPopover,\n DtRecipeMessageInputTopbar,\n DtRecipeMessageInputLink,\n DtRichTextEditor,\n DtTooltip,\n DtStack,\n DtIconImage,\n DtIconVerySatisfied,\n DtIconSatisfied,\n DtIconSend,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\n * Rich text formatting for the purposes of this component is defined as:\n \n bold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n \n If you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.\n /\n richText: {\n type: Boolean,\n default: true,\n },\n\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 Descriptive label for the input element\n /\n inputAriaLabel: {\n type: String,\n required: true,\n default: '',\n },\n\n /\n Prevents the user from typing any further. Deleting text will still work.\n /\n preventTyping: {\n type: Boolean,\n default: false,\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: 'json',\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 Disable Send Button\n /\n disableSend: {\n type: Boolean,\n default: false,\n },\n\n /\n Content area needs to dynamically adjust height based on the conversation area height.\n * can be vh\|px\|rem\|em\|%\n /\n maxHeight: {\n type: String,\n default: 'unset',\n },\n\n // Emoji picker props\n showEmojiPicker: {\n type: Boolean,\n default: true,\n },\n\n /\n Props to pass into the emoji picker.\n /\n emojiPickerProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n Enable character Limit warning\n /\n showCharacterLimit: {\n type: [Boolean, Object],\n default: () => ({ count: 1500, warning: 500, message: '' }),\n },\n\n showImagePicker: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n Send button defaults.\n * TODO (Dialtone 10):\n * - Change to `showSendButton`, boolean only.\n /\n showSend: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n TODO (Dialtone 10):\n * - Add a prop `iconOnly` default: true to control if localized send button text should be shown\n /\n\n /\n Cancel button defaults.\n * TODO (Dialtone 10): Change to `showCancelButton`, boolean only.\n /\n showCancel: {\n type: [Boolean, Object],\n default: () => ({}),\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 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 slash commands for suggestion.\n * items({ query }) => { return [SlashCommandObject]; }\n * SlashCommandObject format:\n * { command: string, description: string, parametersExample?: string }\n * The \"parametersExample\" parameter is optional, and describes an example\n * of the parameters that command can take.\n \n When null, it does not add the plugin.\n /\n slashCommandSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n descriptive text fields for the bold button\n \n object format:\n * { keyboardShortcutText: string }\n /\n boldButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + B',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { keyboardShortcutText: string }\n /\n italicButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + I',\n }),\n },\n\n /\n descriptive text fields for the strikethrough button\n \n object format:\n * { keyboardShortcutText: string }\n /\n strikeButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + S',\n }),\n },\n\n /\n descriptive text fields for the link button\n \n object format:\n * { keyboardShortcutText: string }\n /\n linkButtonOptions: {\n type: Object,\n default: () => ({\n // TODO: implement mod k\n keyboardShortcutText: 'Mod + K',\n linkPlaceholder: 'e.g. https://www.dialpad.com',\n }),\n },\n\n /\n descriptive text fields for the bullet list button\n \n object format:\n * { keyboardShortcutText: string }\n /\n bulletListButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + 8',\n }),\n },\n\n /\n descriptive text fields for the ordered list button\n \n object format:\n * { keyboardShortcutText: string }\n /\n orderedListButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + 7',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { keyboardShortcutText: string }\n /\n blockQuoteButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + B',\n }),\n },\n\n /\n descriptive text fields for the code button\n \n object format:\n * { keyboardShortcutText: string }\n /\n codeButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + E',\n }),\n },\n\n /\n descriptive text fields for the code block button\n \n object format:\n * { keyboardShortcutText: string }\n /\n codeBlockButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Alt + C',\n }),\n },\n },\n\n emits: [\n /\n Fires when send button is clicked\n \n @event submit\n * @type {String}\n /\n 'submit',\n\n /\n Fires when media is selected from image button\n \n @event select-media\n * @type {Array}\n /\n 'select-media',\n\n /\n Fires when media is dropped into the message input\n \n @event add-media\n * @type {Array}\n /\n 'add-media',\n\n /\n Fires when media is pasted into the message input\n \n @event paste-media\n * @type {Array}\n /\n 'paste-media',\n\n /\n Fires when cancel button is pressed (only on edit mode)\n \n @event cancel\n * @type {Boolean}\n /\n 'cancel',\n\n /\n Fires when skin tone is selected from the emoji picker\n \n @event skin-tone\n * @type {String}\n /\n 'skin-tone',\n\n /\n Fires when emoji is selected from the emoji picker\n \n @event selected-emoji\n * @type {String}\n /\n 'selected-emoji',\n\n /\n Fires when a slash command is selected\n \n @event selected-command\n * @type {String}\n /\n 'selected-command',\n\n /\n Fires when meeting pill is closed\n \n @event meeting-pill-close\n * @type {String}\n /\n 'meeting-pill-close',\n\n /\n Event to sync the value with the parent\n * @event update:modelValue\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Emitted when input changes, returns text content only\n * @event text-input\n * @type {String}\n /\n 'text-input',\n\n /\n Emitted when the 'Add emoji' button is clicked\n * @event add-emoji\n * @type {Boolean}\n /\n 'add-emoji',\n\n /\n Emitted when the emoji picker scroll reaches the bottom\n * @event emoji-scroll-bottom-reached\n */\n 'emoji-scroll-bottom-reached',\n ],\n\n data () {\n return {\n // If an ordered list is nested within an unordered list, we only want to show the currently selected list as\n // active. This function performs the logic to determine the farthest active node from the root.\n lastActiveNodes,\n additionalExtensions: [\n MeetingPill.configure({\n onClose: (event) => {\n this.$emit('meeting-pill-close', event);\n },\n }),\n ],\n\n internalInputValue: this.modelValue, // internal input content\n imagePickerFocus: false,\n emojiPickerFocus: false,\n emojiPickerOpened: false,\n isFocused: false,\n linkOptions: {\n class: 'd-link d-c-text d-d-inline-block',\n },\n\n linkDialogOpen: false,\n selectedText: '',\n text: '',\n hideLinkBubbleMenu: false,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n showSendIcon () {\n return !this.showSend.text;\n },\n\n inputLength () {\n return this.text.length;\n },\n\n displayCharacterLimitWarning () {\n return (\n Boolean(this.showCharacterLimit) &&\n this.showCharacterLimit.count - this.inputLength <=\n this.showCharacterLimit.warning\n );\n },\n\n characterLimitTooltipEnabled () {\n return (\n this.showCharacterLimit.message &&\n this.showCharacterLimit.count - this.inputLength < 0\n );\n },\n\n isSendDisabled () {\n return (\n this.disableSend \|\|\n (this.showCharacterLimit &&\n this.inputLength > this.showCharacterLimit.count)\n );\n },\n\n emojiPickerHovered () {\n return this.emojiPickerFocus \|\| this.emojiPickerOpened;\n },\n\n sendIconSize () {\n return '300';\n },\n\n sendButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL');\n },\n\n imagePickerButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL');\n },\n\n emojiPickerButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL');\n },\n\n cancelButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL');\n },\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n\n emojiPickerOpened (newValue) {\n if (!newValue) {\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n },\n\n created () {\n if (this.modelValue && this.outputFormat === 'text') {\n this.internalInputValue = this.modelValue.replace(/\\n/g, '<br>');\n } else {\n this.internalInputValue = this.modelValue;\n }\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n\n linkDialogOpened (value) {\n this.linkDialogOpen = value;\n if (value === true) {\n this.initLinkDialog();\n } else {\n this.hideLinkBubbleMenu = false;\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n\n handleTopbarClick (type) {\n const editor = this.$refs.richTextEditor?.editor;\n // Key is the name returned in the event, value is the name of the TipTap command function to run.\n const typeToCommandMap = {\n bold: () => editor?.chain().focus().toggleBold().run(),\n italic: () => editor?.chain().focus().toggleItalic().run(),\n strike: () => editor?.chain().focus().toggleStrike().run(),\n bulletList: () => editor?.chain().focus().toggleBulletList().run(),\n orderedList: () => editor?.chain().focus().toggleOrderedList().run(),\n blockquote: () => editor?.chain().focus().toggleBlockquote().run(),\n code: () => editor?.chain().focus().toggleCode().run(),\n codeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n };\n\n if (editor && typeToCommandMap[type]) {\n typeToCommandMap[type]();\n }\n },\n\n // Checks if the node currently selected is active ex/ the bold button is active if the selected text is bold\n // eslint-disable-next-line complexity\n isSelectionActive (type) {\n if (['bulletList', 'orderedList'].includes(type)) {\n return this.lastActiveNodes(this.$refs.richTextEditor?.editor?.state, [{ type: 'bulletList' }, { type: 'orderedList' }]).includes(type) && this.isFocused;\n }\n return this.$refs.richTextEditor?.editor?.isActive(type) && this.isFocused;\n },\n\n initLinkDialog () {\n this.$refs.link.setInitialValues(this.selectedText, this.$refs.richTextEditor?.editor?.getAttributes('link')?.href);\n this.hideLinkBubbleMenu = true;\n this.linkDialogOpen = true;\n },\n\n removeLink () {\n this.$refs.richTextEditor?.removeLink();\n this.linkDialogOpen = false;\n },\n\n setLink (linkText, linkInput) {\n this.$refs.richTextEditor.setLink(\n linkInput, linkText, this.linkOptions, EDITOR_SUPPORTED_LINK_PROTOCOLS, EDITOR_DEFAULT_LINK_PREFIX,\n );\n this.linkDialogOpen = false;\n },\n\n // Mousedown instead of click because it fires before the blur event.\n onMousedown (e) {\n const isWithinInput = returnFirstEl(this.$refs.richTextEditor.$el)\n .querySelector('.tiptap')\n .contains(e.target);\n\n // If the click is not within the tiptap rich text editor input itself, but still within the wrapping div,\n // focus the editor.\n if (!isWithinInput) {\n // Prevent default prevents blurring the rich text editor input when it is already focused.\n e.preventDefault();\n this.$refs.richTextEditor.focusEditor();\n }\n },\n\n onDrop (e) {\n const dt = e.dataTransfer;\n const files = Array.from(dt.files);\n this.$emit('add-media', files);\n },\n\n onPaste (e) {\n if (e.clipboardData.files.length) {\n e.stopPropagation();\n e.preventDefault();\n const files = [...e.clipboardData.files];\n this.$emit('paste-media', files);\n }\n },\n\n onSkinTone (skinTone) {\n this.$emit('skin-tone', skinTone);\n },\n\n onSelectEmoji (emoji, close) {\n if (!emoji) {\n return;\n }\n\n if (!emoji.shift_key) {\n close();\n }\n\n // Insert emoji into the editor\n this.$refs.richTextEditor.editor.commands.insertContent({\n type: 'emoji',\n attrs: {\n code: emoji.shortname,\n image: emoji.image,\n name: emoji.name,\n },\n });\n this.$emit('selected-emoji', emoji);\n },\n\n onSelectImage () {\n this.$refs.messageInputImageUpload.$refs.input.click();\n },\n\n onImageUpload () {\n this.$emit(\n 'select-media',\n this.$refs.messageInputImageUpload.$refs.input.files,\n );\n },\n\n toggleEmojiPicker () {\n this.emojiPickerOpened = !this.emojiPickerOpened;\n },\n\n onSend () {\n if (this.isSendDisabled) {\n return;\n }\n this.$emit('submit', this.internalInputValue);\n },\n\n onCancel () {\n this.$emit('cancel');\n },\n\n onInput (event) {\n this.$emit('update:modelValue', event);\n },\n\n onTextInput (event) {\n this.text = event;\n this.$emit('text-input', event);\n },\n },\n};\n</script>\n"],"names":["_sfc_main","NodeViewWrapper","DtItemLayout","DtIconClose","DtButton","DtIconVideo","nodeViewProps","DialtoneLocalization","e","onCloseCallback","_c","_b","_a","_hoisted_1","_hoisted_2","_createBlock","_component_node_view_wrapper","_withCtx","_createVNode","_component_dt_item_layout","_createElementVNode","_component_dt_icon_video","_component_dt_button","$options","_component_dt_icon_close","_createTextVNode","_ctx","MeetingPill","Node","VueNodeViewRenderer","HTMLAttributes","mergeAttributes","DtEmojiPicker","DtInput","DtPopover","DtRecipeMessageInputTopbar","DtRecipeMessageInputLink","DtRichTextEditor","DtTooltip","DtStack","DtIconImage","DtIconVerySatisfied","DtIconSatisfied","DtIconSend","autoFocus","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","outputFormat","RICH_TEXT_EDITOR_OUTPUT_FORMATS","lastActiveNodes","event","newValue","removeClassStyleAttrs","addClassStyleAttrs","value","type","editor","typeToCommandMap","_d","linkText","linkInput","EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","returnFirstEl","dt","files","skinTone","emoji","close","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_mergeProps","_cache","_withModifiers","args","_renderSlot","$props","_component_dt_recipe_message_input_topbar","$data","_component_dt_recipe_message_input_link","_createCommentVNode","_normalizeStyle","_component_dt_rich_text_editor","$event","_component_dt_stack","_component_dt_icon_image","_directive_dt_tooltip","_component_dt_input","_component_dt_popover","attrs","_component_dt_icon_very_satisfied","_component_dt_icon_satisfied","_component_dt_emoji_picker","_component_dt_tooltip","_normalizeClass","_createSlots","_hoisted_6","_toDisplayString","_component_dt_icon_send"],"mappings":"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"}
1	+ {"version":3,"file":"message-input.js","sources":["../../../recipes/conversation_view/message_input/extensions/meeting_pill/MeetingPill.vue","../../../recipes/conversation_view/message_input/extensions/meeting_pill/meeting_pill.js","../../../recipes/conversation_view/message_input/message_input.vue"],"sourcesContent":["<template>\n <node-view-wrapper class=\"d-recipe-message-input-meeting-pill\">\n <dt-item-layout\n class=\"d-recipe-message-input-meeting-pill__layout\"\n unstyled\n >\n <template #left>\n <div class=\"d-recipe-message-input-meeting-pill__icon\">\n <dt-icon-video\n size=\"400\"\n />\n </div>\n </template>\n {{ node.attrs.text }}\n <template #right>\n <div class=\"d-recipe-message-input-meeting-pill__close\">\n <dt-button\n circle\n importance=\"clear\"\n size=\"xs\"\n :aria-label=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\n @click=\"close\"\n >\n <template #icon>\n <dt-icon-close\n size=\"300\"\n />\n </template>\n </dt-button>\n </div>\n </template>\n </dt-item-layout>\n </node-view-wrapper>\n</template>\n\n<script>\nimport { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-3';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtIconClose, DtIconVideo } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n name: 'MeetingPill',\n\n components: {\n NodeViewWrapper,\n DtItemLayout,\n DtIconClose,\n DtButton,\n DtIconVideo,\n },\n\n props: nodeViewProps,\n\n emits: ['meeting-pill-close'],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n methods: {\n close (e) {\n // Get the callback from extension storage\n const onCloseCallback = this.editor?.storage?.meetingPill?.onClose;\n\n if (onCloseCallback && typeof onCloseCallback === 'function') {\n onCloseCallback(e);\n }\n },\n },\n};\n</script>\n","import { mergeAttributes, Node } from '@tiptap/core';\nimport { VueNodeViewRenderer } from '@tiptap/vue-3';\nimport MeetingPill from './MeetingPill.vue';\n\nexport default Node.create({\n name: 'meetingPill',\n\n atom: true,\n group: 'inline',\n inline: true,\n\n addOptions () {\n return {\n onClose: () => {},\n };\n },\n\n addStorage () {\n return {\n onClose: this.options.onClose,\n };\n },\n\n addNodeView () {\n return VueNodeViewRenderer(MeetingPill);\n },\n\n addAttributes () {\n return {\n text: {\n default: 'Please pass in \"text\" attribute',\n },\n };\n },\n\n parseHTML () {\n return [\n {\n tag: 'meeting-pill',\n },\n ];\n },\n\n renderText () {\n return '/dpm';\n },\n\n renderHTML ({ HTMLAttributes }) {\n return ['meeting-pill', mergeAttributes(HTMLAttributes)];\n },\n});\n","<!-- eslint-disable max-lines -->\n<template>\n <div\n data-qa=\"dt-recipe-message-input\"\n role=\"presentation\"\n class=\"d-recipe-message-input\"\n v-bind=\"addClassStyleAttrs($attrs)\"\n @dragover.prevent\n @drop.prevent=\"onDrop\"\n @paste=\"onPaste\"\n @mousedown=\"onMousedown\"\n >\n <!-- @slot Renders above the input, but still within the borders. -->\n <slot name=\"top\" />\n\n <!-- set key to selectedText to force update. otherwise this component may not reflect the active selection -->\n <dt-recipe-message-input-topbar\n v-if=\"richText\"\n :key=\"selectedText\"\n :bold-button-options=\"boldButtonOptions\"\n :italic-button-options=\"italicButtonOptions\"\n :strike-button-options=\"strikeButtonOptions\"\n :bullet-list-button-options=\"bulletListButtonOptions\"\n :ordered-list-button-options=\"orderedListButtonOptions\"\n :block-quote-button-options=\"blockQuoteButtonOptions\"\n :code-button-options=\"codeButtonOptions\"\n :code-block-button-options=\"codeBlockButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @click=\"handleTopbarClick\"\n >\n <template #link>\n <dt-recipe-message-input-link\n ref=\"link\"\n :open=\"linkDialogOpen\"\n :link-button-options=\"linkButtonOptions\"\n :is-selection-active=\"isSelectionActive\"\n @opened=\"linkDialogOpened\"\n @set-link=\"setLink\"\n @remove-link=\"removeLink\"\n />\n </template>\n </dt-recipe-message-input-topbar>\n <!-- Some wrapper to restrict the height and show the scrollbar -->\n <div\n v-dt-scrollbar\n class=\"d-recipe-message-input__editor-wrapper\"\n :style=\"{ 'max-height': maxHeight }\"\n >\n <dt-rich-text-editor\n ref=\"richTextEditor\"\n v-model=\"internalInputValue\"\n :allow-blockquote=\"richText\"\n :allow-bold=\"richText\"\n :allow-bullet-list=\"richText\"\n :allow-code=\"richText\"\n :allow-codeblock=\"richText\"\n :allow-italic=\"richText\"\n :allow-strike=\"richText\"\n :allow-underline=\"richText\"\n :paste-rich-text=\"richText\"\n :editable=\"editable\"\n :input-aria-label=\"inputAriaLabel\"\n :input-class=\"inputClass\"\n :output-format=\"outputFormat\"\n :auto-focus=\"autoFocus\"\n :link=\"richText\"\n :placeholder=\"placeholder\"\n :prevent-typing=\"preventTyping\"\n :mention-suggestion=\"mentionSuggestion\"\n :channel-suggestion=\"channelSuggestion\"\n :slash-command-suggestion=\"slashCommandSuggestion\"\n :additional-extensions=\"additionalExtensions\"\n :hide-link-bubble-menu=\"hideLinkBubbleMenu\"\n v-bind=\"removeClassStyleAttrs($attrs)\"\n @input=\"onInput\"\n @text-input=\"onTextInput\"\n @markdown-input=\"onMarkdownInput\"\n @enter=\"onSend\"\n @selected=\"selectedText = $event\"\n @selected-command=\"$emit('selected-command', $event)\"\n @edit-link=\"initLinkDialog\"\n @focus=\"isFocused = true\"\n @blur=\"isFocused = false\"\n />\n </div>\n <!-- @slot Slot for attachment carousel -->\n <slot name=\"middle\" />\n <!-- Section for the bottom UI -->\n <section class=\"d-recipe-message-input__bottom-section\">\n <!-- Left content -->\n <div class=\"d-recipe-message-input__bottom-section-left\">\n <dt-stack\n gap=\"200\"\n direction=\"row\"\n >\n <dt-button\n v-if=\"showImagePicker\"\n v-dt-tooltip:top-start=\"imagePickerButtonLabel\"\n data-qa=\"dt-recipe-message-input-image-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"imagePickerButtonLabel\"\n @click=\"onSelectImage\"\n @mouseenter=\"imagePickerFocus = true\"\n @mouseleave=\"imagePickerFocus = false\"\n @focus=\"imagePickerFocus = true\"\n @blur=\"imagePickerFocus = false\"\n >\n <template #icon>\n <dt-icon-image size=\"300\" />\n </template>\n </dt-button>\n <dt-input\n ref=\"messageInputImageUpload\"\n data-qa=\"dt-recipe-message-input-image-input\"\n accept=\"image/, video/\"\n type=\"file\"\n class=\"d-recipe-message-input__image-input\"\n multiple\n hidden\n @input=\"onImageUpload\"\n />\n <dt-popover\n v-if=\"showEmojiPicker\"\n open.sync=\"emojiPickerOpened\"\n data-qa=\"dt-recipe-message-input-emoji-picker-popover\"\n initial-focus-element=\"#searchInput\"\n padding=\"none\"\n >\n <template #anchor=\"{ attrs }\">\n <dt-button\n v-dt-tooltip=\"emojiPickerButtonLabel\"\n v-bind=\"attrs\"\n data-qa=\"dt-recipe-message-input-emoji-picker-btn\"\n size=\"sm\"\n class=\"d-recipe-message-input__button\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"emojiPickerButtonLabel\"\n @click=\"toggleEmojiPicker\"\n @mouseenter=\"emojiPickerFocus = true\"\n @mouseleave=\"emojiPickerFocus = false\"\n @focus=\"emojiPickerFocus = true\"\n @blur=\"emojiPickerFocus = false\"\n >\n <template #icon>\n <dt-icon-very-satisfied\n v-if=\"emojiPickerHovered\"\n size=\"300\"\n />\n <dt-icon-satisfied\n v-else\n size=\"300\"\n />\n </template>\n </dt-button>\n </template>\n <template #content=\"{ close }\">\n <dt-emoji-picker\n v-bind=\"emojiPickerProps\"\n @add-emoji=\"$emit('add-emoji')\"\n @skin-tone=\"onSkinTone\"\n @selected-emoji=\"(emoji) => onSelectEmoji(emoji, close)\"\n @scroll-bottom-reached=\"$emit('emoji-scroll-bottom-reached')\"\n />\n </template>\n </dt-popover>\n <!-- @slot Slot for emojiGiphy picker -->\n <slot name=\"emojiGiphyPicker\" />\n <!-- @slot Slot to add extra action icons next to default ones -->\n <slot name=\"customActionIcons\" />\n </dt-stack>\n </div>\n <!-- Right content -->\n <div class=\"d-recipe-message-input__bottom-section-right\">\n <dt-stack\n direction=\"row\"\n gap=\"300\"\n >\n <!-- @slot Slot for schedule message -->\n <div class=\"d-recipe-message-input__schedule-message\">\n <slot name=\"scheduleMessage\" />\n </div>\n\n <!-- @slot Slot for sms count -->\n <div class=\"d-recipe-message-input__sms-count\">\n <slot name=\"smsCount\" />\n </div>\n\n <!-- Optionally displayed remaining character counter -->\n <dt-tooltip\n v-if=\"Boolean(showCharacterLimit)\"\n class=\"d-recipe-message-input__remaining-char-tooltip\"\n placement=\"top-end\"\n :enabled=\"characterLimitTooltipEnabled\"\n :message=\"showCharacterLimit.message\"\n :offset=\"[10, 8]\"\n >\n <template #anchor>\n <p\n v-show=\"displayCharacterLimitWarning\"\n class=\"d-recipe-message-input__remaining-char\"\n data-qa=\"dt-recipe-message-input-character-limit\"\n >\n {{ showCharacterLimit.count - inputLength }}\n </p>\n </template>\n </dt-tooltip>\n\n <!-- Cancel button for edit mode -->\n <dt-button\n v-if=\"showCancel\"\n v-dt-tooltip=\"cancelButtonLabel\"\n data-qa=\"dt-recipe-message-input-cancel-button\"\n class=\"d-recipe-message-input__button d-recipe-message-input__cancel-button\"\n size=\"sm\"\n kind=\"muted\"\n importance=\"clear\"\n :aria-label=\"cancelButtonLabel\"\n @click=\"onCancel\"\n >\n <p>{{ cancelButtonLabel }}</p>\n </dt-button>\n\n <!-- @slot Slot for sendButton picker -->\n <slot name=\"sendButton\">\n <!-- Send button -->\n <!-- Right positioned UI - send button -->\n <dt-button\n v-if=\"showSend\"\n v-dt-tooltip:top-end=\"sendButtonLabel\"\n data-qa=\"dt-recipe-message-input-send-btn\"\n size=\"sm\"\n kind=\"default\"\n importance=\"primary\"\n :class=\"[\n 'd-recipe-message-input__button d-recipe-message-input__send-button',\n {\n 'd-recipe-message-input__send-button--disabled': isSendDisabled,\n 'd-btn--icon-only': showSendIcon,\n },\n ]\"\n :aria-label=\"sendButtonLabel\"\n :aria-disabled=\"isSendDisabled\"\n @click=\"onSend\"\n >\n <template\n v-if=\"showSendIcon\"\n #icon\n >\n <!-- @slot Slot for send button icon -->\n <slot\n name=\"sendIcon\"\n :icon-size=\"sendIconSize\"\n >\n <dt-icon-send :size=\"sendIconSize\" />\n </slot>\n </template>\n <template v-if=\"showSend.text\">\n <p>{{ showSend.text }}</p>\n </template>\n </dt-button>\n </slot>\n </dt-stack>\n </div>\n </section>\n </div>\n</template>\n\n<script>\n/* eslint-disable max-lines /\nimport {\n DtRichTextEditor,\n RICH_TEXT_EDITOR_OUTPUT_FORMATS,\n RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,\n} from '@/components/rich_text_editor';\nimport lastActiveNodes from './last_active_nodes';\nimport { removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\nimport MeetingPill from './extensions/meeting_pill/meeting_pill';\nimport { DtButton } from '@/components/button';\nimport { DtEmojiPicker } from '@/components/emoji_picker';\nimport { DtPopover } from '@/components/popover';\nimport { DtInput } from '@/components/input';\nimport { DtTooltip } from '@/components/tooltip';\nimport { DtStack } from '@/components/stack';\nimport {\n DtIconImage, DtIconVerySatisfied, DtIconSatisfied, DtIconSend,\n} from '@dialpad/dialtone-icons/vue3';\nimport DtRecipeMessageInputTopbar from './message_input_topbar.vue';\nimport DtRecipeMessageInputLink from './message_input_link.vue';\nimport { DialtoneLocalization } from '@/localization';\n\nimport {\n EDITOR_SUPPORTED_LINK_PROTOCOLS,\n EDITOR_DEFAULT_LINK_PREFIX,\n} from '../editor/editor_constants.js';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeMessageInput',\n\n components: {\n DtButton,\n DtEmojiPicker,\n DtInput,\n DtPopover,\n DtRecipeMessageInputTopbar,\n DtRecipeMessageInputLink,\n DtRichTextEditor,\n DtTooltip,\n DtStack,\n DtIconImage,\n DtIconVerySatisfied,\n DtIconSatisfied,\n DtIconSend,\n },\n\n inheritAttrs: false,\n\n props: {\n /\n Displays all the buttons for rich text formatting above the message input, and enables it within the editor.\n * Rich text formatting for the purposes of this component is defined as:\n \n bold, italic, strikethrough, lists, blockquotes, inline code tags, and code blocks.\n \n If you are sending a message to a phone rather than a Dialpad to Dialpad message, you should have this as false.\n /\n richText: {\n type: Boolean,\n default: true,\n },\n\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 Descriptive label for the input element\n /\n inputAriaLabel: {\n type: String,\n required: true,\n default: '',\n },\n\n /\n Prevents the user from typing any further. Deleting text will still work.\n /\n preventTyping: {\n type: Boolean,\n default: false,\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`, `markdown`. See https://tiptap.dev/guide/output for\n * examples.\n * @values text, json, html, markdown\n /\n outputFormat: {\n type: String,\n default: 'json',\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 Disable Send Button\n /\n disableSend: {\n type: Boolean,\n default: false,\n },\n\n /\n Content area needs to dynamically adjust height based on the conversation area height.\n * can be vh\|px\|rem\|em\|%\n /\n maxHeight: {\n type: String,\n default: 'unset',\n },\n\n // Emoji picker props\n showEmojiPicker: {\n type: Boolean,\n default: true,\n },\n\n /\n Props to pass into the emoji picker.\n /\n emojiPickerProps: {\n type: Object,\n default: () => ({}),\n },\n\n /\n Enable character Limit warning\n /\n showCharacterLimit: {\n type: [Boolean, Object],\n default: () => ({ count: 1500, warning: 500, message: '' }),\n },\n\n showImagePicker: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n Send button defaults.\n * TODO (Dialtone 10):\n * - Change to `showSendButton`, boolean only.\n /\n showSend: {\n type: [Boolean, Object],\n default: () => ({}),\n },\n\n /\n TODO (Dialtone 10):\n * - Add a prop `iconOnly` default: true to control if localized send button text should be shown\n /\n\n /\n Cancel button defaults.\n * TODO (Dialtone 10): Change to `showCancelButton`, boolean only.\n /\n showCancel: {\n type: [Boolean, Object],\n default: () => ({}),\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 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 slash commands for suggestion.\n * items({ query }) => { return [SlashCommandObject]; }\n * SlashCommandObject format:\n * { command: string, description: string, parametersExample?: string }\n * The \"parametersExample\" parameter is optional, and describes an example\n * of the parameters that command can take.\n \n When null, it does not add the plugin.\n /\n slashCommandSuggestion: {\n type: Object,\n default: null,\n },\n\n /\n descriptive text fields for the bold button\n \n object format:\n * { keyboardShortcutText: string }\n /\n boldButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + B',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { keyboardShortcutText: string }\n /\n italicButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + I',\n }),\n },\n\n /\n descriptive text fields for the strikethrough button\n \n object format:\n * { keyboardShortcutText: string }\n /\n strikeButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + S',\n }),\n },\n\n /\n descriptive text fields for the link button\n \n object format:\n * { keyboardShortcutText: string }\n /\n linkButtonOptions: {\n type: Object,\n default: () => ({\n // TODO: implement mod k\n keyboardShortcutText: 'Mod + K',\n linkPlaceholder: 'e.g. https://www.dialpad.com',\n }),\n },\n\n /\n descriptive text fields for the bullet list button\n \n object format:\n * { keyboardShortcutText: string }\n /\n bulletListButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + 8',\n }),\n },\n\n /\n descriptive text fields for the ordered list button\n \n object format:\n * { keyboardShortcutText: string }\n /\n orderedListButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + 7',\n }),\n },\n\n /\n descriptive text fields for the italic button\n \n object format:\n * { keyboardShortcutText: string }\n /\n blockQuoteButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Shift + B',\n }),\n },\n\n /\n descriptive text fields for the code button\n \n object format:\n * { keyboardShortcutText: string }\n /\n codeButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + E',\n }),\n },\n\n /\n descriptive text fields for the code block button\n \n object format:\n * { keyboardShortcutText: string }\n /\n codeBlockButtonOptions: {\n type: Object,\n default: () => ({\n keyboardShortcutText: 'Mod + Alt + C',\n }),\n },\n },\n\n emits: [\n /\n Fires when send button is clicked\n \n @event submit\n * @type {String}\n /\n 'submit',\n\n /\n Fires when media is selected from image button\n \n @event select-media\n * @type {Array}\n /\n 'select-media',\n\n /\n Fires when media is dropped into the message input\n \n @event add-media\n * @type {Array}\n /\n 'add-media',\n\n /\n Fires when media is pasted into the message input\n \n @event paste-media\n * @type {Array}\n /\n 'paste-media',\n\n /\n Fires when cancel button is pressed (only on edit mode)\n \n @event cancel\n * @type {Boolean}\n /\n 'cancel',\n\n /\n Fires when skin tone is selected from the emoji picker\n \n @event skin-tone\n * @type {String}\n /\n 'skin-tone',\n\n /\n Fires when emoji is selected from the emoji picker\n \n @event selected-emoji\n * @type {String}\n /\n 'selected-emoji',\n\n /\n Fires when a slash command is selected\n \n @event selected-command\n * @type {String}\n /\n 'selected-command',\n\n /\n Fires when meeting pill is closed\n \n @event meeting-pill-close\n * @type {String}\n /\n 'meeting-pill-close',\n\n /\n Event to sync the value with the parent\n * @event update:modelValue\n * @type {String\|JSON}\n /\n 'update:modelValue',\n\n /\n Emitted when input changes, returns text content only\n * @event text-input\n * @type {String}\n /\n 'text-input',\n\n /\n Emitted when input changes, returns markdown content only\n * @event markdown-input\n * @type {String}\n /\n 'markdown-input',\n\n /\n Emitted when the 'Add emoji' button is clicked\n * @event add-emoji\n * @type {Boolean}\n /\n 'add-emoji',\n\n /\n Emitted when the emoji picker scroll reaches the bottom\n * @event emoji-scroll-bottom-reached\n */\n 'emoji-scroll-bottom-reached',\n ],\n\n data () {\n return {\n // If an ordered list is nested within an unordered list, we only want to show the currently selected list as\n // active. This function performs the logic to determine the farthest active node from the root.\n lastActiveNodes,\n additionalExtensions: [\n MeetingPill.configure({\n onClose: (event) => {\n this.$emit('meeting-pill-close', event);\n },\n }),\n ],\n\n internalInputValue: this.modelValue, // internal input content\n imagePickerFocus: false,\n emojiPickerFocus: false,\n emojiPickerOpened: false,\n isFocused: false,\n linkOptions: {\n class: 'd-link d-c-text d-d-inline-block',\n },\n\n linkDialogOpen: false,\n selectedText: '',\n text: '',\n hideLinkBubbleMenu: false,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n showSendIcon () {\n return !this.showSend.text;\n },\n\n inputLength () {\n return this.text.length;\n },\n\n displayCharacterLimitWarning () {\n return (\n Boolean(this.showCharacterLimit) &&\n this.showCharacterLimit.count - this.inputLength <=\n this.showCharacterLimit.warning\n );\n },\n\n characterLimitTooltipEnabled () {\n return (\n this.showCharacterLimit.message &&\n this.showCharacterLimit.count - this.inputLength < 0\n );\n },\n\n isSendDisabled () {\n return (\n this.disableSend \|\|\n (this.showCharacterLimit &&\n this.inputLength > this.showCharacterLimit.count)\n );\n },\n\n emojiPickerHovered () {\n return this.emojiPickerFocus \|\| this.emojiPickerOpened;\n },\n\n sendIconSize () {\n return '300';\n },\n\n sendButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_SEND_BUTTON_ARIA_LABEL');\n },\n\n imagePickerButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_IMAGE_PICKER_BUTTON_ARIA_LABEL');\n },\n\n emojiPickerButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_EMOJI_PICKER_BUTTON_ARIA_LABEL');\n },\n\n cancelButtonLabel () {\n return this.i18n.$t('DIALTONE_MESSAGE_INPUT_CANCEL_BUTTON_ARIA_LABEL');\n },\n },\n\n watch: {\n modelValue (newValue) {\n this.internalInputValue = newValue;\n },\n\n emojiPickerOpened (newValue) {\n if (!newValue) {\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n },\n\n created () {\n if (this.modelValue && this.outputFormat === 'text') {\n this.internalInputValue = this.modelValue.replace(/\\n/g, '<br>');\n } else {\n this.internalInputValue = this.modelValue;\n }\n },\n\n methods: {\n removeClassStyleAttrs,\n addClassStyleAttrs,\n\n linkDialogOpened (value) {\n this.linkDialogOpen = value;\n if (value === true) {\n this.initLinkDialog();\n } else {\n this.hideLinkBubbleMenu = false;\n this.$refs.richTextEditor?.focusEditor();\n }\n },\n\n handleTopbarClick (type) {\n const editor = this.$refs.richTextEditor?.editor;\n // Key is the name returned in the event, value is the name of the TipTap command function to run.\n const typeToCommandMap = {\n bold: () => editor?.chain().focus().toggleBold().run(),\n italic: () => editor?.chain().focus().toggleItalic().run(),\n strike: () => editor?.chain().focus().toggleStrike().run(),\n bulletList: () => editor?.chain().focus().toggleBulletList().run(),\n orderedList: () => editor?.chain().focus().toggleOrderedList().run(),\n blockquote: () => editor?.chain().focus().toggleBlockquote().run(),\n code: () => editor?.chain().focus().toggleCode().run(),\n codeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n };\n\n if (editor && typeToCommandMap[type]) {\n typeToCommandMap[type]();\n }\n },\n\n // Checks if the node currently selected is active ex/ the bold button is active if the selected text is bold\n\n isSelectionActive (type) {\n if (['bulletList', 'orderedList'].includes(type)) {\n return this.lastActiveNodes(this.$refs.richTextEditor?.editor?.state, [{ type: 'bulletList' }, { type: 'orderedList' }]).includes(type) && this.isFocused;\n }\n return this.$refs.richTextEditor?.editor?.isActive(type) && this.isFocused;\n },\n\n initLinkDialog () {\n this.$refs.link.setInitialValues(this.selectedText, this.$refs.richTextEditor?.editor?.getAttributes('link')?.href);\n this.hideLinkBubbleMenu = true;\n this.linkDialogOpen = true;\n },\n\n removeLink () {\n this.$refs.richTextEditor?.removeLink();\n this.linkDialogOpen = false;\n },\n\n setLink (linkText, linkInput) {\n this.$refs.richTextEditor.setLink(\n linkInput, linkText, this.linkOptions, EDITOR_SUPPORTED_LINK_PROTOCOLS, EDITOR_DEFAULT_LINK_PREFIX,\n );\n this.linkDialogOpen = false;\n },\n\n // Mousedown instead of click because it fires before the blur event.\n onMousedown (e) {\n const isWithinInput = returnFirstEl(this.$refs.richTextEditor.$el)\n .querySelector('.tiptap')\n .contains(e.target);\n\n // If the click is not within the tiptap rich text editor input itself, but still within the wrapping div,\n // focus the editor.\n if (!isWithinInput) {\n // Prevent default prevents blurring the rich text editor input when it is already focused.\n e.preventDefault();\n this.$refs.richTextEditor.focusEditor();\n }\n },\n\n onDrop (e) {\n const dt = e.dataTransfer;\n const files = Array.from(dt.files);\n this.$emit('add-media', files);\n },\n\n onPaste (e) {\n if (e.clipboardData.files.length) {\n e.stopPropagation();\n e.preventDefault();\n const files = [...e.clipboardData.files];\n this.$emit('paste-media', files);\n }\n },\n\n onSkinTone (skinTone) {\n this.$emit('skin-tone', skinTone);\n },\n\n onSelectEmoji (emoji, close) {\n if (!emoji) {\n return;\n }\n\n if (!emoji.shift_key) {\n close();\n }\n\n // Insert emoji into the editor\n this.$refs.richTextEditor.editor.commands.insertContent({\n type: 'emoji',\n attrs: {\n code: emoji.shortname,\n image: emoji.image,\n name: emoji.name,\n },\n });\n this.$emit('selected-emoji', emoji);\n },\n\n onSelectImage () {\n this.$refs.messageInputImageUpload.$refs.input.click();\n },\n\n onImageUpload () {\n this.$emit(\n 'select-media',\n this.$refs.messageInputImageUpload.$refs.input.files,\n );\n },\n\n toggleEmojiPicker () {\n this.emojiPickerOpened = !this.emojiPickerOpened;\n },\n\n onSend () {\n if (this.isSendDisabled) {\n return;\n }\n this.$emit('submit', this.internalInputValue);\n },\n\n onCancel () {\n this.$emit('cancel');\n },\n\n onInput (event) {\n this.$emit('update:modelValue', event);\n },\n\n onTextInput (event) {\n this.text = event;\n this.$emit('text-input', event);\n },\n\n onMarkdownInput (event) {\n this.$emit('markdown-input', event);\n },\n },\n};\n</script>\n"],"names":["_sfc_main","NodeViewWrapper","DtItemLayout","DtIconClose","DtButton","DtIconVideo","nodeViewProps","DialtoneLocalization","e","onCloseCallback","_c","_b","_a","_hoisted_1","_hoisted_2","_createBlock","_component_node_view_wrapper","_withCtx","_createVNode","_component_dt_item_layout","_createElementVNode","_component_dt_icon_video","_component_dt_button","$options","_component_dt_icon_close","_createTextVNode","_ctx","MeetingPill","Node","VueNodeViewRenderer","HTMLAttributes","mergeAttributes","DtEmojiPicker","DtInput","DtPopover","DtRecipeMessageInputTopbar","DtRecipeMessageInputLink","DtRichTextEditor","DtTooltip","DtStack","DtIconImage","DtIconVerySatisfied","DtIconSatisfied","DtIconSend","autoFocus","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","outputFormat","RICH_TEXT_EDITOR_OUTPUT_FORMATS","lastActiveNodes","event","newValue","removeClassStyleAttrs","addClassStyleAttrs","value","type","editor","typeToCommandMap","_d","linkText","linkInput","EDITOR_SUPPORTED_LINK_PROTOCOLS","EDITOR_DEFAULT_LINK_PREFIX","returnFirstEl","dt","files","skinTone","emoji","close","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_mergeProps","_cache","_withModifiers","args","_renderSlot","$props","_component_dt_recipe_message_input_topbar","$data","_component_dt_recipe_message_input_link","_createCommentVNode","_normalizeStyle","_component_dt_rich_text_editor","$event","_component_dt_stack","_component_dt_icon_image","_directive_dt_tooltip","_component_dt_input","_component_dt_popover","attrs","_component_dt_icon_very_satisfied","_component_dt_icon_satisfied","_component_dt_emoji_picker","_component_dt_tooltip","_normalizeClass","_createSlots","_hoisted_6","_toDisplayString","_component_dt_icon_send"],"mappings":"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"}

package/dist/vue3/lib/rich-text-editor/channel-suggestion.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"channel-suggestion.cjs","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["~~/* eslint-disable max-len */\~~nexport default {\n items ({ query }) {\n const CHANNEL_LIST = [\n {\n id: 'dialpad',\n name: 'dialpad',\n },\n {\n id: 'dialtone',\n name: 'dialtone',\n },\n {\n id: 'dialtone-vue',\n name: 'dialtone-vue',\n },\n {\n id: 'dialtone-internal',\n name: 'dialtone-internal',\n locked: true,\n },\n ];\n\n if (query.length === 0) return CHANNEL_LIST;\n\n return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"4GACA,MAAAA,EAAe,CACb,MAAO,CAAE,MAAAC,GAAS,CAChB,MAAMC,EAAe,CACnB,CACE,GAAI,UACJ,KAAM,SACd,EACM,CACE,GAAI,WACJ,KAAM,UACd,EACM,CACE,GAAI,eACJ,KAAM,cACd,EACM,CACE,GAAI,oBACJ,KAAM,oBACN,OAAQ,EAChB,CACA,EAEI,OAAID,EAAM,SAAW,EAAUC,EAExBA,EAAa,OAAQC,GAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI,CAChH,CACF"}
1	+ {"version":3,"file":"channel-suggestion.cjs","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n items ({ query }) {\n const CHANNEL_LIST = [\n {\n id: 'dialpad',\n name: 'dialpad',\n },\n {\n id: 'dialtone',\n name: 'dialtone',\n },\n {\n id: 'dialtone-vue',\n name: 'dialtone-vue',\n },\n {\n id: 'dialtone-internal',\n name: 'dialtone-internal',\n locked: true,\n },\n ];\n\n if (query.length === 0) return CHANNEL_LIST;\n\n return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"4GACA,MAAAA,EAAe,CACb,MAAO,CAAE,MAAAC,GAAS,CAChB,MAAMC,EAAe,CACnB,CACE,GAAI,UACJ,KAAM,SACd,EACM,CACE,GAAI,WACJ,KAAM,UACd,EACM,CACE,GAAI,eACJ,KAAM,cACd,EACM,CACE,GAAI,oBACJ,KAAM,oBACN,OAAQ,EAChB,CACA,EAEI,OAAID,EAAM,SAAW,EAAUC,EAExBA,EAAa,OAAQC,GAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI,CAChH,CACF"}

package/dist/vue3/lib/rich-text-editor/channel-suggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"channel-suggestion.js","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["~~/* eslint-disable max-len */\~~nexport default {\n items ({ query }) {\n const CHANNEL_LIST = [\n {\n id: 'dialpad',\n name: 'dialpad',\n },\n {\n id: 'dialtone',\n name: 'dialtone',\n },\n {\n id: 'dialtone-vue',\n name: 'dialtone-vue',\n },\n {\n id: 'dialtone-internal',\n name: 'dialtone-internal',\n locked: true,\n },\n ];\n\n if (query.length === 0) return CHANNEL_LIST;\n\n return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"AACA,MAAAA,IAAe;AAAA,EACb,MAAO,EAAE,OAAAC,KAAS;AAChB,UAAMC,IAAe;AAAA,MACnB;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,MAChB;AAAA,IACA;AAEI,WAAID,EAAM,WAAW,IAAUC,IAExBA,EAAa,OAAO,CAACC,MAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI;AAAA,EAChH;AACF;"}
1	+ {"version":3,"file":"channel-suggestion.js","sources":["../../../components/rich_text_editor/channel_suggestion.js"],"sourcesContent":["\nexport default {\n items ({ query }) {\n const CHANNEL_LIST = [\n {\n id: 'dialpad',\n name: 'dialpad',\n },\n {\n id: 'dialtone',\n name: 'dialtone',\n },\n {\n id: 'dialtone-vue',\n name: 'dialtone-vue',\n },\n {\n id: 'dialtone-internal',\n name: 'dialtone-internal',\n locked: true,\n },\n ];\n\n if (query.length === 0) return CHANNEL_LIST;\n\n return CHANNEL_LIST.filter((channel) => { return channel.name.toLowerCase().startsWith(query.toLowerCase()); });\n },\n};\n"],"names":["channel_suggestion","query","CHANNEL_LIST","channel"],"mappings":"AACA,MAAAA,IAAe;AAAA,EACb,MAAO,EAAE,OAAAC,KAAS;AAChB,UAAMC,IAAe;AAAA,MACnB;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,MACd;AAAA,MACM;AAAA,QACE,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,MAChB;AAAA,IACA;AAEI,WAAID,EAAM,WAAW,IAAUC,IAExBA,EAAa,OAAO,CAACC,MAAqBA,EAAQ,KAAK,YAAW,EAAG,WAAWF,EAAM,YAAW,CAAE,CAAI;AAAA,EAChH;AACF;"}

package/dist/vue3/lib/rich-text-editor/rich-text-editor-constants.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=["text","json","html"],_=["start","end","all"],t=["https","http","ftp","ftps","sftp","mailto"],O={RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS:t,RICH_TEXT_EDITOR_OUTPUT_FORMATS:T,RICH_TEXT_EDITOR_AUTOFOCUS_TYPES:_};exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=_;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=T;exports.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS=t;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=["text","json","html","markdown"],_=["start","end","all"],t=["https","http","ftp","ftps","sftp","mailto"],O={RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS:t,RICH_TEXT_EDITOR_OUTPUT_FORMATS:T,RICH_TEXT_EDITOR_AUTOFOCUS_TYPES:_};exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=_;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=T;exports.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS=t;exports.default=O;
 //# sourceMappingURL=rich-text-editor-constants.cjs.map

package/dist/vue3/lib/rich-text-editor/rich-text-editor-constants.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rich-text-editor-constants.cjs","sources":["../../../components/rich_text_editor/rich_text_editor_constants.js"],"sourcesContent":["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"],"names":["RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","rich_text_editor_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,OACA,OACA,~~MACF~~,EAEaC,EAAmC,CAC9C,QACA,MACA,KACF,EAEaC,EAA4C,CACvD,QACA,OACA,MACA,OACA,OACA,QACF,EAEAC,EAAe,CACb,0CAAAD,EACA,gCAAAF,EACA,iCAAAC,CACF"}
1	+ {"version":3,"file":"rich-text-editor-constants.cjs","sources":["../../../components/rich_text_editor/rich_text_editor_constants.js"],"sourcesContent":["export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n 'text',\n 'json',\n 'html',\n 'markdown',\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"],"names":["RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","rich_text_editor_constants"],"mappings":"4GAAY,MAACA,EAAkC,CAC7C,OACA,OACA,OACA,UACF,EAEaC,EAAmC,CAC9C,QACA,MACA,KACF,EAEaC,EAA4C,CACvD,QACA,OACA,MACA,OACA,OACA,QACF,EAEAC,EAAe,CACb,0CAAAD,EACA,gCAAAF,EACA,iCAAAC,CACF"}

package/dist/vue3/lib/rich-text-editor/rich-text-editor-constants.js CHANGED Viewed

@@ -1,7 +1,8 @@
 const t = [
   "text",
   "json",
-  "html"
+  "html",
+  "markdown"
 ], T = [
   "start",
   "end",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rich-text-editor-constants.js","sources":["../../../components/rich_text_editor/rich_text_editor_constants.js"],"sourcesContent":["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"],"names":["RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","rich_text_editor_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA4C;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEAC,IAAe;AAAA,EACb,2CAAAD;AAAA,EACA,iCAAAF;AAAA,EACA,kCAAAC;AACF;"}
1	+ {"version":3,"file":"rich-text-editor-constants.js","sources":["../../../components/rich_text_editor/rich_text_editor_constants.js"],"sourcesContent":["export const RICH_TEXT_EDITOR_OUTPUT_FORMATS = [\n 'text',\n 'json',\n 'html',\n 'markdown',\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"],"names":["RICH_TEXT_EDITOR_OUTPUT_FORMATS","RICH_TEXT_EDITOR_AUTOFOCUS_TYPES","RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS","rich_text_editor_constants"],"mappings":"AAAY,MAACA,IAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA4C;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEAC,IAAe;AAAA,EACb,2CAAAD;AAAA,EACA,iCAAAF;AAAA,EACA,kCAAAC;AACF;"}

package/dist/vue3/lib/rich-text-editor/rich-text-editor.cjs CHANGED Viewed

@@ -1,10 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../node_modules/@tiptap/vue-3.cjs"),u=require("@tiptap/core"),N=require("@tiptap/extension-blockquote"),V=require("@tiptap/extension-code-block"),M=require("@tiptap/extension-code"),$=require("@tiptap/extension-document"),q=require("@tiptap/extension-hard-break"),D=require("@tiptap/extension-paragraph"),j=require("@tiptap/extension-placeholder"),H=require("@tiptap/extension-bold"),K=require("@tiptap/extension-bullet-list"),W=require("@tiptap/extension-italic"),F=require("@tiptap/extension-link"),U=require("@tiptap/extension-list-item"),z=require("@tiptap/extension-ordered-list"),X=require("@tiptap/extension-strike"),J=require("@tiptap/extension-underline"),Y=require("@tiptap/extension-text"),G=require("@tiptap/extension-text-align"),Q=require("@tiptap/extension-history"),Z=require("@tiptap/extension-text-style"),ee=require("@tiptap/extension-color"),te=require("@tiptap/extension-font-family"),g=require("@tiptap/pm/state"),ne=require("@tiptap/suggestion"),O=require("regex-combined-emojis"),o=require("vue"),h=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),I=require("../emoji/emoji.cjs"),f=require("../../common/emoji/index.cjs"),oe=require("../list-item/list-item.cjs"),x=require("../stack/stack.cjs"),b=require("tippy.js"),k=require("../../common/utils/index.cjs"),re=require("@tiptap/extension-image"),v=require("@tiptap/extension-mention"),P=require("../link/link.cjs"),C=require("./rich-text-editor-constants.cjs"),ie=require("../avatar/avatar.cjs"),se=require("@dialpad/dialtone-icons/vue3/hash"),ae=require("@dialpad/dialtone-icons/vue3/lock"),ce=require("deep-equal"),le=require("../../localization/index.cjs"),de=require("../button/button.cjs"),ue={compatConfig:{MODE:3},name:"EmojiComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtEmoji:I.default},props:d.nodeViewProps};function me(e,t,r,n,i,s){const a=o.resolveComponent("dt-emoji"),c=o.resolveComponent("node-view-wrapper");return o.openBlock(),o.createBlock(c,{class:"d-d-inline-block d-va-bottom d-lh0"},{default:o.withCtx(()=>[o.createVNode(a,{size:"500",code:e.node.attrs.code},null,8,["code"])]),_:1})}const he=h._(ue,[["render",me]]),pe={compatConfig:{MODE:3},name:"SuggestionList",components:{DtListItem:oe.default},props:{items:{type:Array,required:!0},command:{type:Function,required:!0},itemComponent:{type:Object,required:!0},itemType:{type:String,required:!0}},data(){return{selectedIndex:0}},watch:{items(){this.selectedIndex=0}},methods:{onKeyDown({event:e}){return e.key==="ArrowUp"?(this.upHandler(),!0):e.key==="ArrowDown"?(this.downHandler(),!0):e.key==="Enter"||e.key==="Tab"?(this.selectHandler(),!0):!1},upHandler(){this.selectedIndex=(this.selectedIndex+this.items.length-1)%this.items.length,this.scrollActiveElementIntoView()},downHandler(){this.selectedIndex=(this.selectedIndex+1)%this.items.length,this.scrollActiveElementIntoView()},async scrollActiveElementIntoView(){await this.$nextTick();const e=this.$refs.suggestionList.querySelector(".d-list-item--highlighted");e&&e.scrollIntoView({behaviour:"smooth",block:"center"})},selectHandler(){this.selectItem(this.selectedIndex)},selectItem(e){const t=this.items[e];switch(this.itemType){case"emoji":this.command(t);return;case"mention":this.command({name:t.name,id:t.id,avatarSrc:t.avatarSrc});break;case"channel":this.command({name:t.name,id:t.id});break;case"slash-command":this.command({command:t.command});break}}}},fe={class:"d-popover__dialog d-suggestion-list__container"},ge={ref:"suggestionList",class:"d-suggestion-list"};function _e(e,t,r,n,i,s){const a=o.resolveComponent("dt-list-item");return o.openBlock(),o.createElementBlock("div",fe,[o.withDirectives(o.createElementVNode("ul",ge,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(r.items,(c,l)=>(o.openBlock(),o.createBlock(a,{key:c.id,class:o.normalizeClass(["d-suggestion-list__item",{"d-list-item--highlighted":l===i.selectedIndex}]),"navigation-type":"arrow-keys",onClick:m=>s.selectItem(l),onKeydown:o.withModifiers(s.onKeyDown,["prevent"])},{default:o.withCtx(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(r.itemComponent),{item:c},null,8,["item"]))]),_:2},1032,["class","onClick","onKeydown"]))),128))],512),[[o.vShow,r.items.length]])])}const E=h._(pe,[["render",_e]]),ke={compatConfig:{MODE:3},name:"EmojiSuggestion",components:{DtEmoji:I.default,DtStack:x.default},props:{item:{type:Object,required:!0}}};function we(e,t,r,n,i,s){const a=o.resolveComponent("dt-emoji"),c=o.resolveComponent("dt-stack");return o.openBlock(),o.createBlock(c,{direction:"row",gap:"400"},{default:o.withCtx(()=>[o.createVNode(a,{size:"200",code:r.item.code},null,8,["code"]),o.createTextVNode(" "+o.toDisplayString(r.item.code),1)]),_:1})}const ye=h._(ke,[["render",we]]),T={name:"hideOnEsc",defaultValue:!0,fn({hide:e}){function t(r){r.keyCode===27&&e()}return{onShow(){document.addEventListener("keydown",t)},onHide(){document.removeEventListener("keydown",t)}}}},Ce=20,xe=(e,t,r)=>{var c,l;const n=(c=e.shortname)==null?void 0:c.replaceAll(":",""),i=(l=t.shortname)==null?void 0:l.replaceAll(":",""),s=n.startsWith(r),a=i.startsWith(r);return s&&!a?-1:!s&&a?1:n.localeCompare(i)},be={items:({query:e})=>{if(e.length<2)return[];const t=Object.values(f.getEmojiData());return e=e.toLowerCase(),t.filter(n=>{var i;return[n.name,(i=n.shortname)==null?void 0:i.replaceAll(":",""),...n.keywords||[]].some(s=>s&&s.startsWith(e))}).splice(0,Ce).sort((n,i)=>xe(n,i,e)).map(n=>({code:n.shortname}))},command:({editor:e,range:t,props:r})=>{var s,a;const n=e.view.state.selection.$to.nodeAfter;((s=n==null?void 0:n.text)==null?void 0:s.startsWith(" "))&&(t.to+=1),e.chain().focus().insertContentAt(t,[{type:"emoji",attrs:r}]).run(),(a=window.getSelection())==null||a.collapseToEnd()},render:()=>{let e,t,r=!1;return{onStart:n=>{e=new d.VueRenderer(E,{props:{itemComponent:o.markRaw(ye),itemType:"emoji",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{r=!0},onHidden:()=>{r=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[T]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),t==null||t[0].setProps({getReferenceClientRect:n.clientRect})},onKeyDown(n){var i;if(r)return(i=e==null?void 0:e.ref)==null?void 0:i.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},Ee=/(:\w+:)$/,Te=new RegExp(O.emojiPattern+"$"),Se=e=>{if(e&&f.codeToEmojiData(e[0]))return{text:e[2]||e[0]}},Be=e=>[...e.matchAll(f.emojiShortCodeRegex)].filter(r=>f.codeToEmojiData(r[0])).map(r=>({index:r.index,text:r[0],match:r})),ve=u.Node.create({name:"emoji",addOptions(){return{HTMLAttributes:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addNodeView(){return d.VueNodeViewRenderer(he)},addAttributes(){return{code:{default:null}}},parseHTML(){return[{tag:"emoji-component"}]},renderText({node:e}){return f.stringToUnicode(f.codeToEmojiData(e.attrs.code).unicode_output)},renderHTML({HTMLAttributes:e}){return["emoji-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){return[new u.InputRule({find:e=>{const t=e.match(Ee)||e.match(Te);if(t)return Se(t)},handler:({state:e,range:t,match:r})=>{const{tr:n}=e,i=t.from,s=t.to;n.replaceWith(i,s,this.type.create({code:r[0]}))}})]},addPasteRules(){return[u.nodePasteRule({find:Be,type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodePasteRule({find:f.emojiRegex,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[ne({char:":",pluginKey:new g.PluginKey("emoji"),editor:this.editor,...this.options.suggestion,...be})]},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let r=!1;const{selection:n}=t,{empty:i,anchor:s}=n;return i?(t.doc.nodesBetween(s-1,s,(a,c)=>{if(a.type.name===this.name)return r=!0,e.insertText("",c,c+a.nodeSize),!1}),r):!1})}}});function Re(e,t,r=()=>!0){const n=[];t.lastIndex=0;let i;for(;i=t.exec(e);)r(e,i)&&n.push(i);return n}function Le(e,t){return!["#","@"].includes(e.charAt(t.index))&&!["#","@"].includes(e.charAt(t.index-1))}function De(e){const t=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return e.replace(t,"")}function Oe(e,t){const r=e.slice(0,t+1).search(/\S+\s*$/),n=e.slice(t).search(/\s/);if(n<0){const i=e.slice(r);return{text:i,from:r,to:r+i.length}}return{text:e.slice(r,n+t),from:r,to:n+t}}function B(e,t,r,n){const i=Oe(e,t);if(n.lastIndex=0,!n.test(i.text))return i;const s=r==="left"?i.from-1:i.to+1;return s<=0||s>=e.length||s===t?i:B(e,s,r,n)}function Ie(e,t,r,n){const i=Math.max(e.from-1,0),s=Math.min(e.to+1,t.content.size),a=u.getMarksBetween(i,s,t);for(const c of a)c.mark.type===n&&r.removeMark(c.from,c.to,n)}const R=k.getPhoneNumberRegex(1,15);function L(e,t,r,n,i,s){if(!e)return;let a=r-t-1;a=a<0?0:a;const c=n-t,l=B(e,a,"left",R),m=B(e,c,"right",R),p=e.slice(l.from,m.to);Re(p,k.linkRegex,Le).forEach(S=>{const _=De(S[0]),y=t+l.from+S.index+1,A=y+_.length;i.addMark(y,A,s.create())})}function Pe(e){let t=!1;return new g.Plugin({key:new g.PluginKey("autolink"),appendTransaction:(r,n,i)=>{const s=r.some(p=>p.docChanged)&&!n.doc.eq(i.doc);if(t&&!s)return;const{tr:a}=i,{textContent:c}=i.doc;t||L(c,0,0,c.length,a,e.type),t=!0;const l=u.combineTransactionSteps(n.doc,[...r]);return u.getChangedRanges(l).forEach(({oldRange:p,newRange:w})=>{Ie(w,i.doc,a,e.type),u.findChildrenInRange(i.doc,w,_=>_.isTextblock).forEach(({node:_,pos:y})=>{L(_.textContent,y,p.from,w.to,a,e.type)})}),a}})}const Ae={class:"d-link d-c-text d-d-inline-block d-wb-break-all",rel:"noopener noreferrer nofollow"},Ne=u.Mark.create({name:"CustomLink",renderHTML({HTMLAttributes:e}){return["a",u.mergeAttributes(this.options.HTMLAttributes,e,Ae)]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[Pe({type:this.type})]}}),Ve=re.extend({name:"ConfigurableImage",addAttributes(){return{src:{default:""},alt:{default:void 0},title:{default:void 0},width:{default:void 0},height:{default:void 0},style:{default:void 0}}}}).configure({inline:!0,allowBase64:!0}),Me=D.extend({parseHTML(){return[{tag:"div"}]},renderHTML({HTMLAttributes:e}){return["div",u.mergeAttributes(this.options.HTMLAttributes,e),0]}}),$e={compatConfig:{MODE:3},name:"MentionComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtLink:P.default},props:d.nodeViewProps,computed:{text(){return"@"+this.$props.node.attrs.name}}};function qe(e,t,r,n,i,s){const a=o.resolveComponent("dt-link"),c=o.resolveComponent("node-view-wrapper");return o.openBlock(),o.createBlock(c,{class:"d-d-inline-block"},{default:o.withCtx(()=>[o.createVNode(a,{kind:"mention"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(s.text),1)]),_:1})]),_:1})}const je=h._($e,[["render",qe]]),He=v.extend({addNodeView(){return d.VueNodeViewRenderer(je)},parseHTML(){return[{tag:"mention-component"}]},addAttributes(){return{name:{default:""},avatarSrc:{default:""},id:{default:""}}},renderText({node:e}){return`@${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["mention-component",u.mergeAttributes(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:"@",pluginKey:new g.PluginKey("mentionSuggestion")}}),Ke={compatConfig:{MODE:3},name:"ChannelComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtLink:P.default},props:d.nodeViewProps,computed:{text(){return"#"+this.$props.node.attrs.name}}};function We(e,t,r,n,i,s){const a=o.resolveComponent("dt-link"),c=o.resolveComponent("node-view-wrapper");return o.openBlock(),o.createBlock(c,{class:"d-d-inline-block"},{default:o.withCtx(()=>[o.createVNode(a,{kind:"mention"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(s.text),1)]),_:1})]),_:1})}const Fe=h._(Ke,[["render",We]]),Ue=v.extend({name:"channel",addNodeView(){return d.VueNodeViewRenderer(Fe)},parseHTML(){return[{tag:"channel-component"}]},addAttributes(){return{name:{default:""},id:{default:""},locked:{default:!1}}},renderText({node:e}){return`#${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["channel-component",u.mergeAttributes(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:"#",pluginKey:new g.PluginKey("channelSuggestion")}}),ze={compatConfig:{MODE:3},name:"SlashCommandsComponent",components:{NodeViewWrapper:d.NodeViewWrapper},props:{...d.nodeViewProps},emits:["selected-command"],computed:{text(){return"/"+this.$props.node.attrs.command}},created(){var r,n,i;const e=this.$props.node.attrs.command;this.$emit("selected-command",e);const t=(i=(n=(r=this.editor)==null?void 0:r.storage)==null?void 0:n["slash-commands"])==null?void 0:i.onSelectedCommand;t&&typeof t=="function"&&t(e)}};function Xe(e,t,r,n,i,s){const a=o.resolveComponent("node-view-wrapper");return o.openBlock(),o.createBlock(a,{class:"d-d-inline-block"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(s.text),1)]),_:1})}const Je=h._(ze,[["render",Xe]]),Ye=(e,t)=>[...e.matchAll(t)].map(n=>{let i=n[2];return i.endsWith(" ")||(i+=" "),{index:n.index,text:i,match:n}}),Ge=v.extend({name:"slash-commands",group:"inline",inline:!0,addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),onSelectedCommand:null}},addStorage(){return{onSelectedCommand:this.options.onSelectedCommand}},addNodeView(){return d.VueNodeViewRenderer(Je)},parseHTML(){return[{tag:"command-component"}]},addAttributes(){return{command:{default:""},parametersExample:{default:""},description:{default:""}}},renderText({node:e}){return`/${e.attrs.command}`},renderHTML({HTMLAttributes:e}){return["command-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){var r;const e=(r=this.options.suggestion)==null?void 0:r.items({query:""}).map(n=>n.command),t=new RegExp(`^((?:\\/)(${e.join("|")})) $`);return[u.nodeInputRule({find:t,type:this.type,getAttributes(n){return{command:n[2]}}})]},addPasteRules(){var r;const e=(r=this.options.suggestion)==null?void 0:r.items({query:""}).map(n=>n.command),t=new RegExp(`^((?:\\/)(${e.join("|")})) ?$`,"g");return[u.nodePasteRule({find:n=>Ye(n,t),type:this.type,getAttributes(n){return{command:n[0].trim()}}})]}}).configure({suggestion:{char:"/",pluginKey:new g.PluginKey("slashCommandSuggestion")}}),Qe={compatConfig:{MODE:3},name:"MentionSuggestion",components:{DtAvatar:ie.default,DtStack:x.default},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc},presence(){return this.item.presence},status(){return this.item.status},presenceText(){return this.item.presenceText},presenceFontColorClass(){return{active:"d-recipe-contact-row--active",busy:"d-recipe-contact-row--busy",away:"d-recipe-contact-row--away",offline:"d-recipe-contact-row--busy"}[this.presence]},showDetails(){return this.item.showDetails}}},Ze={class:"d-mention-suggestion__name"},et={key:1,class:"d-mention-suggestion__divider"},tt={key:2,class:"d-mention-suggestion__status"};function nt(e,t,r,n,i,s){const a=o.resolveComponent("dt-avatar"),c=o.resolveComponent("dt-stack");return o.openBlock(),o.createBlock(c,{direction:"row",class:"d-mention-suggestion__container",gap:"400"},{default:o.withCtx(()=>[o.createVNode(a,{"full-name":s.name,"image-src":s.avatarSrc,"image-alt":s.name,"show-presence":s.showDetails,presence:s.presence,size:"sm"},null,8,["full-name","image-src","image-alt","show-presence","presence"]),o.createVNode(c,{class:"d-mention-suggestion__details-container",gap:"100"},{default:o.withCtx(()=>[o.createElementVNode("span",Ze,o.toDisplayString(s.name),1),s.showDetails?(o.openBlock(),o.createBlock(c,{key:0,direction:"row",gap:"300",class:"d-label--sm-plain"},{default:o.withCtx(()=>[s.presenceText?(o.openBlock(),o.createElementBlock("span",{key:0,class:o.normalizeClass(["d-mention-suggestion__presence",[s.presenceFontColorClass]])},o.toDisplayString(s.presenceText),3)):o.createCommentVNode("",!0),s.status&&s.presenceText?(o.openBlock(),o.createElementBlock("div",et," • ")):o.createCommentVNode("",!0),s.status?(o.openBlock(),o.createElementBlock("div",tt,o.toDisplayString(s.status),1)):o.createCommentVNode("",!0)]),_:1})):o.createCommentVNode("",!0)]),_:1})]),_:1})}const ot=h._(Qe,[["render",nt]]),rt={allowSpaces:!0,render:()=>{let e,t,r=!1;return{onStart:n=>{e=new d.VueRenderer(E,{props:{itemComponent:o.markRaw(ot),itemType:"mention",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{r=!0},onHidden:()=>{r=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[T]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var i;if(r)return(i=e==null?void 0:e.ref)==null?void 0:i.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},it={compatConfig:{MODE:3},name:"ChannelSuggestion",components:{DtStack:x.default,DtIconHash:se,DtIconLock:ae},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name}}};function st(e,t,r,n,i,s){const a=o.resolveComponent("dt-icon-hash"),c=o.resolveComponent("dt-icon-lock"),l=o.resolveComponent("dt-stack");return o.openBlock(),o.createBlock(l,{direction:"row",gap:"400"},{default:o.withCtx(()=>[r.item.locked?(o.openBlock(),o.createBlock(c,{key:1,size:"300"})):(o.openBlock(),o.createBlock(a,{key:0,size:"300"})),o.createElementVNode("span",null,o.toDisplayString(s.name),1)]),_:1})}const at=h._(it,[["render",st]]),ct={allowSpaces:!0,render:()=>{let e,t,r=!1;return{onStart:n=>{e=new d.VueRenderer(E,{props:{itemComponent:o.markRaw(at),itemType:"channel",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{r=!0},onHidden:()=>{r=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[T]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var i;if(r)return(i=e==null?void 0:e.ref)==null?void 0:i.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},lt={compatConfig:{MODE:3},name:"SlashCommandSuggestion",props:{item:{type:Object,required:!0}},computed:{command(){return this.item.command},description(){return this.item.description},parametersExample(){return this.item.parametersExample}}},dt={class:"d-body--md-compact"},ut={key:0},mt={class:"d-body--sm d-fc-tertiary"};function ht(e,t,r,n,i,s){return o.openBlock(),o.createElementBlock("div",null,[o.createElementVNode("div",dt,[o.createElementVNode("span",null,"/"+o.toDisplayString(s.command),1),s.parametersExample?(o.openBlock(),o.createElementBlock("span",ut,o.toDisplayString(s.parametersExample),1)):o.createCommentVNode("",!0)]),o.createElementVNode("div",mt,o.toDisplayString(s.description),1)])}const pt=h._(lt,[["render",ht]]),ft={allowSpaces:!0,startOfLine:!0,render:()=>{let e,t,r=!1;return{onStart:n=>{e=new d.VueRenderer(E,{parent:void 0,props:{itemComponent:o.markRaw(pt),itemType:"slash-command",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{r=!0},onHidden:()=>{r=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[T]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var i;if(r)return(i=e==null?void 0:e.ref)==null?void 0:i.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},gt={compatConfig:{MODE:3},name:"DtRichTextEditor",components:{EditorContent:d.EditorContent,BubbleMenu:d.BubbleMenu,DtButton:de.default,DtStack:x.default},props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},preventTyping:{type:Boolean,default:!1},pasteRichText:{type:Boolean,default:!0},allowLineBreaks:{type:Boolean,default:!1},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?C.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},outputFormat:{type:String,default:"html",validator(e){return C.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(e)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1},customLink:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},allowBlockquote:{type:Boolean,default:!0},allowBold:{type:Boolean,default:!0},allowBulletList:{type:Boolean,default:!0},allowItalic:{type:Boolean,default:!0},allowStrike:{type:Boolean,default:!0},allowUnderline:{type:Boolean,default:!0},allowCode:{type:Boolean,default:!0},allowCodeblock:{type:Boolean,default:!0},allowInlineImages:{type:Boolean,default:!1},allowFontColor:{type:Boolean,default:!1},allowFontFamily:{type:Boolean,default:!1},additionalExtensions:{type:Array,default:()=>[]},hideLinkBubbleMenu:{type:Boolean,default:!1},useDivTags:{type:Boolean,default:!1}},emits:["input","json-input","html-input","text-input","update:modelValue","blur","focus","enter","edit-link","selected","selected-command"],data(){return{editor:null,tippyOptions:{appendTo:()=>{var e;return(e=k.returnFirstEl(this.$refs.editor.$el).getRootNode())==null?void 0:e.querySelector("body")},placement:"top-start"},i18n:new le.DialtoneLocalization}},computed:{attrs(){return{...this.$attrs,onInput:()=>{},onFocus:()=>{},onBlur:()=>{}}},extensions(){const e=[$,Y,Q,q];e.push(this.useDivTags?Me:D),this.allowBold&&e.push(H),this.allowBlockquote&&e.push(N),this.allowBulletList&&(e.push(K),e.push(U.extend({renderText({node:n}){return n.textContent}})),e.push(z)),this.allowItalic&&e.push(W),this.allowStrike&&e.push(X),this.allowUnderline&&e.push(J),this.placeholder&&e.push(j.configure({placeholder:this.placeholder}));const t=this,r=u.Extension.create({addKeyboardShortcuts(){return{"Shift-Enter":({editor:n})=>t.allowLineBreaks?!1:(n.commands.first(({commands:i})=>[()=>i.newlineInCode(),()=>t.allowBulletList&&i.splitListItem("listItem"),()=>i.createParagraphNear(),()=>i.liftEmptyBlock(),()=>i.splitBlock()]),!0),Enter:()=>t.allowLineBreaks?!1:(t.$emit("enter"),!0)}}});if(e.push(r),this.link&&e.push(F.extend({inclusive:!1,addKeyboardShortcuts(){return{"Mod-k":()=>(t.$emit("edit-link"),!0)}}}).configure({HTMLAttributes:{class:"d-link d-wb-break-all"},openOnClick:!1,autolink:!0,protocols:C.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS})),this.customLink&&e.push(this.getExtension(Ne,this.customLink)),this.mentionSuggestion){const n={...this.mentionSuggestion,...rt};e.push(He.configure({suggestion:n}))}if(this.channelSuggestion){const n={...this.channelSuggestion,...ct};e.push(Ue.configure({suggestion:n}))}if(this.slashCommandSuggestion){const n={...this.slashCommandSuggestion,...ft};e.push(Ge.configure({suggestion:n,onSelectedCommand:i=>{this.$emit("selected-command",i)}}))}return e.push(ve),e.push(G.configure({types:["paragraph"]})),this.allowCode&&e.push(M),this.allowCodeblock&&e.push(V.extend({renderText({node:n}){return`\`\`\`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../node_modules/@tiptap/vue-3.cjs"),u=require("@tiptap/core"),O=require("@tiptap/extension-blockquote"),P=require("@tiptap/extension-code-block"),V=require("@tiptap/extension-code"),A=require("@tiptap/extension-document"),j=require("@tiptap/extension-hard-break"),R=require("@tiptap/extension-paragraph"),q=require("@tiptap/extension-placeholder"),H=require("@tiptap/extension-bold"),K=require("@tiptap/extension-bullet-list"),W=require("@tiptap/extension-italic"),F=require("@tiptap/extension-link"),U=require("@tiptap/extension-list-item"),z=require("@tiptap/extension-ordered-list"),X=require("@tiptap/extension-strike"),J=require("@tiptap/extension-underline"),Y=require("@tiptap/extension-text"),G=require("@tiptap/extension-text-align"),Q=require("@tiptap/extension-history"),Z=require("@tiptap/extension-text-style"),ee=require("@tiptap/extension-color"),te=require("@tiptap/extension-font-family"),g=require("@tiptap/pm/state"),ne=require("@tiptap/suggestion"),D=require("regex-combined-emojis"),r=require("vue"),h=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),$=require("../emoji/emoji.cjs"),f=require("../../common/emoji/index.cjs"),oe=require("../list-item/list-item.cjs"),w=require("../stack/stack.cjs"),b=require("tippy.js"),k=require("../../common/utils/index.cjs"),re=require("@tiptap/extension-image"),N=require("@tiptap/extension-mention"),I=require("../link/link.cjs"),se=require("@dialpad/dialtone-icons/vue3"),x=require("./rich-text-editor-constants.cjs"),ie=require("../avatar/avatar.cjs"),ae=require("@dialpad/dialtone-icons/vue3/hash"),ce=require("@dialpad/dialtone-icons/vue3/lock"),le=require("deep-equal"),de=require("../../localization/index.cjs"),ue=require("../button/button.cjs"),me={compatConfig:{MODE:3},name:"EmojiComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtEmoji:$.default},props:d.nodeViewProps};function he(e,t,o,n,s,i){const a=r.resolveComponent("dt-emoji"),c=r.resolveComponent("node-view-wrapper");return r.openBlock(),r.createBlock(c,{class:"d-d-inline-block d-va-bottom d-lh0"},{default:r.withCtx(()=>[r.createVNode(a,{size:"500",code:e.node.attrs.code},null,8,["code"])]),_:1})}const pe=h._(me,[["render",he]]),fe={compatConfig:{MODE:3},name:"SuggestionList",components:{DtListItem:oe.default},props:{items:{type:Array,required:!0},command:{type:Function,required:!0},itemComponent:{type:Object,required:!0},itemType:{type:String,required:!0}},data(){return{selectedIndex:0}},watch:{items(){this.selectedIndex=0}},methods:{onKeyDown({event:e}){return e.key==="ArrowUp"?(this.upHandler(),!0):e.key==="ArrowDown"?(this.downHandler(),!0):e.key==="Enter"||e.key==="Tab"?(this.selectHandler(),!0):!1},upHandler(){this.selectedIndex=(this.selectedIndex+this.items.length-1)%this.items.length,this.scrollActiveElementIntoView()},downHandler(){this.selectedIndex=(this.selectedIndex+1)%this.items.length,this.scrollActiveElementIntoView()},async scrollActiveElementIntoView(){await this.$nextTick();const e=this.$refs.suggestionList.querySelector(".d-list-item--highlighted");e&&e.scrollIntoView({behaviour:"smooth",block:"center"})},selectHandler(){this.selectItem(this.selectedIndex)},selectItem(e){const t=this.items[e];switch(this.itemType){case"emoji":this.command(t);return;case"mention":this.command({name:t.name,id:t.id,avatarSrc:t.avatarSrc});break;case"channel":this.command({name:t.name,id:t.id,locked:t.locked});break;case"slash-command":this.command({command:t.command});break}}}},ge={class:"d-popover__dialog d-suggestion-list__container"},_e={ref:"suggestionList",class:"d-suggestion-list"};function ke(e,t,o,n,s,i){const a=r.resolveComponent("dt-list-item");return r.openBlock(),r.createElementBlock("div",ge,[r.withDirectives(r.createElementVNode("ul",_e,[(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(o.items,(c,l)=>(r.openBlock(),r.createBlock(a,{key:c.id,class:r.normalizeClass(["d-suggestion-list__item",{"d-list-item--highlighted":l===s.selectedIndex}]),"navigation-type":"arrow-keys",onClick:m=>i.selectItem(l),onKeydown:r.withModifiers(i.onKeyDown,["prevent"])},{default:r.withCtx(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(o.itemComponent),{item:c},null,8,["item"]))]),_:2},1032,["class","onClick","onKeydown"]))),128))],512),[[r.vShow,o.items.length]])])}const T=h._(fe,[["render",ke]]),we={compatConfig:{MODE:3},name:"EmojiSuggestion",components:{DtEmoji:$.default,DtStack:w.default},props:{item:{type:Object,required:!0}}};function Ce(e,t,o,n,s,i){const a=r.resolveComponent("dt-emoji"),c=r.resolveComponent("dt-stack");return r.openBlock(),r.createBlock(c,{direction:"row",gap:"400"},{default:r.withCtx(()=>[r.createVNode(a,{size:"200",code:o.item.code},null,8,["code"]),r.createTextVNode(" "+r.toDisplayString(o.item.code),1)]),_:1})}const ye=h._(we,[["render",Ce]]),E={name:"hideOnEsc",defaultValue:!0,fn({hide:e}){function t(o){o.keyCode===27&&e()}return{onShow(){document.addEventListener("keydown",t)},onHide(){document.removeEventListener("keydown",t)}}}},xe=20,be=(e,t,o)=>{var c,l;const n=(c=e.shortname)==null?void 0:c.replaceAll(":",""),s=(l=t.shortname)==null?void 0:l.replaceAll(":",""),i=n.startsWith(o),a=s.startsWith(o);return i&&!a?-1:!i&&a?1:n.localeCompare(s)},Te={items:({query:e})=>{if(e.length<2)return[];const t=Object.values(f.getEmojiData());return e=e.toLowerCase(),t.filter(n=>{var s;return[n.name,(s=n.shortname)==null?void 0:s.replaceAll(":",""),...n.keywords||[]].some(i=>i&&i.startsWith(e))}).splice(0,xe).sort((n,s)=>be(n,s,e)).map(n=>({code:n.shortname}))},command:({editor:e,range:t,props:o})=>{var i,a;const n=e.view.state.selection.$to.nodeAfter;((i=n==null?void 0:n.text)==null?void 0:i.startsWith(" "))&&(t.to+=1),e.chain().focus().insertContentAt(t,[{type:"emoji",attrs:o}]).run(),(a=window.getSelection())==null||a.collapseToEnd()},render:()=>{let e,t,o=!1;return{onStart:n=>{e=new d.VueRenderer(T,{props:{itemComponent:r.markRaw(ye),itemType:"emoji",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{o=!0},onHidden:()=>{o=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[E]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),t==null||t[0].setProps({getReferenceClientRect:n.clientRect})},onKeyDown(n){var s;if(o)return(s=e==null?void 0:e.ref)==null?void 0:s.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},Ee=/(:\w+:)$/,Se=new RegExp(D.emojiPattern+"$"),Be=e=>{if(e&&f.codeToEmojiData(e[0]))return{text:e[2]||e[0]}},Ne=e=>[...e.matchAll(f.emojiShortCodeRegex)].filter(o=>f.codeToEmojiData(o[0])).map(o=>({index:o.index,text:o[0],match:o})),ve=u.Node.create({name:"emoji",addOptions(){return{HTMLAttributes:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addNodeView(){return d.VueNodeViewRenderer(pe)},addAttributes(){return{code:{default:null}}},parseHTML(){return[{tag:"emoji-component"}]},renderText({node:e}){return f.stringToUnicode(f.codeToEmojiData(e.attrs.code).unicode_output)},renderHTML({HTMLAttributes:e}){return["emoji-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){return[new u.InputRule({find:e=>{const t=e.match(Ee)||e.match(Se);if(t)return Be(t)},handler:({state:e,range:t,match:o})=>{const{tr:n}=e,s=t.from,i=t.to;n.replaceWith(s,i,this.type.create({code:o[0]}))}})]},addPasteRules(){return[u.nodePasteRule({find:Ne,type:this.type,getAttributes(e){return{code:e[0]}}}),u.nodePasteRule({find:f.emojiRegex,type:this.type,getAttributes(e){return{code:e[0]}}})]},addProseMirrorPlugins(){return[ne({char:":",pluginKey:new g.PluginKey("emoji"),editor:this.editor,...this.options.suggestion,...Te})]},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let o=!1;const{selection:n}=t,{empty:s,anchor:i}=n;return s?(t.doc.nodesBetween(i-1,i,(a,c)=>{if(a.type.name===this.name)return o=!0,e.insertText("",c,c+a.nodeSize),!1}),o):!1})}}});function Le(e,t,o=()=>!0){const n=[];t.lastIndex=0;let s;for(;s=t.exec(e);)o(e,s)&&n.push(s);return n}function Re(e,t){return!["#","@"].includes(e.charAt(t.index))&&!["#","@"].includes(e.charAt(t.index-1))}function De(e){const t=new RegExp("(?:"+[`[!?.,:;'"]`,"(?:&|&amp;)(?:lt|gt|quot|apos|raquo|laquo|rsaquo|lsaquo);)+$"].join("|"),"g");return e.replace(t,"")}function $e(e,t){const o=e.slice(0,t+1).search(/\S+\s*$/),n=e.slice(t).search(/\s/);if(n<0){const s=e.slice(o);return{text:s,from:o,to:o+s.length}}return{text:e.slice(o,n+t),from:o,to:n+t}}function B(e,t,o,n){const s=$e(e,t);if(n.lastIndex=0,!n.test(s.text))return s;const i=o==="left"?s.from-1:s.to+1;return i<=0||i>=e.length||i===t?s:B(e,i,o,n)}function Ie(e,t,o,n){const s=Math.max(e.from-1,0),i=Math.min(e.to+1,t.content.size),a=u.getMarksBetween(s,i,t);for(const c of a)c.mark.type===n&&o.removeMark(c.from,c.to,n)}const v=k.getPhoneNumberRegex(1,15);function L(e,t,o,n,s,i){if(!e)return;let a=o-t-1;a=a<0?0:a;const c=n-t,l=B(e,a,"left",v),m=B(e,c,"right",v),p=e.slice(l.from,m.to);Le(p,k.linkRegex,Re).forEach(S=>{const _=De(S[0]),y=t+l.from+S.index+1,M=y+_.length;s.addMark(y,M,i.create())})}function Me(e){let t=!1;return new g.Plugin({key:new g.PluginKey("autolink"),appendTransaction:(o,n,s)=>{const i=o.some(p=>p.docChanged)&&!n.doc.eq(s.doc);if(t&&!i)return;const{tr:a}=s,{textContent:c}=s.doc;t||L(c,0,0,c.length,a,e.type),t=!0;const l=u.combineTransactionSteps(n.doc,[...o]);return u.getChangedRanges(l).forEach(({oldRange:p,newRange:C})=>{Ie(C,s.doc,a,e.type),u.findChildrenInRange(s.doc,C,_=>_.isTextblock).forEach(({node:_,pos:y})=>{L(_.textContent,y,p.from,C.to,a,e.type)})}),a}})}const Oe={class:"d-link d-c-text d-d-inline-block d-wb-break-all",rel:"noopener noreferrer nofollow"},Pe=u.Mark.create({name:"CustomLink",renderHTML({HTMLAttributes:e}){return["a",u.mergeAttributes(this.options.HTMLAttributes,e,Oe)]},renderText({node:e}){return e.attrs.text},addProseMirrorPlugins(){return[Me({type:this.type})]}}),Ve=re.extend({name:"ConfigurableImage",addAttributes(){return{src:{default:""},alt:{default:void 0},title:{default:void 0},width:{default:void 0},height:{default:void 0},style:{default:void 0}}}}).configure({inline:!0,allowBase64:!0}),Ae=R.extend({parseHTML(){return[{tag:"div"}]},renderHTML({HTMLAttributes:e}){return["div",u.mergeAttributes(this.options.HTMLAttributes,e),0]}}),je={compatConfig:{MODE:3},name:"MentionComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtLink:I.default},props:d.nodeViewProps,computed:{text(){return"@"+this.$props.node.attrs.name}}};function qe(e,t,o,n,s,i){const a=r.resolveComponent("dt-link"),c=r.resolveComponent("node-view-wrapper");return r.openBlock(),r.createBlock(c,{class:"d-d-inline-block"},{default:r.withCtx(()=>[r.createVNode(a,{kind:"mention"},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(i.text),1)]),_:1})]),_:1})}const He=h._(je,[["render",qe]]),Ke=N.extend({addNodeView(){return d.VueNodeViewRenderer(He)},parseHTML(){return[{tag:"mention-component"}]},addAttributes(){return{name:{default:""},avatarSrc:{default:""},id:{default:""},contactKey:{default:""}}},renderText({node:e}){return`@${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["mention-component",u.mergeAttributes(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:"@",pluginKey:new g.PluginKey("mentionSuggestion")}}),We={compatConfig:{MODE:3},name:"ChannelComponent",components:{NodeViewWrapper:d.NodeViewWrapper,DtLink:I.default,DtIconLock:se.DtIconLock,DtStack:w.default},props:d.nodeViewProps,computed:{text(){return this.$props.node.attrs.locked?this.$props.node.attrs.name:"#"+this.$props.node.attrs.name}}};function Fe(e,t,o,n,s,i){const a=r.resolveComponent("dt-icon-lock"),c=r.resolveComponent("dt-stack"),l=r.resolveComponent("dt-link"),m=r.resolveComponent("node-view-wrapper");return r.openBlock(),r.createBlock(m,{class:"d-d-inline-block"},{default:r.withCtx(()=>[r.createVNode(l,{kind:"mention"},{default:r.withCtx(()=>[r.createVNode(c,{direction:"row",gap:"0"},{default:r.withCtx(()=>[e.$props.node.attrs.locked?(r.openBlock(),r.createBlock(a,{key:0,size:"200"})):r.createCommentVNode("",!0),r.createElementVNode("span",null,r.toDisplayString(i.text),1)]),_:1})]),_:1})]),_:1})}const Ue=h._(We,[["render",Fe]]),ze=N.extend({name:"channel",addNodeView(){return d.VueNodeViewRenderer(Ue)},parseHTML(){return[{tag:"channel-component"}]},addAttributes(){return{name:{default:""},id:{default:""},locked:{default:!1}}},renderText({node:e}){return`#${e.attrs.id}`},renderHTML({HTMLAttributes:e}){return["channel-component",u.mergeAttributes(this.options.HTMLAttributes,e)]}}).configure({suggestion:{char:"#",pluginKey:new g.PluginKey("channelSuggestion")}}),Xe={compatConfig:{MODE:3},name:"SlashCommandsComponent",components:{NodeViewWrapper:d.NodeViewWrapper},props:{...d.nodeViewProps},emits:["selected-command"],computed:{text(){return"/"+this.$props.node.attrs.command}},created(){var o,n,s;const e=this.$props.node.attrs.command;this.$emit("selected-command",e);const t=(s=(n=(o=this.editor)==null?void 0:o.storage)==null?void 0:n["slash-commands"])==null?void 0:s.onSelectedCommand;t&&typeof t=="function"&&t(e)}};function Je(e,t,o,n,s,i){const a=r.resolveComponent("node-view-wrapper");return r.openBlock(),r.createBlock(a,{class:"d-d-inline-block"},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(i.text),1)]),_:1})}const Ye=h._(Xe,[["render",Je]]),Ge=(e,t)=>[...e.matchAll(t)].map(n=>{let s=n[2];return s.endsWith(" ")||(s+=" "),{index:n.index,text:s,match:n}}),Qe=N.extend({name:"slash-commands",group:"inline",inline:!0,addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),onSelectedCommand:null}},addStorage(){return{onSelectedCommand:this.options.onSelectedCommand}},addNodeView(){return d.VueNodeViewRenderer(Ye)},parseHTML(){return[{tag:"command-component"}]},addAttributes(){return{command:{default:""},parametersExample:{default:""},description:{default:""}}},renderText({node:e}){return`/${e.attrs.command}`},renderHTML({HTMLAttributes:e}){return["command-component",u.mergeAttributes(this.options.HTMLAttributes,e)]},addInputRules(){var o;const e=(o=this.options.suggestion)==null?void 0:o.items({query:""}).map(n=>n.command),t=new RegExp(`^((?:\\/)(${e.join("|")})) $`);return[u.nodeInputRule({find:t,type:this.type,getAttributes(n){return{command:n[2]}}})]},addPasteRules(){var o;const e=(o=this.options.suggestion)==null?void 0:o.items({query:""}).map(n=>n.command),t=new RegExp(`^((?:\\/)(${e.join("|")})) ?$`,"g");return[u.nodePasteRule({find:n=>Ge(n,t),type:this.type,getAttributes(n){return{command:n[0].trim()}}})]}}).configure({suggestion:{char:"/",pluginKey:new g.PluginKey("slashCommandSuggestion")}}),Ze={compatConfig:{MODE:3},name:"MentionSuggestion",components:{DtAvatar:ie.default,DtStack:w.default},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name},avatarSrc(){return this.item.avatarSrc},presence(){return this.item.presence},status(){return this.item.status},presenceText(){return this.item.presenceText},presenceFontColorClass(){return{active:"d-recipe-contact-row--active",busy:"d-recipe-contact-row--busy",away:"d-recipe-contact-row--away",offline:"d-recipe-contact-row--busy"}[this.presence]},showDetails(){return this.item.showDetails}}},et={class:"d-mention-suggestion__name"},tt={key:1,class:"d-mention-suggestion__divider"},nt={key:2,class:"d-mention-suggestion__status"};function ot(e,t,o,n,s,i){const a=r.resolveComponent("dt-avatar"),c=r.resolveComponent("dt-stack");return r.openBlock(),r.createBlock(c,{direction:"row",class:"d-mention-suggestion__container",gap:"400"},{default:r.withCtx(()=>[r.createVNode(a,{"full-name":i.name,"image-src":i.avatarSrc,"image-alt":i.name,"show-presence":i.showDetails,presence:i.presence,size:"sm"},null,8,["full-name","image-src","image-alt","show-presence","presence"]),r.createVNode(c,{class:"d-mention-suggestion__details-container",gap:"100"},{default:r.withCtx(()=>[r.createElementVNode("span",et,r.toDisplayString(i.name),1),i.showDetails?(r.openBlock(),r.createBlock(c,{key:0,direction:"row",gap:"300",class:"d-label--sm-plain"},{default:r.withCtx(()=>[i.presenceText?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["d-mention-suggestion__presence",[i.presenceFontColorClass]])},r.toDisplayString(i.presenceText),3)):r.createCommentVNode("",!0),i.status&&i.presenceText?(r.openBlock(),r.createElementBlock("div",tt," • ")):r.createCommentVNode("",!0),i.status?(r.openBlock(),r.createElementBlock("div",nt,r.toDisplayString(i.status),1)):r.createCommentVNode("",!0)]),_:1})):r.createCommentVNode("",!0)]),_:1})]),_:1})}const rt=h._(Ze,[["render",ot]]),st={allowSpaces:!0,render:()=>{let e,t,o=!1;return{onStart:n=>{e=new d.VueRenderer(T,{props:{itemComponent:r.markRaw(rt),itemType:"mention",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{o=!0},onHidden:()=>{o=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[E]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var s;if(o)return(s=e==null?void 0:e.ref)==null?void 0:s.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},it={compatConfig:{MODE:3},name:"ChannelSuggestion",components:{DtStack:w.default,DtIconHash:ae,DtIconLock:ce},props:{item:{type:Object,required:!0}},computed:{name(){return this.item.name}}};function at(e,t,o,n,s,i){const a=r.resolveComponent("dt-icon-hash"),c=r.resolveComponent("dt-icon-lock"),l=r.resolveComponent("dt-stack");return r.openBlock(),r.createBlock(l,{direction:"row",gap:"400"},{default:r.withCtx(()=>[o.item.locked?(r.openBlock(),r.createBlock(c,{key:1,size:"300"})):(r.openBlock(),r.createBlock(a,{key:0,size:"300"})),r.createElementVNode("span",null,r.toDisplayString(i.name),1)]),_:1})}const ct=h._(it,[["render",at]]),lt={allowSpaces:!0,render:()=>{let e,t,o=!1;return{onStart:n=>{e=new d.VueRenderer(T,{props:{itemComponent:r.markRaw(ct),itemType:"channel",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{o=!0},onHidden:()=>{o=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[E]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var s;if(o)return(s=e==null?void 0:e.ref)==null?void 0:s.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},dt={compatConfig:{MODE:3},name:"SlashCommandSuggestion",props:{item:{type:Object,required:!0}},computed:{command(){return this.item.command},description(){return this.item.description},parametersExample(){return this.item.parametersExample}}},ut={class:"d-body--md-compact"},mt={key:0},ht={class:"d-body--sm d-fc-tertiary"};function pt(e,t,o,n,s,i){return r.openBlock(),r.createElementBlock("div",null,[r.createElementVNode("div",ut,[r.createElementVNode("span",null,"/"+r.toDisplayString(i.command),1),i.parametersExample?(r.openBlock(),r.createElementBlock("span",mt,r.toDisplayString(i.parametersExample),1)):r.createCommentVNode("",!0)]),r.createElementVNode("div",ht,r.toDisplayString(i.description),1)])}const ft=h._(dt,[["render",pt]]),gt={allowSpaces:!0,startOfLine:!0,render:()=>{let e,t,o=!1;return{onStart:n=>{e=new d.VueRenderer(T,{parent:void 0,props:{itemComponent:r.markRaw(ft),itemType:"slash-command",...n},editor:n.editor}),n.clientRect&&(t=b("body",{getReferenceClientRect:n.clientRect,appendTo:()=>document.body,content:e.element,showOnCreate:!1,onShow:()=>{o=!0},onHidden:()=>{o=!1},interactive:!0,trigger:"manual",placement:"top-start",zIndex:650,plugins:[E]}),n.items.length>0&&(t==null||t[0].show()))},onUpdate(n){e==null||e.updateProps(n),n.items.length>0?t==null||t[0].show():t==null||t[0].hide(),n.clientRect&&(t==null||t[0].setProps({getReferenceClientRect:n.clientRect}))},onKeyDown(n){var s;if(o)return(s=e==null?void 0:e.ref)==null?void 0:s.onKeyDown(n)},onExit(){t==null||t[0].destroy(),t=null,e==null||e.destroy(),e=null}}}},_t={compatConfig:{MODE:3},name:"DtRichTextEditor",components:{EditorContent:d.EditorContent,BubbleMenu:d.BubbleMenu,DtButton:ue.default,DtStack:w.default},props:{modelValue:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},preventTyping:{type:Boolean,default:!1},pasteRichText:{type:Boolean,default:!0},allowLineBreaks:{type:Boolean,default:!1},inputAriaLabel:{type:String,required:!0},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(e){return typeof e=="string"?x.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(e):!0}},outputFormat:{type:String,default:"html",validator(e){return x.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(e)}},placeholder:{type:String,default:""},link:{type:[Boolean,Object],default:!1},customLink:{type:[Boolean,Object],default:!1},mentionSuggestion:{type:Object,default:null},channelSuggestion:{type:Object,default:null},slashCommandSuggestion:{type:Object,default:null},allowBlockquote:{type:Boolean,default:!0},allowBold:{type:Boolean,default:!0},allowBulletList:{type:Boolean,default:!0},allowItalic:{type:Boolean,default:!0},allowStrike:{type:Boolean,default:!0},allowUnderline:{type:Boolean,default:!0},allowCode:{type:Boolean,default:!0},allowCodeblock:{type:Boolean,default:!0},allowInlineImages:{type:Boolean,default:!1},allowFontColor:{type:Boolean,default:!1},allowFontFamily:{type:Boolean,default:!1},additionalExtensions:{type:Array,default:()=>[]},hideLinkBubbleMenu:{type:Boolean,default:!1},useDivTags:{type:Boolean,default:!1}},emits:["input","json-input","html-input","text-input","markdown-input","update:modelValue","blur","focus","enter","edit-link","selected","selected-command"],data(){return{editor:null,tippyOptions:{appendTo:()=>{var e;return(e=k.returnFirstEl(this.$refs.editor.$el).getRootNode())==null?void 0:e.querySelector("body")},placement:"top-start"},i18n:new de.DialtoneLocalization,jsonToMarkdownConverter:{convertToMarkdown(e){return this.processNode(e)},processNodeContent(e){return e.content?e.content.map(t=>this.processNode(t)).join(""):""},processNode(e){if(!e)return"";const o={doc:n=>this.processDocNode(n),paragraph:n=>this.processParagraphNode(n),text:n=>this.processTextNode(n),hardBreak:()=>this.processHardBreakNode(),blockquote:n=>this.processBlockquoteNode(n),bulletList:n=>this.processBulletListNode(n),orderedList:n=>this.processOrderedListNode(n),listItem:n=>this.processListItemNode(n),codeBlock:n=>this.processCodeBlockNode(n),mention:n=>this.processMentionNode(n),channel:n=>this.processChannelNode(n),"slash-commands":n=>this.processSlashCommandsNode(n),emoji:n=>this.processEmojiNode(n)}[e.type];return o?o(e):this.processUnknownNode(e)},processDocNode(e){return this.processNodeContent(e)},processParagraphNode(e){const t=this.processNodeContent(e);return t?t+`
+`:`
+`},processTextNode(e){let t=e.text||"";return e.marks&&(t=this.applyMarks(t,e.marks)),t},processHardBreakNode(){return`
+`},processBlockquoteNode(e){return this.processNodeContent(e).split(`
+`).map(o=>o?`> ${o}`:">").join(`
+`)+`
+`},processBulletListNode(e){return this.processNodeContent(e)},processOrderedListNode(e){return e.content?e.content.map((t,o)=>this.processNode(t).replace(/^- /,`${o+1}. `)).join(""):""},processListItemNode(e){const t=this.processNodeContent(e);return t?`- ${t.replace(/\n$/,"")}
+`:""},processCodeBlockNode(e){return`\`\`\`
+${this.processNodeContent(e)}
+\`\`\``},processMentionNode(e){var s,i,a;const t=((s=e.attrs)==null?void 0:s.name)||"",o=((i=e.attrs)==null?void 0:i.id)||"",n=((a=e.attrs)==null?void 0:a.contactKey)||"";return`<!-- @mention: {"id": "${o}", "contactKey": "${n}", "name": "${t}"} -->`},processChannelNode(e){var s,i,a;const t=((s=e.attrs)==null?void 0:s.name)||"",o=((i=e.attrs)==null?void 0:i.id)||"",n=((a=e.attrs)==null?void 0:a.locked.toString())||"";return`<!-- @channel: {"id": "${o}", "name": "${t}", "locked": "${n}"} -->`},processSlashCommandsNode(e){var n,s;const t=((n=e.attrs)==null?void 0:n.command)||"",o=((s=e.attrs)==null?void 0:s.parameters)||"";return`/${t}${o?` ${o}`:""}`},processEmojiNode(e){var t;return((t=e.attrs)==null?void 0:t.code)||""},processUnknownNode(e){return this.processNodeContent(e)},applyMarks(e,t){let o=e;return[...t].sort((s,i)=>{const a={link:0,bold:1,italic:2,strike:3,code:4};return(a[s.type]||5)-(a[i.type]||5)}).forEach(s=>{var i;switch(s.type){case"bold":o=`**${o}**`;break;case"italic":o=`*${o}*`;break;case"strike":o=`~~${o}~~`;break;case"code":o=`\`${o}\``;break;case"link":{const a=((i=s.attrs)==null?void 0:i.href)||"";o=`[${o}](${a})`;break}}}),o}}}},computed:{attrs(){return{...this.$attrs,onInput:()=>{},onFocus:()=>{},onBlur:()=>{}}},extensions(){const e=[A,Y,Q,j];e.push(this.useDivTags?Ae:R),this.allowBold&&e.push(H),this.allowBlockquote&&e.push(O),this.allowBulletList&&(e.push(K),e.push(U.extend({renderText({node:n}){return n.textContent}})),e.push(z)),this.allowItalic&&e.push(W),this.allowStrike&&e.push(X),this.allowUnderline&&e.push(J),this.placeholder&&e.push(q.configure({placeholder:this.placeholder}));const t=this,o=u.Extension.create({addKeyboardShortcuts(){return{"Shift-Enter":({editor:n})=>t.allowLineBreaks?!1:(n.commands.first(({commands:s})=>[()=>s.newlineInCode(),()=>t.allowBulletList&&s.splitListItem("listItem"),()=>s.createParagraphNear(),()=>s.liftEmptyBlock(),()=>s.splitBlock()]),!0),Enter:()=>t.allowLineBreaks?!1:(t.$emit("enter"),!0)}}});if(e.push(o),this.link&&e.push(F.extend({inclusive:!1,addKeyboardShortcuts(){return{"Mod-k":()=>(t.$emit("edit-link"),!0)}}}).configure({HTMLAttributes:{class:"d-link d-wb-break-all"},openOnClick:!1,autolink:!0,protocols:x.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS})),this.customLink&&e.push(this.getExtension(Pe,this.customLink)),this.mentionSuggestion){const n={...this.mentionSuggestion,...st};e.push(Ke.configure({suggestion:n}))}if(this.channelSuggestion){const n={...this.channelSuggestion,...lt};e.push(ze.configure({suggestion:n}))}if(this.slashCommandSuggestion){const n={...this.slashCommandSuggestion,...gt};e.push(Qe.configure({suggestion:n,onSelectedCommand:s=>{this.$emit("selected-command",s)}}))}return e.push(ve),e.push(G.configure({types:["paragraph"]})),this.allowCode&&e.push(V),this.allowCodeblock&&e.push(P.extend({renderText({node:n}){return`\`\`\`
 ${n.textContent}
-\`\`\``}}).configure({HTMLAttributes:{class:"d-rich-text-editor__code-block"}})),this.allowInlineImages&&e.push(Ve),(this.allowFontFamily||this.allowFontColor)&&(e.push(Z),this.allowFontColor&&e.push(ee),this.allowFontFamily&&e.push(te)),this.additionalExtensions.length&&e.push(...this.additionalExtensions),e},inputAttrs(){const e={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(e["aria-readonly"]=!0),e}},watch:{editable(e){this.editor.setEditable(e),this.updateEditorAttributes({"aria-readonly":!e})},inputClass(e){this.updateEditorAttributes({class:e})},inputAriaLabel(e){this.updateEditorAttributes({"aria-label":e})},extensions(){this.destroyEditor(),this.createEditor()},modelValue(e){this.processValue(e)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},mounted(){k.warnIfUnmounted(k.returnFirstEl(this.$el),this.$options.name),this.processValue(this.modelValue,!1)},methods:{createEditor(){this.editor=new d.Editor({autofocus:this.autoFocus,content:this.modelValue,editable:this.editable,extensions:this.extensions,parseOptions:{preserveWhitespace:"full"},editorProps:{attributes:{...this.inputAttrs,class:this.inputClass},handleKeyDown:(e,t)=>{if(!this.preventTyping)return!1;const r=["Backspace"];return!this.allowLineBreaks&&!t.shiftKey&&r.push("Enter"),!r.includes(t.key)},handlePaste:(e,t)=>{const r=t.clipboardData||window.clipboardData,n=r.getData("text/plain"),i=r.getData("text/html");return this.processPasteData(e,n,i)},transformPastedHTML(e){return e.replace(/(<\/\w+>)((<br \/>)+)/g,"$2$3$1")}}}),this.addEditorListeners()},bubbleMenuShouldShow({editor:e}){return e.isActive("link")},getSelectedLinkText(e){var c,l,m;const{view:t,state:r}=e,{from:n,to:i}=t.state.selection,s=r.doc.textBetween(n,i,""),a=this.editor.state.doc.nodeAt(n);return a&&((m=(l=(c=a.marks)==null?void 0:c.at(0))==null?void 0:l.type)==null?void 0:m.name)==="link"?a.textContent:s},editLink(){const e=this.getSelectedLinkText(this.editor),t={href:this.editor.getAttributes("link").href,text:e};this.$emit("edit-link",t)},removeLink(){var e,t,r,n;(n=(r=(t=(e=this.editor)==null?void 0:e.chain())==null?void 0:t.focus())==null?void 0:r.unsetLink())==null||n.run()},openLink(){var t,r;(r=(t=this.editor)==null?void 0:t.chain())==null||r.focus();const e=this.editor.getAttributes("link").href;window.open(e,"_blank")},setLink(e,t,r,n=C.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,i){var c,l,m;if(!e){this.removeLink();return}n.find(p=>p.test(e))||(e=`${i}${e}`),this.editor.chain().focus().extendMarkRange("link").run();const a=(m=(l=(c=this.editor)==null?void 0:c.view)==null?void 0:l.state)==null?void 0:m.selection;this.editor.chain().focus().insertContent(t).setTextSelection({from:a.from,to:a.from+t.length}).setLink({href:e,class:r.class}).run()},processValue(e,t=!0){const r=this.getOutput();if(!(t&&ce(e,r))){if(typeof e=="string"&&this.outputFormat==="text"){const n=new RegExp(`(${O.emojiPattern})`,"g");e=e==null?void 0:e.replace(n,'<emoji-component code="$1"></emoji-component>')}this.editor.commands.setContent(e,!1,{preserveWhitespace:"full"})}},destroyEditor(){this.editor.destroy()},insertPlainTextWithHardBreaks(e,t){const{tr:r}=e.state,{from:n,to:i}=e.state.selection;r.deleteRange(n,i);const s=t.split(/\r?\n/);let a=n;for(let c=0;c<s.length;c++)c>0&&(r.insert(a,e.state.schema.nodes.hardBreak.create()),a++),r.insertText(s[c],a),a+=s[c].length;e.dispatch(r)},shouldPreserveLineBreaks(e,t){return this.pasteRichText?!t&&e&&this.hasBlankLines(e):!!e},processPasteData(e,t,r){if(this.shouldPreserveLineBreaks(t,r))return this.insertPlainTextWithHardBreaks(e,t),!0;if(this.shouldHandlePreformattedHTML(r)){const n=this.extractPreformattedText(r);if(n&&n.includes(`
-`))return this.insertPlainTextWithHardBreaks(e,n),!0}return!1},shouldHandlePreformattedHTML(e){return this.pasteRichText&&e&&this.containsPreformattedContent(e)},containsPreformattedContent(e){const t=document.createElement("div");t.innerHTML=e;const r=t.querySelectorAll("*");for(const n of r)if(this.hasPreWhitespace(n)&&this.hasLineBreaks(n))return!0;return!1},hasPreWhitespace(e){const t=e.getAttribute("style")||"",r=e.style.whiteSpace||"",n=r==="pre"||r==="pre-wrap",i=t.includes("white-space: pre");return n||i},hasLineBreaks(e){return e.textContent&&e.textContent.includes(`
+\`\`\``}}).configure({HTMLAttributes:{class:"d-rich-text-editor__code-block"}})),this.allowInlineImages&&e.push(Ve),(this.allowFontFamily||this.allowFontColor)&&(e.push(Z),this.allowFontColor&&e.push(ee),this.allowFontFamily&&e.push(te)),this.additionalExtensions.length&&e.push(...this.additionalExtensions),e},inputAttrs(){const e={"aria-label":this.inputAriaLabel,"aria-multiline":!0,role:"textbox"};return this.editable||(e["aria-readonly"]=!0),e}},watch:{editable(e){this.editor.setEditable(e),this.updateEditorAttributes({"aria-readonly":!e})},inputClass(e){this.updateEditorAttributes({class:e})},inputAriaLabel(e){this.updateEditorAttributes({"aria-label":e})},extensions(){this.destroyEditor(),this.createEditor()},modelValue(e){this.processValue(e)}},created(){this.createEditor()},beforeUnmount(){this.destroyEditor()},mounted(){k.warnIfUnmounted(k.returnFirstEl(this.$el),this.$options.name),this.processValue(this.modelValue,!1)},methods:{createEditor(){this.editor=new d.Editor({autofocus:this.autoFocus,content:this.modelValue,editable:this.editable,extensions:this.extensions,parseOptions:{preserveWhitespace:"full"},editorProps:{attributes:{...this.inputAttrs,class:this.inputClass},handleKeyDown:(e,t)=>{if(!this.preventTyping)return!1;const o=["Backspace"];return!this.allowLineBreaks&&!t.shiftKey&&o.push("Enter"),!o.includes(t.key)},handlePaste:(e,t)=>{const o=t.clipboardData||window.clipboardData,n=o.getData("text/plain"),s=o.getData("text/html");return this.processPasteData(e,n,s)},transformPastedHTML(e){return e.replace(/(<\/\w+>)((<br \/>)+)/g,"$2$3$1")}}}),this.addEditorListeners()},bubbleMenuShouldShow({editor:e}){return e.isActive("link")},getSelectedLinkText(e){var c,l,m;const{view:t,state:o}=e,{from:n,to:s}=t.state.selection,i=o.doc.textBetween(n,s,""),a=this.editor.state.doc.nodeAt(n);return a&&((m=(l=(c=a.marks)==null?void 0:c.at(0))==null?void 0:l.type)==null?void 0:m.name)==="link"?a.textContent:i},editLink(){const e=this.getSelectedLinkText(this.editor),t={href:this.editor.getAttributes("link").href,text:e};this.$emit("edit-link",t)},removeLink(){var e,t,o,n;(n=(o=(t=(e=this.editor)==null?void 0:e.chain())==null?void 0:t.focus())==null?void 0:o.unsetLink())==null||n.run()},openLink(){var t,o;(o=(t=this.editor)==null?void 0:t.chain())==null||o.focus();const e=this.editor.getAttributes("link").href;window.open(e,"_blank")},setLink(e,t,o,n=x.RICH_TEXT_EDITOR_SUPPORTED_LINK_PROTOCOLS,s){var c,l,m;if(!e){this.removeLink();return}n.find(p=>p.test(e))||(e=`${s}${e}`),this.editor.chain().focus().extendMarkRange("link").run();const a=(m=(l=(c=this.editor)==null?void 0:c.view)==null?void 0:l.state)==null?void 0:m.selection;this.editor.chain().focus().insertContent(t).setTextSelection({from:a.from,to:a.from+t.length}).setLink({href:e,class:o.class}).run()},processValue(e,t=!0){const o=this.getOutput();if(!(t&&le(e,o))){if(typeof e=="string"&&this.outputFormat==="text"){const n=new RegExp(`(${D.emojiPattern})`,"g");e=e==null?void 0:e.replace(n,'<emoji-component code="$1"></emoji-component>')}this.editor.commands.setContent(e,!1,{preserveWhitespace:"full"})}},destroyEditor(){this.editor.destroy()},insertPlainTextWithHardBreaks(e,t){const{tr:o}=e.state,{from:n,to:s}=e.state.selection;o.deleteRange(n,s);const i=t.split(/\r?\n/);let a=n;for(let c=0;c<i.length;c++)c>0&&(o.insert(a,e.state.schema.nodes.hardBreak.create()),a++),o.insertText(i[c],a),a+=i[c].length;e.dispatch(o)},shouldPreserveLineBreaks(e,t){return this.pasteRichText?!t&&e&&this.hasBlankLines(e):!!e},processPasteData(e,t,o){if(this.shouldPreserveLineBreaks(t,o))return this.insertPlainTextWithHardBreaks(e,t),!0;if(this.shouldHandlePreformattedHTML(o)){const n=this.extractPreformattedText(o);if(n&&n.includes(`
+`))return this.insertPlainTextWithHardBreaks(e,n),!0}return!1},shouldHandlePreformattedHTML(e){return this.pasteRichText&&e&&this.containsPreformattedContent(e)},containsPreformattedContent(e){const t=document.createElement("div");t.innerHTML=e;const o=t.querySelectorAll("*");for(const n of o)if(this.hasPreWhitespace(n)&&this.hasLineBreaks(n))return!0;return!1},hasPreWhitespace(e){const t=e.getAttribute("style")||"",o=e.style.whiteSpace||"",n=o==="pre"||o==="pre-wrap",s=t.includes("white-space: pre");return n||s},hasLineBreaks(e){return e.textContent&&e.textContent.includes(`
 `)},hasBlankLines(e){return e.includes(`
-`)||/\n\s*\n/.test(e)},extractPreformattedText(e){const t=document.createElement("div");return t.innerHTML=e,this.walkAndExtractText(t)},walkAndExtractText(e){let t="";if(e.nodeType===Node.TEXT_NODE)t+=e.textContent;else if(e.nodeType===Node.ELEMENT_NODE)if(this.hasPreWhitespace(e))t+=e.textContent;else for(const r of e.childNodes)t+=this.walkAndExtractText(r);return t},triggerInputChangeEvents(){const e=this.getOutput();this.$emit("input",e),this.$emit("update:modelValue",e);const t=this.editor.getJSON();this.$emit("json-input",t);const r=this.editor.getHTML();this.$emit("html-input",r);const n=this.editor.getText({blockSeparator:`
-`});this.$emit("text-input",n)},addEditorListeners(){this.editor.on("create",()=>{this.triggerInputChangeEvents()}),this.editor.on("update",()=>{this.triggerInputChangeEvents()}),this.editor.on("selectionUpdate",({editor:e})=>{this.$emit("selected",this.getSelectedLinkText(e))}),this.editor.on("focus",({event:e})=>{this.$emit("focus",e)}),this.editor.on("blur",({event:e})=>{this.$emit("blur",e)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"text":default:return this.editor.getText({blockSeparator:`
-`})}},getExtension(e,t){var r;return typeof t=="boolean"?e:(r=e.configure)==null?void 0:r.call(e,t)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:{...this.inputAttrs,class:this.inputClass,...e}}})},focusEditor(){this.editor.commands.focus()}}},_t={class:"d-popover__dialog"};function kt(e,t,r,n,i,s){const a=o.resolveComponent("dt-button"),c=o.resolveComponent("dt-stack"),l=o.resolveComponent("bubble-menu"),m=o.resolveComponent("editor-content");return o.openBlock(),o.createElementBlock("div",null,[i.editor&&r.link&&!r.hideLinkBubbleMenu?(o.openBlock(),o.createBlock(l,{key:0,editor:i.editor,"should-show":s.bubbleMenuShouldShow,"tippy-options":i.tippyOptions,style:{visibility:"visible"}},{default:o.withCtx(()=>[o.createElementVNode("div",_t,[o.createVNode(c,{direction:"row",class:"d-rich-text-editor-bubble-menu__button-stack",gap:"0"},{default:o.withCtx(()=>[o.createVNode(a,{kind:"muted",importance:"clear",onClick:s.editLink},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")),1)]),_:1},8,["onClick"]),o.createVNode(a,{kind:"muted",importance:"clear",onClick:s.openLink},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")),1)]),_:1},8,["onClick"]),o.createVNode(a,{kind:"danger",importance:"clear",onClick:s.removeLink},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(i.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")),1)]),_:1},8,["onClick"])]),_:1})])]),_:1},8,["editor","should-show","tippy-options"])):o.createCommentVNode("",!0),o.createVNode(m,o.mergeProps({ref:"editor",editor:i.editor,class:"d-rich-text-editor","data-qa":"dt-rich-text-editor"},s.attrs),null,16,["editor"])])}const wt=h._(gt,[["render",kt]]);exports.default=wt;
+`)||/\n\s*\n/.test(e)},extractPreformattedText(e){const t=document.createElement("div");return t.innerHTML=e,this.walkAndExtractText(t)},walkAndExtractText(e){let t="";if(e.nodeType===Node.TEXT_NODE)t+=e.textContent;else if(e.nodeType===Node.ELEMENT_NODE)if(this.hasPreWhitespace(e))t+=e.textContent;else for(const o of e.childNodes)t+=this.walkAndExtractText(o);return t},triggerInputChangeEvents(){const e=this.getOutput();this.$emit("input",e),this.$emit("update:modelValue",e);const t=this.editor.getJSON();this.$emit("json-input",t);const o=this.editor.getHTML();this.$emit("html-input",o);const n=this.editor.getText({blockSeparator:`
+`});this.$emit("text-input",n);const s=this.jsonToMarkdownConverter.convertToMarkdown(t);this.$emit("markdown-input",s)},addEditorListeners(){this.editor.on("create",()=>{this.triggerInputChangeEvents()}),this.editor.on("update",()=>{this.triggerInputChangeEvents()}),this.editor.on("selectionUpdate",({editor:e})=>{this.$emit("selected",this.getSelectedLinkText(e))}),this.editor.on("focus",({event:e})=>{this.$emit("focus",e)}),this.editor.on("blur",({event:e})=>{this.$emit("blur",e)})},getOutput(){switch(this.outputFormat){case"json":return this.editor.getJSON();case"html":return this.editor.getHTML();case"markdown":return this.jsonToMarkdownConverter.convertToMarkdown(this.editor.getJSON());case"text":default:return this.editor.getText({blockSeparator:`
+`})}},getExtension(e,t){var o;return typeof t=="boolean"?e:(o=e.configure)==null?void 0:o.call(e,t)},updateEditorAttributes(e){this.editor.setOptions({editorProps:{attributes:{...this.inputAttrs,class:this.inputClass,...e}}})},focusEditor(){this.editor.commands.focus()}}},kt={class:"d-popover__dialog"};function wt(e,t,o,n,s,i){const a=r.resolveComponent("dt-button"),c=r.resolveComponent("dt-stack"),l=r.resolveComponent("bubble-menu"),m=r.resolveComponent("editor-content");return r.openBlock(),r.createElementBlock("div",null,[s.editor&&o.link&&!o.hideLinkBubbleMenu?(r.openBlock(),r.createBlock(l,{key:0,editor:s.editor,"should-show":i.bubbleMenuShouldShow,"tippy-options":s.tippyOptions,style:{visibility:"visible"}},{default:r.withCtx(()=>[r.createElementVNode("div",kt,[r.createVNode(c,{direction:"row",class:"d-rich-text-editor-bubble-menu__button-stack",gap:"0"},{default:r.withCtx(()=>[r.createVNode(a,{kind:"muted",importance:"clear",onClick:i.editLink},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(s.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_EDIT_BUTTON_LABEL")),1)]),_:1},8,["onClick"]),r.createVNode(a,{kind:"muted",importance:"clear",onClick:i.openLink},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(s.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_OPEN_LINK_BUTTON_LABEL")),1)]),_:1},8,["onClick"]),r.createVNode(a,{kind:"danger",importance:"clear",onClick:i.removeLink},{default:r.withCtx(()=>[r.createTextVNode(r.toDisplayString(s.i18n.$t("DIALTONE_RICH_TEXT_EDITOR_REMOVE_BUTTON_LABEL")),1)]),_:1},8,["onClick"])]),_:1})])]),_:1},8,["editor","should-show","tippy-options"])):r.createCommentVNode("",!0),r.createVNode(m,r.mergeProps({ref:"editor",editor:s.editor,class:"d-rich-text-editor","data-qa":"dt-rich-text-editor"},i.attrs),null,16,["editor"])])}const Ct=h._(_t,[["render",wt]]);exports.default=Ct;
 //# sourceMappingURL=rich-text-editor.cjs.map