@dialpad/dialtone 9.14.1 → 9.14.3

package/dist/vue3/dialtone-vue.js

@@ -1,5 +1,5 @@
-import { S as Rt, c as Ce, M as et, d as vn, e as pt, f as yn, D as tt, L as Dt, P as bt, g as _n, h as Qe, i as Sn, j as vt, k as wn, a as Cn, R as kn, b as In } from "./rich_text_editor-j80_b13f.js";
-import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-j80_b13f.js";
+import { S as Rt, c as Ce, M as et, d as vn, e as pt, f as yn, D as tt, L as Dt, P as bt, g as _n, h as Qe, i as Sn, j as vt, k as wn, a as Cn, R as kn, b as In } from "./rich_text_editor-G1GLwWlk.js";
+import { p as Ah, q as Mh, o as xh, l as Bh, m as Ph, n as Rh, A as $h, B as Nh, C as Fh, x as zh, r as qh, w as Hh, s as Vh, u as Wh, t as Uh, v as jh, y as Kh, z as Yh } from "./rich_text_editor-G1GLwWlk.js";
 import { w as V, t as j, F as Tn, M as Dn, G as On, H as Fe, J as Wa, K as Ua, N as ja, O as Ka, P as $t, x as Ya, D as Ln } from "./emoji-ppApZXjY.js";
 import { W as Qh, S as Xh, R as Zh, Q as Jh, T as ef, a1 as tf, a4 as af, a3 as nf, a2 as sf, z as rf, y as of, U as lf, I as df, Y as cf, X as uf, V as hf, C as ff, L as mf, a9 as gf, a5 as pf, a6 as bf, a8 as vf, a7 as yf, a0 as _f, $ as Sf, Z as wf, _ as Cf } from "./emoji-ppApZXjY.js";
 import { resolveComponent as p, openBlock as d, createElementBlock as u, normalizeClass as C, createCommentVNode as w, createVNode as g, createElementVNode as b, renderSlot as m, createTextVNode as z, toDisplayString as M, createBlock as D, mergeProps as A, withCtx as c, normalizeStyle as ke, withKeys as de, Fragment as Q, renderList as J, withModifiers as ce, normalizeProps as ze, Transition as Nt, withDirectives as Ae, resolveDynamicComponent as Se, guardReactiveProps as yt, vShow as Me, toHandlers as K, ref as Z, reactive as At, unref as L, Teleport as En, warn as _t, computed as Le, watch as Ze, onMounted as Ga, nextTick as Ye, markRaw as An, shallowReactive as Mn, h as xn, provide as Bn, createSlots as Ft, pushScopeId as Pn, popScopeId as Rn } from "vue";
@@ -11193,7 +11193,7 @@ function Oc(e, a, t, i, s, n) {
     _: 3
   }, 16, ["class"]);
 }
