@dialpad/dialtone 9.82.0 → 9.83.1

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.js

@@ -1,230 +0,0 @@
-import { safeConcatStrings, extractVueListeners } from "../../../common/utils.js";
-import DtEmojiTextWrapper from "../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.js";
-import DtIconChevronDown from "@dialpad/dialtone-icons/vue3/chevron-down";
-import DtIconHeadphones from "@dialpad/dialtone-icons/vue3/headphones";
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, toHandlers, createVNode, normalizeStyle, withCtx, createTextVNode, toDisplayString, renderSlot, createBlock, createCommentVNode, withModifiers } from "vue";
-/* empty css                         */
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-import DtButton from "../../../components/button/button.vue.js";
-import DtBadge from "../../../components/badge/badge.vue.js";
-const _sfc_main = {
-  name: "DtRecipeContactCentersRow",
-  components: {
-    DtButton,
-    DtBadge,
-    DtEmojiTextWrapper,
-    DtIconHeadphones,
-    DtIconChevronDown
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * 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.
-     */
-    description: {
-      type: String,
-      required: true
-    },
-    /**
-     * Determines if the row is selected
-     */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Making this true will hide the unread count badge, the chevron button, and the right slot
-     */
-    hideActions: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Number of unread messages, could be a string to support '99+'
-     */
-    unreadCount: {
-      type: String,
-      default: null
-    },
-    /**
-     * Aria label for the menu button.
-     */
-    menuButtonAriaLabel: {
-      type: String,
-      required: true
-    }
-  },
-  emits: [
-    /**
-     * Native click event on the row itself
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click",
-    /**
-     * Menu button clicked
-     *
-     * @event call
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click-menu"
-  ],
-  data() {
-    return {
-      labelWidth: "auto"
-    };
-  },
-  computed: {
-    leftbarContactCentersRowClasses() {
-      return [
-        "dt-leftbar-row",
-        "dt-leftbar-row--contact-centers",
-        {
-          "dt-leftbar-row--unread-count": this.showUnreadCount,
-          "dt-leftbar-row--selected": this.selected
-        }
-      ];
-    },
-    getAriaLabel() {
-      return this.ariaLabel ? this.ariaLabel : safeConcatStrings([this.description, this.unreadCountTooltip]);
-    },
-    contactRowListeners() {
-      return extractVueListeners(this.$attrs);
-    },
-    showUnreadCount() {
-      return !!this.unreadCount;
-    }
-  },
-  watch: {
-    $props: {
-      deep: true,
-      async handler() {
-        await this.$nextTick();
-        this.adjustLabelWidth();
-      }
-    }
-  },
-  mounted() {
-    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);
-    this.resizeObserver.observe(this.$el);
-    this.adjustLabelWidth();
-  },
-  beforeUnmount: function() {
-    this.resizeObserver.disconnect();
-  },
-  methods: {
-    adjustLabelWidth() {
-      var _a, _b, _c, _d, _e, _f;
-      const labelWidth = ((_b = (_a = this.$el) == null ? void 0 : _a.querySelector(".dt-leftbar-row__primary")) == null ? void 0 : _b.clientWidth) || 0;
-      const omegaWidth = ((_d = (_c = this.$el) == null ? void 0 : _c.querySelector(".dt-leftbar-row__omega")) == null ? void 0 : _d.clientWidth) || 0;
-      const alphaWidth = ((_f = (_e = this.$el) == null ? void 0 : _e.querySelector(".dt-leftbar-row__alpha")) == null ? void 0 : _f.clientWidth) || 0;
-      const paddings = 12;
-      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + "px";
-    }
-  }
-};
-const _hoisted_1 = ["data-qa", "aria-label", "title", "href"];
-const _hoisted_2 = { class: "dt-leftbar-row__alpha" };
-const _hoisted_3 = {
-  key: 0,
-  class: "dt-leftbar-row__omega"
-};
-const _hoisted_4 = { class: "dt-leftbar-row__action-container" };
-const _hoisted_5 = { class: "dt-leftbar-row__bottom" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_headphones = resolveComponent("dt-icon-headphones");
-  const _component_dt_emoji_text_wrapper = resolveComponent("dt-emoji-text-wrapper");
-  const _component_dt_badge = resolveComponent("dt-badge");
-  const _component_dt_icon_chevron_down = resolveComponent("dt-icon-chevron-down");
-  const _component_dt_button = resolveComponent("dt-button");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      "dt-leftbar-row__container",
-      { "dt-leftbar-row__container--off-duty": _ctx.$slots.timer }
-    ])
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass($options.leftbarContactCentersRowClasses),
-      "data-qa": "dt-recipe-contact-centers-row"
-    }, [
-      createElementVNode("a", mergeProps({
-        class: "dt-leftbar-row__primary",
-        "data-qa": _ctx.$attrs["data-qa"] ?? "dt-leftbar-row-link",
-        "aria-label": $options.getAriaLabel,
-        title: $props.description,
-        href: _ctx.$attrs.href ?? "javascript:void(0)"
-      }, _ctx.$attrs, toHandlers($options.contactRowListeners, true), {
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-      }), [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(_component_dt_icon_headphones, {
-            size: "300",
-            "data-qa": "dt-leftbar-row-icon"
-          })
-        ]),
-        createElementVNode("div", {
-          class: "dt-leftbar-row__label",
-          style: normalizeStyle(`flex-basis: ${$data.labelWidth}`)
-        }, [
-          createVNode(_component_dt_emoji_text_wrapper, {
-            class: "dt-leftbar-row__description",
-            "data-qa": "dt-leftbar-row-description",
-            size: "200"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString($props.description), 1)
-            ]),
-            _: 1
-          })
-        ], 4)
-      ], 16, _hoisted_1),
-      !$props.hideActions ? (openBlock(), createElementBlock("div", _hoisted_3, [
-        renderSlot(_ctx.$slots, "right", {}, void 0, true),
-        createElementVNode("div", _hoisted_4, [
-          $options.showUnreadCount ? (openBlock(), createBlock(_component_dt_badge, {
-            key: 0,
-            class: "dt-leftbar-row__unread-badge",
-            "data-qa": "dt-leftbar-row-unread-badge",
-            kind: "count",
-            type: "bulletin"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString($props.unreadCount), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          createVNode(_component_dt_button, {
-            class: "dt-leftbar-row__action",
-            "data-qa": "dt-leftbar-row-action-button",
-            "aria-label": $props.menuButtonAriaLabel,
-            importance: "clear",
-            size: "xs",
-            circle: "",
-            onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$emit("click-menu", $event), ["stop"]))
-          }, {
-            icon: withCtx(() => [
-              createVNode(_component_dt_icon_chevron_down, { size: "100" })
-            ]),
-            _: 1
-          }, 8, ["aria-label"])
-        ])
-      ])) : createCommentVNode("", true)
-    ], 2),
-    createElementVNode("div", _hoisted_5, [
-      renderSlot(_ctx.$slots, "timer", {}, void 0, true)
-    ])
-  ], 2);
-}
-const contact_centers_row = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0f361db5"]]);
-export {
-  contact_centers_row as default
-};
-//# sourceMappingURL=contact_centers_row.vue.js.map

package/dist/vue3/recipes/leftbar/contact_centers_row/contact_centers_row.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact_centers_row.vue.js","sources":["../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'dt-leftbar-row__container',\n      { 'dt-leftbar-row__container--off-duty': $slots.timer },\n    ]\"\n  >\n    <div\n      :class=\"leftbarContactCentersRowClasses\"\n      data-qa=\"dt-recipe-contact-centers-row\"\n    >\n      <a\n        class=\"dt-leftbar-row__primary\"\n        :data-qa=\"$attrs['data-qa'] ?? 'dt-leftbar-row-link'\"\n        :aria-label=\"getAriaLabel\"\n        :title=\"description\"\n        :href=\"$attrs.href ?? 'javascript:void(0)'\"\n        v-bind=\"$attrs\"\n        v-on=\"contactRowListeners\"\n        @click=\"$emit('click', $event)\"\n      >\n        <div class=\"dt-leftbar-row__alpha\">\n          <dt-icon-headphones\n            size=\"300\"\n            data-qa=\"dt-leftbar-row-icon\"\n          />\n        </div>\n        <div\n          class=\"dt-leftbar-row__label\"\n          :style=\"`flex-basis: ${labelWidth}`\"\n        >\n          <dt-emoji-text-wrapper\n            class=\"dt-leftbar-row__description\"\n            data-qa=\"dt-leftbar-row-description\"\n            size=\"200\"\n          >\n            {{ description }}\n          </dt-emoji-text-wrapper>\n        </div>\n      </a>\n      <div\n        v-if=\"!hideActions\"\n        class=\"dt-leftbar-row__omega\"\n      >\n        <slot name=\"right\" />\n        <div class=\"dt-leftbar-row__action-container\">\n          <dt-badge\n            v-if=\"showUnreadCount\"\n            class=\"dt-leftbar-row__unread-badge\"\n            data-qa=\"dt-leftbar-row-unread-badge\"\n            kind=\"count\"\n            type=\"bulletin\"\n          >\n            {{ unreadCount }}\n          </dt-badge>\n          <dt-button\n            class=\"dt-leftbar-row__action\"\n            data-qa=\"dt-leftbar-row-action-button\"\n            :aria-label=\"menuButtonAriaLabel\"\n            importance=\"clear\"\n            size=\"xs\"\n            circle\n            @click.stop=\"$emit('click-menu', $event)\"\n          >\n            <template #icon>\n              <dt-icon-chevron-down size=\"100\" />\n            </template>\n          </dt-button>\n        </div>\n      </div>\n    </div>\n    <div class=\"dt-leftbar-row__bottom\">\n      <slot name=\"timer\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtBadge } from '@/components/badge';\nimport { DtButton } from '@/components/button';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtIconChevronDown from '@dialpad/dialtone-icons/vue3/chevron-down';\nimport DtIconHeadphones from '@dialpad/dialtone-icons/vue3/headphones';\n\nexport default {\n  name: 'DtRecipeContactCentersRow',\n\n  components: {\n    DtButton,\n    DtBadge,\n    DtEmojiTextWrapper,\n    DtIconHeadphones,\n    DtIconChevronDown,\n  },\n\n  inheritAttrs: false,\n\n  props: {\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.\n     */\n    description: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Determines if the row is selected\n     */\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Making this true will hide the unread count badge, the chevron button, and the right slot\n     */\n    hideActions: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Number of unread messages, could be a string to support '99+'\n     */\n    unreadCount: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Aria label for the menu button.\n     */\n    menuButtonAriaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event on the row itself\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n\n    /**\n     * Menu button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click-menu',\n  ],\n\n  data () {\n    return {\n      labelWidth: 'auto',\n    };\n  },\n\n  computed: {\n    leftbarContactCentersRowClasses () {\n      return [\n        'dt-leftbar-row',\n        'dt-leftbar-row--contact-centers',\n        {\n          'dt-leftbar-row--unread-count': this.showUnreadCount,\n          'dt-leftbar-row--selected': this.selected,\n        },\n      ];\n    },\n\n    getAriaLabel () {\n      return this.ariaLabel\n        ? this.ariaLabel\n        : safeConcatStrings([this.description, this.unreadCountTooltip]);\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    showUnreadCount () {\n      return !!this.unreadCount;\n    },\n  },\n\n  watch: {\n    $props: {\n      deep: true,\n      async handler () {\n        await this.$nextTick();\n        this.adjustLabelWidth();\n      },\n    },\n  },\n\n  mounted () {\n    this.resizeObserver = new ResizeObserver(this.adjustLabelWidth);\n    this.resizeObserver.observe(this.$el);\n    this.adjustLabelWidth();\n  },\n\n  beforeUnmount: function () {\n    this.resizeObserver.disconnect();\n  },\n\n  methods: {\n    adjustLabelWidth () {\n      const labelWidth = this.$el?.querySelector('.dt-leftbar-row__primary')?.clientWidth || 0;\n      const omegaWidth = this.$el?.querySelector('.dt-leftbar-row__omega')?.clientWidth || 0;\n      const alphaWidth = this.$el?.querySelector('.dt-leftbar-row__alpha')?.clientWidth || 0;\n      const paddings = 12;\n      this.labelWidth = labelWidth - (omegaWidth + alphaWidth + paddings) + 'px';\n    },\n  },\n};\n</script>\n\n<style lang=\"less\" scoped>\n@import \"../style/leftbar_row.less\";\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_toHandlers","_createVNode","_normalizeStyle","_withCtx","_createTextVNode","_toDisplayString","_openBlock","_renderSlot","_createBlock","_createCommentVNode","_withModifiers"],"mappings":"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"}

package/dist/vue3/recipes/leftbar/contact_row/contact_row.vue.cjs

@@ -1,243 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const emoji_text_wrapper = require("../../../components/emoji_text_wrapper/emoji_text_wrapper.vue.cjs");
-const avatar = require("../../../components/avatar/avatar.vue.cjs");
-const common_utils = require("../../../common/utils.cjs");
-const vue3 = require("@dialpad/dialtone-icons/vue3");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const general_row = require("../general_row/general_row.vue.cjs");
-const _sfc_main = {
-  name: "DtRecipeContactRow",
-  components: {
-    DtAvatar: avatar.default,
-    DtRecipeGeneralRow: general_row.default,
-    DtEmojiTextWrapper: emoji_text_wrapper.default,
-    DtIconUser: vue3.DtIconUser
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Optional avatar image url.
-     * If not provided it will use the initial of the name.
-     */
-    avatarSrc: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Determines whether to show the presence indicator for
-     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
-     * or 'active'. By default, it's null and nothing is shown.
-     * defer validation to avatar component.
-     * @values null, busy, away, offline, active
-     */
-    avatarPresence: {
-      type: String,
-      default: null
-    },
-    /**
-     * 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
-    },
-    /**
-     * Avatar color to display if `avatarSrc` is empty.
-     */
-    avatarColor: {
-      type: String,
-      default: null
-    },
-    /**
-     * Text describing the user's presence, such as "in a meeting"
-     */
-    presenceText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Name of the contact
-     */
-    name: {
-      type: String,
-      required: true
-    },
-    /**
-     * Status as set by the user.
-     */
-    userStatus: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Gives a faded style to be used when muted
-     */
-    muted: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Number of unread messages
-     */
-    unreadCount: {
-      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: false
-    },
-    /**
-     * Determines if the row is selected
-     */
-    selected: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Initials will never be shown. Instead it will show a "User" icon.
-     */
-    noInitials: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Shows an "is typing" animation over the avatar when true.
-     */
-    isTyping: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the contact row should display a call button when hovered.
-     */
-    hasCallButton: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Text shown when the call button is hovered.
-     */
-    callButtonTooltip: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Text shown when the unread count is hovered.
-     */
-    unreadCountTooltip: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    /**
-     * Call button clicked
-     *
-     * @event call
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "call"
-  ],
-  computed: {
-    presenceColorClass() {
-      switch (this.avatarPresence) {
-        case "active":
-          return "d-fc-success";
-        case "busy":
-          return "d-fc-critical";
-        case "away":
-          return "d-fc-warning";
-        default:
-          return void 0;
-      }
-    },
-    contactRowListeners() {
-      return common_utils.extractVueListeners(this.$attrs);
-    },
-    contactDescription() {
-      return common_utils.safeConcatStrings([this.name, this.presenceText, this.userStatus]);
-    }
-  }
-};
-const _hoisted_1 = { class: "dt-leftbar-row__status" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_user = vue.resolveComponent("dt-icon-user");
-  const _component_dt_avatar = vue.resolveComponent("dt-avatar");
-  const _component_dt_emoji_text_wrapper = vue.resolveComponent("dt-emoji-text-wrapper");
-  const _component_dt_recipe_general_row = vue.resolveComponent("dt-recipe-general-row");
-  return vue.openBlock(), vue.createBlock(_component_dt_recipe_general_row, vue.mergeProps({
-    "unread-count": $props.unreadCount,
-    description: $options.contactDescription,
-    "has-unreads": $props.hasUnreads,
-    selected: $props.selected,
-    "has-call-button": $props.hasCallButton,
-    muted: $props.muted,
-    "is-typing": $props.isTyping,
-    "call-button-tooltip": $props.callButtonTooltip,
-    "unread-count-tooltip": $props.unreadCountTooltip
-  }, _ctx.$attrs, { "data-qa": "contact-row" }, vue.toHandlers($options.contactRowListeners), {
-    onCall: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("call", $event))
-  }), {
-    left: vue.withCtx(() => [
-      vue.createVNode(_component_dt_avatar, {
-        "full-name": $props.name,
-        "image-src": $props.avatarSrc,
-        color: $props.avatarColor,
-        "image-alt": "",
-        size: "sm",
-        seed: $props.avatarSeed,
-        presence: $props.avatarPresence
-      }, vue.createSlots({ _: 2 }, [
-        $props.noInitials ? {
-          name: "icon",
-          fn: vue.withCtx(() => [
-            vue.createVNode(_component_dt_icon_user, { size: "200" })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["full-name", "image-src", "color", "seed", "presence"])
-    ]),
-    label: vue.withCtx(() => [
-      vue.createVNode(_component_dt_emoji_text_wrapper, {
-        class: "dt-leftbar-row__description",
-        "data-qa": "dt-leftbar-row-description",
-        size: "200"
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString($props.name), 1)
-        ]),
-        _: 1
-      }),
-      vue.createElementVNode("div", _hoisted_1, [
-        $props.presenceText ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          "data-qa": "dt-leftbar-row-presence-text",
-          class: vue.normalizeClass(["dt-leftbar-row__meta-context", $options.presenceColorClass])
-        }, vue.toDisplayString($props.presenceText), 3)) : vue.createCommentVNode("", true),
-        $props.userStatus ? (vue.openBlock(), vue.createBlock(_component_dt_emoji_text_wrapper, {
-          key: 1,
-          size: "100",
-          "element-type": "span",
-          "data-qa": "dt-leftbar-row-user-status",
-          class: "dt-leftbar-row__meta-custom"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString($props.userStatus), 1)
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("", true)
-      ])
-    ]),
-    _: 1
-  }, 16, ["unread-count", "description", "has-unreads", "selected", "has-call-button", "muted", "is-typing", "call-button-tooltip", "unread-count-tooltip"]);
-}
-const contact_row = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = contact_row;
-//# sourceMappingURL=contact_row.vue.cjs.map

package/dist/vue3/recipes/leftbar/contact_row/contact_row.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact_row.vue.cjs","sources":["../../../../recipes/leftbar/contact_row/contact_row.vue"],"sourcesContent":["<template>\n  <dt-recipe-general-row\n    :unread-count=\"unreadCount\"\n    :description=\"contactDescription\"\n    :has-unreads=\"hasUnreads\"\n    :selected=\"selected\"\n    :has-call-button=\"hasCallButton\"\n    :muted=\"muted\"\n    :is-typing=\"isTyping\"\n    :call-button-tooltip=\"callButtonTooltip\"\n    :unread-count-tooltip=\"unreadCountTooltip\"\n    v-bind=\"$attrs\"\n    data-qa=\"contact-row\"\n    v-on=\"contactRowListeners\"\n    @call=\"$emit('call', $event)\"\n  >\n    <template #left>\n      <dt-avatar\n        :full-name=\"name\"\n        :image-src=\"avatarSrc\"\n        :color=\"avatarColor\"\n        image-alt=\"\"\n        size=\"sm\"\n        :seed=\"avatarSeed\"\n        :presence=\"avatarPresence\"\n      >\n        <template\n          v-if=\"noInitials\"\n          #icon\n        >\n          <dt-icon-user\n            size=\"200\"\n          />\n        </template>\n      </dt-avatar>\n    </template>\n    <template #label>\n      <dt-emoji-text-wrapper\n        class=\"dt-leftbar-row__description\"\n        data-qa=\"dt-leftbar-row-description\"\n        size=\"200\"\n      >\n        {{ name }}\n      </dt-emoji-text-wrapper>\n      <div class=\"dt-leftbar-row__status\">\n        <span\n          v-if=\"presenceText\"\n          data-qa=\"dt-leftbar-row-presence-text\"\n          :class=\"['dt-leftbar-row__meta-context', presenceColorClass]\"\n        >\n          {{ presenceText }}\n        </span>\n        <dt-emoji-text-wrapper\n          v-if=\"userStatus\"\n          size=\"100\"\n          element-type=\"span\"\n          data-qa=\"dt-leftbar-row-user-status\"\n          class=\"dt-leftbar-row__meta-custom\"\n        >\n          {{ userStatus }}\n        </dt-emoji-text-wrapper>\n      </div>\n    </template>\n  </dt-recipe-general-row>\n</template>\n\n<script>\nimport { DtRecipeGeneralRow } from '@/recipes/leftbar/general_row';\nimport DtEmojiTextWrapper from '@/components/emoji_text_wrapper/emoji_text_wrapper.vue';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport { extractVueListeners, safeConcatStrings } from '@/common/utils';\nimport { DtIconUser } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  name: 'DtRecipeContactRow',\n\n  components: {\n    DtAvatar,\n    DtRecipeGeneralRow,\n    DtEmojiTextWrapper,\n    DtIconUser,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Optional avatar image url.\n     * If not provided it will use the initial of the name.\n     */\n    avatarSrc: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines whether to show the presence indicator for\n     * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',\n     * or 'active'. By default, it's null and nothing is shown.\n     * defer validation to avatar component.\n     * @values null, busy, away, offline, active\n     */\n    avatarPresence: {\n      type: String,\n      default: null,\n    },\n\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     * Avatar color to display if `avatarSrc` is empty.\n     */\n    avatarColor: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Text describing the user's presence, such as \"in a meeting\"\n     */\n    presenceText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Name of the contact\n     */\n    name: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Status as set by the user.\n     */\n    userStatus: {\n      type: String,\n      default: '',\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     * Number of unread messages\n     */\n    unreadCount: {\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     * 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     * Shows an \"is typing\" animation over the avatar when true.\n     */\n    isTyping: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Whether the contact row should display a call button when hovered.\n     */\n    hasCallButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Text shown when the call button is hovered.\n     */\n    callButtonTooltip: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Text shown when the unread count is hovered.\n     */\n    unreadCountTooltip: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Call button clicked\n     *\n     * @event call\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'call',\n  ],\n\n  computed: {\n    presenceColorClass () {\n      switch (this.avatarPresence) {\n        case 'active':\n          return 'd-fc-success';\n        case 'busy':\n          return 'd-fc-critical';\n        case 'away':\n          return 'd-fc-warning';\n        default:\n          return undefined;\n      }\n    },\n\n    contactRowListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n\n    contactDescription () {\n      return safeConcatStrings([this.name, this.presenceText, this.userStatus]);\n    },\n  },\n};\n</script>\n"],"names":["DtAvatar","DtRecipeGeneralRow","DtEmojiTextWrapper","DtIconUser","extractVueListeners","safeConcatStrings","_openBlock","_createBlock","_mergeProps","_toHandlers","_createVNode","_createSlots","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_createElementBlock","_normalizeClass","_createCommentVNode"],"mappings":"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"}