@dialpad/dialtone 9.19.0 → 9.20.0

package/dist/vue2/dialtone-vue.js

@@ -1,7 +1,7 @@
-import { S as Te, c as A, M as Z, d as Zt, e as De, f as Jt, D as J, L as ye, P as ea, g as Oe, h as fe, i as Ct, a as ta, R as aa, b as na } from "./rich_text_editor-AZuWkf9m.js";
-import { n as tu, o as au, m as nu, j as ru, k as su, l as iu, A as ou, t as lu, u as du, q as cu, p as uu, r as fu, s as hu } from "./rich_text_editor-AZuWkf9m.js";
+import { S as Te, c as A, M as Z, d as Zt, e as De, f as Jt, D as J, L as ye, P as ea, g as Oe, h as fe, i as Ct, a as ta, R as aa, b as na } from "./rich_text_editor-QsHU2mru.js";
+import { n as tu, o as au, m as nu, j as ru, k as su, l as iu, A as ou, t as lu, u as du, q as cu, p as uu, r as fu, s as hu } from "./rich_text_editor-QsHU2mru.js";
 import { w as y, t as S, F as ra, M as sa, G as ia, H as W, J as St, K as kt, N as It, O as xt, P as Le, x as Tt, D as oa } from "./index-74FmkvkN.js";
-import { W as mu, S as gu, R as _u, Q as bu, T as vu, a1 as yu, a4 as wu, a3 as Cu, a2 as Su, z as ku, y as Iu, U as xu, I as Tu, Y as Du, X as Ou, V as Lu, C as $u, L as Eu, a9 as Au, a5 as Ru, a6 as Mu, a8 as Bu, a7 as Pu, a0 as Nu, $ as Fu, Z as qu, _ as Hu } from "./index-74FmkvkN.js";
+import { W as mu, S as gu, R as _u, Q as bu, T as vu, a1 as yu, a4 as wu, a3 as Cu, a2 as Su, z as ku, y as Iu, U as xu, I as Tu, Y as Du, X as Ou, V as Lu, C as $u, L as Eu, a9 as Au, a5 as Mu, a6 as Ru, a8 as Bu, a7 as Pu, a0 as Nu, $ as Fu, Z as qu, _ as Hu } from "./index-74FmkvkN.js";
 import { n as c, u as E, g as T, e as $e, l as he, E as C, T as Qe, v as la, h as da, b as Xe, a as Se, L as ca, w as ua, D as ee, i as fa, x as Ee, y as ha } from "./tooltip-mMe9F6C6.js";
 import { z as Vu, c as Uu, A as ju, m as Yu, k as Ku, P as zu, j as Gu, F as Qu, B as Xu, C as Zu, V as Ju, f as ef } from "./tooltip-mMe9F6C6.js";
 import pe, { reactive as pa } from "vue";
@@ -161,7 +161,7 @@ var ga = function() {
   null,
   null
 );