-const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-6f22a9bd"]]), za = {
+const vh = /* @__PURE__ */ I(vc, [["render", Oc], ["__scopeId", "data-v-a387e328"]]), za = {
   default: "dt-recipe-feed-item-pill__border-default",
   ai: "dt-recipe-feed-item-pill__border-ai",
   critical: "dt-recipe-feed-item-pill__border-critical"

package/dist/vue3/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tooltip-8utqWHHH.cjs"),n=require("vue"),m={name:"dt-tooltip-directive",install(d){const l=document.createElement("div");document.body.appendChild(l);const s="top",r=n.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:i.DtTooltip},data(){return{tooltips:[]}},methods:{addTooltip(t,e,o){this.tooltips.push({id:t,message:e,placement:o})},removeTooltip(t){this.tooltips=this.tooltips.filter(e=>e.id!==t)}},render(){return n.h("div",this.tooltips.map(({id:t,message:e,placement:o})=>n.h(i.DtTooltip,{key:t,message:e,placement:o,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});r.mount(l);const c=t=>typeof t=="string"&&(t==null?void 0:t.trim()),a=t=>t===void 0||i.TOOLTIP_DIRECTIONS.includes(t);d.directive("dt-tooltip",{beforeMount(t,e){var p;if(!c(e.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",e.value);return}if(!a(e.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",e.arg);return}const o=i.getUniqueString(),u=e.value,v=e.arg||s;t.setAttribute("data-dt-tooltip-id",o),(p=r._instance)==null||p.ctx.addTooltip(o,u,v)},unmounted(t){var e;(e=r._instance)==null||e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}})}};exports.DtTooltipDirective=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./tooltip-8utqWHHH.cjs"),d=require("vue"),T={name:"dt-tooltip-directive",install(c){const n=document.createElement("div");document.body.appendChild(n);const u="top",r=d.createApp({name:"DtTooltipDirectiveApp",components:{DtTooltip:l.DtTooltip},data(){return{tooltips:[]}},methods:{addOrUpdateTooltip(t,e,o){const i=this.tooltips.findIndex(p=>p.id===t);i!==-1?(this.tooltips[i].message=e,this.tooltips[i].placement=o):this.tooltips.push({id:t,message:e,placement:o})},removeTooltip(t){this.tooltips=this.tooltips.filter(e=>e.id!==t)}},render(){return d.h("div",this.tooltips.map(({id:t,message:e,placement:o})=>d.h(l.DtTooltip,{key:t,message:e,placement:o,delay:process.env.NODE_ENV!=="test",externalAnchor:`[data-dt-tooltip-id="${t}"]`})))}});r.mount(n);const v=t=>typeof t=="string"&&(t==null?void 0:t.trim()),m=t=>t===void 0||l.TOOLTIP_DIRECTIONS.includes(t);c.directive("dt-tooltip",{beforeMount(t,e){if(!v(e.value)){console.warn("Missing value for v-dt-tooltip directive on: ",t,"received value: ",e.value);return}if(!m(e.arg)){console.warn("Wrong placement value provided for v-dt-tooltip directive on: ",t,"received value: ",e.arg);return}s(t,e)},updated(t,e){e.value!==e.oldValue&&s(t,e)},unmounted(t){var e;(e=r._instance)==null||e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"))}});function s(t,e){var a;const o=t.getAttribute("data-dt-tooltip-id")||l.getUniqueString(),i=e.value,p=e.arg||u;t.setAttribute("data-dt-tooltip-id",o),(a=r._instance)==null||a.ctx.addOrUpdateTooltip(o,i,p)}}};exports.DtTooltipDirective=T;

package/dist/vue3/directives.js

@@ -1,48 +1,48 @@
-import { D as p, g as v, T } from "./tooltip-Ooi51wOv.js";
-import { createApp as D, h as s } from "vue";
-const A = {
+import { D as n, g as T, T as f } from "./tooltip-Ooi51wOv.js";
+import { createApp as D, h as a } from "vue";
+const g = {
   name: "dt-tooltip-directive",
-  install(d) {
-    const r = document.createElement("div");
-    document.body.appendChild(r);
-    const l = "top", i = D({
+  install(c) {
+    const d = document.createElement("div");
+    document.body.appendChild(d);
+    const u = "top", p = D({
       name: "DtTooltipDirectiveApp",
-      components: { DtTooltip: p },
+      components: { DtTooltip: n },
       data() {
         return {
           tooltips: []
         };
       },
       methods: {
-        addTooltip(t, e, o) {
-          this.tooltips.push({ id: t, message: e, placement: o });
+        addOrUpdateTooltip(t, e, o) {
+          const i = this.tooltips.findIndex((s) => s.id === t);
+          i !== -1 ? (this.tooltips[i].message = e, this.tooltips[i].placement = o) : this.tooltips.push({ id: t, message: e, placement: o });
         },
         removeTooltip(t) {
           this.tooltips = this.tooltips.filter((e) => e.id !== t);
         }
       },
       render() {
-        return s(
+        return a(
           "div",
-          this.tooltips.map(({ id: t, message: e, placement: o }) => s(p, {
+          this.tooltips.map(({ id: t, message: e, placement: o }) => a(n, {
             key: t,
             message: e,
             placement: o,
             /**
              * Set the delay to false when running tests only.
-            */
+             */
             delay: process.env.NODE_ENV !== "test",
             externalAnchor: `[data-dt-tooltip-id="${t}"]`
           }))
         );
       }
     });
-    i.mount(r);
-    const a = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), c = (t) => t === void 0 || T.includes(t);
-    d.directive("dt-tooltip", {
+    p.mount(d);
+    const m = (t) => typeof t == "string" && (t == null ? void 0 : t.trim()), v = (t) => t === void 0 || f.includes(t);
+    c.directive("dt-tooltip", {
       beforeMount(t, e) {
-        var n;
-        if (!a(e.value)) {
+        if (!m(e.value)) {
           console.warn(
             "Missing value for v-dt-tooltip directive on: ",
             t,
@@ -51,7 +51,7 @@ const A = {
           );
           return;
         }
-        if (!c(e.arg)) {
+        if (!v(e.arg)) {
           console.warn(
             "Wrong placement value provided for v-dt-tooltip directive on: ",
             t,
@@ -60,16 +60,23 @@ const A = {
           );
           return;
         }
-        const o = v(), m = e.value, u = e.arg || l;
-        t.setAttribute("data-dt-tooltip-id", o), (n = i._instance) == null || n.ctx.addTooltip(o, m, u);
+        r(t, e);
+      },
+      updated(t, e) {
+        e.value !== e.oldValue && r(t, e);
       },
       unmounted(t) {
         var e;
-        (e = i._instance) == null || e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
+        (e = p._instance) == null || e.ctx.removeTooltip(t.getAttribute("data-dt-tooltip-id"));
       }
     });
+    function r(t, e) {
+      var l;
+      const o = t.getAttribute("data-dt-tooltip-id") || T(), i = e.value, s = e.arg || u;
+      t.setAttribute("data-dt-tooltip-id", o), (l = p._instance) == null || l.ctx.addOrUpdateTooltip(o, i, s);
+    }
   }
 };
 export {
-  A as DtTooltipDirective
+  g as DtTooltipDirective
 };

package/dist/vue3/message_input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./rich_text_editor-0vqsSbEc.cjs"),c=require("./emoji-HI8urLsM.cjs"),b=require("./emoji_picker-mKaAu1dm.cjs"),h=require("./tooltip-8utqWHHH.cjs"),e=require("vue"),C={name:"DtRecipeMessageInput",components:{DtButton:c.DtButton,DtEmojiPicker:b._sfc_main,DtIcon:c.DtIcon,DtInput:c.DtInput,DtPopover:r.DtPopover,DtRichTextEditor:r.DtRichTextEditor,DtTooltip:h.DtTooltip},mixins:[],inheritAttrs:!1,props:{modelValue:{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(n){return typeof n=="string"?r.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(n):!0}},outputFormat:{type:String,default:"text",validator(n){return r.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(n)}},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(n){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(t=>n[t]!=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.modelValue,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:{modelValue(n){this.internalInputValue=n}},methods:{onDrag(n){n.stopPropagation(),n.preventDefault()},onDrop(n){n.stopPropagation(),n.preventDefault();const t=n.dataTransfer,m=Array.from(t.files).map(s=>s.name);this.$emit("add-media",m)},onSkinTone(n){this.$emit("skin-tone",n)},onSelectEmoji(n){if(!n){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:n.shortname}}),this.emojiPickerOpened=!1,this.$emit("selected-emoji",n)},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(n){this.$emit("select-media",n)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(n){this.hasFocus=!0,this.$refs.richTextEditor.focusEditor(),this.$emit("focus",n)},onBlur(n){this.hasFocus=!1,this.$emit("blur",n)},onInput(n){this.$emit("input",n)}}},S={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},w={class:"d-d-flex"},T={class:"d-d-flex"},P={key:0};function j(n,t,o,m,s,i){const p=e.resolveComponent("dt-rich-text-editor"),u=e.resolveComponent("dt-icon"),l=e.resolveComponent("dt-button"),f=e.resolveComponent("dt-input"),d=e.resolveComponent("dt-tooltip"),g=e.resolveComponent("dt-emoji-picker"),k=e.resolveComponent("dt-popover");return e.openBlock(),e.createElementBlock("div",{"data-qa":"dt-message-input",role:"presentation",class:e.normalizeClass(["d-d-flex","d-fd-column","d-bar8","d-baw1","d-ba","d-c-text",{"d-bc-black-500 d-bs-sm":s.hasFocus,"d-bc-default":!s.hasFocus}]),onClick:t[15]||(t[15]=a=>n.$refs.richTextEditor.focusEditor()),onDragEnter:t[16]||(t[16]=(...a)=>i.onDrag&&i.onDrag(...a)),onDragOver:t[17]||(t[17]=(...a)=>i.onDrag&&i.onDrag(...a)),onDrop:t[18]||(t[18]=(...a)=>i.onDrop&&i.onDrop(...a)),onKeydown:t[19]||(t[19]=e.withKeys(e.withModifiers((...a)=>i.onSend&&i.onSend(...a),["exact"]),["enter"]))},[e.createElementVNode("div",{class:"d-of-auto d-mx16 d-mt8 d-mb4",style:e.normalizeStyle({"max-height":o.maxHeight})},[e.createVNode(p,e.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=a=>s.internalInputValue=a),editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.link,placeholder:o.placeholder},n.$attrs,{onFocus:i.onFocus,onBlur:i.onBlur,onInput:t[1]||(t[1]=a=>i.onInput(a))}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","onFocus","onBlur"])],4),e.renderSlot(n.$slots,"middle"),e.createElementVNode("section",S,[e.createElementVNode("div",w,[o.showImagePicker?(e.openBlock(),e.createBlock(d,{key:0,placement:"top-start",message:o.showImagePicker.tooltipLabel,offset:[-4,-4]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:s.imagePickerFocus?"default":"muted",importance:"clear","aria-label":o.showImagePicker.ariaLabel,onClick:i.onSelectImage,onMouseenter:t[2]||(t[2]=a=>s.imagePickerFocus=!0),onMouseleave:t[3]||(t[3]=a=>s.imagePickerFocus=!1),onFocus:t[4]||(t[4]=a=>s.imagePickerFocus=!0),onBlur:t[5]||(t[5]=a=>s.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:"image",size:"300"})]),_:1},8,["kind","aria-label","onClick"]),e.createVNode(f,{ref:"messageInputImageUpload","data-qa":"dt-message-input-image-input",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:i.onImageUpload},null,8,["onInput"])]),_:1},8,["message"])):e.createCommentVNode("",!0),o.showEmojiPicker?(e.openBlock(),e.createBlock(k,{key:1,"data-qa":"dt-message-input-emoji-picker-popover",open:s.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:t[10]||(t[10]=a=>{s.emojiPickerOpened=a})},{anchor:e.withCtx(()=>[e.createVNode(d,{message:o.emojiTooltipMessage,offset:[0,-4]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:i.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":o.emojiButtonAriaLabel,offset:[0,0],onClick:i.toggleEmojiPicker,onMouseenter:t[6]||(t[6]=a=>s.emojiPickerFocus=!0),onMouseleave:t[7]||(t[7]=a=>s.emojiPickerFocus=!1),onFocus:t[8]||(t[8]=a=>s.emojiPickerFocus=!0),onBlur:t[9]||(t[9]=a=>s.emojiPickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:i.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"},null,8,["name"])]),_:1},8,["kind","aria-label","onClick"])]),_:1},8,["message"])]),content:e.withCtx(()=>[e.createVNode(g,e.mergeProps(o.emojiPickerProps,{onSkinTone:i.onSkinTone,onSelectedEmoji:i.onSelectEmoji}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",T,[o.showCharacterLimit?(e.openBlock(),e.createBlock(d,{key:0,class:"dt-message-input--remaining-char-tooltip",placement:"top-end",enabled:i.characterLimitTooltipEnabled,message:o.showCharacterLimit.message,offset:[10,-8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-fc-error d-mr16 dt-message-input--remaining-char","data-qa":"dt-message-input-character-limit"},e.toDisplayString(o.showCharacterLimit.count-i.inputLength),513),[[e.vShow,i.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),o.showCancel?(e.openBlock(),e.createBlock(l,{key:1,"data-qa":"dt-message-input-cancel-button",class:"dt-message-input--cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":o.showCancel.ariaLabel,onClick:i.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(o.showCancel.text),1)]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0),o.showSend?(e.openBlock(),e.createBlock(d,{key:2,placement:"top-end",enabled:!o.showSend,message:o.showSend.tooltipLabel,show:!i.isSendDisabled&&s.sendButtonFocus,offset:[6,-8]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-send-btn",size:"sm",kind:i.sendButtonKind,circle:!!o.showSend.icon,importance:"primary",class:e.normalizeClass({"message-input-button__disabled d-fc-muted":i.isSendDisabled}),"aria-label":o.showSend.ariaLabel,"aria-disabled":i.isSendDisabled,onClick:i.onSend,onMouseenter:t[11]||(t[11]=a=>s.sendButtonFocus=!0),onMouseleave:t[12]||(t[12]=a=>s.sendButtonFocus=!1),onFocus:t[13]||(t[13]=a=>s.sendButtonFocus=!0),onBlur:t[14]||(t[14]=a=>s.sendButtonFocus=!1)},e.createSlots({default:e.withCtx(()=>[o.showSend.text?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(o.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[o.showSend.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(u,{name:o.showSend.icon,size:"300"},null,8,["name"])]),key:"0"}:void 0]),1032,["kind","circle","class","aria-label","aria-disabled","onClick"])]),_:1},8,["enabled","message","show"])):e.createCommentVNode("",!0)])])],34)}const v=h._export_sfc(C,[["render",j]]);exports.DtRichTextEditor=r.DtRichTextEditor;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=r.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=r.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRecipeMessageInput=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./rich_text_editor-CkZ82uQY.cjs"),c=require("./emoji-HI8urLsM.cjs"),b=require("./emoji_picker-mKaAu1dm.cjs"),h=require("./tooltip-8utqWHHH.cjs"),e=require("vue"),C={name:"DtRecipeMessageInput",components:{DtButton:c.DtButton,DtEmojiPicker:b._sfc_main,DtIcon:c.DtIcon,DtInput:c.DtInput,DtPopover:r.DtPopover,DtRichTextEditor:r.DtRichTextEditor,DtTooltip:h.DtTooltip},mixins:[],inheritAttrs:!1,props:{modelValue:{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(n){return typeof n=="string"?r.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES.includes(n):!0}},outputFormat:{type:String,default:"text",validator(n){return r.RICH_TEXT_EDITOR_OUTPUT_FORMATS.includes(n)}},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(n){return["searchNoResultsLabel","searchResultsLabel","searchPlaceholderLabel","skinSelectorButtonTooltipLabel","tabSetLabels"].every(t=>n[t]!=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.modelValue,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:{modelValue(n){this.internalInputValue=n}},methods:{onDrag(n){n.stopPropagation(),n.preventDefault()},onDrop(n){n.stopPropagation(),n.preventDefault();const t=n.dataTransfer,m=Array.from(t.files).map(s=>s.name);this.$emit("add-media",m)},onSkinTone(n){this.$emit("skin-tone",n)},onSelectEmoji(n){if(!n){this.emojiPickerOpened=!1;return}this.$refs.richTextEditor.editor.commands.insertContent({type:"emoji",attrs:{code:n.shortname}}),this.emojiPickerOpened=!1,this.$emit("selected-emoji",n)},onSelectImage(){this.$refs.messageInputImageUpload.$refs.input.click()},onImageUpload(n){this.$emit("select-media",n)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(n){this.hasFocus=!0,this.$refs.richTextEditor.focusEditor(),this.$emit("focus",n)},onBlur(n){this.hasFocus=!1,this.$emit("blur",n)},onInput(n){this.$emit("input",n)}}},S={class:"d-d-flex d-jc-space-between d-mx8 d-my4"},w={class:"d-d-flex"},T={class:"d-d-flex"},P={key:0};function j(n,t,o,m,s,i){const p=e.resolveComponent("dt-rich-text-editor"),u=e.resolveComponent("dt-icon"),l=e.resolveComponent("dt-button"),f=e.resolveComponent("dt-input"),d=e.resolveComponent("dt-tooltip"),g=e.resolveComponent("dt-emoji-picker"),k=e.resolveComponent("dt-popover");return e.openBlock(),e.createElementBlock("div",{"data-qa":"dt-message-input",role:"presentation",class:e.normalizeClass(["d-d-flex","d-fd-column","d-bar8","d-baw1","d-ba","d-c-text",{"d-bc-black-500 d-bs-sm":s.hasFocus,"d-bc-default":!s.hasFocus}]),onClick:t[15]||(t[15]=a=>n.$refs.richTextEditor.focusEditor()),onDragEnter:t[16]||(t[16]=(...a)=>i.onDrag&&i.onDrag(...a)),onDragOver:t[17]||(t[17]=(...a)=>i.onDrag&&i.onDrag(...a)),onDrop:t[18]||(t[18]=(...a)=>i.onDrop&&i.onDrop(...a)),onKeydown:t[19]||(t[19]=e.withKeys(e.withModifiers((...a)=>i.onSend&&i.onSend(...a),["exact"]),["enter"]))},[e.createElementVNode("div",{class:"d-of-auto d-mx16 d-mt8 d-mb4",style:e.normalizeStyle({"max-height":o.maxHeight})},[e.createVNode(p,e.mergeProps({ref:"richTextEditor",modelValue:s.internalInputValue,"onUpdate:modelValue":t[0]||(t[0]=a=>s.internalInputValue=a),editable:o.editable,"input-aria-label":o.inputAriaLabel,"input-class":o.inputClass,"output-format":o.outputFormat,"auto-focus":o.autoFocus,link:o.link,placeholder:o.placeholder},n.$attrs,{onFocus:i.onFocus,onBlur:i.onBlur,onInput:t[1]||(t[1]=a=>i.onInput(a))}),null,16,["modelValue","editable","input-aria-label","input-class","output-format","auto-focus","link","placeholder","onFocus","onBlur"])],4),e.renderSlot(n.$slots,"middle"),e.createElementVNode("section",S,[e.createElementVNode("div",w,[o.showImagePicker?(e.openBlock(),e.createBlock(d,{key:0,placement:"top-start",message:o.showImagePicker.tooltipLabel,offset:[-4,-4]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-image-btn",size:"sm",circle:"",kind:s.imagePickerFocus?"default":"muted",importance:"clear","aria-label":o.showImagePicker.ariaLabel,onClick:i.onSelectImage,onMouseenter:t[2]||(t[2]=a=>s.imagePickerFocus=!0),onMouseleave:t[3]||(t[3]=a=>s.imagePickerFocus=!1),onFocus:t[4]||(t[4]=a=>s.imagePickerFocus=!0),onBlur:t[5]||(t[5]=a=>s.imagePickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:"image",size:"300"})]),_:1},8,["kind","aria-label","onClick"]),e.createVNode(f,{ref:"messageInputImageUpload","data-qa":"dt-message-input-image-input",type:"file",class:"d-ps-absolute",multiple:"",hidden:"",onInput:i.onImageUpload},null,8,["onInput"])]),_:1},8,["message"])):e.createCommentVNode("",!0),o.showEmojiPicker?(e.openBlock(),e.createBlock(k,{key:1,"data-qa":"dt-message-input-emoji-picker-popover",open:s.emojiPickerOpened,"initial-focus-element":"#searchInput",padding:"none",onOpened:t[10]||(t[10]=a=>{s.emojiPickerOpened=a})},{anchor:e.withCtx(()=>[e.createVNode(d,{message:o.emojiTooltipMessage,offset:[0,-4]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-emoji-picker-btn",size:"sm",circle:"",kind:i.emojiPickerHovered?"default":"muted",importance:"clear","aria-label":o.emojiButtonAriaLabel,offset:[0,0],onClick:i.toggleEmojiPicker,onMouseenter:t[6]||(t[6]=a=>s.emojiPickerFocus=!0),onMouseleave:t[7]||(t[7]=a=>s.emojiPickerFocus=!1),onFocus:t[8]||(t[8]=a=>s.emojiPickerFocus=!0),onBlur:t[9]||(t[9]=a=>s.emojiPickerFocus=!1)},{icon:e.withCtx(()=>[e.createVNode(u,{name:i.emojiPickerHovered?"very-satisfied":"satisfied",size:"300"},null,8,["name"])]),_:1},8,["kind","aria-label","onClick"])]),_:1},8,["message"])]),content:e.withCtx(()=>[e.createVNode(g,e.mergeProps(o.emojiPickerProps,{onSkinTone:i.onSkinTone,onSelectedEmoji:i.onSelectEmoji}),null,16,["onSkinTone","onSelectedEmoji"])]),_:1},8,["open"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",T,[o.showCharacterLimit?(e.openBlock(),e.createBlock(d,{key:0,class:"dt-message-input--remaining-char-tooltip",placement:"top-end",enabled:i.characterLimitTooltipEnabled,message:o.showCharacterLimit.message,offset:[10,-8]},{anchor:e.withCtx(()=>[e.withDirectives(e.createElementVNode("p",{class:"d-fc-error d-mr16 dt-message-input--remaining-char","data-qa":"dt-message-input-character-limit"},e.toDisplayString(o.showCharacterLimit.count-i.inputLength),513),[[e.vShow,i.displayCharacterLimitWarning]])]),_:1},8,["enabled","message"])):e.createCommentVNode("",!0),o.showCancel?(e.openBlock(),e.createBlock(l,{key:1,"data-qa":"dt-message-input-cancel-button",class:"dt-message-input--cancel-button",size:"sm",kind:"muted",importance:"clear","aria-label":o.showCancel.ariaLabel,onClick:i.onCancel},{default:e.withCtx(()=>[e.createElementVNode("p",null,e.toDisplayString(o.showCancel.text),1)]),_:1},8,["aria-label","onClick"])):e.createCommentVNode("",!0),o.showSend?(e.openBlock(),e.createBlock(d,{key:2,placement:"top-end",enabled:!o.showSend,message:o.showSend.tooltipLabel,show:!i.isSendDisabled&&s.sendButtonFocus,offset:[6,-8]},{anchor:e.withCtx(()=>[e.createVNode(l,{"data-qa":"dt-message-input-send-btn",size:"sm",kind:i.sendButtonKind,circle:!!o.showSend.icon,importance:"primary",class:e.normalizeClass({"message-input-button__disabled d-fc-muted":i.isSendDisabled}),"aria-label":o.showSend.ariaLabel,"aria-disabled":i.isSendDisabled,onClick:i.onSend,onMouseenter:t[11]||(t[11]=a=>s.sendButtonFocus=!0),onMouseleave:t[12]||(t[12]=a=>s.sendButtonFocus=!1),onFocus:t[13]||(t[13]=a=>s.sendButtonFocus=!0),onBlur:t[14]||(t[14]=a=>s.sendButtonFocus=!1)},e.createSlots({default:e.withCtx(()=>[o.showSend.text?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(o.showSend.text),1)):e.createCommentVNode("",!0)]),_:2},[o.showSend.icon?{name:"icon",fn:e.withCtx(()=>[e.createVNode(u,{name:o.showSend.icon,size:"300"},null,8,["name"])]),key:"0"}:void 0]),1032,["kind","circle","class","aria-label","aria-disabled","onClick"])]),_:1},8,["enabled","message","show"])):e.createCommentVNode("",!0)])])],34)}const v=h._export_sfc(C,[["render",j]]);exports.DtRichTextEditor=r.DtRichTextEditor;exports.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES=r.RICH_TEXT_EDITOR_AUTOFOCUS_TYPES;exports.RICH_TEXT_EDITOR_OUTPUT_FORMATS=r.RICH_TEXT_EDITOR_OUTPUT_FORMATS;exports.DtRecipeMessageInput=v;

package/dist/vue3/message_input.js

@@ -1,4 +1,4 @@
-import { D as v, a as L, R as B, b as F } from "./rich_text_editor-j80_b13f.js";
+import { D as v, a as L, R as B, b as F } from "./rich_text_editor-G1GLwWlk.js";
 import { t as D, w as I, x as E } from "./emoji-ppApZXjY.js";
 import { _ as T } from "./emoji_picker-XHD9NN0X.js";
 import { _ as x, D as O } from "./tooltip-Ooi51wOv.js";