@dialpad/dialtone-vue 2.115.2 → 2.116.0

package/dist/message_input.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./rich_text_editor-8eCw3JJK.cjs"),a=require("./index-npEAeBD7.cjs"),l=require("./emoji_picker-OvZiNbQL.cjs"),s=require("./tooltip-6msmWvq0.cjs");require("vue");const u={name:"DtRecipeMessageInput",components:{DtButton:a.DtButton,DtEmojiPicker:l.DtEmojiPicker,DtIcon:a.DtIcon,DtInput:a.DtInput,DtPopover:o.DtPopover,DtRichTextEditor:o.DtRichTextEditor,DtTooltip:s.DtTooltip},mixins:[],inheritAttrs:!1,props:{value:{type:[Object,String],default:""},editable:{type:Boolean,default:!0},inputAriaLabel:{type:String,required:!0,default:""},inputClass:{type:String,default:""},autoFocus:{type:[Boolean,String,Number],default:!1,validator(t){return typeof t=="string"?o.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(t):!0}},outputFormat:{type:String,default:"text",validator(t){return o.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(t)}},link:{type:[Boolean,Object],default:!1},placeholder:{type:String,default:""},disableSend:{type:Boolean,default:!1},maxHeight:{type:String,default:"unset"},showEmojiPicker:{type:Boolean,default:!0},emojiPickerProps:{type:Object,default:()=>({}),validate(t){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(e=>t[e]!=null)}},emojiTooltipMessage:{type:String,default:"Emoji"},emojiButtonAriaLabel:{type:String,default:"emoji button"},showCharacterLimit:{type:[Boolean,Object],default:()=>({count:1500,warning:500,message:""})},showImagePicker:{type:[Boolean,Object],default:()=>({tooltipLabel:"Attach Image",ariaLabel:"image button"})},showSend:{type:[Boolean,Object],default:()=>({icon:"send"})},showCancel:{type:[Boolean,Object],default:()=>({text:"Cancel"})}},emits:["submit","select-media","add-media","cancel","skin-tone","selected-emoji","focus","blur","input"],data(){return{internalInputValue:this.value,hasFocus:!1,imagePickerFocus:!1,emojiPickerFocus:!1,sendButtonFocus:!1,emojiPickerOpened:!1}},computed:{inputLength(){return this.internalInputValue.length},displayCharacterLimitWarning(){return!!this.showCharacterLimit&&this.showCharacterLimit.count-this.inputLength<=this.showCharacterLimit.warning},characterLimitTooltipEnabled(){return this.showCharacterLimit.message&&this.showCharacterLimit.count-this.inputLength<0},isSendDisabled(){return this.inputLength===0||this.disableSend||this.showCharacterLimit&&this.inputLength>this.showCharacterLimit.count},computedCloseButtonProps(){return{ariaLabel:"Close"}},emojiPickerHovered(){return this.emojiPickerFocus||this.emojiPickerOpened},sendButtonKind(){return this.isSendDisabled?"muted":"default"}},watch:{value(t){this.internalInputValue=t}},methods:{onDrag(t){t.stopPropagation(),t.preventDefault()},onDrop(t){t.stopPropagation(),t.preventDefault();const e=t.dataTransfer,i=Array.from(e.files).map(r=>r.name);this.$emit("add-media",i)},onSkinTone(t){this.$emit("skin-tone",t)},onSelectEmoji(t){if(!t){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:t.shortname}}),this.emojiPickerOpened=!1,this.$emit("selected-emoji",t)},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(t){this.$emit("select-media",t)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(t){this.hasFocus=!0,console.log("B",this.hasFocus),this.$refs.richTextEditor.focusEditor(),console.log("A",this.hasFocus),this.$emit("focus",t)},onBlur(t){this.hasFocus=!1,this.$emit("blur",t)},onInput(t){this.$emit("input",t)}}};var c=function(){var e=this,n=e._self._c;return n("div",{class:["d-d-flex","d-fd-column","d-bar8","d-baw1","d-ba","d-c-text",{"d-bc-black-500 d-bs-sm":e.hasFocus,"d-bc-default":!e.hasFocus}],attrs:{"data-qa":"dt-message-input",role:"presentation"},on:{click:function(i){return e.$refs.richTextEditor.focusEditor()},"drag-enter":e.onDrag,"drag-over":e.onDrag,drop:e.onDrop,keydown:function(i){return!i.type.indexOf("key")&&e._k(i.keyCode,"enter",13,i.key,"Enter")||i.ctrlKey||i.shiftKey||i.altKey||i.metaKey?null:e.onSend.apply(null,arguments)}}},[n("div",{staticClass:"d-of-auto d-mx16 d-mt8 d-mb4",style:{"max-height":e.maxHeight}},[n("dt-rich-text-editor",e._b({ref:"richTextEditor",attrs:{editable:e.editable,"input-aria-label":e.inputAriaLabel,"input-class":e.inputClass,"output-format":e.outputFormat,"auto-focus":e.autoFocus,link:e.link,placeholder:e.placeholder},on:{focus:e.onFocus,blur:e.onBlur,input:function(i){return e.onInput(i)}},model:{value:e.internalInputValue,callback:function(i){e.internalInputValue=i},expression:"internalInputValue"}},"dt-rich-text-editor",e.$attrs,!1))],1),e._t("middle"),n("section",{staticClass:"d-d-flex d-jc-space-between d-mx8 d-my4"},[n("div",{staticClass:"d-d-flex"},[e.showImagePicker?n("dt-tooltip",{attrs:{placement:"top-start",message:e.showImagePicker.tooltipLabel,offset:[-4,-4]},scopedSlots:e._u([{key:"anchor",fn:function(){return[n("dt-button",{attrs:{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:e.imagePickerFocus?"default":"muted",importance:"clear","aria-label":e.showImagePicker.ariaLabel},on:{click:e.onSelectImage,mouseenter:function(i){e.imagePickerFocus=!0},mouseleave:function(i){e.imagePickerFocus=!1},focus:function(i){e.imagePickerFocus=!0},blur:function(i){e.imagePickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:"image",size:"300"}})]},proxy:!0}],null,!1,2561380377)}),n("dt-input",{ref:"messageInputImageUpload",staticClass:"d-ps-absolute",attrs:{"data-qa":"dt-message-input-image-input",type:"file",multiple:"",hidden:""},on:{input:e.onImageUpload}})]},proxy:!0}],null,!1,3687934814)}):e._e(),e.showEmojiPicker?n("dt-popover",{attrs:{"data-qa":"dt-message-input-emoji-picker-popover",open:e.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none"},on:{opened:i=>{e.emojiPickerOpened=i}},scopedSlots:e._u([{key:"anchor",fn:function(){return[n("dt-tooltip",{attrs:{message:e.emojiTooltipMessage,offset:[0,-4]},scopedSlots:e._u([{key:"anchor",fn:function(){return[n("dt-button",{attrs:{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:e.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":e.emojiButtonAriaLabel,offset:[0,0]},on:{click:e.toggleEmojiPicker,mouseenter:function(i){e.emojiPickerFocus=!0},mouseleave:function(i){e.emojiPickerFocus=!1},focus:function(i){e.emojiPickerFocus=!0},blur:function(i){e.emojiPickerFocus=!1}},scopedSlots:e._u([{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:e.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"}})]},proxy:!0}],null,!1,352772906)})]},proxy:!0}],null,!1,3933528398)})]},proxy:!0},{key:"content",fn:function(){return[n("dt-emoji-picker",e._b({on:{"skin-tone":e.onSkinTone,"selected-emoji":e.onSelectEmoji}},"dt-emoji-picker",e.emojiPickerProps,!1))]},proxy:!0}],null,!1,1278205067)}):e._e()],1),n("div",{staticClass:"d-d-flex"},[e.showCharacterLimit?n("dt-tooltip",{staticClass:"dt-message-input--remaining-char-tooltip",attrs:{placement:"top-end",enabled:e.characterLimitTooltipEnabled,message:e.showCharacterLimit.message,offset:[10,-8]},scopedSlots:e._u([{key:"anchor",fn:function(){return[n("p",{directives:[{name:"show",rawName:"v-show",value:e.displayCharacterLimitWarning,expression:"displayCharacterLimitWarning"}],staticClass:"d-fc-error d-mr16 dt-message-input--remaining-char",attrs:{"data-qa":"dt-message-input-character-limit"}},[e._v(" "+e._s(e.showCharacterLimit.count-e.inputLength)+" ")])]},proxy:!0}],null,!1,2591914334)}):e._e(),e.showCancel?n("dt-button",{staticClass:"dt-message-input--cancel-button",attrs:{"data-qa":"dt-message-input-cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":e.showCancel.ariaLabel},on:{click:e.onCancel}},[n("p",[e._v(e._s(e.showCancel.text))])]):e._e(),e.showSend?n("dt-tooltip",{attrs:{placement:"top-end",enabled:!e.showSend,message:e.showSend.tooltipLabel,show:!e.isSendDisabled&&e.sendButtonFocus,offset:[6,-8]},scopedSlots:e._u([{key:"anchor",fn:function(){return[n("dt-button",{class:{"message-input-button__disabled d-fc-muted":e.isSendDisabled},attrs:{"data-qa":"dt-message-input-send-btn",size:"sm",kind:e.sendButtonKind,circle:!!e.showSend.icon,importance:"primary","aria-label":e.showSend.ariaLabel,"aria-disabled":e.isSendDisabled},on:{click:e.onSend,mouseenter:function(i){e.sendButtonFocus=!0},mouseleave:function(i){e.sendButtonFocus=!1},focus:function(i){e.sendButtonFocus=!0},blur:function(i){e.sendButtonFocus=!1}},scopedSlots:e._u([e.showSend.icon?{key:"icon",fn:function(){return[n("dt-icon",{attrs:{name:e.showSend.icon,size:"300"}})]},proxy:!0}:null],null,!0)},[e.showSend.text?[n("p",[e._v(e._s(e.showSend.text))])]:e._e()],2)]},proxy:!0}],null,!1,370079737)}):e._e()],1)])],2)},d=[],m=s.normalizeComponent(u,c,d,!1,null,null,null,null);const p=m.exports;exports.DtRichTextEditor=o.DtRichTextEditor;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=o.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=o.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRecipeMessageInput=p;

