@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/lib/feed-item-row/feed-item-row.js

@@ -0,0 +1,282 @@
+import { DEFAULT_FEED_ROW_STATE as c, FEED_ROW_STATE_BACKGROUND_COLOR as _ } from "./feed-item-row-constants.js";
+import D from "../../common/mixins/modal.js";
+import { DtIconUser as T } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent as r, openBlock as a, createBlock as h, mergeProps as b, toHandlers as C, withCtx as d, createElementBlock as o, renderSlot as i, createVNode as m, createSlots as E, createCommentVNode as s, withDirectives as u, toDisplayString as l, vShow as p, createElementVNode as n } from "vue";
+import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import I from "../avatar/avatar.js";
+import B from "../lazy-show/lazy-show.js";
+import H from "../list-item/list-item.js";
+import N from "../badge/badge.js";
+const q = {
+  compatConfig: { MODE: 3 },
+  name: "DtRecipeFeedItemRow",
+  components: {
+    DtAvatar: I,
+    DtLazyShow: B,
+    DtListItem: H,
+    DtBadge: N,
+    DtIconUser: T
+  },
+  mixins: [D],
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
+     */
+    avatarSeed: {
+      type: String,
+      default: null
+    },
+    /**
+     * Show avatar, show header text or dont show left time and vice versa
+     */
+    showHeader: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Optional avatar image url.
+     * If not provided it will use extracted initials from displayName.
+     */
+    avatarImageUrl: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The display name of the sender
+     */
+    displayName: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Initials will never be shown. Instead it will show a "User" icon.
+     */
+    noInitials: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * time string displayed as is.
+     * Shown on the header when showHeader is true
+     */
+    time: {
+      type: String,
+      default: ""
+    },
+    /**
+     * short time string without AM/PM displayed as is.
+     * Shown on the left of feed item when showHeader is false and isActive is true
+     */
+    shortTime: {
+      type: String,
+      default: ""
+    },
+    /**
+     * A label displayed next to the displayName. Will not show if empty.
+     */
+    labelText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * displays a darkened background on the row.
+     */
+    isActive: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * state for the feed item row. Can be normal, searched & error
+     */
+    state: {
+      type: String,
+      default: c,
+      validator: (e) => Object.keys(_).includes(e)
+    }
+  },
+  emits: [
+    /**
+     * Fires when hovered over feed row
+     *
+     * @event hover
+     * @type {Boolean}
+     */
+    "hover",
+    /**
+     * Fires when focused over feed row
+     *
+     * @event focus
+     * @type {Boolean}
+     */
+    "focus",
+    /**
+     * Key down event
+     *
+     * @event keydown
+     * @type {KeyboardEvent}
+     */
+    "keydown"
+  ],
+  data() {
+    return {
+      transitionActive: !1
+    };
+  },
+  computed: {
+    feedListeners() {
+      return {
+        mouseenter: () => this.setHover(!0),
+        mouseleave: () => this.setHover(!1),
+        focusin: () => this.setFocus(!0),
+        focusout: () => this.setFocus(!1),
+        transitionend: () => this.transitionComplete(),
+        keydown: (e) => {
+          switch (e.code) {
+            case "Tab":
+              this.trapFocus(e);
+              break;
+          }
+          this.$emit("keydown", e);
+        }
+      };
+    },
+    listItemClasses() {
+      return [
+        "d-recipe-feed-item-row",
+        { "d-recipe-feed-item-row--active": this.isActive && this.state === c },
+        { "d-recipe-feed-item-row__state-transition": this.transitionActive },
+        _[this.state]
+      ];
+    }
+  },
+  watch: {
+    state: {
+      immediate: !0,
+      handler: function(e, w) {
+        e !== c && (this.transitionActive = !0);
+      }
+    }
+  },
+  methods: {
+    transitionComplete() {
+      this.state === c && (this.transitionActive = !1);
+    },
+    trapFocus(e) {
+      this.focusTrappedTabPress(e);
+    },
+    setFocus(e) {
+      this.$emit("focus", e);
+    },
+    setHover(e) {
+      this.$emit("hover", e);
+    }
+  }
+}, O = {
+  key: 0,
+  class: "d-recipe-feed-item-row__avatar-container"
+}, R = { class: "d-recipe-feed-item-row__content" }, L = {
+  key: 0,
+  "data-qa": "dt-recipe-feed-item-row--header",
+  class: "d-recipe-feed-item-row__header"
+}, z = { class: "d-recipe-feed-item-row__header-name" }, U = { class: "d-recipe-feed-item-row__header-time" }, V = { "data-qa": "dt-recipe-feed-item-row--content" }, M = {
+  key: 1,
+  "data-qa": "dt-recipe-feed-item-row--attachment",
+  class: "d-recipe-feed-item-row__attachment"
+}, P = {
+  key: 0,
+  class: "d-recipe-feed-item-row__reactions",
+  "data-qa": "dt-recipe-feed-item-row--reactions"
+}, W = {
+  key: 1,
+  class: "d-recipe-feed-item-row__threading"
+}, j = {
+  "data-qa": "dt-recipe-feed-item-row--menu",
+  class: "d-recipe-feed-item-row__menu"
+};
+function G(e, w, t, K, $, f) {
+  const v = r("dt-icon-user"), y = r("dt-avatar"), g = r("dt-badge"), S = r("dt-lazy-show"), k = r("dt-list-item");
+  return a(), h(k, b({
+    ref: "FeedItemRef",
+    "navigation-type": "none"
+  }, e.$attrs, {
+    class: f.listItemClasses,
+    "data-qa": "dt-recipe-feed-item-row"
+  }, C(f.feedListeners)), {
+    left: d(() => [
+      t.showHeader ? (a(), o("div", O, [
+        i(e.$slots, "avatar", {}, () => [
+          m(y, {
+            "full-name": t.displayName,
+            "image-src": t.avatarImageUrl,
+            "image-alt": "",
+            seed: t.avatarSeed
+          }, E({ _: 2 }, [
+            t.noInitials ? {
+              name: "icon",
+              fn: d(({ iconSize: A }) => [
+                m(v, { size: A }, null, 8, ["size"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["full-name", "image-src", "seed"])
+        ])
+      ])) : s("", !0),
+      t.showHeader ? s("", !0) : u((a(), o("span", {
+        key: 1,
+        class: "d-recipe-feed-item-row__left-time",
+        "data-qa": "dt-recipe-feed-item-row--left-time"
+      }, l(t.shortTime), 513)), [
+        [p, t.isActive]
+      ])
+    ]),
+    bottom: d(() => [
+      e.$slots.reactions ? (a(), o("div", P, [
+        i(e.$slots, "reactions")
+      ])) : s("", !0),
+      e.$slots.threading ? (a(), o("div", W, [
+        i(e.$slots, "threading")
+      ])) : s("", !0),
+      u(n("div", j, [
+        m(S, {
+          appear: !0,
+          transition: "fade",
+          show: t.isActive
+        }, {
+          default: d(() => [
+            i(e.$slots, "menu")
+          ]),
+          _: 3
+        }, 8, ["show"])
+      ], 512), [
+        [p, t.isActive]
+      ])
+    ]),
+    default: d(() => [
+      n("article", R, [
+        t.showHeader ? (a(), o("div", L, [
+          i(e.$slots, "displayName", {}, () => [
+            n("p", z, l(t.displayName), 1)
+          ]),
+          n("time", U, l(t.time), 1),
+          t.labelText ? (a(), h(g, {
+            key: 0,
+            text: t.labelText
+          }, null, 8, ["text"])) : s("", !0)
+        ])) : s("", !0),
+        n("span", V, [
+          i(e.$slots, "default")
+        ]),
+        e.$slots.attachment ? (a(), o("div", M, [
+          i(e.$slots, "attachment")
+        ])) : s("", !0)
+      ])
+    ]),
+    _: 3
+  }, 16, ["class"]);
+}
+const ie = /* @__PURE__ */ F(q, [["render", G]]);
+export {
+  ie as default
+};
+//# sourceMappingURL=feed-item-row.js.map

package/dist/lib/feed-item-row/feed-item-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feed-item-row.js","sources":["../../../recipes/conversation_view/feed_item_row/feed_item_row.vue"],"sourcesContent":["<template>\n  <dt-list-item\n    ref=\"FeedItemRef\"\n    navigation-type=\"none\"\n    v-bind=\"$attrs\"\n    :class=\"listItemClasses\"\n    data-qa=\"dt-recipe-feed-item-row\"\n    v-on=\"feedListeners\"\n  >\n    <!-- Avatar or time -->\n    <template #left>\n      <div\n        v-if=\"showHeader\"\n        class=\"d-recipe-feed-item-row__avatar-container\"\n      >\n        <!-- @slot Slot to contain the avatar, overrides avatar props. -->\n        <slot\n          name=\"avatar\"\n        >\n          <dt-avatar\n            :full-name=\"displayName\"\n            :image-src=\"avatarImageUrl\"\n            image-alt=\"\"\n            :seed=\"avatarSeed\"\n          >\n            <template\n              v-if=\"noInitials\"\n              #icon=\"{ iconSize }\"\n            >\n              <dt-icon-user\n                :size=\"iconSize\"\n              />\n            </template>\n          </dt-avatar>\n        </slot>\n      </div>\n      <!-- show time instead of avatar when headers not present -->\n      <span\n        v-if=\"!showHeader\"\n        v-show=\"isActive\"\n        class=\"d-recipe-feed-item-row__left-time\"\n        data-qa=\"dt-recipe-feed-item-row--left-time\"\n      >\n        {{ shortTime }}\n      </span>\n    </template>\n\n    <article class=\"d-recipe-feed-item-row__content\">\n      <!-- Feed Item -->\n      <div\n        v-if=\"showHeader\"\n        data-qa=\"dt-recipe-feed-item-row--header\"\n        class=\"d-recipe-feed-item-row__header\"\n      >\n        <!-- @slot Slot for display name -->\n        <slot name=\"displayName\">\n          <p class=\"d-recipe-feed-item-row__header-name\">\n            {{ displayName }}\n          </p>\n        </slot>\n        <time\n          class=\"d-recipe-feed-item-row__header-time\"\n        >\n          {{ time }}\n        </time>\n        <dt-badge\n          v-if=\"labelText\"\n          :text=\"labelText\"\n        />\n      </div>\n      <!-- @slot Default content slot for feed item row -->\n      <span\n        data-qa=\"dt-recipe-feed-item-row--content\"\n      >\n        <slot />\n      </span>\n      <div\n        v-if=\"$slots.attachment\"\n        data-qa=\"dt-recipe-feed-item-row--attachment\"\n        class=\"d-recipe-feed-item-row__attachment\"\n      >\n        <slot name=\"attachment\" />\n      </div>\n    </article>\n\n    <template #bottom>\n      <!-- Reactions -->\n      <div\n        v-if=\"$slots.reactions\"\n        class=\"d-recipe-feed-item-row__reactions\"\n        data-qa=\"dt-recipe-feed-item-row--reactions\"\n      >\n        <!-- @slot Slot for reactions row component -->\n        <slot name=\"reactions\" />\n      </div>\n\n      <!-- Threading -->\n      <div\n        v-if=\"$slots.threading\"\n        class=\"d-recipe-feed-item-row__threading\"\n      >\n        <!-- @slot Slot for threading row component -->\n        <slot name=\"threading\" />\n      </div>\n\n      <!-- Action menu -->\n      <div\n        v-show=\"isActive\"\n        data-qa=\"dt-recipe-feed-item-row--menu\"\n        class=\"d-recipe-feed-item-row__menu\"\n      >\n        <dt-lazy-show\n          :appear=\"true\"\n          transition=\"fade\"\n          :show=\"isActive\"\n        >\n          <!-- @slot Slot for actions hover menu component -->\n          <slot name=\"menu\" />\n        </dt-lazy-show>\n      </div>\n    </template>\n  </dt-list-item>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport { DEFAULT_FEED_ROW_STATE, FEED_ROW_STATE_BACKGROUND_COLOR } from './feed_item_row_constants.js';\nimport { DtAvatar } from '@/components/avatar';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { DtListItem } from '@/components/list_item';\nimport { DtBadge } from '@/components/badge';\nimport Modal from '@/common/mixins/modal';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeFeedItemRow',\n\n  components: {\n    DtAvatar,\n    DtLazyShow,\n    DtListItem,\n    DtBadge,\n    DtIconUser,\n  },\n\n  mixins: [Modal],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.\n     */\n    avatarSeed: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Show avatar, show header text or dont show left time and vice versa\n     */\n    showHeader: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Optional avatar image url.\n     * If not provided it will use extracted initials from displayName.\n     */\n    avatarImageUrl: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The display name of the sender\n     */\n    displayName: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Initials will never be shown. Instead it will show a \"User\" icon.\n     */\n    noInitials: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * time string displayed as is.\n     * Shown on the header when showHeader is true\n     */\n    time: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * short time string without AM/PM displayed as is.\n     * Shown on the left of feed item when showHeader is false and isActive is true\n     */\n    shortTime: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * A label displayed next to the displayName. Will not show if empty.\n     */\n    labelText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * displays a darkened background on the row.\n     */\n    isActive: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * state for the feed item row. Can be normal, searched & error\n     */\n    state: {\n      type: String,\n      default: DEFAULT_FEED_ROW_STATE,\n      validator: state => Object.keys(FEED_ROW_STATE_BACKGROUND_COLOR).includes(state),\n    },\n  },\n\n  emits: [\n    /**\n     * Fires when hovered over feed row\n     *\n     * @event hover\n     * @type {Boolean}\n     */\n    'hover',\n\n    /**\n     * Fires when focused over feed row\n     *\n     * @event focus\n     * @type {Boolean}\n     */\n    'focus',\n\n    /**\n     * Key down event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n  ],\n\n  data () {\n    return {\n      transitionActive: false,\n    };\n  },\n\n  computed: {\n    feedListeners () {\n      return {\n        mouseenter: () => this.setHover(true),\n        mouseleave: () => this.setHover(false),\n        focusin: () => this.setFocus(true),\n        focusout: () => this.setFocus(false),\n        transitionend: () => this.transitionComplete(),\n        keydown: event => {\n          switch (event.code) {\n            case 'Tab':\n              this.trapFocus(event);\n              break;\n          }\n          this.$emit('keydown', event);\n        },\n      };\n    },\n\n    listItemClasses () {\n      return [\n        'd-recipe-feed-item-row',\n        { 'd-recipe-feed-item-row--active': this.isActive && this.state === DEFAULT_FEED_ROW_STATE },\n        { 'd-recipe-feed-item-row__state-transition': this.transitionActive },\n        FEED_ROW_STATE_BACKGROUND_COLOR[this.state],\n\n      ];\n    },\n  },\n\n  watch: {\n    state: {\n      immediate: true,\n      handler: function (newState, oldState) {\n        if (newState !== DEFAULT_FEED_ROW_STATE) {\n          this.transitionActive = true;\n        }\n      },\n    },\n  },\n\n  methods: {\n    transitionComplete () {\n      if (this.state === DEFAULT_FEED_ROW_STATE) {\n        this.transitionActive = false;\n      }\n    },\n\n    trapFocus (e) {\n      this.focusTrappedTabPress(e);\n    },\n\n    setFocus (bool) {\n      this.$emit('focus', bool);\n    },\n\n    setHover (bool) {\n      this.$emit('hover', bool);\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtAvatar","DtLazyShow","DtListItem","DtBadge","DtIconUser","Modal","DEFAULT_FEED_ROW_STATE","state","FEED_ROW_STATE_BACKGROUND_COLOR","event","newState","oldState","bool","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_6","_openBlock","_createBlock","_component_dt_list_item","_mergeProps","_ctx","$options","_toHandlers","$props","_createElementBlock","_hoisted_1","_renderSlot","_createVNode","_component_dt_avatar","_createSlots","_withCtx","iconSize","_component_dt_icon_user","_createCommentVNode","_hoisted_8","_hoisted_9","_withDirectives","_createElementVNode","_hoisted_10","_component_dt_lazy_show","_hoisted_3","_toDisplayString","_component_dt_badge","_hoisted_7"],"mappings":"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"}

package/dist/lib/feed-item-row/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./feed-item-row.cjs"),e=require("./feed-item-row-constants.cjs");exports.DtRecipeFeedItemRow=_.default;exports.DEFAULT_FEED_ROW_STATE=e.DEFAULT_FEED_ROW_STATE;exports.FEED_ROW_STATE_BACKGROUND_COLOR=e.FEED_ROW_STATE_BACKGROUND_COLOR;
+//# sourceMappingURL=index.cjs.map

package/dist/lib/feed-item-row/index.cjs.map

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

package/dist/lib/feed-item-row/index.js

@@ -0,0 +1,8 @@
+import { default as _ } from "./feed-item-row.js";
+import { DEFAULT_FEED_ROW_STATE as o, FEED_ROW_STATE_BACKGROUND_COLOR as t } from "./feed-item-row-constants.js";
+export {
+  o as DEFAULT_FEED_ROW_STATE,
+  _ as DtRecipeFeedItemRow,
+  t as FEED_ROW_STATE_BACKGROUND_COLOR
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/feed-item-row/index.js.map

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

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={INBOX:"inbox",CONTACTS:"contacts",CHANNELS:"channels",THREADS:"threads",LAUNCHPAD:"launchpad",LOCKED_CHANNEL:"locked channel",CONTACT_CENTER:"contact center",QUICK_START:"quick start",COACHING_GROUP:"coaching group",COACHING_CENTER:"coaching center",DIALBOT:"dialbot",ASSIGNED:"assigned",DIGITAL:"digital",SCHEDULED:"scheduled"},e={"magenta-100":"d-recipe-leftbar-general-row__contact-center--magenta-100","magenta-200":"d-recipe-leftbar-general-row__contact-center--magenta-200","magenta-300":"d-recipe-leftbar-general-row__contact-center--magenta-300","magenta-400":"d-recipe-leftbar-general-row__contact-center--magenta-400","green-200":"d-recipe-leftbar-general-row__contact-center--green-200","green-500":"d-recipe-leftbar-general-row__contact-center--green-500","gold-300":"d-recipe-leftbar-general-row__contact-center--gold-300","purple-100":"d-recipe-leftbar-general-row__contact-center--purple-100","purple-300":"d-recipe-leftbar-general-row__contact-center--purple-300","purple-600":"d-recipe-leftbar-general-row__contact-center--purple-600","black-300":"d-recipe-leftbar-general-row__contact-center--black-300"},r="If type is contact center, color must be oneof the following:"+Object.keys(e).join(", "),c=["300","200"],n={LEFTBAR_GENERAL_ROW_TYPES:t,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS:e,LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR:r,LEFTBAR_GENERAL_ROW_ICON_SIZES:c};exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS=e;exports.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR=r;exports.LEFTBAR_GENERAL_ROW_ICON_SIZES=c;exports.LEFTBAR_GENERAL_ROW_TYPES=t;exports.default=n;
+//# sourceMappingURL=general-row-constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"general-row-constants.cjs","sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"names":["LEFTBAR_GENERAL_ROW_TYPES","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","LEFTBAR_GENERAL_ROW_ICON_SIZES","general_row_constants"],"mappings":"4GAAY,MAACA,EAA4B,CACvC,MAAO,QACP,SAAU,WACV,SAAU,WACV,QAAS,UACT,UAAW,YACX,eAAgB,iBAChB,eAAgB,iBAChB,YAAa,cACb,eAAgB,iBAChB,gBAAiB,kBACjB,QAAS,UACT,SAAU,WACV,QAAS,UACT,UAAW,WACb,EAEaC,EAA4C,CACvD,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,cAAe,4DACf,YAAa,0DACb,YAAa,0DACb,WAAY,yDACZ,aAAc,2DACd,aAAc,2DACd,aAAc,2DACd,YAAa,yDACf,EAEaC,EAAsD,gEACzC,OAAO,KAAKD,CAAyC,EAAE,KAAK,IAAI,EAE7EE,EAAiC,CAC5C,MACA,KACF,EAEeC,EAAA,CACb,0BAAAJ,EACA,0CAAAC,EACA,oDAAAC,EACA,+BAAAC,CACF"}

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

@@ -0,0 +1,44 @@
+const t = {
+  INBOX: "inbox",
+  CONTACTS: "contacts",
+  CHANNELS: "channels",
+  THREADS: "threads",
+  LAUNCHPAD: "launchpad",
+  LOCKED_CHANNEL: "locked channel",
+  CONTACT_CENTER: "contact center",
+  QUICK_START: "quick start",
+  COACHING_GROUP: "coaching group",
+  COACHING_CENTER: "coaching center",
+  DIALBOT: "dialbot",
+  ASSIGNED: "assigned",
+  DIGITAL: "digital",
+  SCHEDULED: "scheduled"
+}, e = {
+  "magenta-100": "d-recipe-leftbar-general-row__contact-center--magenta-100",
+  "magenta-200": "d-recipe-leftbar-general-row__contact-center--magenta-200",
+  "magenta-300": "d-recipe-leftbar-general-row__contact-center--magenta-300",
+  "magenta-400": "d-recipe-leftbar-general-row__contact-center--magenta-400",
+  "green-200": "d-recipe-leftbar-general-row__contact-center--green-200",
+  "green-500": "d-recipe-leftbar-general-row__contact-center--green-500",
+  "gold-300": "d-recipe-leftbar-general-row__contact-center--gold-300",
+  "purple-100": "d-recipe-leftbar-general-row__contact-center--purple-100",
+  "purple-300": "d-recipe-leftbar-general-row__contact-center--purple-300",
+  "purple-600": "d-recipe-leftbar-general-row__contact-center--purple-600",
+  "black-300": "d-recipe-leftbar-general-row__contact-center--black-300"
+}, r = "If type is contact center, color must be oneof the following:" + Object.keys(e).join(", "), c = [
+  "300",
+  "200"
+], n = {
+  LEFTBAR_GENERAL_ROW_TYPES: t,
+  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS: e,
+  LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR: r,
+  LEFTBAR_GENERAL_ROW_ICON_SIZES: c
+};
+export {
+  e as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS,
+  r as LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR,
+  c as LEFTBAR_GENERAL_ROW_ICON_SIZES,
+  t as LEFTBAR_GENERAL_ROW_TYPES,
+  n as default
+};
+//# sourceMappingURL=general-row-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"general-row-constants.js","sources":["../../../recipes/leftbar/general_row/general_row_constants.js"],"sourcesContent":["export const LEFTBAR_GENERAL_ROW_TYPES = {\n  INBOX: 'inbox',\n  CONTACTS: 'contacts',\n  CHANNELS: 'channels',\n  THREADS: 'threads',\n  LAUNCHPAD: 'launchpad',\n  LOCKED_CHANNEL: 'locked channel',\n  CONTACT_CENTER: 'contact center',\n  QUICK_START: 'quick start',\n  COACHING_GROUP: 'coaching group',\n  COACHING_CENTER: 'coaching center',\n  DIALBOT: 'dialbot',\n  ASSIGNED: 'assigned',\n  DIGITAL: 'digital',\n  SCHEDULED: 'scheduled',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS = {\n  'magenta-100': 'd-recipe-leftbar-general-row__contact-center--magenta-100',\n  'magenta-200': 'd-recipe-leftbar-general-row__contact-center--magenta-200',\n  'magenta-300': 'd-recipe-leftbar-general-row__contact-center--magenta-300',\n  'magenta-400': 'd-recipe-leftbar-general-row__contact-center--magenta-400',\n  'green-200': 'd-recipe-leftbar-general-row__contact-center--green-200',\n  'green-500': 'd-recipe-leftbar-general-row__contact-center--green-500',\n  'gold-300': 'd-recipe-leftbar-general-row__contact-center--gold-300',\n  'purple-100': 'd-recipe-leftbar-general-row__contact-center--purple-100',\n  'purple-300': 'd-recipe-leftbar-general-row__contact-center--purple-300',\n  'purple-600': 'd-recipe-leftbar-general-row__contact-center--purple-600',\n  'black-300': 'd-recipe-leftbar-general-row__contact-center--black-300',\n};\n\nexport const LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR = 'If type is contact center, color must be one' +\n    'of the following:' + Object.keys(LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).join(', ');\n\nexport const LEFTBAR_GENERAL_ROW_ICON_SIZES = [\n  '300',\n  '200',\n];\n\nexport default {\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};\n"],"names":["LEFTBAR_GENERAL_ROW_TYPES","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS","LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR","LEFTBAR_GENERAL_ROW_ICON_SIZES","general_row_constants"],"mappings":"AAAY,MAACA,IAA4B;AAAA,EACvC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AACb,GAEaC,IAA4C;AAAA,EACvD,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf,GAEaC,IAAsD,kEACzC,OAAO,KAAKD,CAAyC,EAAE,KAAK,IAAI,GAE7EE,IAAiC;AAAA,EAC5C;AAAA,EACA;AACF,GAEeC,IAAA;AAAA,EACb,2BAAAJ;AAAA,EACA,2CAAAC;AAAA,EACA,qDAAAC;AAAA,EACA,gCAAAC;AACF;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./general-row-constants.cjs"),b=require("@dialpad/dialtone-icons/vue3"),C=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),w=require("./leftbar-general-row-icon.cjs"),l=require("../../common/utils/index.cjs"),e=require("vue"),y=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),g=require("../badge/badge.cjs"),E=require("../button/button.cjs"),T=require("../tooltip/tooltip.cjs"),S={compatConfig:{MODE:3},name:"DtRecipeGeneralRow",components:{DtEmojiTextWrapper:C.default,DtBadge:g.default,DtButton:E.default,DtTooltip:T.default,DtIconPhone:b.DtIconPhone,DtIconWaveform:b.DtIconWaveform,DtRecipeLeftbarGeneralRowIcon:w.default},inheritAttrs:!1,props:{type:{type:String,default:"inbox",validator:t=>Object.values(n.LEFTBAR_GENERAL_ROW_TYPES).includes(t)},ariaLabel:{type:String,default:""},description:{type:String,required:!0},color:{type:String,default:null,validator:t=>Object.keys(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(t)},channelSetting:{type:String,default:null},hasUnreads:{type:Boolean,default:!1},unreadCount:{type:String,default:null},unreadMentionCount:{type:String,default:null},unreadCountTooltip:{type:String,default:""},selected:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},activeVoiceChat:{type:Boolean,default:!1},dndText:{type:String,default:""},dndTextTooltip:{type:String,default:""},hasCallButton:{type:Boolean,default:!1},callButtonTooltip:{type:String,default:""},isTyping:{type:Boolean,default:!1},iconSize:{type:String,default:"300",validator:t=>n.LEFTBAR_GENERAL_ROW_ICON_SIZES.includes(t)}},emits:["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 n.LEFTBAR_GENERAL_ROW_TYPES.CHANNELS:if(this.hasUnreads)return"channel unread";break;case n.LEFTBAR_GENERAL_ROW_TYPES.LOCKED_CHANNEL:if(this.hasUnreads)return"locked channel unread";break}return this.type},generalRowListeners(){return l.extractVueListeners(this.$attrs)},getAriaLabel(){return this.ariaLabel?this.ariaLabel:l.safeConcatStrings([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},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(l.returnFirstEl(this.$el)),this.adjustLabelWidth()},beforeUnmount:function(){this.resizeObserver.disconnect()},methods:{removeClassStyleAttrs:l.removeClassStyleAttrs,addClassStyleAttrs:l.addClassStyleAttrs,validateProps(){this.type===n.LEFTBAR_GENERAL_ROW_TYPES.CONTACT_CENTER&&!Object.keys(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS).includes(this.color)&&console.error(n.LEFTBAR_GENERAL_ROW_CONTACT_CENTER_VALIDATION_ERROR)},adjustLabelWidth(){var i,a,d,c,s,u;const t=((a=(i=l.returnFirstEl(this.$el))==null?void 0:i.querySelector(".d-recipe-leftbar-row__primary"))==null?void 0:a.clientWidth)||0,o=((c=(d=l.returnFirstEl(this.$el))==null?void 0:d.querySelector(".d-recipe-leftbar-row__omega"))==null?void 0:c.clientWidth)||0,r=((u=(s=l.returnFirstEl(this.$el))==null?void 0:s.querySelector(".d-recipe-leftbar-row__alpha"))==null?void 0:u.clientWidth)||0,h=16;this.labelWidth=t-(o+r+h)+"px"}}},R=["data-qa","aria-label","title","href"],v={class:"d-recipe-leftbar-row__alpha"},B={key:0,class:"d-recipe-leftbar-row__is-typing"},N=e.createElementVNode("span",null,null,-1),A=e.createElementVNode("span",null,null,-1),k=e.createElementVNode("span",null,null,-1),L=[N,A,k],O={key:0,class:"d-recipe-leftbar-row__omega"},V={key:1,class:"d-recipe-leftbar-row__active-voice"},q={key:3,class:"d-recipe-leftbar-row__action","data-qa":"dt-recipe-leftbar-row-action"};function W(t,o,r,h,i,a){const d=e.resolveComponent("dt-recipe-leftbar-general-row-icon"),c=e.resolveComponent("dt-emoji-text-wrapper"),s=e.resolveComponent("dt-tooltip"),u=e.resolveComponent("dt-icon-waveform"),p=e.resolveComponent("dt-badge"),f=e.resolveComponent("dt-icon-phone"),m=e.resolveComponent("dt-button");return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:a.leftbarGeneralRowClasses},a.addClassStyleAttrs(t.$attrs),{"data-qa":"dt-recipe-leftbar-row"}),[e.createElementVNode("a",e.mergeProps({class:"d-recipe-leftbar-row__primary","data-qa":"data-qa"in t.$attrs?t.$attrs["data-qa"]:"d-recipe-leftbar-row-link","aria-label":a.getAriaLabel,title:r.description,href:"href"in t.$attrs?t.$attrs.href:"javascript:void(0)"},a.removeClassStyleAttrs(t.$attrs),e.toHandlers(a.generalRowListeners,!0)),[e.createElementVNode("div",v,[r.isTyping?(e.openBlock(),e.createElementBlock("div",B,L)):e.renderSlot(t.$slots,"left",{key:1},()=>[e.createVNode(d,{type:a.getIcon,color:r.color,"icon-size":r.iconSize,"data-qa":"dt-recipe-leftbar-row-icon"},null,8,["type","color","icon-size"])])]),e.createElementVNode("div",{class:"d-recipe-leftbar-row__label",style:e.normalizeStyle(`flex-basis: ${i.labelWidth}`)},[e.renderSlot(t.$slots,"label",{},()=>[e.createVNode(c,{class:"d-recipe-leftbar-row__description","data-qa":"dt-recipe-leftbar-row-description",size:"200"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.description),1)]),_:1})])],4)],16,R),a.hasActions?(e.openBlock(),e.createElementBlock("div",O,[r.dndText?(e.openBlock(),e.createBlock(s,{key:0,placement:"top",message:r.dndTextTooltip},{anchor:e.withCtx(()=>[e.createElementVNode("div",{ref:"d-recipe-leftbar-row-dnd",class:"d-recipe-leftbar-row__dnd","data-qa":"dt-recipe-leftbar-row-dnd"},e.toDisplayString(r.dndText),513)]),_:1},8,["message"])):e.createCommentVNode("",!0),r.activeVoiceChat?(e.openBlock(),e.createElementBlock("div",V,[e.createVNode(u,{size:"300"})])):a.showUnreadCount||a.showUnreadMentionCount?(e.openBlock(),e.createBlock(s,{key:2,message:r.unreadCountTooltip,placement:"top"},{anchor:e.withCtx(()=>[a.showUnreadCount?(e.openBlock(),e.createBlock(p,{key:0,kind:"count",type:"bulletin","data-qa":"dt-recipe-leftbar-row-unread-badge",class:e.normalizeClass(["d-recipe-leftbar-row__unread-badge",{"d-recipe-leftbar-row__unread-count-badge":a.shouldApplyCustomStyleForCountBadge}])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.unreadCount),1)]),_:1},8,["class"])):e.createCommentVNode("",!0),a.showUnreadMentionCount?(e.openBlock(),e.createBlock(p,{key:1,kind:"count",type:"bulletin","data-qa":"dt-recipe-leftbar-row-unread-mention-badge",class:e.normalizeClass(["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:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.unreadMentionCount),1)]),_:1},8,["class"])):e.createCommentVNode("",!0)]),_:1},8,["message"])):e.createCommentVNode("",!0),r.hasCallButton?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(s,{message:r.callButtonTooltip,placement:"top"},{anchor:e.withCtx(()=>[e.createVNode(m,{class:"d-recipe-leftbar-row__action-button","data-qa":"dt-recipe-leftbar-row-action-call-button",circle:!0,size:"xs",kind:"inverted","aria-label":r.callButtonTooltip,onFocus:o[0]||(o[0]=_=>i.actionFocused=!0),onBlur:o[1]||(o[1]=_=>i.actionFocused=!1),onClick:o[2]||(o[2]=e.withModifiers(_=>t.$emit("call",_),["stop"]))},{icon:e.withCtx(()=>[e.createVNode(f,{size:"200"})]),_:1},8,["aria-label"])]),_:1},8,["message"])])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],16)}const U=y._(S,[["render",W]]);exports.default=U;
+//# sourceMappingURL=general-row.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"general-row.cjs","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","omegaWidth","alphaWidth","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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"}