@dialpad/dialtone 9.16.0 → 9.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +12 -11
  2. package/dist/css/dialtone.css +2 -2
  3. package/dist/stylelint-plugin/index.js +6 -0
  4. package/dist/stylelint-plugin/rules/no-mixins.js +52 -0
  5. package/dist/tokens/android/java/tokens-dark.kt +1 -1
  6. package/dist/tokens/android/java/tokens-light.kt +1 -1
  7. package/dist/tokens/android/res/values/colors-dark.xml +1 -1
  8. package/dist/tokens/android/res/values/colors-light.xml +1 -1
  9. package/dist/tokens/android/res/values/dimens.xml +1 -1
  10. package/dist/tokens/css/variables-dark.css +1 -1
  11. package/dist/tokens/css/variables-light.css +1 -1
  12. package/dist/tokens/ios/tokens-dark.swift +1 -1
  13. package/dist/tokens/ios/tokens-light.swift +1 -1
  14. package/dist/tokens/less/variables-dark.less +1 -1
  15. package/dist/tokens/less/variables-light.less +1 -1
  16. package/dist/vue2/dialtone-vue.cjs +2 -2
  17. package/dist/vue2/dialtone-vue.js +84 -67
  18. package/dist/vue2/message_input.cjs +1 -1
  19. package/dist/vue2/message_input.js +1 -1
  20. package/dist/vue2/{rich_text_editor-MzdHNizj.cjs → rich_text_editor-Ty4BjcSP.cjs} +14 -14
  21. package/dist/vue2/{rich_text_editor-trHmm1VD.js → rich_text_editor-vihc4pHS.js} +1055 -1055
  22. package/dist/vue2/style.css +1 -1
  23. package/dist/vue2/types/components/rich_text_editor/extensions/emoji/suggestion.d.ts.map +1 -1
  24. package/dist/vue2/types/components/rich_text_editor/extensions/mentions/suggestion.d.ts.map +1 -1
  25. package/dist/vue2/types/recipes/conversation_view/editor/editor.vue.d.ts +17 -1
  26. package/dist/vue2/types/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
  27. package/dist/vue3/dialtone-vue.cjs +2 -2
  28. package/dist/vue3/dialtone-vue.js +127 -110
  29. package/dist/vue3/message_input.cjs +1 -1
  30. package/dist/vue3/message_input.js +1 -1
  31. package/dist/vue3/{rich_text_editor-NWAFxCaY.js → rich_text_editor-BgXaC2KF.js} +3 -2
  32. package/dist/vue3/{rich_text_editor-2jqjuGrZ.cjs → rich_text_editor-mAENLkE_.cjs} +1 -1
  33. package/dist/vue3/style.css +1 -1
  34. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts +18 -1
  35. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
  36. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
- 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 fe, g as ea, h as ta, i as Oe, j as aa, k as he, l as Ct, a as na, R as ra, b as sa } from "./rich_text_editor-trHmm1VD.js";
2
- import { q as tu, r as au, p as nu, m as ru, n as su, o as iu, A as ou, C as lu, E as du, y as cu, s as uu, x as fu, t as hu, v as pu, u as mu, w as gu, z as _u, B as bu } from "./rich_text_editor-trHmm1VD.js";
1
+ 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 fe, g as ea, h as ta, i as Oe, j as aa, k as he, l as Ct, a as na, R as ra, b as sa } from "./rich_text_editor-vihc4pHS.js";
2
+ import { q as tu, r as au, p as nu, m as ru, n as su, o as iu, A as ou, C as lu, E as du, y as cu, s as uu, x as fu, t as hu, v as pu, u as mu, w as gu, z as _u, B as bu } from "./rich_text_editor-vihc4pHS.js";
3
3
  import { w as y, t as S, F as ia, M as oa, G as la, H as W, J as St, K as kt, N as It, O as xt, P as Le, x as Tt, D as da } from "./index-G0QxbVGe.js";
