@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/lib/general-row/general-row.js

@@ -0,0 +1,405 @@
+import { LEFTBAR_GENERAL_ROW_TYPES as b, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as v, LEFTBAR_GENERAL_ROW_ICON_SIZES as k, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as O } from "./general-row-constants.js";
+import { DtIconPhone as U, DtIconWaveform as N } from "@dialpad/dialtone-icons/vue3";
+import W from "../emoji-text-wrapper/emoji-text-wrapper.js";
+import q from "./leftbar-general-row-icon.js";
+import { extractVueListeners as M, safeConcatStrings as F, returnFirstEl as m, removeClassStyleAttrs as z, addClassStyleAttrs as D } from "../../common/utils/index.js";
+import { resolveComponent as o, openBlock as r, createElementBlock as h, mergeProps as R, createElementVNode as l, toHandlers as x, renderSlot as A, createVNode as c, normalizeStyle as j, withCtx as i, createTextVNode as g, toDisplayString as C, createBlock as y, createCommentVNode as u, normalizeClass as E, withModifiers as G } from "vue";
+import { _ as I } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import V from "../badge/badge.js";
+import P from "../button/button.js";
+import H from "../tooltip/tooltip.js";
+const K = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeGeneralRow",
+  components: {
+    DtEmojiTextWrapper: W,
+    DtBadge: V,
+    DtButton: P,
+    DtTooltip: H,
+    DtIconPhone: U,
+    DtIconWaveform: N,
+    DtRecipeLeftbarGeneralRowIcon: q
+  },
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Determines the icon to show.
+     * If type is contact center, the color prop must be provided and will determine the color of the icon
+     */
+    type: {
+      type: String,
+      default: "inbox",
+      validator: (e) => Object.values(b).includes(e)
+    },
+    /**
+     * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
+     */
+    ariaLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot
+     * you still must input this as it will be displayed as the "title" attribute for the row.
+     */
+    description: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Determines the color of the contact center icon
+     */
+    color: {
+      type: String,
+      default: null,
+      validator: (e) => Object.keys(v).includes(e)
+    },
+    /**
+     * The channel setting, either 'mention' or 'always'.
+     * @values 'mention', 'always', null.
+     */
+    channelSetting: {
+      type: String,
+      default: null
+    },
+    /**
+     * Styles the row with an increased font weight to convey it has unreads. This must be true to see
+     * the unread count badge.
+     */
+    hasUnreads: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Number of unread messages
+     */
+    unreadCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Number of unread mention messages
+     */
+    unreadMentionCount: {
+      type: String,
+      default: null
+    },
+    /**
+     * Text shown when the unread count is hovered.
+     */
+    unreadCountTooltip: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Determines if the row is selected
+     */
+    selected: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Gives a faded style to be used when muted
+     */
+    muted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Shows styling to represent an active voice chat. This will display over unreadCount.
+     */
+    activeVoiceChat: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Acronym used to represent "Do not Disturb" state. If entered will display the entered text alongside
+     * unreadCount.
+     */
+    dndText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Text shown in tooltip when you hover the dndText
+     */
+    dndTextTooltip: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Whether the row should have a call button. Usually only applicable to individual contact rows.
+     */
+    hasCallButton: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Text shown when the call button is hovered.
+     */
+    callButtonTooltip: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Shows an "is typing" animation over the avatar when true.
+     */
+    isTyping: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Sets the size of the icon.
+     */
+    iconSize: {
+      type: String,
+      default: "300",
+      validator: (e) => k.includes(e)
+    }
+  },
+  emits: [
+    /**
+     * Call button clicked
+     *
+     * @event call
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "call"
+  ],
+  data() {
+    return {
+      actionFocused: !1,
+      labelWidth: "100%"
+    };
+  },
+  computed: {
+    leftbarGeneralRowClasses() {
+      return [
+        "d-recipe-leftbar-row",
+        {
+          "d-recipe-leftbar-row--no-action": !this.hasCallButton,
+          "d-recipe-leftbar-row--has-unread": this.hasUnreads,
+          "d-recipe-leftbar-row__unread-count": this.showUnreadCount || this.showUnreadMentionCount,
+          "d-recipe-leftbar-row--selected": this.selected,
+          "d-recipe-leftbar-row--muted": this.muted,
+          "d-recipe-leftbar-row--action-focused": this.actionFocused
+        }
+      ];
+    },
+    getIcon() {
+      switch (this.type) {
+        case b.CHANNELS:
+          if (this.hasUnreads) return "channel unread";
+          break;
+        case b.LOCKED_CHANNEL:
+          if (this.hasUnreads) return "locked channel unread";
+          break;
+      }
+      return this.type;
+    },
+    generalRowListeners() {
+      return M(this.$attrs);
+    },
+    getAriaLabel() {
+      return this.ariaLabel ? this.ariaLabel : F([this.description, this.unreadCountTooltip, this.dndTextTooltip]);
+    },
+    hasActions() {
+      return this.dndText || this.activeVoiceChat || this.showUnreadCount || this.hasCallButton || this.showUnreadMentionCount;
+    },
+    showUnreadCount() {
+      return !!this.unreadCount && this.hasUnreads;
+    },
+    showUnreadMentionCount() {
+      return !!this.unreadMentionCount && this.hasUnreads;
+    },
+    hasUnreadCount() {
+      return this.unreadCount !== null;
+    },
+    hasUnreadMentionCount() {
+      return this.unreadMentionCount !== null;
+    },
+    shouldApplyCustomStyleForCountBadge() {
+      return this.hasUnreadCount && this.hasUnreadMentionCount;
+    },
+    /**
+     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,
+     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).
+     * @returns {boolean}
+     */
+    shouldApplyCustomStyleForMentionOnly() {
+      return this.channelSetting === "always" && !this.hasUnreadCount && this.hasUnreadMentionCount;
+    }
+  },
+  watch: {
+    $props: {
+      immediate: !0,
+      deep: !0,
+      async handler() {
+        this.validateProps(), await this.$nextTick(), this.adjustLabelWidth();
+      }
+    }
+  },
+  mounted() {
+    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth), this.resizeObserver.observe(m(this.$el)), this.adjustLabelWidth();
+  },
+  beforeUnmount: function() {
+    this.resizeObserver.disconnect();
+  },
+  methods: {
+    removeClassStyleAttrs: z,
+    addClassStyleAttrs: D,
+    validateProps() {
+      this.type === b.CONTACT_CENTER && !Object.keys(v).includes(this.color) && console.error(O);
+    },
+    adjustLabelWidth() {
+      var s, a, p, _, d, f;
+      const e = ((a = (s = m(this.$el)) == null ? void 0 : s.querySelector(".d-recipe-leftbar-row__primary")) == null ? void 0 : a.clientWidth) || 0, n = ((_ = (p = m(this.$el)) == null ? void 0 : p.querySelector(".d-recipe-leftbar-row__omega")) == null ? void 0 : _.clientWidth) || 0, t = ((f = (d = m(this.$el)) == null ? void 0 : d.querySelector(".d-recipe-leftbar-row__alpha")) == null ? void 0 : f.clientWidth) || 0, S = 16;
+      this.labelWidth = e - (n + t + S) + "px";
+    }
+  }
+}, Y = ["data-qa", "aria-label", "title", "href"], Z = { class: "d-recipe-leftbar-row__alpha" }, J = {
+  key: 0,
+  class: "d-recipe-leftbar-row__is-typing"
+}, Q = /* @__PURE__ */ l("span", null, null, -1), X = /* @__PURE__ */ l("span", null, null, -1), $ = /* @__PURE__ */ l("span", null, null, -1), ee = [
+  Q,
+  X,
+  $
+], te = {
+  key: 0,
+  class: "d-recipe-leftbar-row__omega"
+}, ae = {
+  key: 1,
+  class: "d-recipe-leftbar-row__active-voice"
+}, re = {
+  key: 3,
+  class: "d-recipe-leftbar-row__action",
+  "data-qa": "dt-recipe-leftbar-row-action"
+};
+function ne(e, n, t, S, s, a) {
+  const p = o("dt-recipe-leftbar-general-row-icon"), _ = o("dt-emoji-text-wrapper"), d = o("dt-tooltip"), f = o("dt-icon-waveform"), T = o("dt-badge"), B = o("dt-icon-phone"), L = o("dt-button");
+  return r(), h("div", R({ class: a.leftbarGeneralRowClasses }, a.addClassStyleAttrs(e.$attrs), { "data-qa": "dt-recipe-leftbar-row" }), [
+    l("a", R({
+      class: "d-recipe-leftbar-row__primary",
+      "data-qa": "data-qa" in e.$attrs ? e.$attrs["data-qa"] : "d-recipe-leftbar-row-link",
+      "aria-label": a.getAriaLabel,
+      title: t.description,
+      href: "href" in e.$attrs ? e.$attrs.href : "javascript:void(0)"
+    }, a.removeClassStyleAttrs(e.$attrs), x(a.generalRowListeners, !0)), [
+      l("div", Z, [
+        t.isTyping ? (r(), h("div", J, ee)) : A(e.$slots, "left", { key: 1 }, () => [
+          c(p, {
+            type: a.getIcon,
+            color: t.color,
+            "icon-size": t.iconSize,
+            "data-qa": "dt-recipe-leftbar-row-icon"
+          }, null, 8, ["type", "color", "icon-size"])
+        ])
+      ]),
+      l("div", {
+        class: "d-recipe-leftbar-row__label",
+        style: j(`flex-basis: ${s.labelWidth}`)
+      }, [
+        A(e.$slots, "label", {}, () => [
+          c(_, {
+            class: "d-recipe-leftbar-row__description",
+            "data-qa": "dt-recipe-leftbar-row-description",
+            size: "200"
+          }, {
+            default: i(() => [
+              g(C(t.description), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 4)
+    ], 16, Y),
+    a.hasActions ? (r(), h("div", te, [
+      t.dndText ? (r(), y(d, {
+        key: 0,
+        placement: "top",
+        message: t.dndTextTooltip
+      }, {
+        anchor: i(() => [
+          l("div", {
+            ref: "d-recipe-leftbar-row-dnd",
+            class: "d-recipe-leftbar-row__dnd",
+            "data-qa": "dt-recipe-leftbar-row-dnd"
+          }, C(t.dndText), 513)
+        ]),
+        _: 1
+      }, 8, ["message"])) : u("", !0),
+      t.activeVoiceChat ? (r(), h("div", ae, [
+        c(f, { size: "300" })
+      ])) : a.showUnreadCount || a.showUnreadMentionCount ? (r(), y(d, {
+        key: 2,
+        message: t.unreadCountTooltip,
+        placement: "top"
+      }, {
+        anchor: i(() => [
+          a.showUnreadCount ? (r(), y(T, {
+            key: 0,
+            kind: "count",
+            type: "bulletin",
+            "data-qa": "dt-recipe-leftbar-row-unread-badge",
+            class: E(["d-recipe-leftbar-row__unread-badge", {
+              "d-recipe-leftbar-row__unread-count-badge": a.shouldApplyCustomStyleForCountBadge
+            }])
+          }, {
+            default: i(() => [
+              g(C(t.unreadCount), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : u("", !0),
+          a.showUnreadMentionCount ? (r(), y(T, {
+            key: 1,
+            kind: "count",
+            type: "bulletin",
+            "data-qa": "dt-recipe-leftbar-row-unread-mention-badge",
+            class: E([
+              "d-recipe-leftbar-row__unread-badge",
+              { "d-recipe-leftbar-row__unread-mention-count-badge": a.shouldApplyCustomStyleForCountBadge },
+              { "d-recipe-leftbar-row__unread-mention-only-count-badge": a.shouldApplyCustomStyleForMentionOnly }
+            ])
+          }, {
+            default: i(() => [
+              g(C(t.unreadMentionCount), 1)
+            ]),
+            _: 1
+          }, 8, ["class"])) : u("", !0)
+        ]),
+        _: 1
+      }, 8, ["message"])) : u("", !0),
+      t.hasCallButton ? (r(), h("div", re, [
+        c(d, {
+          message: t.callButtonTooltip,
+          placement: "top"
+        }, {
+          anchor: i(() => [
+            c(L, {
+              class: "d-recipe-leftbar-row__action-button",
+              "data-qa": "dt-recipe-leftbar-row-action-call-button",
+              circle: !0,
+              size: "xs",
+              kind: "inverted",
+              "aria-label": t.callButtonTooltip,
+              onFocus: n[0] || (n[0] = (w) => s.actionFocused = !0),
+              onBlur: n[1] || (n[1] = (w) => s.actionFocused = !1),
+              onClick: n[2] || (n[2] = G((w) => e.$emit("call", w), ["stop"]))
+            }, {
+              icon: i(() => [
+                c(B, { size: "200" })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["message"])
+      ])) : u("", !0)
+    ])) : u("", !0)
+  ], 16);
+}
+const fe = /* @__PURE__ */ I(K, [["render", ne]]);
+export {
+  fe as default
+};
+//# sourceMappingURL=general-row.js.map

package/dist/lib/general-row/general-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"general-row.js","sources":["../../../recipes/leftbar/general_row/general_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"leftbarGeneralRowClasses\"\n    v-bind=\"addClassStyleAttrs($attrs)\"\n    data-qa=\"dt-recipe-leftbar-row\"\n  >\n    <a\n      class=\"d-recipe-leftbar-row__primary\"\n      :data-qa=\"'data-qa' in $attrs ? $attrs['data-qa'] : 'd-recipe-leftbar-row-link'\"\n      :aria-label=\"getAriaLabel\"\n      :title=\"description\"\n      :href=\"'href' in $attrs ? $attrs.href : 'javascript:void(0)'\"\n      v-bind=\"removeClassStyleAttrs($attrs)\"\n      v-on=\"generalRowListeners\"\n    >\n      <div\n        class=\"d-recipe-leftbar-row__alpha\"\n      >\n        <div\n          v-if=\"isTyping\"\n          class=\"d-recipe-leftbar-row__is-typing\"\n        >\n          <span /><span /><span />\n        </div>\n        <slot\n          v-else\n          name=\"left\"\n        >\n          <dt-recipe-leftbar-general-row-icon\n            :type=\"getIcon\"\n            :color=\"color\"\n            :icon-size=\"iconSize\"\n            data-qa=\"dt-recipe-leftbar-row-icon\"\n          />\n        </slot>\n      </div>\n      <div\n        class=\"d-recipe-leftbar-row__label\"\n        :style=\"`flex-basis: ${labelWidth}`\"\n      >\n        <slot name=\"label\">\n          <dt-emoji-text-wrapper\n            class=\"d-recipe-leftbar-row__description\"\n            data-qa=\"dt-recipe-leftbar-row-description\"\n            size=\"200\"\n          >\n            {{ description }}\n          </dt-emoji-text-wrapper>\n        </slot>\n      </div>\n    </a>\n    <div\n      v-if=\"hasActions\"\n      class=\"d-recipe-leftbar-row__omega\"\n    >\n      <dt-tooltip\n        v-if=\"dndText\"\n        placement=\"top\"\n        :message=\"dndTextTooltip\"\n      >\n        <template #anchor>\n          <div\n            ref=\"d-recipe-leftbar-row-dnd\"\n            class=\"d-recipe-leftbar-row__dnd\"\n            data-qa=\"dt-recipe-leftbar-row-dnd\"\n          >\n            {{ dndText }}\n          </div>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"activeVoiceChat\"\n        class=\"d-recipe-leftbar-row__active-voice\"\n      >\n        <dt-icon-waveform\n          size=\"300\"\n        />\n      </div>\n      <dt-tooltip\n        v-else-if=\"showUnreadCount || showUnreadMentionCount\"\n        :message=\"unreadCountTooltip\"\n        placement=\"top\"\n      >\n        <template #anchor>\n          <dt-badge\n            v-if=\"showUnreadCount\"\n            kind=\"count\"\n            type=\"bulletin\"\n            data-qa=\"dt-recipe-leftbar-row-unread-badge\"\n            :class=\"['d-recipe-leftbar-row__unread-badge', {\n              'd-recipe-leftbar-row__unread-count-badge':\n                shouldApplyCustomStyleForCountBadge,\n            }]\"\n          >\n            {{ unreadCount }}\n          </dt-badge>\n          <dt-badge\n            v-if=\"showUnreadMentionCount\"\n            kind=\"count\"\n            type=\"bulletin\"\n            data-qa=\"dt-recipe-leftbar-row-unread-mention-badge\"\n            :class=\"['d-recipe-leftbar-row__unread-badge',\n                     { 'd-recipe-leftbar-row__unread-mention-count-badge': shouldApplyCustomStyleForCountBadge },\n                     { 'd-recipe-leftbar-row__unread-mention-only-count-badge': shouldApplyCustomStyleForMentionOnly },\n            ]\"\n          >\n            {{ unreadMentionCount }}\n          </dt-badge>\n        </template>\n      </dt-tooltip>\n      <div\n        v-if=\"hasCallButton\"\n        class=\"d-recipe-leftbar-row__action\"\n        data-qa=\"dt-recipe-leftbar-row-action\"\n      >\n        <dt-tooltip\n          :message=\"callButtonTooltip\"\n          placement=\"top\"\n        >\n          <template #anchor>\n            <dt-button\n              class=\"d-recipe-leftbar-row__action-button\"\n              data-qa=\"dt-recipe-leftbar-row-action-call-button\"\n              :circle=\"true\"\n              size=\"xs\"\n              kind=\"inverted\"\n              :aria-label=\"callButtonTooltip\"\n              @focus=\"actionFocused = true\"\n              @blur=\"actionFocused = false\"\n              @click.stop=\"$emit('call', $event)\"\n            >\n              <template #icon>\n                <dt-icon-phone\n                  size=\"200\"\n                />\n              </template>\n            </dt-button>\n          </template>\n        </dt-tooltip>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,\n  LEFTBAR_GENERAL_ROW_ICON_SIZES,\n} from './general_row_constants';\nimport { DtBadge } from '@/components/badge';\nimport { DtIconPhone, DtIconWaveform } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\nimport { DtTooltip } from '@/components/tooltip';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtRecipeLeftbarGeneralRowIcon from './leftbar_general_row_icon.vue';\nimport { extractVueListeners, safeConcatStrings, removeClassStyleAttrs, returnFirstEl, addClassStyleAttrs } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGeneralRow',\n\n  components: {\n    DtEmojiTextWrapper,\n    DtBadge,\n    DtButton,\n    DtTooltip,\n    DtIconPhone,\n    DtIconWaveform,\n    DtRecipeLeftbarGeneralRowIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines the icon to show.\n     * If type is contact center, the color prop must be provided and will determine the color of the icon\n     */\n    type: {\n      type: String,\n      default: 'inbox',\n      validator: (type) => {\n        return Object.values(LEFTBAR_GENERAL_ROW_TYPES).includes(type);\n      },\n    },\n\n    /**\n     * Will be read out by a screen reader upon focus of this row. If not defined \"description\" will be read.\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text displayed next to the icon. Required. Even if you are overriding this field using the label slot\n     * you still must input this as it will be displayed as the \"title\" attribute for the row.\n     */\n    description: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines the color of the contact center icon\n     */\n    color: {\n      type: String,\n      default: null,\n      validator: (color) => {\n        return Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(color);\n      },\n    },\n\n    /**\n     * The channel setting, either 'mention' or 'always'.\n     * @values 'mention', 'always', null.\n     */\n    channelSetting: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Gives a faded style to be used when muted\n     */\n    muted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows styling to represent an active voice chat. This will display over unreadCount.\n     */\n    activeVoiceChat: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Acronym used to represent \"Do not Disturb\" state. If entered will display the entered text alongside\n     * unreadCount.\n     */\n    dndText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text shown in tooltip when you hover the dndText\n     */\n    dndTextTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Whether the row should have a call button. Usually only applicable to individual contact rows.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the size of the icon.\n     */\n    iconSize: {\n      type: String,\n      default: '300',\n      validator: (size) => {\n        return LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(size);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  data () {\n    return {\n      actionFocused: false,\n      labelWidth: '100%',\n    };\n  },\n\n  computed: {\n    leftbarGeneralRowClasses () {\n      return [\n        'd-recipe-leftbar-row',\n        {\n          'd-recipe-leftbar-row--no-action': !this.hasCallButton,\n          'd-recipe-leftbar-row--has-unread': this.hasUnreads,\n          'd-recipe-leftbar-row__unread-count': this.showUnreadCount || this.showUnreadMentionCount,\n          'd-recipe-leftbar-row--selected': this.selected,\n          'd-recipe-leftbar-row--muted': this.muted,\n          'd-recipe-leftbar-row--action-focused': this.actionFocused,\n        },\n      ];\n    },\n\n    getIcon () {\n      switch (this.type) {\n        case LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:\n          if (this.hasUnreads) return 'channel unread';\n          break;\n        case LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:\n          if (this.hasUnreads) return 'locked channel unread';\n          break;\n      }\n      return this.type;\n    },\n\n    generalRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    getAriaLabel () {\n      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip, this.dndTextTooltip]);\n    },\n\n    hasActions () {\n      return this.dndText || this.activeVoiceChat || this.showUnreadCount || this.hasCallButton ||\n        this.showUnreadMentionCount;\n    },\n\n    showUnreadCount () {\n      return !!this.unreadCount && this.hasUnreads;\n    },\n\n    showUnreadMentionCount () {\n      return !!this.unreadMentionCount && this.hasUnreads;\n    },\n\n    hasUnreadCount () {\n      return this.unreadCount !== null;\n    },\n\n    hasUnreadMentionCount () {\n      return this.unreadMentionCount !== null;\n    },\n\n    shouldApplyCustomStyleForCountBadge () {\n      return this.hasUnreadCount && this.hasUnreadMentionCount;\n    },\n\n    /**\n     * When a channel in 'always' setting, meaning the user should see both unread count and unread mention count,\n     * if there are only mention messages, we should apply the theme design tokens var(--dt-theme-mention-color-[background||foreground]-strong).\n     * @returns {boolean}\n     */\n    shouldApplyCustomStyleForMentionOnly () {\n      return this.channelSetting === 'always' && !this.hasUnreadCount && this.hasUnreadMentionCount;\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      async handler () {\n        this.validateProps();\n        await this.$nextTick();\n        this.adjustLabelWidth();\n      },\n    },\n  },\n\n  mounted () {\n    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n    this.resizeObserver.observe(returnFirstEl(this.$el));\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\n    removeClassStyleAttrs,\n    addClassStyleAttrs,\n\n    validateProps () {\n      if (this.type === LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER &&\n        !Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)) {\n        console.error(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR);\n      }\n    },\n\n    adjustLabelWidth () {\n      const labelWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = returnFirstEl(this.$el)?.querySelector('.d-recipe-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 16;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtEmojiTextWrapper","DtBadge","DtButton","DtTooltip","DtIconPhone","DtIconWaveform","DtRecipeLeftbarGeneralRowIcon","type","LEFTBAR_GENERAL_ROW_TYPES","color","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","size","LEFTBAR_GENERAL_ROW_ICON_SIZES","extractVueListeners","safeConcatStrings","returnFirstEl","removeClassStyleAttrs","addClassStyleAttrs","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","labelWidth","_b","_a","omegaWidth","_d","_c","alphaWidth","_f","_e","paddings","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createElementBlock","_mergeProps","$options","_ctx","$props","_toHandlers","_hoisted_3","_hoisted_7","_renderSlot","_createVNode","_component_dt_recipe_leftbar_general_row_icon","_normalizeStyle","$data","_component_dt_emoji_text_wrapper","_withCtx","_createTextVNode","_toDisplayString","_hoisted_8","_createBlock","_component_dt_tooltip","_createCommentVNode","_hoisted_9","_component_dt_icon_waveform","_component_dt_badge","_normalizeClass","_hoisted_10","_component_dt_button","_cache","_withModifiers","$event","_component_dt_icon_phone"],"mappings":"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"}

package/dist/lib/general-row/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./general-row.cjs"),R=require("./general-row-constants.cjs");exports.DtRecipeGeneralRow=_.default;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=R.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=R.LEFTBAR_GENERAL_ROW_ICON_SIZES;exports.LEFTBAR_GENERAL_ROW_TYPES=R.LEFTBAR_GENERAL_ROW_TYPES;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/general-row/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lib/general-row/index.js

@@ -0,0 +1,10 @@
+import { default as _ } from "./general-row.js";
+import { LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as T, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR as O, LEFTBAR_GENERAL_ROW_ICON_SIZES as L, LEFTBAR_GENERAL_ROW_TYPES as N } from "./general-row-constants.js";
+export {
+  _ as DtRecipeGeneralRow,
+  T as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  O as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  L as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  N as LEFTBAR_GENERAL_ROW_TYPES
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/general-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/lib/general-row/leftbar-general-row-icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@dialpad/dialtone-icons/vue3"),t=require("./general-row-constants.cjs"),n=require("vue"),E=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r=new Map([[t.LEFTBAR_GENERAL_ROW_TYPES.INBOX,e.DtIconInbox],[t.LEFTBAR_GENERAL_ROW_TYPES.CONTACTS,e.DtIconContacts],[t.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS,e.DtIconHash],[t.LEFTBAR_GENERAL_ROW_TYPES.THREADS,e.DtIconThread],[t.LEFTBAR_GENERAL_ROW_TYPES.LAUNCHPAD,e.DtIconLayoutTemplate],[t.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL,e.DtIconLock],[t.LEFTBAR_GENERAL_ROW_TYPES.QUICK_START,e.DtIconSparkle],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_GROUP,e.DtIconUsers],[t.LEFTBAR_GENERAL_ROW_TYPES.COACHING_CENTER,e.DtIconExternalLink],["locked channel unread",e.DtIconLockFilled],["channel unread",e.DtIconHashBold],[t.LEFTBAR_GENERAL_ROW_TYPES.ASSIGNED,e.DtIconAtSign],[t.LEFTBAR_GENERAL_ROW_TYPES.DIGITAL,e.DtIconLaptop2],[t.LEFTBAR_GENERAL_ROW_TYPES.SCHEDULED,e.DtIconCalendarClock]]),_={compatConfig:{MODE:3},name:"DtRecipeLeftbarGeneralRowIcon",components:{DtIconDialbot:e.DtIconDialbot,DtIconInbox:e.DtIconInbox,DtIconContacts:e.DtIconContacts,DtIconHash:e.DtIconHash,DtIconThread:e.DtIconThread,DtIconLayoutTemplate:e.DtIconLayoutTemplate,DtIconLock:e.DtIconLock,DtIconSparkle:e.DtIconSparkle,DtIconUsers:e.DtIconUsers,DtIconExternalLink:e.DtIconExternalLink,DtIconLockFilled:e.DtIconLockFilled,DtIconHashBold:e.DtIconHashBold,DtIconAtSign:e.DtIconAtSign,DtIconLaptop2:e.DtIconLaptop2,DtIconCalendarClock:e.DtIconCalendarClock},props:{type:{type:String,default:null},color:{type:String,default:null},iconSize:{type:String,default:"300"}},computed:{isIconType(){return![t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT,t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER].includes(this.type)},isContactCenterType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER},isDialbotType(){return this.type===t.LEFTBAR_GENERAL_ROW_TYPES.DIALBOT},getIconName(){return r.get(this.type)},contactCenterIconClasses(){return["d-recipe-leftbar-row__icon-cc",t.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS[this.color]]}}},l={key:2,class:"d-recipe-leftbar-general-row__icon","data-qa":"general-row-dialbot"};function I(T,s,c,D,i,o){const a=n.resolveComponent("dt-icon-dialbot");return o.isIconType?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.getIconName),{key:0,size:c.iconSize},null,8,["size"])):o.isContactCenterType?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(o.contactCenterIconClasses)},null,2)):o.isDialbotType?(n.openBlock(),n.createElementBlock("div",l,[n.createVNode(a,{size:"500"})])):n.createCommentVNode("",!0)}const R=E._(_,[["render",I]]);exports.default=R;
+//# sourceMappingURL=leftbar-general-row-icon.cjs.map

package/dist/lib/general-row/leftbar-general-row-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftbar-general-row-icon.cjs","sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"names":["typeToIcon","TYPES","DtIconInbox","DtIconContacts","DtIconHash","DtIconThread","DtIconLayoutTemplate","DtIconLock","DtIconSparkle","DtIconUsers","DtIconExternalLink","DtIconLockFilled","DtIconHashBold","DtIconAtSign","DtIconLaptop2","DtIconCalendarClock","_sfc_main","DtIconDialbot","COLORS","$options","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot","_createCommentVNode"],"mappings":"gRA4CMA,EAAa,IAAI,IAAI,CACzB,CAACC,EAAK,0BAAC,MAAOC,aAAW,EACzB,CAACD,EAAK,0BAAC,SAAUE,gBAAc,EAC/B,CAACF,EAAK,0BAAC,SAAUG,YAAU,EAC3B,CAACH,EAAK,0BAAC,QAASI,cAAY,EAC5B,CAACJ,EAAK,0BAAC,UAAWK,sBAAoB,EACtC,CAACL,EAAK,0BAAC,eAAgBM,YAAU,EACjC,CAACN,EAAK,0BAAC,YAAaO,eAAa,EACjC,CAACP,EAAK,0BAAC,eAAgBQ,aAAW,EAClC,CAACR,EAAK,0BAAC,gBAAiBS,oBAAkB,EAC1C,CAAC,wBAAyBC,EAAAA,gBAAgB,EAC1C,CAAC,iBAAkBC,EAAAA,cAAc,EACjC,CAACX,EAAK,0BAAC,SAAUY,cAAY,EAC7B,CAACZ,EAAK,0BAAC,QAASa,eAAa,EAC7B,CAACb,EAAK,0BAAC,UAAWc,qBAAmB,CACvC,CAAC,EAEIC,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,gCACN,WAAY,eACVC,EAAa,0BACbf,EAAW,YACX,eAAAC,EAAc,0BACdC,EAAU,wBACVC,EAAY,aACZ,qBAAAC,EAAoB,gCACpBC,EAAU,yBACVC,EAAa,0BACbC,EAAW,YACX,mBAAAC,EAAkB,mBAClB,iBAAAC,EAAgB,iBAChB,eAAAC,EAAc,4BACdC,EAAY,2BACZC,EAAa,cACb,oBAAAC,EAAmB,mBACpB,EAED,MAAO,CACL,KAAM,CACJ,KAAM,OACN,QAAS,IACV,EAED,MAAO,CACL,KAAM,OACN,QAAS,IACV,EAED,SAAU,CACR,KAAM,OACN,QAAS,KACV,CACF,EAED,SAAU,CACR,YAAc,CACZ,MAAO,CAAC,CAACd,4BAAM,QAASA,EAAK,0BAAC,cAAc,EAAE,SAAS,KAAK,IAAI,CACjE,EAED,qBAAuB,CACrB,OAAO,KAAK,OAASA,EAAK,0BAAC,cAC5B,EAED,eAAiB,CACf,OAAO,KAAK,OAASA,EAAK,0BAAC,OAC5B,EAED,aAAe,CACb,OAAOD,EAAW,IAAI,KAAK,IAAI,CAChC,EAED,0BAA4B,CAC1B,MAAO,CACL,gCACAkB,EAAM,0CAAC,KAAK,KAAK,EAEpB,CACF,CACH,KA3HA,IAAA,EAYI,MAAM,qCACN,UAAQ,oGAVFC,EAAU,0BAFlBC,EAIE,YALJC,0BAESF,EAAW,WAAA,EAAA,CAFpB,IAAA,EAIK,KAAMG,EAAQ,4BAGJH,EAAmB,mCADhCI,EAGE,mBAAA,MAAA,CATJ,IAAA,EAQK,MARLC,EAAAA,eAQYL,EAAwB,wBAAA,YAGrBA,EAAa,eAD1BM,EAAAA,YAAAF,EAAAA,mBAQM,MARNG,EAQM,CAHJC,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,KAhBhBC,EAAA,mBAAA,GAAA,EAAA"}

package/dist/lib/general-row/leftbar-general-row-icon.js

@@ -0,0 +1,95 @@
+import { DtIconDialbot as u, DtIconInbox as c, DtIconContacts as r, DtIconHash as a, DtIconThread as l, DtIconLayoutTemplate as i, DtIconLock as s, DtIconSparkle as C, DtIconUsers as p, DtIconExternalLink as I, DtIconLockFilled as _, DtIconHashBold as D, DtIconAtSign as T, DtIconLaptop2 as d, DtIconCalendarClock as E } from "@dialpad/dialtone-icons/vue3";
+import { LEFTBAR_GENERAL_ROW_TYPES as e, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as A } from "./general-row-constants.js";
+import { resolveComponent as y, openBlock as n, createBlock as L, resolveDynamicComponent as R, createElementBlock as o, normalizeClass as f, createVNode as O, createCommentVNode as S } from "vue";
+import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const k = /* @__PURE__ */ new Map([
+  [e.INBOX, c],
+  [e.CONTACTS, r],
+  [e.CHANNELS, a],
+  [e.THREADS, l],
+  [e.LAUNCHPAD, i],
+  [e.LOCKED_CHANNEL, s],
+  [e.QUICK_START, C],
+  [e.COACHING_GROUP, p],
+  [e.COACHING_CENTER, I],
+  ["locked channel unread", _],
+  ["channel unread", D],
+  [e.ASSIGNED, T],
+  [e.DIGITAL, d],
+  [e.SCHEDULED, E]
+]), b = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeLeftbarGeneralRowIcon",
+  components: {
+    DtIconDialbot: u,
+    DtIconInbox: c,
+    DtIconContacts: r,
+    DtIconHash: a,
+    DtIconThread: l,
+    DtIconLayoutTemplate: i,
+    DtIconLock: s,
+    DtIconSparkle: C,
+    DtIconUsers: p,
+    DtIconExternalLink: I,
+    DtIconLockFilled: _,
+    DtIconHashBold: D,
+    DtIconAtSign: T,
+    DtIconLaptop2: d,
+    DtIconCalendarClock: E
+  },
+  props: {
+    type: {
+      type: String,
+      default: null
+    },
+    color: {
+      type: String,
+      default: null
+    },
+    iconSize: {
+      type: String,
+      default: "300"
+    }
+  },
+  computed: {
+    isIconType() {
+      return ![e.DIALBOT, e.CONTACT_CENTER].includes(this.type);
+    },
+    isContactCenterType() {
+      return this.type === e.CONTACT_CENTER;
+    },
+    isDialbotType() {
+      return this.type === e.DIALBOT;
+    },
+    getIconName() {
+      return k.get(this.type);
+    },
+    contactCenterIconClasses() {
+      return [
+        "d-recipe-leftbar-row__icon-cc",
+        A[this.color]
+      ];
+    }
+  }
+}, g = {
+  key: 2,
+  class: "d-recipe-leftbar-general-row__icon",
+  "data-qa": "general-row-dialbot"
+};
+function B(G, H, m, w, z, t) {
+  const N = y("dt-icon-dialbot");
+  return t.isIconType ? (n(), L(R(t.getIconName), {
+    key: 0,
+    size: m.iconSize
+  }, null, 8, ["size"])) : t.isContactCenterType ? (n(), o("div", {
+    key: 1,
+    class: f(t.contactCenterIconClasses)
+  }, null, 2)) : t.isDialbotType ? (n(), o("div", g, [
+    O(N, { size: "500" })
+  ])) : S("", !0);
+}
+const P = /* @__PURE__ */ h(b, [["render", B]]);
+export {
+  P as default
+};
+//# sourceMappingURL=leftbar-general-row-icon.js.map

package/dist/lib/general-row/leftbar-general-row-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftbar-general-row-icon.js","sources":["../../../recipes/leftbar/general_row/leftbar_general_row_icon.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"getIconName\"\n    v-if=\"isIconType\"\n    :size=\"iconSize\"\n  />\n  <div\n    v-else-if=\"isContactCenterType\"\n    :class=\"contactCenterIconClasses\"\n  />\n  <div\n    v-else-if=\"isDialbotType\"\n    class=\"d-recipe-leftbar-general-row__icon\"\n    data-qa=\"general-row-dialbot\"\n  >\n    <dt-icon-dialbot\n      size=\"500\"\n    />\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconDialbot,\n  DtIconInbox,\n  DtIconContacts,\n  DtIconHash,\n  DtIconThread,\n  DtIconLayoutTemplate,\n  DtIconLock,\n  DtIconSparkle,\n  DtIconUsers,\n  DtIconExternalLink,\n  DtIconLockFilled,\n  DtIconHashBold,\n  DtIconAtSign,\n  DtIconLaptop2,\n  DtIconCalendarClock,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  LEFTBAR_GENERAL_ROW_TYPES as TYPES,\n  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as COLORS,\n} from '@/recipes/leftbar/general_row/general_row_constants';\n\nconst typeToIcon = new Map([\n  [TYPES.INBOX, DtIconInbox],\n  [TYPES.CONTACTS, DtIconContacts],\n  [TYPES.CHANNELS, DtIconHash],\n  [TYPES.THREADS, DtIconThread],\n  [TYPES.LAUNCHPAD, DtIconLayoutTemplate],\n  [TYPES.LOCKED_CHANNEL, DtIconLock],\n  [TYPES.QUICK_START, DtIconSparkle],\n  [TYPES.COACHING_GROUP, DtIconUsers],\n  [TYPES.COACHING_CENTER, DtIconExternalLink],\n  ['locked channel unread', DtIconLockFilled],\n  ['channel unread', DtIconHashBold],\n  [TYPES.ASSIGNED, DtIconAtSign],\n  [TYPES.DIGITAL, DtIconLaptop2],\n  [TYPES.SCHEDULED, DtIconCalendarClock],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeLeftbarGeneralRowIcon',\n  components: {\n    DtIconDialbot,\n    DtIconInbox,\n    DtIconContacts,\n    DtIconHash,\n    DtIconThread,\n    DtIconLayoutTemplate,\n    DtIconLock,\n    DtIconSparkle,\n    DtIconUsers,\n    DtIconExternalLink,\n    DtIconLockFilled,\n    DtIconHashBold,\n    DtIconAtSign,\n    DtIconLaptop2,\n    DtIconCalendarClock,\n  },\n\n  props: {\n    type: {\n      type: String,\n      default: null,\n    },\n\n    color: {\n      type: String,\n      default: null,\n    },\n\n    iconSize: {\n      type: String,\n      default: '300',\n    },\n  },\n\n  computed: {\n    isIconType () {\n      return ![TYPES.DIALBOT, TYPES.CONTACT_CENTER].includes(this.type);\n    },\n\n    isContactCenterType () {\n      return this.type === TYPES.CONTACT_CENTER;\n    },\n\n    isDialbotType () {\n      return this.type === TYPES.DIALBOT;\n    },\n\n    getIconName () {\n      return typeToIcon.get(this.type);\n    },\n\n    contactCenterIconClasses () {\n      return [\n        'd-recipe-leftbar-row__icon-cc',\n        COLORS[this.color],\n      ];\n    },\n  },\n};\n</script>\n"],"names":["typeToIcon","TYPES","DtIconInbox","DtIconContacts","DtIconHash","DtIconThread","DtIconLayoutTemplate","DtIconLock","DtIconSparkle","DtIconUsers","DtIconExternalLink","DtIconLockFilled","DtIconHashBold","DtIconAtSign","DtIconLaptop2","DtIconCalendarClock","_sfc_main","DtIconDialbot","COLORS","$options","_createBlock","_resolveDynamicComponent","$props","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createVNode","_component_dt_icon_dialbot","_createCommentVNode"],"mappings":";;;;AA4CA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAACC,EAAM,OAAOC,CAAW;AAAA,EACzB,CAACD,EAAM,UAAUE,CAAc;AAAA,EAC/B,CAACF,EAAM,UAAUG,CAAU;AAAA,EAC3B,CAACH,EAAM,SAASI,CAAY;AAAA,EAC5B,CAACJ,EAAM,WAAWK,CAAoB;AAAA,EACtC,CAACL,EAAM,gBAAgBM,CAAU;AAAA,EACjC,CAACN,EAAM,aAAaO,CAAa;AAAA,EACjC,CAACP,EAAM,gBAAgBQ,CAAW;AAAA,EAClC,CAACR,EAAM,iBAAiBS,CAAkB;AAAA,EAC1C,CAAC,yBAAyBC,CAAgB;AAAA,EAC1C,CAAC,kBAAkBC,CAAc;AAAA,EACjC,CAACX,EAAM,UAAUY,CAAY;AAAA,EAC7B,CAACZ,EAAM,SAASa,CAAa;AAAA,EAC7B,CAACb,EAAM,WAAWc,CAAmB;AACvC,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,aAAAf;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,EACD;AAAA,EAED,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IAED,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,CAAC,CAACd,EAAM,SAASA,EAAM,cAAc,EAAE,SAAS,KAAK,IAAI;AAAA,IACjE;AAAA,IAED,sBAAuB;AACrB,aAAO,KAAK,SAASA,EAAM;AAAA,IAC5B;AAAA,IAED,gBAAiB;AACf,aAAO,KAAK,SAASA,EAAM;AAAA,IAC5B;AAAA,IAED,cAAe;AACb,aAAOD,EAAW,IAAI,KAAK,IAAI;AAAA,IAChC;AAAA,IAED,2BAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACAkB,EAAO,KAAK,KAAK;AAAA;IAEpB;AAAA,EACF;AACH;EA3HA,KAAA;AAAA,EAYI,OAAM;AAAA,EACN,WAAQ;;;;SAVFC,EAAU,mBAFlBC,EADFC,EAESF,EAAW,WAAA,GAAA;AAAA,IAFpB,KAAA;AAAA,IAIK,MAAMG,EAAQ;AAAA,2BAGJH,EAAmB,4BADhCI,EAGE,OAAA;AAAA,IATJ,KAAA;AAAA,IAQK,OARLC,EAQYL,EAAwB,wBAAA;AAAA,iBAGrBA,EAAa,iBAD1BM,KAAAF,EAQM,OARNG,GAQM;AAAA,IAHJC,EAEEC,GAAA,EADA,MAAK,MAAK,CAAA;AAAA,QAhBhBC,EAAA,IAAA,EAAA;;;"}

package/dist/lib/group-row/group-row-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=null,t={DEFAULT_CONSTANTS:e};exports.DEFAULT_CONSTANTS=e;exports.default=t;
+//# sourceMappingURL=group-row-constants.cjs.map

package/dist/lib/group-row/group-row-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-row-constants.cjs","sources":["../../../recipes/leftbar/group_row/group_row_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","group_row_constants"],"mappings":"4GAAY,MAACA,EAAoB,KAElBC,EAAA,CACb,kBAAAD,CACF"}

package/dist/lib/group-row/group-row-constants.js

@@ -0,0 +1,8 @@
+const o = null, t = {
+  DEFAULT_CONSTANTS: null
+};
+export {
+  o as DEFAULT_CONSTANTS,
+  t as default
+};
+//# sourceMappingURL=group-row-constants.js.map

package/dist/lib/group-row/group-row-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-row-constants.js","sources":["../../../recipes/leftbar/group_row/group_row_constants.js"],"sourcesContent":["export const DEFAULT_CONSTANTS = null;\n\nexport default {\n  DEFAULT_CONSTANTS,\n};\n"],"names":["DEFAULT_CONSTANTS","group_row_constants"],"mappings":"AAAY,MAACA,IAAoB,MAElBC,IAAA;AAAA,EACb;AACF;"}

package/dist/lib/group-row/group-row.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("@dialpad/dialtone-icons/vue3"),o=require("../../common/utils/index.cjs"),e=require("vue"),i=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),l=require("../general-row/general-row.cjs"),c={compatConfig:{MODE:3},name:"DtRecipeGroupRow",components:{DtIconUsers:s.DtIconUsers,DtRecipeGeneralRow:l.default},inheritAttrs:!1,props:{groupCountText:{type:String,default:""},names:{type:String,required:!0},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},unreadCountTooltip:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},isTyping:{type:Boolean,default:!1}},emits:[],computed:{ariaLabel(){return o.safeConcatStrings([this.groupCountText,this.names])},contactRowListeners(){return o.extractVueListeners(this.$attrs)}}};function d(r,_,t,g,f,n){const a=e.resolveComponent("dt-icon-users"),u=e.resolveComponent("dt-recipe-general-row");return e.openBlock(),e.createBlock(u,e.mergeProps({description:t.names,"aria-label":n.ariaLabel,"unread-count":t.unreadCount,"has-unreads":t.hasUnreads,"unread-mention-count":t.unreadMentionCount,"unread-count-tooltip":t.unreadCountTooltip,selected:t.selected,"is-typing":t.isTyping},r.$attrs,e.toHandlers(n.contactRowListeners)),{left:e.withCtx(()=>[e.createVNode(a,{size:"300"})]),_:1},16,["description","aria-label","unread-count","has-unreads","unread-mention-count","unread-count-tooltip","selected","is-typing"])}const p=i._(c,[["render",d]]);exports.default=p;
+//# sourceMappingURL=group-row.cjs.map

package/dist/lib/group-row/group-row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-row.cjs","sources":["../../../recipes/leftbar/group_row/group_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :description=\"names\"\n    :aria-label=\"ariaLabel\"\n    :unread-count=\"unreadCount\"\n    :has-unreads=\"hasUnreads\"\n    :unread-mention-count=\"unreadMentionCount\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    :selected=\"selected\"\n    :is-typing=\"isTyping\"\n    v-bind=\"$attrs\"\n    v-on=\"contactRowListeners\"\n  >\n    <template #left>\n      <dt-icon-users\n        size=\"300\"\n      />\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport { DtIconUsers } from '@dialpad/dialtone-icons/vue3';\nimport { safeConcatStrings, extractVueListeners } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeGroupRow',\n\n  components: {\n    DtIconUsers,\n    DtRecipeGeneralRow,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n\n    /**\n     * Screen reader will read out the number of users in the group using this text. Ex: \"2 users\"\n     */\n    groupCountText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Names of the group members\n     */\n    names: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Number of unread messages\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Number of unread mention messages\n     */\n    unreadMentionCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Styles the row with an increased font weight to convey it has unreads. This must be true to see\n     * the unread count badge.\n     */\n    hasUnreads: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n  ],\n\n  computed: {\n    ariaLabel () {\n      return safeConcatStrings([this.groupCountText, this.names]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconUsers","DtRecipeGeneralRow","safeConcatStrings","extractVueListeners","_openBlock","_createBlock","_component_dt_recipe_general_row","_mergeProps","$props","$options","_ctx","_toHandlers","_createVNode","_component_dt_icon_users"],"mappings":"6TA0BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,mBAEN,WAAY,aACVC,EAAW,YACX,mBAAAC,EAAkB,OACnB,EAED,aAAc,GAEd,MAAO,CAKL,eAAgB,CACd,KAAM,OACN,QAAS,EACV,EAKD,MAAO,CACL,KAAM,OACN,SAAU,EACX,EAKD,YAAa,CACX,KAAM,OACN,QAAS,IACV,EAKD,mBAAoB,CAClB,KAAM,OACN,QAAS,IACV,EAKD,mBAAoB,CAClB,KAAM,OACN,QAAS,IACV,EAMD,WAAY,CACV,KAAM,QACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,SAAU,CACR,KAAM,QACN,QAAS,EACV,CACF,EAED,MAAO,CACN,EAED,SAAU,CACR,WAAa,CACX,OAAOC,EAAAA,kBAAkB,CAAC,KAAK,eAAgB,KAAK,KAAK,CAAC,CAC3D,EAED,qBAAuB,CACrB,OAAOC,EAAmB,oBAAC,KAAK,MAAM,CACvC,CACF,CACH,oHApHE,OAAAC,YAAA,EAAAC,cAiBwBC,EAjBxBC,EAAAA,WAiBwB,CAhBrB,YAAaC,EAAK,MAClB,aAAYC,EAAS,UACrB,eAAcD,EAAW,YACzB,cAAaA,EAAU,WACvB,uBAAsBA,EAAkB,mBACxC,uBAAsBA,EAAkB,mBACxC,SAAUA,EAAQ,SAClB,YAAWA,EAAQ,UACZE,EAAM,OACdC,EAAAA,WAAMF,EAAmB,mBAAA,CAAA,EAAA,CAEd,eACT,IAEE,CAFFG,EAAAA,YAEEC,EAAA,CADA,KAAK,KAAK,CAAA,IAflB,EAAA"}