-const Re = ba.exports, te = ["base", "error", "info", "success", "warning"], va = ["alert", "alertdialog", "status"], ya = /* @__PURE__ */ new Map([
+const Me = ba.exports, te = ["base", "error", "info", "success", "warning"], va = ["alert", "alertdialog", "status"], ya = /* @__PURE__ */ new Map([
   ["info", "info"],
   ["success", "check-circle"],
   ["warning", "alert-triangle"],
@@ -206,7 +206,7 @@ var Ca = function() {
   null,
   null
 );
-const Me = ka.exports, Ia = {
+const Re = ka.exports, Ia = {
   name: "DtNoticeContent",
   props: {
     /**
@@ -326,7 +326,7 @@ var La = function() {
 const Pe = Ea.exports, Aa = {
   name: "DtNotice",
   components: {
-    DtNoticeIcon: Me,
+    DtNoticeIcon: Re,
     DtNoticeContent: Be,
     DtNoticeAction: Pe
   },
@@ -428,15 +428,15 @@ const Pe = Ea.exports, Aa = {
     }
   }
 };
-var Ra = function() {
+var Ma = function() {
   var e = this, a = e._self._c;
   return a("aside", { class: e.noticeClass, attrs: { "data-qa": "notice" } }, [a("dt-notice-icon", { attrs: { kind: e.kind } }, [e._t("icon")], 2), a("dt-notice-content", e._g({ attrs: { "title-id": e.titleId, "content-id": e.contentId, title: e.title, role: e.role }, scopedSlots: e._u([{ key: "titleOverride", fn: function() {
     return [e._t("titleOverride")];
   }, proxy: !0 }], null, !0) }, e.$listeners), [e._t("default")], 2), a("dt-notice-action", e._g({ attrs: { "hide-close": e.hideClose, "close-button-props": e.closeButtonProps, "visually-hidden-close": e.visuallyHiddenClose, "visually-hidden-close-label": e.visuallyHiddenCloseLabel } }, e.$listeners), [e._t("action")], 2)], 1);
-}, Ma = [], Ba = /* @__PURE__ */ c(
+}, Ra = [], Ba = /* @__PURE__ */ c(
   Aa,
-  Ra,
   Ma,
+  Ra,
   !1,
   null,
   null,
@@ -446,7 +446,7 @@ var Ra = function() {
 const nc = Ba.exports, Pa = {
   name: "DtBanner",
   components: {
-    DtNoticeIcon: Me,
+    DtNoticeIcon: Re,
     DtNoticeContent: Be,
     DtNoticeAction: Pe
   },
@@ -1702,17 +1702,17 @@ var An = function() {
     "max-height": e.maxHeight,
     "max-width": e.maxWidth
   }, attrs: { id: e.id, "aria-hidden": `${!e.isOpen}`, "aria-labelledby": e.labelledBy, "aria-label": e.ariaLabel, show: e.isOpen, "element-type": e.contentElementType, "data-qa": "dt-collapsible--content", tabindex: "-1", appear: "" }, on: { "after-leave": e.onLeaveTransitionComplete, "after-enter": e.onEnterTransitionComplete } }, e.$listeners), [e._t("content")], 2)], 1);
-}, Rn = [], Mn = /* @__PURE__ */ c(
+}, Mn = [], Rn = /* @__PURE__ */ c(
   En,
   An,
-  Rn,
+  Mn,
   !1,
   null,
   null,
   null,
   null
 );
-const Bn = Mn.exports, Pn = ["row", "column"], Nn = (t) => t.term ? typeof t.term == "string" : !1, Fn = (t) => t.description ? typeof t.description == "string" : !1, qn = (t) => Array.isArray(t) ? t.every((e) => !(typeof e != "object" || !Nn(e) || !Fn(e))) : !1, Hn = {
+const Bn = Rn.exports, Pn = ["row", "column"], Nn = (t) => t.term ? typeof t.term == "string" : !1, Fn = (t) => t.description ? typeof t.description == "string" : !1, qn = (t) => Array.isArray(t) ? t.every((e) => !(typeof e != "object" || !Nn(e) || !Fn(e))) : !1, Hn = {
   name: "DtDescriptionList",
   props: {
     /**
@@ -3335,18 +3335,18 @@ const pc = $r.exports, Er = {
       return `radio-group-message-${t}-${e}-${this.id}`;
     }
   }
-}, Ar = null, Rr = null;
-var Mr = /* @__PURE__ */ c(
+}, Ar = null, Mr = null;
+var Rr = /* @__PURE__ */ c(
   Er,
   Ar,
-  Rr,
+  Mr,
   !1,
   null,
   null,
   null,
   null
 );
-const mc = Mr.exports, Br = {
+const mc = Rr.exports, Br = {
   name: "DtTabPanel",
   mixins: [Z],
   inject: ["groupContext"],
@@ -4030,7 +4030,7 @@ var os = function() {
 const vc = ds.exports, cs = ["status", "alert"], ot = 6e3, us = {
   name: "DtToast",
   components: {
-    DtNoticeIcon: Me,
+    DtNoticeIcon: Re,
     DtNoticeContent: Be,
     DtNoticeAction: Pe
   },
@@ -4664,8 +4664,8 @@ function B(t, e) {
   var a = h(t), n = h(e), r = a.getTime() - n.getTime();
   return r < 0 ? -1 : r > 0 ? 1 : r;
 }
-var Rs = 6e4, Ms = 36e5;
-function Rt(t, e) {
+var Ms = 6e4, Rs = 36e5;
+function Mt(t, e) {
   f(2, arguments);
   var a = oe(t), n = oe(e);
   return a.getTime() === n.getTime();
@@ -4717,12 +4717,12 @@ function Fe(t) {
 }
 function Ws(t, e, a) {
   f(2, arguments);
-  var n = Ne(t, e) / Ms;
+  var n = Ne(t, e) / Rs;
   return Fe(a == null ? void 0 : a.roundingMethod)(n);
 }
 function Vs(t, e, a) {
   f(2, arguments);
-  var n = Ne(t, e) / Rs;
+  var n = Ne(t, e) / Ms;
   return Fe(a == null ? void 0 : a.roundingMethod)(n);
 }
 function Us(t) {
@@ -4730,7 +4730,7 @@ function Us(t) {
   var e = h(t);
   return e.setHours(23, 59, 59, 999), e;
 }
-function Mt(t) {
+function Rt(t) {
   f(1, arguments);
   var e = h(t), a = e.getMonth();
   return e.setFullYear(e.getFullYear(), a + 1, 0), e.setHours(23, 59, 59, 999), e;
@@ -4738,7 +4738,7 @@ function Mt(t) {
 function js(t) {
   f(1, arguments);
   var e = h(t);
-  return Us(e).getTime() === Mt(e).getTime();
+  return Us(e).getTime() === Rt(e).getTime();
 }
 function Bt(t, e) {
   f(2, arguments);
@@ -5390,11 +5390,11 @@ var q = {
         return ht(i);
       case "XXXX":
       case "XX":
-        return M(i);
+        return R(i);
       case "XXXXX":
       case "XXX":
       default:
-        return M(i, ":");
+        return R(i, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -5405,11 +5405,11 @@ var q = {
         return ht(i);
       case "xxxx":
       case "xx":
-        return M(i);
+        return R(i);
       case "xxxxx":
       case "xxx":
       default:
-        return M(i, ":");
+        return R(i, ":");
     }
   },
   // Timezone (GMT)
@@ -5422,7 +5422,7 @@ var q = {
         return "GMT" + ft(i, ":");
       case "OOOO":
       default:
-        return "GMT" + M(i, ":");
+        return "GMT" + R(i, ":");
     }
   },
   // Timezone (specific non-location)
@@ -5435,7 +5435,7 @@ var q = {
         return "GMT" + ft(i, ":");
       case "zzzz":
       default:
-        return "GMT" + M(i, ":");
+        return "GMT" + R(i, ":");
     }
   },
   // Seconds timestamp
@@ -5461,9 +5461,9 @@ function ht(t, e) {
     var a = t > 0 ? "-" : "+";
     return a + b(Math.abs(t) / 60, 2);
   }
-  return M(t, e);
+  return R(t, e);
 }
-function M(t, e) {
+function R(t, e) {
   var a = e || "", n = t > 0 ? "-" : "+", r = Math.abs(t), s = b(Math.floor(r / 60), 2), i = b(r % 60, 2);
   return n + s + a + i;
 }
@@ -5812,7 +5812,7 @@ function z(t) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = a.width, r = n && t.matchPatterns[n] || t.matchPatterns[t.defaultMatchWidth], s = e.match(r);
     if (!s)
       return null;
-    var i = s[0], o = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(o) ? Ri(o, function(l) {
+    var i = s[0], o = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(o) ? Mi(o, function(l) {
       return l.test(i);
     }) : Ai(o, function(l) {
       return l.test(i);
@@ -5830,12 +5830,12 @@ function Ai(t, e) {
     if (t.hasOwnProperty(a) && e(t[a]))
       return a;
 }
-function Ri(t, e) {
+function Mi(t, e) {
   for (var a = 0; a < t.length; a++)
     if (e(t[a]))
       return a;
 }
-function Mi(t) {
+function Ri(t) {
   return function(e) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = e.match(t.matchPattern);
     if (!n)
@@ -5894,7 +5894,7 @@ var Bi = /^(\d+)(th|st|nd|rd)?/i, Pi = /\d+/i, Ni = {
     night: /night/i
   }
 }, zi = {
-  ordinalNumber: Mi({
+  ordinalNumber: Ri({
     matchPattern: Bi,
     parsePattern: Pi,
     valueCallback: function(e) {
@@ -5951,12 +5951,12 @@ var Qi = {
 const qe = Qi;
 var Xi = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Zi = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ji = /^'([^]*?)'?$/, eo = /''/g, to = /[a-zA-Z]/;
 function Ht(t, e, a) {
-  var n, r, s, i, o, d, u, g, l, m, p, _, I, k, D, F, R, _e;
+  var n, r, s, i, o, d, u, g, l, m, p, _, I, k, D, F, M, _e;
   f(2, arguments);
   var Kt = String(e), U = N(), j = (n = (r = a == null ? void 0 : a.locale) !== null && r !== void 0 ? r : U.locale) !== null && n !== void 0 ? n : qe, be = v((s = (i = (o = (d = a == null ? void 0 : a.firstWeekContainsDate) !== null && d !== void 0 ? d : a == null || (u = a.locale) === null || u === void 0 || (g = u.options) === null || g === void 0 ? void 0 : g.firstWeekContainsDate) !== null && o !== void 0 ? o : U.firstWeekContainsDate) !== null && i !== void 0 ? i : (l = U.locale) === null || l === void 0 || (m = l.options) === null || m === void 0 ? void 0 : m.firstWeekContainsDate) !== null && s !== void 0 ? s : 1);
   if (!(be >= 1 && be <= 7))
     throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
-  var ve = v((p = (_ = (I = (k = a == null ? void 0 : a.weekStartsOn) !== null && k !== void 0 ? k : a == null || (D = a.locale) === null || D === void 0 || (F = D.options) === null || F === void 0 ? void 0 : F.weekStartsOn) !== null && I !== void 0 ? I : U.weekStartsOn) !== null && _ !== void 0 ? _ : (R = U.locale) === null || R === void 0 || (_e = R.options) === null || _e === void 0 ? void 0 : _e.weekStartsOn) !== null && p !== void 0 ? p : 0);
+  var ve = v((p = (_ = (I = (k = a == null ? void 0 : a.weekStartsOn) !== null && k !== void 0 ? k : a == null || (D = a.locale) === null || D === void 0 || (F = D.options) === null || F === void 0 ? void 0 : F.weekStartsOn) !== null && I !== void 0 ? I : U.weekStartsOn) !== null && _ !== void 0 ? _ : (M = U.locale) === null || M === void 0 || (_e = M.options) === null || _e === void 0 ? void 0 : _e.weekStartsOn) !== null && p !== void 0 ? p : 0);
   if (!(ve >= 0 && ve <= 6))
     throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   if (!j.localize)
@@ -6045,8 +6045,8 @@ function io(t, e, a) {
     var D = Math.round(p / Ce);
     return i.formatDistance("xMonths", D, d);
   } else {
-    var F = _ % 12, R = Math.floor(_ / 12);
-    return F < 3 ? i.formatDistance("aboutXYears", R, d) : F < 9 ? i.formatDistance("overXYears", R, d) : i.formatDistance("almostXYears", R + 1, d);
+    var F = _ % 12, M = Math.floor(_ / 12);
+    return F < 3 ? i.formatDistance("aboutXYears", M, d) : F < 9 ? i.formatDistance("overXYears", M, d) : i.formatDistance("almostXYears", M + 1, d);
   }
 }
 var oo = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
@@ -6140,7 +6140,7 @@ function go(t) {
   return f(1, arguments), po(t, Date.now());
 }
 function _o(t) {
-  return f(1, arguments), Rt(t, Date.now());
+  return f(1, arguments), Mt(t, Date.now());
 }
 function bo(t, e) {
   f(2, arguments);
@@ -6148,7 +6148,7 @@ function bo(t, e) {
   return V(t, -a);
 }
 function vo(t) {
-  return f(1, arguments), Rt(t, bo(Date.now(), 1));
+  return f(1, arguments), Mt(t, bo(Date.now(), 1));
 }
 function yo(t, e) {
   f(2, arguments);
@@ -6201,7 +6201,7 @@ const Ut = 0, Co = "MMMM", So = "long", xe = (t) => t ? new Date(t) : /* @__PURE
   return He(o);
 }, Lo = (t) => {
   const e = new Date(t), a = ce(e);
-  let r = Mt(Vt(e, 1));
+  let r = Rt(Vt(e, 1));
   for (; ce(r) !== a; )
     r = V(r, -1);
   return He(r);
@@ -6374,7 +6374,7 @@ var Eo = function() {
       return e.handleKeyDown(n);
     } } }, [a("dt-icon", { attrs: { name: "chevrons-right", size: "200" } })], 1)];
   }, proxy: !0 }]) })], 1)], 1);
-}, Ao = [], Ro = /* @__PURE__ */ c(
+}, Ao = [], Mo = /* @__PURE__ */ c(
   $o,
   Eo,
   Ao,
@@ -6384,7 +6384,7 @@ var Eo = function() {
   null,
   null
 );
-const Mo = Ro.exports, Bo = {
+const Ro = Mo.exports, Bo = {
   name: "DtDatepickerCalendar",
   components: { DtButton: S },
   props: {
@@ -6517,10 +6517,10 @@ var Po = function() {
     return a("th", { key: n, staticClass: "d-datepicker__cell d-datepicker__cell--header", attrs: { scope: "col" } }, [a("span", { staticClass: "d-datepicker__weekday", attrs: { title: n, "aria-label": n } }, [e._v(" " + e._s(n))])]);
   }), 0)]), a("tbody", e._l(e.calendarDays, function(n, r) {
     return a("tr", { key: r }, e._l(n.days, function(s, i) {
-      return a("td", { key: r + i, staticClass: "d-datepicker__cell" }, [a("dt-button", { ref: `buttonRef_${r}_${i}`, refInFor: !0, staticClass: "d-datepicker__day", class: {
+      return a("td", { key: r + i, staticClass: "d-datepicker__cell", attrs: { role: "listbox" } }, [a("dt-button", { ref: `buttonRef_${r}_${i}`, refInFor: !0, staticClass: "d-datepicker__day", class: {
         "d-datepicker__day--disabled": !s.currentMonth,
         "d-datepicker__day--selected": e.selectedDay ? s.text === e.selectedDay && s.currentMonth : s.selected
-      }, attrs: { circle: !0, size: "sm", importance: "clear", disabled: !s.currentMonth, type: "button", "aria-selected": e.selectedDay ? s.text === e.selectedDay && s.currentMonth : s.selected, "aria-label": e.dayAriaLabel(s) }, on: { click: function(o) {
+      }, attrs: { circle: !0, size: "sm", importance: "clear", disabled: !s.currentMonth, type: "button", "aria-selected": e.selectedDay ? s.text === e.selectedDay && s.currentMonth : s.selected, "aria-label": e.dayAriaLabel(s), role: "option" }, on: { click: function(o) {
         return e.selectDay(s);
       }, keydown: function(o) {
         return e.handleKeyDown(o);
@@ -6539,7 +6539,7 @@ var Po = function() {
 );
 const qo = Fo.exports, Ho = {
   name: "DtDatepicker",
-  components: { DtStack: Oe, MonthYearPicker: Mo, Calendar: qo },
+  components: { DtStack: Oe, MonthYearPicker: Ro, Calendar: qo },
   props: {
     /**
      * Label for the previous month button
@@ -7950,7 +7950,7 @@ var bl = function() {
   null,
   null
 );
-const Rc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay", je = "gotoexpert", ge = "goto", Ye = "branch", Ke = "transfer", ze = "hangup", wl = {
+const Mc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay", je = "gotoexpert", ge = "goto", Ye = "branch", Ke = "transfer", ze = "hangup", wl = {
   [We]: "keypad",
   [Ve]: "dialer",
   [Ue]: "volume-2",
@@ -7959,7 +7959,7 @@ const Rc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay
   [ge]: "call-merge",
   [Ke]: "transfer",
   [ze]: "phone-hang-up"
-}, Mc = {
+}, Rc = {
   [We]: "Menu",
   [Ve]: "Collect",
   [Ue]: "Play",
@@ -8176,7 +8176,7 @@ var El = function() {
   }, proxy: !0 }], null, !1, 3418040308) }, e.$listeners), [e._t("default")], 2) : a("dt-button", e._g({ staticClass: "settings-menu-button", attrs: { importance: "clear", kind: "inverted", "aria-label": e.ariaLabel }, scopedSlots: e._u([{ key: "icon", fn: function() {
     return [a("dt-icon", { attrs: { name: "more-vertical", size: "300" } })];
   }, proxy: !0 }]) }, e.$listeners));
-}, Al = [], Rl = /* @__PURE__ */ c(
+}, Al = [], Ml = /* @__PURE__ */ c(
   $l,
   El,
   Al,
@@ -8186,7 +8186,7 @@ var El = function() {
   null,
   null
 );
-const Nc = Rl.exports, w = {
+const Nc = Ml.exports, w = {
   INBOX: "inbox",
   CONTACTS: "contacts",
   CHANNELS: "channels",
@@ -8199,7 +8199,7 @@ const Nc = Rl.exports, w = {
   DIALBOT: "dialbot",
   ASSIGNED: "assigned",
   DIGITAL: "digital"
-}, Ml = {
+}, Rl = {
   [w.INBOX]: "inbox",
   [w.CONTACTS]: "contacts",
   [w.CHANNELS]: "hash",
@@ -8255,7 +8255,7 @@ const Nc = Rl.exports, w = {
       return this.type === w.DIALBOT;
     },
     getIconName() {
-      return Ml[this.type];
+      return Rl[this.type];
     },
     contactCenterIconClasses() {
       return [
@@ -8289,7 +8289,7 @@ const Wl = Hl.exports, Vl = {
   name: "DtRecipeGeneralRow",
   components: {
     DtEmojiTextWrapper: Ae,
-    DtBadge: Re,
+    DtBadge: Me,
     DtIcon: y,
     DtButton: S,
     DtTooltip: ee,
@@ -8855,7 +8855,7 @@ const Hc = id.exports, _t = {
     DtAvatar: fe,
     DtLazyShow: $e,
     DtListItem: De,
-    DtBadge: Re
+    DtBadge: Me
   },
   mixins: [Z],
   inheritAttrs: !1,
@@ -9017,14 +9017,14 @@ var ld = function() {
     return [e.$slots.reactions ? a("div", { staticClass: "dt-feed-item-row__reactions", attrs: { "data-qa": "dt-feed-item-row--reactions" } }, [e._t("reactions")], 2) : e._e(), e.$slots.threading ? a("div", { staticClass: "dt-feed-item-row__threading" }, [e._t("threading")], 2) : e._e()];
   }, proxy: !0 }, { key: "right", fn: function() {
     return [a("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], staticClass: "dt-feed-item-row__menu", attrs: { "data-qa": "dt-feed-item-row--menu" } }, [a("dt-lazy-show", { attrs: { appear: !0, transition: "fade", show: e.isActive } }, [e._t("menu")], 2)], 1)];
-  }, proxy: !0 }], null, !0) }, "dt-list-item", e.$attrs, !1), e.feedListeners), [a("article", { staticClass: "dt-feed-item-row__content" }, [e.showHeader ? a("div", { staticClass: "dt-feed-item-row__header", attrs: { "data-qa": "dt-feed-item-row--header" } }, [a("p", { staticClass: "dt-feed-item-row__header__name" }, [e._v(" " + e._s(e.displayName) + " ")]), a("time", { staticClass: "dt-feed-item-row__header__time" }, [e._v(" " + e._s(e.time) + " ")]), e.labelText ? a("dt-badge", { attrs: { text: e.labelText } }) : e._e()], 1) : e._e(), a("span", { attrs: { "data-qa": "dt-feed-item-row--content" } }, [e._t("default")], 2)])]);
+  }, proxy: !0 }], null, !0) }, "dt-list-item", e.$attrs, !1), e.feedListeners), [a("article", { staticClass: "dt-feed-item-row__content" }, [e.showHeader ? a("div", { staticClass: "dt-feed-item-row__header", attrs: { "data-qa": "dt-feed-item-row--header" } }, [a("p", { staticClass: "dt-feed-item-row__header__name" }, [e._v(" " + e._s(e.displayName) + " ")]), a("time", { staticClass: "dt-feed-item-row__header__time" }, [e._v(" " + e._s(e.time) + " ")]), e.labelText ? a("dt-badge", { attrs: { text: e.labelText } }) : e._e()], 1) : e._e(), a("span", { attrs: { "data-qa": "dt-feed-item-row--content" } }, [e._t("default")], 2), e.$slots.attachment ? a("div", { staticClass: "dt-feed-item-row__attachment", attrs: { "data-qa": "dt-feed-item-row--attachment" } }, [e._t("attachment")], 2) : e._e()])]);
 }, dd = [], cd = /* @__PURE__ */ c(
   od,
   ld,
   dd,
   !1,
   null,
-  "e9baa8ed",
+  "fdd23243",
   null,
   null
 );
@@ -9349,7 +9349,7 @@ var Ld = function() {
   null,
   null
 );
-const Ad = Ed.exports, Rd = 64, Md = {
+const Ad = Ed.exports, Md = 64, Rd = {
   name: "DtRecipeAttachmentCarousel",
   components: {
     DtButton: S,
@@ -9435,7 +9435,7 @@ const Ad = Ed.exports, Rd = 64, Md = {
       }
     },
     removeMediaItem(t) {
-      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Rd, this.$emit("remove-media", t);
+      this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Md, this.$emit("remove-media", t);
     },
     closeButton(t, e) {
       this.showCloseButton[e] = t;
@@ -9470,7 +9470,7 @@ var Bd = function() {
     return [a("dt-icon", { attrs: { name: "arrow-right", size: "100" } })];
   }, proxy: !0 }]) })], 1);
 }, Pd = [], Nd = /* @__PURE__ */ c(
-  Md,
+  Rd,
   Bd,
   Pd,
   !1,
@@ -9894,7 +9894,7 @@ var Wd = function() {
     return a("dt-stack", { key: n.key, attrs: { direction: "row", gap: "300" } }, [e._l(n.buttonGroup, function(r) {
       return a("dt-tooltip", { key: `${n.key}-${JSON.stringify(r.selector)}`, attrs: { message: r.tooltipMessage, placement: "top" }, scopedSlots: e._u([{ key: "anchor", fn: function() {
         var s, i;
-        return [a("dt-button", { attrs: { "data-qa": r.dataQA, importance: "clear", kind: "muted", active: (i = (s = e.$refs.richTextEditor) == null ? void 0 : s.editor) == null ? void 0 : i.isActive(r.selector), size: "xs" }, on: { click: function(o) {
+        return [a("dt-button", { attrs: { "data-qa": r.dataQA, importance: "clear", kind: "muted", active: (i = (s = e.$refs.richTextEditor) == null ? void 0 : s.editor) == null ? void 0 : i.isActive(r.selector), size: "xs", "aria-label": r.tooltipMessage }, on: { click: function(o) {
           return r.onClick();
         } }, scopedSlots: e._u([{ key: "icon", fn: function() {
           return [a("dt-icon", { staticClass: "d-fw-bold", attrs: { name: r.iconName, size: "200" } })];
@@ -9908,12 +9908,12 @@ var Wd = function() {
   } }, scopedSlots: e._u([{ key: "anchor", fn: function() {
     return [a("dt-tooltip", { key: e.linkButton.key, attrs: { message: e.linkButton.tooltipMessage, placement: "top" }, scopedSlots: e._u([{ key: "anchor", fn: function() {
       var n, r;
-      return [a("dt-button", { staticClass: "d-ol-none", attrs: { "data-qa": e.linkButton.dataQA, importance: "clear", kind: "muted", active: (r = (n = e.$refs.richTextEditor) == null ? void 0 : n.editor) == null ? void 0 : r.isActive(e.linkButton.selector), size: "xs" }, on: { click: function(s) {
+      return [a("dt-button", { staticClass: "d-ol-none", attrs: { "data-qa": e.linkButton.dataQA, importance: "clear", kind: "muted", active: (r = (n = e.$refs.richTextEditor) == null ? void 0 : n.editor) == null ? void 0 : r.isActive(e.linkButton.selector), size: "xs", "aria-label": e.linkButton.tooltipMessage }, on: { click: function(s) {
         return e.linkButton.onClick();
       } }, scopedSlots: e._u([{ key: "icon", fn: function() {
         return [a("dt-icon", { staticClass: "d-fw-bold", attrs: { name: e.linkButton.iconName, size: "200" } })];
       }, proxy: !0 }], null, !1, 540616731) })];
-    }, proxy: !0 }], null, !1, 293212236) })];
+    }, proxy: !0 }], null, !1, 2091397100) })];
   }, proxy: !0 }, { key: "content", fn: function() {
     return [e.showAddLink.setLinkTitle.length > 0 ? a("span", [e._v(" " + e._s(e.showAddLink.setLinkTitle) + " ")]) : e._e(), a("dt-input", { attrs: { "input-aria-label": e.showAddLink.setLinkInputAriaLabel, "data-qa": "dt-editor-link-input", placeholder: e.setLinkPlaceholder, "input-wrapper-class": "d-bgc-black-100 d-mt6 d-bar5 d-ba d-baw1 d-bc-black-300 d-py2 d-ol-none" }, on: { click: e.onInputFocus, focus: e.onInputFocus, keydown: function(n) {
       return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.setLink.apply(null, arguments);
@@ -9924,7 +9924,7 @@ var Wd = function() {
     }, expression: "linkInput" } })];
   }, proxy: !0 }, { key: "footerContent", fn: function() {
     return [a("div", { staticClass: "d-ml8 d-mr12" }, [a("dt-button", { staticClass: "d-mx2", attrs: { "aria-label": e.removeLinkButton.ariaLabel, importance: "clear", kind: "muted", size: "sm", "data-qa": "dt-editor-remove-link-btn" }, on: { click: e.removeLink } }, [e._v(" " + e._s(e.removeLinkButton.label) + " ")]), a("dt-button", { staticClass: "d-mx2", attrs: { "aria-label": e.cancelSetLinkButton.ariaLabel, importance: "clear", kind: "muted", size: "sm", "data-qa": "dt-editor-set-link-cancel-btn" }, on: { click: e.closeLinkInput } }, [e._v(" " + e._s(e.cancelSetLinkButton.label) + " ")]), a("dt-button", { staticClass: "d-mx2", attrs: { size: "sm", "aria-label": e.confirmSetLinkButton.ariaLabel, "data-qa": "dt-editor-set-link-confirm-btn" }, on: { click: e.setLink } }, [e._v(" " + e._s(e.confirmSetLinkButton.label) + " ")])], 1)];
-  }, proxy: !0 }], null, !1, 393148891) })], 1) : e._e()], 2), a("div", { staticClass: "d-of-auto d-mx16 d-mt8 d-mb16 d-c-text", style: { "max-height": e.maxHeight } }, [a("dt-rich-text-editor", e._b({ ref: "richTextEditor", attrs: { "data-qa": "dt-rich-text-editor", editable: e.editable, "input-aria-label": e.inputAriaLabel, "input-class": `${e.inputClass} d-ol-none d-my6`, "output-format": e.htmlOutputFormat, "auto-focus": e.autoFocus, placeholder: e.placeholder, "allow-line-breaks": !0, link: !1 }, on: { focus: e.onFocus, blur: e.onBlur, input: function(n) {
+  }, proxy: !0 }], null, !1, 1792797475) })], 1) : e._e()], 2), a("div", { staticClass: "d-of-auto d-mx16 d-mt8 d-mb16 d-c-text", style: { "max-height": e.maxHeight } }, [a("dt-rich-text-editor", e._b({ ref: "richTextEditor", attrs: { "data-qa": "dt-rich-text-editor", editable: e.editable, "input-aria-label": e.inputAriaLabel, "input-class": `${e.inputClass} d-ol-none d-my6`, "output-format": e.htmlOutputFormat, "auto-focus": e.autoFocus, placeholder: e.placeholder, "allow-line-breaks": !0, link: !1 }, on: { focus: e.onFocus, blur: e.onBlur, input: function(n) {
     return e.onInput(n);
   } }, model: { value: e.internalInputValue, callback: function(n) {
     e.internalInputValue = n;
@@ -9947,7 +9947,7 @@ const Kc = Ud.exports, vt = {
   critical: "dt-recipe-callbox--border-critical"
 }, jd = {
   name: "DtRecipeCallbox",
-  components: { DtBadge: Re, DtAvatar: fe },
+  components: { DtBadge: Me, DtAvatar: fe },
   inheritAttrs: !1,
   props: {
     /**
@@ -10146,7 +10146,7 @@ export {
   Jt as DT_STACK_GAP,
   du as DT_STACK_RESPONSIVE_BREAKPOINTS,
   fe as DtAvatar,
-  Re as DtBadge,
+  Me as DtBadge,
   rc as DtBanner,
   Ka as DtBreadcrumbItem,
   sc as DtBreadcrumbs,
@@ -10183,7 +10183,7 @@ export {
   nc as DtNotice,
   Pe as DtNoticeAction,
   Be as DtNoticeContent,
-  Me as DtNoticeIcon,
+  Re as DtNoticeIcon,
   hc as DtPagination,
   J as DtPopover,
   cu as DtPresence,
@@ -10207,7 +10207,7 @@ export {
   Bc as DtRecipeIvrNode,
   Nc as DtRecipeSettingsMenuButton,
   Uc as DtRecipeTimePill,
-  Rc as DtRecipeTopBannerInfo,
+  Mc as DtRecipeTopBannerInfo,
   Hc as DtRecipeUnreadPill,
   kc as DtRootLayout,
   vc as DtSelectMenu,
@@ -10236,7 +10236,7 @@ export {
   ge as IVR_NODE_GO_TO,
   ze as IVR_NODE_HANGUP,
   wl as IVR_NODE_ICON_TYPES,
-  Mc as IVR_NODE_LABELS,
+  Rc as IVR_NODE_LABELS,
   Ve as IVR_NODE_PROMPT_COLLECT,
   We as IVR_NODE_PROMPT_MENU,
   Ue as IVR_NODE_PROMPT_PLAY,
@@ -10244,7 +10244,7 @@ export {
   $t as LABEL_SIZES,
   ue as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
   Bl as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
-  Ml as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
+  Rl as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
   Pl as LEFTBAR_GENERAL_ROW_ICON_SIZES,
   w as LEFTBAR_GENERAL_ROW_TYPES,
   $u as LINK_KIND_MODIFIERS,
@@ -10277,8 +10277,8 @@ export {
   G as SHORTCUTS_ICON_ALIASES,
   ys as SHORTCUTS_ICON_SEPARATOR,
   Au as SKELETON_HEADING_HEIGHTS,
-  Ru as SKELETON_RIPPLE_DURATION,
-  Mu as SKELETON_SHAPES,
+  Mu as SKELETON_RIPPLE_DURATION,
+  Ru as SKELETON_SHAPES,
   Bu as SKELETON_SHAPE_SIZES,
   Pu as SKELETON_TEXT_TYPES,
   Nu as TAB_IMPORTANCE_MODIFIERS,

package/dist/vue2/message_input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./rich_text_editor-TX19t44m.cjs"),a=require("./index-dsfPzyLy.cjs"),l=require("./emoji_picker-pzXZS6X7.cjs"),s=require("./tooltip-sE12R_AU.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"})},mentionSuggestion:{type:Object,default:null}},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,this.$refs.richTextEditor.focusEditor(),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-bold 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,"mention-suggestion":e.mentionSuggestion},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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./rich_text_editor-OOdKm54S.cjs"),a=require("./index-dsfPzyLy.cjs"),l=require("./emoji_picker-pzXZS6X7.cjs"),s=require("./tooltip-sE12R_AU.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"})},mentionSuggestion:{type:Object,default:null}},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(){this.$emit("select-media",this.$refs.messageInputImageUpload.$refs.input.files)},toggleEmojiPicker(){this.emojiPickerOpened=!this.emojiPickerOpened},onSend(){this.isSendDisabled||this.$emit("submit",this.internalInputValue)},onCancel(){this.$emit("cancel")},onFocus(t){this.hasFocus=!0,this.$refs.richTextEditor.focusEditor(),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-bold 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,"mention-suggestion":e.mentionSuggestion},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/vue2/message_input.js

@@ -1,4 +1,4 @@
-import { D as o, a as s, R as r, b as l } from "./rich_text_editor-AZuWkf9m.js";
+import { D as o, a as s, R as r, b as l } from "./rich_text_editor-QsHU2mru.js";
 import { t as u, w as c, x as d } from "./index-74FmkvkN.js";
 import { D as m } from "./emoji_picker-oRqwDR1h.js";
 import { n as p, D as f } from "./tooltip-mMe9F6C6.js";
@@ -316,8 +316,8 @@ const h = {
     onSelectImage() {
       this.$refs.messageInputImageUpload.$refs.input.click();
     },
-    onImageUpload(t) {
-      this.$emit("select-media", t);
+    onImageUpload() {
+      this.$emit("select-media", this.$refs.messageInputImageUpload.$refs.input.files);
     },
     toggleEmojiPicker() {
       this.emojiPickerOpened = !this.emojiPickerOpened;