4
- import { W as yu, S as wu, R as Cu, Q as Su, T as ku, a1 as Iu, a4 as xu, a3 as Tu, a2 as Du, z as Ou, y as Lu, U as $u, I as Eu, Y as Au, X as Mu, V as Ru, C as Bu, L as Pu, a9 as Nu, a5 as Fu, a6 as qu, a8 as Hu, a7 as Wu, a0 as Vu, $ as Uu, Z as ju, _ as Yu } from "./index-G0QxbVGe.js";
4
+ import { W as yu, S as wu, R as Cu, Q as Su, T as ku, a1 as Iu, a4 as xu, a3 as Tu, a2 as Du, z as Ou, y as Lu, U as $u, I as Eu, Y as Au, X as Ru, V as Mu, C as Bu, L as Pu, a9 as Nu, a5 as Fu, a6 as qu, a8 as Hu, a7 as Wu, a0 as Vu, $ as Uu, Z as ju, _ as Yu } from "./index-G0QxbVGe.js";
5
5
  import { n as c, u as E, g as T, e as $e, E as C, k as Qe, o as ca, b as Xe, a as Se, L as ua, p as fa, D as ee, s as Ee, q as ha } from "./tooltip-AVHt9lw0.js";
6
6
  import { r as zu, c as Gu, x as Qu, v as Xu, w as Zu, V as Ju, f as ef } from "./tooltip-AVHt9lw0.js";
7
7
  import pe, { reactive as pa } from "vue";
@@ -161,7 +161,7 @@ var ga = function() {
161
161
  null,
162
162
  null
163
163
  );