package/dist/message_input.js

@@ -1,408 +0,0 @@
-import { D as o, a as s, R as r, b as l } from "./rich_text_editor-GclbjzaB.js";
-import { t as u, w as c, x as d } from "./index-i-V6G-jv.js";
-import { D as m } from "./emoji_picker-ZCP0nGK3.js";
-import { n as p, D as f } from "./tooltip-QB-zD49d.js";
-import "vue";
-const h = {
-  name: "DtRecipeMessageInput",
-  components: {
-    DtButton: u,
-    DtEmojiPicker: m,
-    DtIcon: c,
-    DtInput: d,
-    DtPopover: o,
-    DtRichTextEditor: s,
-    DtTooltip: f
-  },
-  mixins: [],
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Value of the input. The object format should match TipTap's JSON
-     * document structure: https://tiptap.dev/guide/output#option-1-json
-     */
-    value: {
-      type: [Object, String],
-      default: ""
-    },
-    /**
-     * Whether the input is editable
-     */
-    editable: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Descriptive label for the input element
-     */
-    inputAriaLabel: {
-      type: String,
-      required: !0,
-      default: ""
-    },
-    /**
-     * Additional class name for the input element. Only accepts a String value
-     * because this is passed to the editor via options. For multiple classes,
-     * join them into one string, e.g. "d-p8 d-hmx96"
-     */
-    inputClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether the input should receive focus after the component has been
-     * mounted. Either one of `start`, `end`, `all` or a Boolean or a Number.
-     * - `start`  Sets the focus to the beginning of the input
-     * - `end`    Sets the focus to the end of the input
-     * - `all`    Selects the whole contents of the input
-     * - `Number` Sets the focus to a specific position in the input
-     * - `true`   Defaults to `start`
-     * - `false`  Disables autofocus
-     * @values true, false, start, end, all, number
-     */
-    autoFocus: {
-      type: [Boolean, String, Number],
-      default: !1,
-      validator(t) {
-        return typeof t == "string" ? r.includes(t) : !0;
-      }
-    },
-    /**
-     * The output format that the editor uses when emitting the "@input" event.
-     * One of `text`, `json`, `html`. See https://tiptap.dev/guide/output for
-     * examples.
-     * @values text, json, html
-     */
-    outputFormat: {
-      type: String,
-      default: "text",
-      validator(t) {
-        return l.includes(t);
-      }
-    },
-    /**
-     * Enables the Link extension and optionally passes configurations to it
-     */
-    link: {
-      type: [Boolean, Object],
-      default: !1
-    },
-    /**
-     * Placeholder text
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Disable Send Button
-     */
-    disableSend: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Content area needs to dynamically adjust height based on the conversation area height.
-     * can be vh|px|rem|em|%
-     */
-    maxHeight: {
-      type: String,
-      default: "unset"
-    },
-    // Emoji picker props
-    showEmojiPicker: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Props to pass into the emoji picker.
-     */
-    emojiPickerProps: {
-      type: Object,
-      default: () => ({}),
-      validate(t) {
-        return [
-          "searchNoResultsLabel",
-          "searchResultsLabel",
-          "searchPlaceholderLabel",
-          "skinSelectorButtonTooltipLabel",
-          "tabSetLabels"
-        ].every((e) => t[e] != null);
-      }
-    },
-    /**
-     * Emoji button tooltip label
-     */
-    emojiTooltipMessage: {
-      type: String,
-      default: "Emoji"
-    },
-    // Aria label for buttons
-    /**
-     * Emoji button aria label
-     */
-    emojiButtonAriaLabel: {
-      type: String,
-      default: "emoji button"
-    },
-    /**
-     * Enable character Limit warning
-     */
-    showCharacterLimit: {
-      type: [Boolean, Object],
-      default: () => ({ count: 1500, warning: 500, message: "" })
-    },
-    showImagePicker: {
-      type: [Boolean, Object],
-      default: () => ({ tooltipLabel: "Attach Image", ariaLabel: "image button" })
-    },
-    /**
-     * Send button defaults.
-     */
-    showSend: {
-      type: [Boolean, Object],
-      default: () => ({ icon: "send" })
-    },
-    /**
-     * Cancel button defaults.
-     */
-    showCancel: {
-      type: [Boolean, Object],
-      default: () => ({ text: "Cancel" })
-    }
-  },
-  emits: [
-    /**
-     * Fires when send button is clicked
-     *
-     * @event submit
-     * @type {String}
-     */
-    "submit",
-    /**
-     * Fires when media is selected from image button
-     *
-     * @event select-media
-     * @type {Array}
-     */
-    "select-media",
-    /**
-     * Fires when media is dropped into the message input
-     *
-     * @event add-media
-     * @type {Array}
-     */
-    "add-media",
-    /**
-     * Fires when cancel button is pressed (only on edit mode)
-     *
-     * @event cancel
-     * @type {Boolean}
-     */
-    "cancel",
-    /**
-     * Fires when skin tone is selected from the emoji picker
-     *
-     * @event skin-tone
-     * @type {String}
-     */
-    "skin-tone",
-    /**
-     * Fires when emoji is selected from the emoji picker
-     *
-     * @event selected-emoji
-     * @type {String}
-     */
-    "selected-emoji",
-    /**
-     * Native focus event
-     * @event input
-     * @type {String|JSON}
-     */
-    "focus",
-    /**
-     * Native blur event
-     * @event input
-     * @type {String|JSON}
-     */
-    "blur",
-    /**
-     * Native input event
-     * @event input
-     * @type {String|JSON}
-     */
-    "input"
-  ],
-  data() {
-    return {
-      internalInputValue: this.value,
-      // internal input content
-      hasFocus: !1,
-      imagePickerFocus: !1,
-      emojiPickerFocus: !1,
-      sendButtonFocus: !1,
-      emojiPickerOpened: !1
-    };
-  },
-  computed: {
-    inputLength() {
-      return this.internalInputValue.length;
-    },
-    displayCharacterLimitWarning() {
-      return !!this.showCharacterLimit && this.showCharacterLimit.count - this.inputLength <= this.showCharacterLimit.warning;
-    },
-    characterLimitTooltipEnabled() {
-      return this.showCharacterLimit.message && this.showCharacterLimit.count - this.inputLength < 0;
-    },
-    isSendDisabled() {
-      return this.inputLength === 0 || this.disableSend || this.showCharacterLimit && this.inputLength > this.showCharacterLimit.count;
-    },
-    computedCloseButtonProps() {
-      return {
-        ariaLabel: "Close"
-      };
-    },
-    emojiPickerHovered() {
-      return this.emojiPickerFocus || this.emojiPickerOpened;
-    },
-    sendButtonKind() {
-      return this.isSendDisabled ? "muted" : "default";
-    }
-  },
-  watch: {
-    value(t) {
-      this.internalInputValue = t;
-    }
-  },
-  methods: {
-    onDrag(t) {
-      t.stopPropagation(), t.preventDefault();
-    },
-    onDrop(t) {
-      t.stopPropagation(), t.preventDefault();
-      const e = t.dataTransfer, n = Array.from(e.files).map((a) => a.name);
-      this.$emit("add-media", n);
-    },
-    onSkinTone(t) {
-      this.$emit("skin-tone", t);
-    },
-    onSelectEmoji(t) {
-      if (!t) {
-        this.emojiPickerOpened = !1;
-        return;
-      }
-      this.$refs.richTextEditor.editor.commands.insertContent({
-        type: "emoji",
-        attrs: {
-          code: t.shortname
-        }
-      }), this.emojiPickerOpened = !1, this.$emit("selected-emoji", t);
-    },
-    onSelectImage() {
-      this.$refs.messageInputImageUpload.$refs.input.click();
-    },
-    onImageUpload(t) {
-      this.$emit("select-media", t);
-    },
-    toggleEmojiPicker() {
-      this.emojiPickerOpened = !this.emojiPickerOpened;
-    },
-    onSend() {
-      this.isSendDisabled || this.$emit("submit", this.internalInputValue);
-    },
-    onCancel() {
-      this.$emit("cancel");
-    },
-    onFocus(t) {
-      this.hasFocus = !0, console.log("B", this.hasFocus), this.$refs.richTextEditor.focusEditor(), console.log("A", this.hasFocus), this.$emit("focus", t);
-    },
-    onBlur(t) {
-      this.hasFocus = !1, this.$emit("blur", t);
-    },
-    onInput(t) {
-      this.$emit("input", t);
-    }
-  }
-};
-var g = function() {
-  var e = this, i = e._self._c;
-  return i("div", { class: [
-    "d-d-flex",
-    "d-fd-column",
-    "d-bar8",
-    "d-baw1",
-    "d-ba",
-    "d-c-text",
-    { "d-bc-black-500 d-bs-sm": e.hasFocus, "d-bc-default": !e.hasFocus }
-  ], attrs: { "data-qa": "dt-message-input", role: "presentation" }, on: { click: function(n) {
-    return e.$refs.richTextEditor.focusEditor();
-  }, "drag-enter": e.onDrag, "drag-over": e.onDrag, drop: e.onDrop, keydown: function(n) {
-    return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") || n.ctrlKey || n.shiftKey || n.altKey || n.metaKey ? null : e.onSend.apply(null, arguments);
-  } } }, [i("div", { staticClass: "d-of-auto d-mx16 d-mt8 d-mb4", style: { "max-height": e.maxHeight } }, [i("dt-rich-text-editor", e._b({ ref: "richTextEditor", attrs: { editable: e.editable, "input-aria-label": e.inputAriaLabel, "input-class": e.inputClass, "output-format": e.outputFormat, "auto-focus": e.autoFocus, link: e.link, placeholder: e.placeholder }, on: { focus: e.onFocus, blur: e.onBlur, input: function(n) {
-    return e.onInput(n);
-  } }, model: { value: e.internalInputValue, callback: function(n) {
-    e.internalInputValue = n;
-  }, expression: "internalInputValue" } }, "dt-rich-text-editor", e.$attrs, !1))], 1), e._t("middle"), i("section", { staticClass: "d-d-flex d-jc-space-between d-mx8 d-my4" }, [i("div", { staticClass: "d-d-flex" }, [e.showImagePicker ? i("dt-tooltip", { attrs: { placement: "top-start", message: e.showImagePicker.tooltipLabel, offset: [-4, -4] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
-    return [i("dt-button", { attrs: { "data-qa": "dt-message-input-image-btn", size: "sm", circle: "", kind: e.imagePickerFocus ? "default" : "muted", importance: "clear", "aria-label": e.showImagePicker.ariaLabel }, on: { click: e.onSelectImage, mouseenter: function(n) {
-      e.imagePickerFocus = !0;
-    }, mouseleave: function(n) {
-      e.imagePickerFocus = !1;
-    }, focus: function(n) {
-      e.imagePickerFocus = !0;
-    }, blur: function(n) {
-      e.imagePickerFocus = !1;
-    } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-      return [i("dt-icon", { attrs: { name: "image", size: "300" } })];
-    }, proxy: !0 }], null, !1, 2561380377) }), i("dt-input", { ref: "messageInputImageUpload", staticClass: "d-ps-absolute", attrs: { "data-qa": "dt-message-input-image-input", type: "file", multiple: "", hidden: "" }, on: { input: e.onImageUpload } })];
-  }, proxy: !0 }], null, !1, 3687934814) }) : e._e(), e.showEmojiPicker ? i("dt-popover", { attrs: { "data-qa": "dt-message-input-emoji-picker-popover", open: e.emojiPickerOpened, "initial-focus-element": "#searchInput", padding: "none" }, on: { opened: (n) => {
-    e.emojiPickerOpened = n;
-  } }, scopedSlots: e._u([{ key: "anchor", fn: function() {
-    return [i("dt-tooltip", { attrs: { message: e.emojiTooltipMessage, offset: [0, -4] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
-      return [i("dt-button", { attrs: { "data-qa": "dt-message-input-emoji-picker-btn", size: "sm", circle: "", kind: e.emojiPickerHovered ? "default" : "muted", importance: "clear", "aria-label": e.emojiButtonAriaLabel, offset: [0, 0] }, on: { click: e.toggleEmojiPicker, mouseenter: function(n) {
-        e.emojiPickerFocus = !0;
-      }, mouseleave: function(n) {
-        e.emojiPickerFocus = !1;
-      }, focus: function(n) {
-        e.emojiPickerFocus = !0;
-      }, blur: function(n) {
-        e.emojiPickerFocus = !1;
-      } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-        return [i("dt-icon", { attrs: { name: e.emojiPickerHovered ? "very-satisfied" : "satisfied", size: "300" } })];
-      }, proxy: !0 }], null, !1, 352772906) })];
-    }, proxy: !0 }], null, !1, 3933528398) })];
-  }, proxy: !0 }, { key: "content", fn: function() {
-    return [i("dt-emoji-picker", e._b({ on: { "skin-tone": e.onSkinTone, "selected-emoji": e.onSelectEmoji } }, "dt-emoji-picker", e.emojiPickerProps, !1))];
-  }, proxy: !0 }], null, !1, 1278205067) }) : e._e()], 1), i("div", { staticClass: "d-d-flex" }, [e.showCharacterLimit ? i("dt-tooltip", { staticClass: "dt-message-input--remaining-char-tooltip", attrs: { placement: "top-end", enabled: e.characterLimitTooltipEnabled, message: e.showCharacterLimit.message, offset: [10, -8] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
-    return [i("p", { directives: [{ name: "show", rawName: "v-show", value: e.displayCharacterLimitWarning, expression: "displayCharacterLimitWarning" }], staticClass: "d-fc-error d-mr16 dt-message-input--remaining-char", attrs: { "data-qa": "dt-message-input-character-limit" } }, [e._v(" " + e._s(e.showCharacterLimit.count - e.inputLength) + " ")])];
-  }, proxy: !0 }], null, !1, 2591914334) }) : e._e(), e.showCancel ? i("dt-button", { staticClass: "dt-message-input--cancel-button", attrs: { "data-qa": "dt-message-input-cancel-button", size: "sm", kind: "muted", importance: "clear", "aria-label": e.showCancel.ariaLabel }, on: { click: e.onCancel } }, [i("p", [e._v(e._s(e.showCancel.text))])]) : e._e(), e.showSend ? i("dt-tooltip", { attrs: { placement: "top-end", enabled: !e.showSend, message: e.showSend.tooltipLabel, show: !e.isSendDisabled && e.sendButtonFocus, offset: [6, -8] }, scopedSlots: e._u([{ key: "anchor", fn: function() {
-    return [i("dt-button", { class: {
-      "message-input-button__disabled d-fc-muted": e.isSendDisabled
-    }, attrs: { "data-qa": "dt-message-input-send-btn", size: "sm", kind: e.sendButtonKind, circle: !!e.showSend.icon, importance: "primary", "aria-label": e.showSend.ariaLabel, "aria-disabled": e.isSendDisabled }, on: { click: e.onSend, mouseenter: function(n) {
-      e.sendButtonFocus = !0;
-    }, mouseleave: function(n) {
-      e.sendButtonFocus = !1;
-    }, focus: function(n) {
-      e.sendButtonFocus = !0;
-    }, blur: function(n) {
-      e.sendButtonFocus = !1;
-    } }, scopedSlots: e._u([e.showSend.icon ? { key: "icon", fn: function() {
-      return [i("dt-icon", { attrs: { name: e.showSend.icon, size: "300" } })];
-    }, proxy: !0 } : null], null, !0) }, [e.showSend.text ? [i("p", [e._v(e._s(e.showSend.text))])] : e._e()], 2)];
-  }, proxy: !0 }], null, !1, 370079737) }) : e._e()], 1)])], 2);
-}, b = [], k = /* @__PURE__ */ p(
-  h,
-  g,
-  b,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const P = k.exports;
-export {
-  P as DtRecipeMessageInput,
-  s as DtRichTextEditor,
-  r as RICH_TEXT_EDITOR_AUTOFOCUS_TYPES,
-  l as RICH_TEXT_EDITOR_OUTPUT_FORMATS
-};