164
- const Me = ba.exports, te = ["base", "error", "info", "success", "warning"], va = ["alert", "alertdialog", "status"], ya = /* @__PURE__ */ new Map([
164
+ const Re = ba.exports, te = ["base", "error", "info", "success", "warning"], va = ["alert", "alertdialog", "status"], ya = /* @__PURE__ */ new Map([
165
165
  ["info", "info"],
166
166
  ["success", "check-circle"],
167
167
  ["warning", "alert-triangle"],
@@ -206,7 +206,7 @@ var Ca = function() {
206
206
  null,
207
207
  null
208
208
  );
209
- const Re = ka.exports, Ia = {
209
+ const Me = ka.exports, Ia = {
210
210
  name: "DtNoticeContent",
211
211
  props: {
212
212
  /**
@@ -326,7 +326,7 @@ var La = function() {
326
326
  const Pe = Ea.exports, Aa = {
327
327
  name: "DtNotice",
328
328
  components: {
329
- DtNoticeIcon: Re,
329
+ DtNoticeIcon: Me,
330
330
  DtNoticeContent: Be,
331
331
  DtNoticeAction: Pe
332
332
  },
@@ -428,15 +428,15 @@ const Pe = Ea.exports, Aa = {
428
428
  }
429
429
  }
430
430
  };
431
- var Ma = function() {
431
+ var Ra = function() {
432
432
  var e = this, a = e._self._c;
433
433
  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() {
434
434
  return [e._t("titleOverride")];
435
435
  }, 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);
436
- }, Ra = [], Ba = /* @__PURE__ */ c(
436
+ }, Ma = [], Ba = /* @__PURE__ */ c(
437
437
  Aa,
438
- Ma,
439
438
  Ra,
439
+ Ma,
440
440
  !1,
441
441
  null,
442
442
  null,
@@ -446,7 +446,7 @@ var Ma = function() {
446
446
  const nc = Ba.exports, Pa = {
447
447
  name: "DtBanner",
448
448
  components: {
449
- DtNoticeIcon: Re,
449
+ DtNoticeIcon: Me,
450
450
  DtNoticeContent: Be,
451
451
  DtNoticeAction: Pe
452
452
  },
@@ -1702,17 +1702,17 @@ var An = function() {
1702
1702
  "max-height": e.maxHeight,
1703
1703
  "max-width": e.maxWidth
1704
1704
  }, 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);
1705
- }, Mn = [], Rn = /* @__PURE__ */ c(
1705
+ }, Rn = [], Mn = /* @__PURE__ */ c(
1706
1706
  En,
1707
1707
  An,
1708
- Mn,
1708
+ Rn,
1709
1709
  !1,
1710
1710
  null,
1711
1711
  null,
1712
1712
  null,
1713
1713
  null
1714
1714
  );
1715
- 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 = {
1715
+ 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 = {
1716
1716
  name: "DtDescriptionList",
1717
1717
  props: {
1718
1718
  /**
@@ -3335,18 +3335,18 @@ const pc = $r.exports, Er = {
3335
3335
  return `radio-group-message-${t}-${e}-${this.id}`;
3336
3336
  }
3337
3337
  }
3338
- }, Ar = null, Mr = null;
3339
- var Rr = /* @__PURE__ */ c(
3338
+ }, Ar = null, Rr = null;
3339
+ var Mr = /* @__PURE__ */ c(
3340
3340
  Er,
3341
3341
  Ar,
3342
- Mr,
3342
+ Rr,
3343
3343
  !1,
3344
3344
  null,
3345
3345
  null,
3346
3346
  null,
3347
3347
  null
3348
3348
  );
3349
- const mc = Rr.exports, Br = {
3349
+ const mc = Mr.exports, Br = {
3350
3350
  name: "DtTabPanel",
3351
3351
  mixins: [Z],
3352
3352
  inject: ["groupContext"],
@@ -4030,7 +4030,7 @@ var os = function() {
4030
4030
  const vc = ds.exports, cs = ["status", "alert"], ot = 6e3, us = {
4031
4031
  name: "DtToast",
4032
4032
  components: {
4033
- DtNoticeIcon: Re,
4033
+ DtNoticeIcon: Me,
4034
4034
  DtNoticeContent: Be,
4035
4035
  DtNoticeAction: Pe
4036
4036
  },
@@ -4664,8 +4664,8 @@ function B(t, e) {
4664
4664
  var a = h(t), n = h(e), r = a.getTime() - n.getTime();
4665
4665
  return r < 0 ? -1 : r > 0 ? 1 : r;
4666
4666
  }
4667
- var Ms = 6e4, Rs = 36e5;
4668
- function Mt(t, e) {
4667
+ var Rs = 6e4, Ms = 36e5;
4668
+ function Rt(t, e) {
4669
4669
  f(2, arguments);
4670
4670
  var a = oe(t), n = oe(e);
4671
4671
  return a.getTime() === n.getTime();
@@ -4717,12 +4717,12 @@ function Fe(t) {
4717
4717
  }
4718
4718
  function Ws(t, e, a) {
4719
4719
  f(2, arguments);
4720
- var n = Ne(t, e) / Rs;
4720
+ var n = Ne(t, e) / Ms;
4721
4721
  return Fe(a == null ? void 0 : a.roundingMethod)(n);
4722
4722
  }
4723
4723
  function Vs(t, e, a) {
4724
4724
  f(2, arguments);
4725
- var n = Ne(t, e) / Ms;
4725
+ var n = Ne(t, e) / Rs;
4726
4726
  return Fe(a == null ? void 0 : a.roundingMethod)(n);
4727
4727
  }
4728
4728
  function Us(t) {
@@ -4730,7 +4730,7 @@ function Us(t) {
4730
4730
  var e = h(t);
4731
4731
  return e.setHours(23, 59, 59, 999), e;
4732
4732
  }
4733
- function Rt(t) {
4733
+ function Mt(t) {
4734
4734
  f(1, arguments);
4735
4735
  var e = h(t), a = e.getMonth();
4736
4736
  return e.setFullYear(e.getFullYear(), a + 1, 0), e.setHours(23, 59, 59, 999), e;
@@ -4738,7 +4738,7 @@ function Rt(t) {
4738
4738
  function js(t) {
4739
4739
  f(1, arguments);
4740
4740
  var e = h(t);
4741
- return Us(e).getTime() === Rt(e).getTime();
4741
+ return Us(e).getTime() === Mt(e).getTime();
4742
4742
  }
4743
4743
  function Bt(t, e) {
4744
4744
  f(2, arguments);
@@ -5390,11 +5390,11 @@ var q = {
5390
5390
  return ht(i);
5391
5391
  case "XXXX":
5392
5392
  case "XX":
5393
- return R(i);
5393
+ return M(i);
5394
5394
  case "XXXXX":
5395
5395
  case "XXX":
5396
5396
  default:
5397
- return R(i, ":");
5397
+ return M(i, ":");
5398
5398
  }
5399
5399
  },
5400
5400
  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -5405,11 +5405,11 @@ var q = {
5405
5405
  return ht(i);
5406
5406
  case "xxxx":
5407
5407
  case "xx":
5408
- return R(i);
5408
+ return M(i);
5409
5409
  case "xxxxx":
5410
5410
  case "xxx":
5411
5411
  default:
5412
- return R(i, ":");
5412
+ return M(i, ":");
5413
5413
  }
5414
5414
  },
5415
5415
  // Timezone (GMT)
@@ -5422,7 +5422,7 @@ var q = {
5422
5422
  return "GMT" + ft(i, ":");
5423
5423
  case "OOOO":
5424
5424
  default:
5425
- return "GMT" + R(i, ":");
5425
+ return "GMT" + M(i, ":");
5426
5426
  }
5427
5427
  },
5428
5428
  // Timezone (specific non-location)
@@ -5435,7 +5435,7 @@ var q = {
5435
5435
  return "GMT" + ft(i, ":");
5436
5436
  case "zzzz":
5437
5437
  default:
5438
- return "GMT" + R(i, ":");
5438
+ return "GMT" + M(i, ":");
5439
5439
  }
5440
5440
  },
5441
5441
  // Seconds timestamp
@@ -5461,9 +5461,9 @@ function ht(t, e) {
5461
5461
  var a = t > 0 ? "-" : "+";
5462
5462
  return a + b(Math.abs(t) / 60, 2);
5463
5463
  }
5464
- return R(t, e);
5464
+ return M(t, e);
5465
5465
  }
5466
- function R(t, e) {
5466
+ function M(t, e) {
5467
5467
  var a = e || "", n = t > 0 ? "-" : "+", r = Math.abs(t), s = b(Math.floor(r / 60), 2), i = b(r % 60, 2);
5468
5468
  return n + s + a + i;
5469
5469
  }
@@ -5812,7 +5812,7 @@ function z(t) {
5812
5812
  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);
5813
5813
  if (!s)
5814
5814
  return null;
5815
- var i = s[0], o = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(o) ? Mi(o, function(l) {
5815
+ var i = s[0], o = n && t.parsePatterns[n] || t.parsePatterns[t.defaultParseWidth], d = Array.isArray(o) ? Ri(o, function(l) {
5816
5816
  return l.test(i);
5817
5817
  }) : Ai(o, function(l) {
5818
5818
  return l.test(i);
@@ -5830,12 +5830,12 @@ function Ai(t, e) {
5830
5830
  if (t.hasOwnProperty(a) && e(t[a]))
5831
5831
  return a;
5832
5832
  }
5833
- function Mi(t, e) {
5833
+ function Ri(t, e) {
5834
5834
  for (var a = 0; a < t.length; a++)
5835
5835
  if (e(t[a]))
5836
5836
  return a;
5837
5837
  }
5838
- function Ri(t) {
5838
+ function Mi(t) {
5839
5839
  return function(e) {
5840
5840
  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = e.match(t.matchPattern);
5841
5841
  if (!n)
@@ -5894,7 +5894,7 @@ var Bi = /^(\d+)(th|st|nd|rd)?/i, Pi = /\d+/i, Ni = {
5894
5894
  night: /night/i
5895
5895
  }
5896
5896
  }, zi = {
5897
- ordinalNumber: Ri({
5897
+ ordinalNumber: Mi({
5898
5898
  matchPattern: Bi,
5899
5899
  parsePattern: Pi,
5900
5900
  valueCallback: function(e) {
@@ -5951,12 +5951,12 @@ var Qi = {
5951
5951
  const qe = Qi;
5952
5952
  var Xi = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Zi = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ji = /^'([^]*?)'?$/, eo = /''/g, to = /[a-zA-Z]/;
5953
5953
  function Ht(t, e, a) {
5954
- var n, r, s, i, o, d, u, g, l, m, p, _, I, k, D, F, M, _e;
5954
+ var n, r, s, i, o, d, u, g, l, m, p, _, I, k, D, F, R, _e;
5955
5955
  f(2, arguments);
5956
5956
  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);
5957
5957
  if (!(be >= 1 && be <= 7))
5958
5958
  throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
5959
- 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);
5959
+ 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);
5960
5960
  if (!(ve >= 0 && ve <= 6))
5961
5961
  throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
5962
5962
  if (!j.localize)
@@ -6045,8 +6045,8 @@ function io(t, e, a) {
6045
6045
  var D = Math.round(p / Ce);
6046
6046
  return i.formatDistance("xMonths", D, d);
6047
6047
  } else {
6048
- var F = _ % 12, M = Math.floor(_ / 12);
6049
- return F < 3 ? i.formatDistance("aboutXYears", M, d) : F < 9 ? i.formatDistance("overXYears", M, d) : i.formatDistance("almostXYears", M + 1, d);
6048
+ var F = _ % 12, R = Math.floor(_ / 12);
6049
+ return F < 3 ? i.formatDistance("aboutXYears", R, d) : F < 9 ? i.formatDistance("overXYears", R, d) : i.formatDistance("almostXYears", R + 1, d);
6050
6050
  }
6051
6051
  }
6052
6052
  var oo = ["years", "months", "weeks", "days", "hours", "minutes", "seconds"];
@@ -6140,7 +6140,7 @@ function go(t) {
6140
6140
  return f(1, arguments), po(t, Date.now());
6141
6141
  }
6142
6142
  function _o(t) {
6143
- return f(1, arguments), Mt(t, Date.now());
6143
+ return f(1, arguments), Rt(t, Date.now());
6144
6144
  }
6145
6145
  function bo(t, e) {
6146
6146
  f(2, arguments);
@@ -6148,7 +6148,7 @@ function bo(t, e) {
6148
6148
  return V(t, -a);
6149
6149
  }
6150
6150
  function vo(t) {
6151
- return f(1, arguments), Mt(t, bo(Date.now(), 1));
6151
+ return f(1, arguments), Rt(t, bo(Date.now(), 1));
6152
6152
  }
6153
6153
  function yo(t, e) {
6154
6154
  f(2, arguments);
@@ -6201,7 +6201,7 @@ const Ut = 0, Co = "MMMM", So = "long", xe = (t) => t ? new Date(t) : /* @__PURE
6201
6201
  return He(o);
6202
6202
  }, Lo = (t) => {
6203
6203
  const e = new Date(t), a = ce(e);
6204
- let r = Rt(Vt(e, 1));
6204
+ let r = Mt(Vt(e, 1));
6205
6205
  for (; ce(r) !== a; )
6206
6206
  r = V(r, -1);
6207
6207
  return He(r);
@@ -6374,7 +6374,7 @@ var Eo = function() {
6374
6374
  return e.handleKeyDown(n);
6375
6375
  } } }, [a("dt-icon", { attrs: { name: "chevrons-right", size: "200" } })], 1)];
6376
6376
  }, proxy: !0 }]) })], 1)], 1);
6377
- }, Ao = [], Mo = /* @__PURE__ */ c(
6377
+ }, Ao = [], Ro = /* @__PURE__ */ c(
6378
6378
  $o,
6379
6379
  Eo,
6380
6380
  Ao,
@@ -6384,7 +6384,7 @@ var Eo = function() {
6384
6384
  null,
6385
6385
  null
6386
6386
  );
6387
- const Ro = Mo.exports, Bo = {
6387
+ const Mo = Ro.exports, Bo = {
6388
6388
  name: "DtDatepickerCalendar",
6389
6389
  components: { DtButton: S },
6390
6390
  props: {
@@ -6539,7 +6539,7 @@ var Po = function() {
6539
6539
  );
6540
6540
  const qo = Fo.exports, Ho = {
6541
6541
  name: "DtDatepicker",
6542
- components: { DtStack: Oe, MonthYearPicker: Ro, Calendar: qo },
6542
+ components: { DtStack: Oe, MonthYearPicker: Mo, Calendar: qo },
6543
6543
  props: {
6544
6544
  /**
6545
6545
  * Label for the previous month button
@@ -7950,7 +7950,7 @@ var bl = function() {
7950
7950
  null,
7951
7951
  null
7952
7952
  );
7953
- const Mc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay", je = "gotoexpert", ge = "goto", Ye = "branch", Ke = "transfer", ze = "hangup", wl = {
7953
+ const Rc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay", je = "gotoexpert", ge = "goto", Ye = "branch", Ke = "transfer", ze = "hangup", wl = {
7954
7954
  [We]: "keypad",
7955
7955
  [Ve]: "dialer",
7956
7956
  [Ue]: "volume-2",
@@ -7959,7 +7959,7 @@ const Mc = yl.exports, We = "promptmenu", Ve = "promptcollect", Ue = "promptplay
7959
7959
  [ge]: "call-merge",
7960
7960
  [Ke]: "transfer",
7961
7961
  [ze]: "phone-hang-up"
7962
- }, Rc = {
7962
+ }, Mc = {
7963
7963
  [We]: "Menu",
7964
7964
  [Ve]: "Collect",
7965
7965
  [Ue]: "Play",
@@ -8176,7 +8176,7 @@ var El = function() {
8176
8176
  }, 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() {
8177
8177
  return [a("dt-icon", { attrs: { name: "more-vertical", size: "300" } })];
8178
8178
  }, proxy: !0 }]) }, e.$listeners));
8179
- }, Al = [], Ml = /* @__PURE__ */ c(
8179
+ }, Al = [], Rl = /* @__PURE__ */ c(
8180
8180
  $l,
8181
8181
  El,
8182
8182
  Al,
@@ -8186,7 +8186,7 @@ var El = function() {
8186
8186
  null,
8187
8187
  null
8188
8188
  );
8189
- const Nc = Ml.exports, w = {
8189
+ const Nc = Rl.exports, w = {
8190
8190
  INBOX: "inbox",
8191
8191
  CONTACTS: "contacts",
8192
8192
  CHANNELS: "channels",
@@ -8199,7 +8199,7 @@ const Nc = Ml.exports, w = {
8199
8199
  DIALBOT: "dialbot",
8200
8200
  ASSIGNED: "assigned",
8201
8201
  DIGITAL: "digital"
8202
- }, Rl = {
8202
+ }, Ml = {
8203
8203
  [w.INBOX]: "inbox",
8204
8204
  [w.CONTACTS]: "contacts",
8205
8205
  [w.CHANNELS]: "hash",
@@ -8255,7 +8255,7 @@ const Nc = Ml.exports, w = {
8255
8255
  return this.type === w.DIALBOT;
8256
8256
  },
8257
8257
  getIconName() {
8258
- return Rl[this.type];
8258
+ return Ml[this.type];
8259
8259
  },
8260
8260
  contactCenterIconClasses() {
8261
8261
  return [
@@ -8289,7 +8289,7 @@ const Wl = Hl.exports, Vl = {
8289
8289
  name: "DtRecipeGeneralRow",
8290
8290
  components: {
8291
8291
  DtEmojiTextWrapper: Ae,
8292
- DtBadge: Me,
8292
+ DtBadge: Re,
8293
8293
  DtIcon: y,
8294
8294
  DtButton: S,
8295
8295
  DtTooltip: ee,
@@ -8855,7 +8855,7 @@ const Hc = id.exports, _t = {
8855
8855
  DtAvatar: he,
8856
8856
  DtLazyShow: $e,
8857
8857
  DtListItem: De,
8858
- DtBadge: Me
8858
+ DtBadge: Re
8859
8859
  },
8860
8860
  mixins: [Z],
8861
8861
  inheritAttrs: !1,
@@ -9349,7 +9349,7 @@ var Ld = function() {
9349
9349
  null,
9350
9350
  null
9351
9351
  );
9352
- const Ad = Ed.exports, Md = 64, Rd = {
9352
+ const Ad = Ed.exports, Rd = 64, Md = {
9353
9353
  name: "DtRecipeAttachmentCarousel",
9354
9354
  components: {
9355
9355
  DtButton: S,
@@ -9435,7 +9435,7 @@ const Ad = Ed.exports, Md = 64, Rd = {
9435
9435
  }
9436
9436
  },
9437
9437
  removeMediaItem(t) {
9438
- this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Md, this.$emit("remove-media", t);
9438
+ this.showRightArrow = this.$refs.carousel.scrollWidth > this.$refs.carousel.clientWidth + Rd, this.$emit("remove-media", t);
9439
9439
  },
9440
9440
  closeButton(t, e) {
9441
9441
  this.showCloseButton[e] = t;
@@ -9470,7 +9470,7 @@ var Bd = function() {
9470
9470
  return [a("dt-icon", { attrs: { name: "arrow-right", size: "100" } })];
9471
9471
  }, proxy: !0 }]) })], 1);
9472
9472
  }, Pd = [], Nd = /* @__PURE__ */ c(
9473
- Rd,
9473
+ Md,
9474
9474
  Bd,
9475
9475
  Pd,
9476
9476
  !1,
@@ -9676,6 +9676,13 @@ const Yc = Nd.exports, Fd = [
9676
9676
  type: Boolean,
9677
9677
  default: !0
9678
9678
  },
9679
+ /**
9680
+ * Show button to handle quick replies
9681
+ */
9682
+ showQuickRepliesButton: {
9683
+ type: Boolean,
9684
+ default: !0
9685
+ },
9679
9686
  /**
9680
9687
  * Show add link default config.
9681
9688
  */
@@ -9706,7 +9713,13 @@ const Yc = Nd.exports, Fd = [
9706
9713
  * @event input
9707
9714
  * @type {String|JSON}
9708
9715
  */
9709
- "input"
9716
+ "input",
9717
+ /**
9718
+ * Quick replies button
9719
+ * pressed event
9720
+ * @event quick-replies-click
9721
+ */
9722
+ "quick-replies-click"
9710
9723
  ],
9711
9724
  data() {
9712
9725
  return {
@@ -9773,7 +9786,8 @@ const Yc = Nd.exports, Fd = [
9773
9786
  individualButtons() {
9774
9787
  return [
9775
9788
  { showBtn: this.showQuoteButton, selector: "blockquote", iconName: "quote", dataQA: "dt-editor-blockquote-btn", tooltipMessage: "Quote", onClick: this.onBlockquoteToggle },
9776
- { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code-block", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle }
9789
+ { showBtn: this.showCodeBlockButton, selector: "codeBlock", iconName: "code-block", dataQA: "dt-editor-code-block-btn", tooltipMessage: "Code", onClick: this.onCodeBlockToggle },
9790
+ { showBtn: this.showQuickRepliesButton, selector: "quickReplies", iconName: "lightning-bolt", dataQA: "dt-editor-quick-replies-btn", tooltipMessage: "Quick Replies", onClick: this.onQuickRepliesClick }
9777
9791
  ].filter((t) => t.showBtn);
9778
9792
  },
9779
9793
  linkButton() {
@@ -9854,6 +9868,9 @@ const Yc = Nd.exports, Fd = [
9854
9868
  var t;
9855
9869
  (t = this.$refs.richTextEditor) == null || t.editor.chain().focus().toggleCodeBlock().run();
9856
9870
  },
9871
+ onQuickRepliesClick() {
9872
+ this.$emit("quick-replies-click");
9873
+ },
9857
9874
  onBlockquoteToggle() {
9858
9875
  var t;
9859
9876
  (t = this.$refs.richTextEditor) == null || t.editor.chain().focus().toggleBlockquote().run();
@@ -9930,7 +9947,7 @@ const Kc = Ud.exports, vt = {
9930
9947
  critical: "dt-recipe-callbox--border-critical"
9931
9948
  }, jd = {
9932
9949
  name: "DtRecipeCallbox",
9933
- components: { DtBadge: Me, DtAvatar: he },
9950
+ components: { DtBadge: Re, DtAvatar: he },
9934
9951
  inheritAttrs: !1,
9935
9952
  props: {
9936
9953
  /**
@@ -10129,7 +10146,7 @@ export {
10129
10146
  Jt as DT_STACK_GAP,
10130
10147
  du as DT_STACK_RESPONSIVE_BREAKPOINTS,
10131
10148
  he as DtAvatar,
10132
- Me as DtBadge,
10149
+ Re as DtBadge,
10133
10150
  rc as DtBanner,
10134
10151
  Ka as DtBreadcrumbItem,
10135
10152
  sc as DtBreadcrumbs,
@@ -10166,7 +10183,7 @@ export {
10166
10183
  nc as DtNotice,
10167
10184
  Pe as DtNoticeAction,
10168
10185
  Be as DtNoticeContent,
10169
- Re as DtNoticeIcon,
10186
+ Me as DtNoticeIcon,
10170
10187
  hc as DtPagination,
10171
10188
  J as DtPopover,
10172
10189
  cu as DtPresence,
@@ -10190,7 +10207,7 @@ export {
10190
10207
  Bc as DtRecipeIvrNode,
10191
10208
  Nc as DtRecipeSettingsMenuButton,
10192
10209
  Uc as DtRecipeTimePill,
10193
- Mc as DtRecipeTopBannerInfo,
10210
+ Rc as DtRecipeTopBannerInfo,
10194
10211
  Hc as DtRecipeUnreadPill,
10195
10212
  kc as DtRootLayout,
10196
10213
  vc as DtSelectMenu,
@@ -10212,14 +10229,14 @@ export {
10212
10229
  $u as ICON_POSITION_MODIFIERS,
10213
10230
  Eu as ICON_SIZE_MODIFIERS,
10214
10231
  Au as INPUT_SIZES,
10215
- Mu as INPUT_TYPES,
10216
- Ru as INVALID_COMBINATION,
10232
+ Ru as INPUT_TYPES,
10233
+ Mu as INVALID_COMBINATION,
10217
10234
  Ye as IVR_NODE_BRANCH,
10218
10235
  je as IVR_NODE_EXPERT,
10219
10236
  ge as IVR_NODE_GO_TO,
10220
10237
  ze as IVR_NODE_HANGUP,
10221
10238
  wl as IVR_NODE_ICON_TYPES,
10222
- Rc as IVR_NODE_LABELS,
10239
+ Mc as IVR_NODE_LABELS,
10223
10240
  Ve as IVR_NODE_PROMPT_COLLECT,
10224
10241
  We as IVR_NODE_PROMPT_MENU,
10225
10242
  Ue as IVR_NODE_PROMPT_PLAY,
@@ -10227,7 +10244,7 @@ export {
10227
10244
  $t as LABEL_SIZES,
10228
10245
  ue as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
10229
10246
  Bl as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
10230
- Rl as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
10247
+ Ml as LEFTBAR_GENERAL_ROW_ICON_MAPPING,
10231
10248
  Pl as LEFTBAR_GENERAL_ROW_ICON_SIZES,
10232
10249
  w as LEFTBAR_GENERAL_ROW_TYPES,
10233
10250
  Bu as LINK_KIND_MODIFIERS,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./rich_text_editor-MzdHNizj.cjs"),a=require("./index-ihXjcrB-.cjs"),l=require("./emoji_picker-zi8qwHtl.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"})},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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./rich_text_editor-Ty4BjcSP.cjs"),a=require("./index-ihXjcrB-.cjs"),l=require("./emoji_picker-zi8qwHtl.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"})},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;
@@ -1,4 +1,4 @@
1
- import { D as o, a as s, R as r, b as l } from "./rich_text_editor-trHmm1VD.js";
1
+ import { D as o, a as s, R as r, b as l } from "./rich_text_editor-vihc4pHS.js";
2
2
  import { t as u, w as c, x as d } from "./index-G0QxbVGe.js";
3
3
  import { D as m } from "./emoji_picker-GfisVsYp.js";
4
4
  import { n as p, D as f } from "./tooltip-AVHt9lw0.js";