@dialpad/dialtone-vue 3.176.2 → 3.177.0

package/dist/recipes/leftbar/callbox/callbox.vue.cjs

@@ -1,215 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const callbox_constants = require("./callbox_constants.cjs");
-const avatar = require("../../../components/avatar/avatar.vue.cjs");
-const badge = require("../../../components/badge/badge.vue.cjs");
-const vue3 = require("@dialpad/dialtone-icons/vue3");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeCallbox",
-  components: { DtBadge: badge.default, DtAvatar: avatar.default, DtIconPause: vue3.DtIconPause },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Text for the badge element
-     */
-    badgeText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Color for the badge element
-     * @values null, warning
-     */
-    badgeColor: {
-      type: String,
-      default: null,
-      validator: (color) => color === null || Object.keys(callbox_constants.CALLBOX_BADGE_COLORS).includes(color)
-    },
-    /**
-     * Optional avatar image url.
-     * If not provided it will use the initial of the name.
-     */
-    avatarSrc: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Avatar's full name, used to extract initials
-     * to display if `avatarSrc` is empty.
-     */
-    avatarFullName: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 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: ""
-    },
-    /**
-     * Callbox title
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Callbox border color
-     * @values default, ai, critical
-     */
-    borderColor: {
-      type: String,
-      default: "default",
-      validator: (color) => Object.keys(callbox_constants.CALLBOX_BORDER_COLORS).includes(color)
-    },
-    /**
-     * Makes the callbox avatar and title clickable,
-     * emits a click event when clicked.
-     */
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Controls the avatars overlay icon
-     */
-    isOnHold: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    /**
-     * Callbox click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  computed: {
-    shouldShowAvatar() {
-      return this.avatarFullName || this.avatarSrc;
-    },
-    badgeClass() {
-      return callbox_constants.CALLBOX_BADGE_COLORS[this.badgeColor];
-    },
-    borderClass() {
-      return callbox_constants.CALLBOX_BORDER_COLORS[this.borderColor];
-    }
-  },
-  methods: {
-    handleClick(e) {
-      if (!this.clickable) return;
-      this.$emit("click", e);
-    }
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__video-wrapper",
-  class: "d-recipe-callbox__video"
-};
-const _hoisted_2 = { class: "d-recipe-callbox__main-content-top" };
-const _hoisted_3 = { class: "d-recipe-callbox__content" };
-const _hoisted_4 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__badge-wrapper",
-  class: "d-recipe-callbox__content-badge"
-};
-const _hoisted_5 = {
-  key: 1,
-  "data-qa": "dt-recipe-callbox__subtitle-wrapper",
-  class: "d-recipe-callbox__content-subtitle"
-};
-const _hoisted_6 = {
-  key: 1,
-  "data-qa": "dt-recipe-callbox__right-wrapper",
-  class: "d-recipe-callbox__right"
-};
-const _hoisted_7 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__bottom-wrapper",
-  class: "d-recipe-callbox__main-content-bottom"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_pause = vue.resolveComponent("dt-icon-pause");
-  const _component_dt_avatar = vue.resolveComponent("dt-avatar");
-  const _component_dt_badge = vue.resolveComponent("dt-badge");
-  const _directive_dt_tooltip = vue.resolveDirective("dt-tooltip");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    "data-qa": "dt-recipe-callbox",
-    class: vue.normalizeClass([_ctx.$attrs.class, "d-recipe-callbox"]),
-    style: vue.normalizeStyle(_ctx.$attrs.style)
-  }, [
-    _ctx.$slots.video ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-      vue.renderSlot(_ctx.$slots, "video")
-    ])) : vue.createCommentVNode("", true),
-    vue.createElementVNode("div", {
-      "data-qa": "dt-recipe-callbox__main-content",
-      class: vue.normalizeClass(["d-recipe-callbox__main-content", $options.borderClass, { "d-recipe-callbox--clickable": $props.clickable }])
-    }, [
-      vue.createElementVNode("div", _hoisted_2, [
-        $options.shouldShowAvatar ? (vue.openBlock(), vue.createBlock(_component_dt_avatar, {
-          key: 0,
-          "avatar-class": "d-recipe-callbox__avatar",
-          "image-src": $props.avatarSrc,
-          "image-alt": "",
-          "full-name": $props.avatarFullName,
-          seed: $props.avatarSeed,
-          clickable: $props.clickable,
-          size: "sm",
-          onClick: $options.handleClick
-        }, vue.createSlots({ _: 2 }, [
-          $props.isOnHold ? {
-            name: "overlayIcon",
-            fn: vue.withCtx(() => [
-              vue.createVNode(_component_dt_icon_pause)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["image-src", "full-name", "seed", "clickable", "onClick"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.clickable ? "button" : "span"), {
-            "data-qa": "dt-recipe-callbox__title",
-            class: "d-recipe-callbox__content-title",
-            tabindex: "0",
-            onClick: $options.handleClick
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString($props.title), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])), [
-            [_directive_dt_tooltip, $props.title]
-          ]),
-          _ctx.$slots.badge || $props.badgeText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.renderSlot(_ctx.$slots, "badge", {}, () => [
-              vue.createVNode(_component_dt_badge, {
-                class: vue.normalizeClass($options.badgeClass),
-                text: $props.badgeText
-              }, null, 8, ["class", "text"])
-            ])
-          ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.subtitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            vue.renderSlot(_ctx.$slots, "subtitle")
-          ])) : vue.createCommentVNode("", true)
-        ]),
-        _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          vue.renderSlot(_ctx.$slots, "right")
-        ])) : vue.createCommentVNode("", true)
-      ]),
-      _ctx.$slots.bottom ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-        vue.renderSlot(_ctx.$slots, "bottom")
-      ])) : vue.createCommentVNode("", true)
-    ], 2)
-  ], 6);
-}
-const callbox = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
-exports.default = callbox;
-//# sourceMappingURL=callbox.vue.cjs.map

package/dist/recipes/leftbar/callbox/callbox.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbox.vue.cjs","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-callbox\"\n    :class=\"[$attrs.class, 'd-recipe-callbox']\"\n    :style=\"$attrs.style\"\n  >\n    <div\n      v-if=\"$slots.video\"\n      data-qa=\"dt-recipe-callbox__video-wrapper\"\n      class=\"d-recipe-callbox__video\"\n    >\n      <!-- @slot Slot for video stream -->\n      <slot name=\"video\" />\n    </div>\n    <div\n      data-qa=\"dt-recipe-callbox__main-content\"\n      :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n    >\n      <div\n        class=\"d-recipe-callbox__main-content-top\"\n      >\n        <dt-avatar\n          v-if=\"shouldShowAvatar\"\n          avatar-class=\"d-recipe-callbox__avatar\"\n          :image-src=\"avatarSrc\"\n          image-alt=\"\"\n          :full-name=\"avatarFullName\"\n          :seed=\"avatarSeed\"\n          :clickable=\"clickable\"\n          size=\"sm\"\n          @click=\"handleClick\"\n        >\n          <template\n            v-if=\"isOnHold\"\n            #overlayIcon\n          >\n            <dt-icon-pause />\n          </template>\n        </dt-avatar>\n        <div class=\"d-recipe-callbox__content\">\n          <component\n            :is=\"clickable ? 'button' : 'span'\"\n            v-dt-tooltip=\"title\"\n            data-qa=\"dt-recipe-callbox__title\"\n            class=\"d-recipe-callbox__content-title\"\n            tabindex=\"0\"\n            @click=\"handleClick\"\n          >\n            {{ title }}\n          </component>\n          <div\n            v-if=\"$slots.badge || badgeText\"\n            data-qa=\"dt-recipe-callbox__badge-wrapper\"\n            class=\"d-recipe-callbox__content-badge\"\n          >\n            <!-- @slot Slot for call center badge -->\n            <slot name=\"badge\">\n              <dt-badge\n                :class=\"badgeClass\"\n                :text=\"badgeText\"\n              />\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.subtitle\"\n            data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n            class=\"d-recipe-callbox__content-subtitle\"\n          >\n            <!-- @slot Slot for subtitle -->\n            <slot name=\"subtitle\" />\n          </div>\n        </div>\n        <div\n          v-if=\"$slots.right\"\n          data-qa=\"dt-recipe-callbox__right-wrapper\"\n          class=\"d-recipe-callbox__right\"\n        >\n          <!-- @slot Slot for right icons -->\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.bottom\"\n        data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n        class=\"d-recipe-callbox__main-content-bottom\"\n      >\n        <slot name=\"bottom\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbox',\n\n  components: { DtBadge, DtAvatar, DtIconPause },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Text for the badge element\n     */\n    badgeText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Color for the badge element\n     * @values null, warning\n     */\n    badgeColor: {\n      type: String,\n      default: null,\n      validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n    },\n\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     * Avatar's full name, used to extract initials\n     * to display if `avatarSrc` is empty.\n     */\n    avatarFullName: {\n      type: String,\n      default: '',\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: '',\n    },\n\n    /**\n     * Callbox title\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n    },\n\n    /**\n     * Makes the callbox avatar and title clickable,\n     * emits a click event when clicked.\n     */\n    clickable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls the avatars overlay icon\n     */\n    isOnHold: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Callbox click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    shouldShowAvatar () {\n      return this.avatarFullName || this.avatarSrc;\n    },\n\n    badgeClass () {\n      return CALLBOX_BADGE_COLORS[this.badgeColor];\n    },\n\n    borderClass () {\n      return CALLBOX_BORDER_COLORS[this.borderColor];\n    },\n  },\n\n  methods: {\n    handleClick (e) {\n      if (!this.clickable) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"names":["DtBadge","DtAvatar","DtIconPause","CALLBOX_BADGE_COLORS","CALLBOX_BORDER_COLORS","_createElementBlock","_normalizeClass","_normalizeStyle","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode","_createBlock","_createSlots","_withCtx","_createVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/recipes/leftbar/callbox/callbox.vue.js

@@ -1,215 +0,0 @@
-import { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from "./callbox_constants.js";
-import DtAvatar from "../../../components/avatar/avatar.vue.js";
-import DtBadge from "../../../components/badge/badge.vue.js";
-import { DtIconPause } from "@dialpad/dialtone-icons/vue3";
-import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, createBlock, createSlots, withCtx, createVNode, withDirectives, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeCallbox",
-  components: { DtBadge, DtAvatar, DtIconPause },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Text for the badge element
-     */
-    badgeText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Color for the badge element
-     * @values null, warning
-     */
-    badgeColor: {
-      type: String,
-      default: null,
-      validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color)
-    },
-    /**
-     * Optional avatar image url.
-     * If not provided it will use the initial of the name.
-     */
-    avatarSrc: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Avatar's full name, used to extract initials
-     * to display if `avatarSrc` is empty.
-     */
-    avatarFullName: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 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: ""
-    },
-    /**
-     * Callbox title
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Callbox border color
-     * @values default, ai, critical
-     */
-    borderColor: {
-      type: String,
-      default: "default",
-      validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color)
-    },
-    /**
-     * Makes the callbox avatar and title clickable,
-     * emits a click event when clicked.
-     */
-    clickable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Controls the avatars overlay icon
-     */
-    isOnHold: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    /**
-     * Callbox click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  computed: {
-    shouldShowAvatar() {
-      return this.avatarFullName || this.avatarSrc;
-    },
-    badgeClass() {
-      return CALLBOX_BADGE_COLORS[this.badgeColor];
-    },
-    borderClass() {
-      return CALLBOX_BORDER_COLORS[this.borderColor];
-    }
-  },
-  methods: {
-    handleClick(e) {
-      if (!this.clickable) return;
-      this.$emit("click", e);
-    }
-  }
-};
-const _hoisted_1 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__video-wrapper",
-  class: "d-recipe-callbox__video"
-};
-const _hoisted_2 = { class: "d-recipe-callbox__main-content-top" };
-const _hoisted_3 = { class: "d-recipe-callbox__content" };
-const _hoisted_4 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__badge-wrapper",
-  class: "d-recipe-callbox__content-badge"
-};
-const _hoisted_5 = {
-  key: 1,
-  "data-qa": "dt-recipe-callbox__subtitle-wrapper",
-  class: "d-recipe-callbox__content-subtitle"
-};
-const _hoisted_6 = {
-  key: 1,
-  "data-qa": "dt-recipe-callbox__right-wrapper",
-  class: "d-recipe-callbox__right"
-};
-const _hoisted_7 = {
-  key: 0,
-  "data-qa": "dt-recipe-callbox__bottom-wrapper",
-  class: "d-recipe-callbox__main-content-bottom"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_icon_pause = resolveComponent("dt-icon-pause");
-  const _component_dt_avatar = resolveComponent("dt-avatar");
-  const _component_dt_badge = resolveComponent("dt-badge");
-  const _directive_dt_tooltip = resolveDirective("dt-tooltip");
-  return openBlock(), createElementBlock("div", {
-    "data-qa": "dt-recipe-callbox",
-    class: normalizeClass([_ctx.$attrs.class, "d-recipe-callbox"]),
-    style: normalizeStyle(_ctx.$attrs.style)
-  }, [
-    _ctx.$slots.video ? (openBlock(), createElementBlock("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "video")
-    ])) : createCommentVNode("", true),
-    createElementVNode("div", {
-      "data-qa": "dt-recipe-callbox__main-content",
-      class: normalizeClass(["d-recipe-callbox__main-content", $options.borderClass, { "d-recipe-callbox--clickable": $props.clickable }])
-    }, [
-      createElementVNode("div", _hoisted_2, [
-        $options.shouldShowAvatar ? (openBlock(), createBlock(_component_dt_avatar, {
-          key: 0,
-          "avatar-class": "d-recipe-callbox__avatar",
-          "image-src": $props.avatarSrc,
-          "image-alt": "",
-          "full-name": $props.avatarFullName,
-          seed: $props.avatarSeed,
-          clickable: $props.clickable,
-          size: "sm",
-          onClick: $options.handleClick
-        }, createSlots({ _: 2 }, [
-          $props.isOnHold ? {
-            name: "overlayIcon",
-            fn: withCtx(() => [
-              createVNode(_component_dt_icon_pause)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["image-src", "full-name", "seed", "clickable", "onClick"])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3, [
-          withDirectives((openBlock(), createBlock(resolveDynamicComponent($props.clickable ? "button" : "span"), {
-            "data-qa": "dt-recipe-callbox__title",
-            class: "d-recipe-callbox__content-title",
-            tabindex: "0",
-            onClick: $options.handleClick
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString($props.title), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])), [
-            [_directive_dt_tooltip, $props.title]
-          ]),
-          _ctx.$slots.badge || $props.badgeText ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "badge", {}, () => [
-              createVNode(_component_dt_badge, {
-                class: normalizeClass($options.badgeClass),
-                text: $props.badgeText
-              }, null, 8, ["class", "text"])
-            ])
-          ])) : createCommentVNode("", true),
-          _ctx.$slots.subtitle ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            renderSlot(_ctx.$slots, "subtitle")
-          ])) : createCommentVNode("", true)
-        ]),
-        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          renderSlot(_ctx.$slots, "right")
-        ])) : createCommentVNode("", true)
-      ]),
-      _ctx.$slots.bottom ? (openBlock(), createElementBlock("div", _hoisted_7, [
-        renderSlot(_ctx.$slots, "bottom")
-      ])) : createCommentVNode("", true)
-    ], 2)
-  ], 6);
-}
-const callbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  callbox as default
-};
-//# sourceMappingURL=callbox.vue.js.map

package/dist/recipes/leftbar/callbox/callbox.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbox.vue.js","sources":["../../../../recipes/leftbar/callbox/callbox.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"dt-recipe-callbox\"\n    :class=\"[$attrs.class, 'd-recipe-callbox']\"\n    :style=\"$attrs.style\"\n  >\n    <div\n      v-if=\"$slots.video\"\n      data-qa=\"dt-recipe-callbox__video-wrapper\"\n      class=\"d-recipe-callbox__video\"\n    >\n      <!-- @slot Slot for video stream -->\n      <slot name=\"video\" />\n    </div>\n    <div\n      data-qa=\"dt-recipe-callbox__main-content\"\n      :class=\"['d-recipe-callbox__main-content', borderClass, { 'd-recipe-callbox--clickable': clickable }]\"\n    >\n      <div\n        class=\"d-recipe-callbox__main-content-top\"\n      >\n        <dt-avatar\n          v-if=\"shouldShowAvatar\"\n          avatar-class=\"d-recipe-callbox__avatar\"\n          :image-src=\"avatarSrc\"\n          image-alt=\"\"\n          :full-name=\"avatarFullName\"\n          :seed=\"avatarSeed\"\n          :clickable=\"clickable\"\n          size=\"sm\"\n          @click=\"handleClick\"\n        >\n          <template\n            v-if=\"isOnHold\"\n            #overlayIcon\n          >\n            <dt-icon-pause />\n          </template>\n        </dt-avatar>\n        <div class=\"d-recipe-callbox__content\">\n          <component\n            :is=\"clickable ? 'button' : 'span'\"\n            v-dt-tooltip=\"title\"\n            data-qa=\"dt-recipe-callbox__title\"\n            class=\"d-recipe-callbox__content-title\"\n            tabindex=\"0\"\n            @click=\"handleClick\"\n          >\n            {{ title }}\n          </component>\n          <div\n            v-if=\"$slots.badge || badgeText\"\n            data-qa=\"dt-recipe-callbox__badge-wrapper\"\n            class=\"d-recipe-callbox__content-badge\"\n          >\n            <!-- @slot Slot for call center badge -->\n            <slot name=\"badge\">\n              <dt-badge\n                :class=\"badgeClass\"\n                :text=\"badgeText\"\n              />\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.subtitle\"\n            data-qa=\"dt-recipe-callbox__subtitle-wrapper\"\n            class=\"d-recipe-callbox__content-subtitle\"\n          >\n            <!-- @slot Slot for subtitle -->\n            <slot name=\"subtitle\" />\n          </div>\n        </div>\n        <div\n          v-if=\"$slots.right\"\n          data-qa=\"dt-recipe-callbox__right-wrapper\"\n          class=\"d-recipe-callbox__right\"\n        >\n          <!-- @slot Slot for right icons -->\n          <slot name=\"right\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.bottom\"\n        data-qa=\"dt-recipe-callbox__bottom-wrapper\"\n        class=\"d-recipe-callbox__main-content-bottom\"\n      >\n        <slot name=\"bottom\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { CALLBOX_BADGE_COLORS, CALLBOX_BORDER_COLORS } from './callbox_constants';\nimport DtAvatar from '@/components/avatar/avatar.vue';\nimport DtBadge from '@/components/badge/badge.vue';\nimport { DtIconPause } from '@dialpad/dialtone-icons/vue3';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeCallbox',\n\n  components: { DtBadge, DtAvatar, DtIconPause },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Text for the badge element\n     */\n    badgeText: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Color for the badge element\n     * @values null, warning\n     */\n    badgeColor: {\n      type: String,\n      default: null,\n      validator: (color) => color === null || Object.keys(CALLBOX_BADGE_COLORS).includes(color),\n    },\n\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     * Avatar's full name, used to extract initials\n     * to display if `avatarSrc` is empty.\n     */\n    avatarFullName: {\n      type: String,\n      default: '',\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: '',\n    },\n\n    /**\n     * Callbox title\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Callbox border color\n     * @values default, ai, critical\n     */\n    borderColor: {\n      type: String,\n      default: 'default',\n      validator: (color) => Object.keys(CALLBOX_BORDER_COLORS).includes(color),\n    },\n\n    /**\n     * Makes the callbox avatar and title clickable,\n     * emits a click event when clicked.\n     */\n    clickable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls the avatars overlay icon\n     */\n    isOnHold: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    /**\n     * Callbox click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  computed: {\n    shouldShowAvatar () {\n      return this.avatarFullName || this.avatarSrc;\n    },\n\n    badgeClass () {\n      return CALLBOX_BADGE_COLORS[this.badgeColor];\n    },\n\n    borderClass () {\n      return CALLBOX_BORDER_COLORS[this.borderColor];\n    },\n  },\n\n  methods: {\n    handleClick (e) {\n      if (!this.clickable) return;\n      this.$emit('click', e);\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_openBlock","_renderSlot","_createCommentVNode","_createElementVNode","_createBlock","_createSlots","_withCtx","_createVNode","_resolveDynamicComponent","_createTextVNode","_toDisplayString"],"mappings":";;;;;;AAkGA,MAAK,YAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY,EAAE,SAAS,UAAU,YAAa;AAAA,EAE9C,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAU,UAAU,QAAQ,OAAO,KAAK,oBAAoB,EAAE,SAAS,KAAK;AAAA,IACzF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,UAAU,OAAO,KAAK,qBAAqB,EAAE,SAAS,KAAK;AAAA,IACxE;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA,EACD;AAAA,EAED,UAAU;AAAA,IACR,mBAAoB;AAClB,aAAO,KAAK,kBAAkB,KAAK;AAAA,IACpC;AAAA,IAED,aAAc;AACZ,aAAO,qBAAqB,KAAK,UAAU;AAAA,IAC5C;AAAA,IAED,cAAe;AACb,aAAO,sBAAsB,KAAK,WAAW;AAAA,IAC9C;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,YAAa,GAAG;AACd,UAAI,CAAC,KAAK,UAAW;AACrB,WAAK,MAAM,SAAS,CAAC;AAAA,IACtB;AAAA,EACF;AACH;;EAzNA,KAAA;AAAA,EAQM,WAAQ;AAAA,EACR,OAAM;;AAUJ,MAAA,aAAA,EAAA,OAAM,qCAAoC;AAoBrC,MAAA,aAAA,EAAA,OAAM,4BAA2B;;EAvC9C,KAAA;AAAA,EAoDY,WAAQ;AAAA,EACR,OAAM;;;EArDlB,KAAA;AAAA,EAiEY,WAAQ;AAAA,EACR,OAAM;;;EAlElB,KAAA;AAAA,EA0EU,WAAQ;AAAA,EACR,OAAM;;;EA3EhB,KAAA;AAAA,EAmFQ,WAAQ;AAAA,EACR,OAAM;;;;;;;sBAnFZA,mBAwFM,OAAA;AAAA,IAvFJ,WAAQ;AAAA,IACP,OAHLC,eAAA,CAGa,KAAM,OAAC,OAAK,kBAAA,CAAA;AAAA,IACpB,OAJLC,eAIY,KAAM,OAAC,KAAK;AAAA;IAGZ,KAAA,OAAO,SADfC,aAAAH,mBAOM,OAPN,YAOM;AAAA,MADJI,WAAqB,KAAA,QAAA,OAAA;AAAA,UAZ3BC,mBAAA,IAAA,IAAA;AAAA,IAcIC,mBA0EM,OAAA;AAAA,MAzEJ,WAAQ;AAAA,MACP,OAhBPL,eAAA,CAAA,kCAgBiD,SAAW,aAAA,EAAA,+BAAmC,OAAS,UAAA,CAAA,CAAA;AAAA;MAElGK,mBA8DM,OA9DN,YA8DM;AAAA,QA1DI,SAAgB,iCADxBC,YAiBY,sBAAA;AAAA,UAtCpB,KAAA;AAAA,UAuBU,gBAAa;AAAA,UACZ,aAAW,OAAS;AAAA,UACrB,aAAU;AAAA,UACT,aAAW,OAAc;AAAA,UACzB,MAAM,OAAU;AAAA,UAChB,WAAW,OAAS;AAAA,UACrB,MAAK;AAAA,UACJ,SAAO,SAAW;AAAA,QA9B7B,GAAAC,YAAA,EAAA,GAAA,KAAA;AAAA,UAiCkB,OAAQ;YAjC1B,MAkCa;AAAA,YAlCb,IAAAC,QAoCY,MAAiB;AAAA,cAAjBC,YAAiB,wBAAA;AAAA;YApC7B,KAAA;AAAA,cAAA;AAAA,iFAAAL,mBAAA,IAAA,IAAA;AAAA,QAuCQC,mBAgCM,OAhCN,YAgCM;AAAA,uCA/BJC,YAxCVI,wBAyCiB,OAAS,YAAA,WAAA,MAAA,GAAA;AAAA,YAEd,WAAQ;AAAA,YACR,OAAM;AAAA,YACN,UAAS;AAAA,YACR,SAAO,SAAW;AAAA;YA9C/B,SAAAF,QAgDY,MAAW;AAAA,cAhDvBG,gBAAAC,gBAgDe,OAAK,KAAA,GAAA,CAAA;AAAA;YAhDpB,GAAA;AAAA;oCA0C0B,OAAK,KAAA;AAAA;UASb,KAAM,OAAC,SAAS,OAAS,aADjCV,aAAAH,mBAYM,OAZN,YAYM;AAAA,YANJI,WAKO,0BALP,MAKO;AAAA,cAJLM,YAGE,qBAAA;AAAA,gBAFC,OA1DjBT,eA0DwB,SAAU,UAAA;AAAA,gBACjB,MAAM,OAAS;AAAA;;gBA3DhCI,mBAAA,IAAA,IAAA;AAAA,UAgEkB,KAAA,OAAO,YADfF,aAAAH,mBAOM,OAPN,YAOM;AAAA,YADJI,WAAwB,KAAA,QAAA,UAAA;AAAA,gBArEpCC,mBAAA,IAAA,IAAA;AAAA;QAyEgB,KAAA,OAAO,SADfF,aAAAH,mBAOM,OAPN,YAOM;AAAA,UADJI,WAAqB,KAAA,QAAA,OAAA;AAAA,cA9E/BC,mBAAA,IAAA,IAAA;AAAA;MAkFc,KAAA,OAAO,UADfF,aAAAH,mBAMM,OANN,YAMM;AAAA,QADJI,WAAsB,KAAA,QAAA,QAAA;AAAA,YAtF9BC,mBAAA,IAAA,IAAA;AAAA;;;;"}

package/dist/recipes/leftbar/callbox/callbox_constants.cjs

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CALLBOX_BADGE_COLORS = {
-  warning: "d-recipe-callbox-badge--warning"
-};
-const CALLBOX_BORDER_COLORS = {
-  default: "d-recipe-callbox__border-default",
-  ai: "d-recipe-callbox__border-ai",
-  critical: "d-recipe-callbox__border-critical"
-};
-exports.CALLBOX_BADGE_COLORS = CALLBOX_BADGE_COLORS;
-exports.CALLBOX_BORDER_COLORS = CALLBOX_BORDER_COLORS;
-//# sourceMappingURL=callbox_constants.cjs.map

package/dist/recipes/leftbar/callbox/callbox_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbox_constants.cjs","sources":["../../../../recipes/leftbar/callbox/callbox_constants.js"],"sourcesContent":["export const CALLBOX_BADGE_COLORS = {\n  warning: 'd-recipe-callbox-badge--warning',\n};\n\nexport const CALLBOX_BORDER_COLORS = {\n  default: 'd-recipe-callbox__border-default',\n  ai: 'd-recipe-callbox__border-ai',\n  critical: 'd-recipe-callbox__border-critical',\n};\n\nexport default {\n  CALLBOX_BADGE_COLORS,\n  CALLBOX_BORDER_COLORS,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,uBAAuB;AAAA,EAClC,SAAS;AACX;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,UAAU;AACZ;;;"}

package/dist/recipes/leftbar/callbox/callbox_constants.js

@@ -1,13 +0,0 @@
-const CALLBOX_BADGE_COLORS = {
-  warning: "d-recipe-callbox-badge--warning"
-};
-const CALLBOX_BORDER_COLORS = {
-  default: "d-recipe-callbox__border-default",
-  ai: "d-recipe-callbox__border-ai",
-  critical: "d-recipe-callbox__border-critical"
-};
-export {
-  CALLBOX_BADGE_COLORS,
-  CALLBOX_BORDER_COLORS
-};
-//# sourceMappingURL=callbox_constants.js.map

package/dist/recipes/leftbar/callbox/callbox_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callbox_constants.js","sources":["../../../../recipes/leftbar/callbox/callbox_constants.js"],"sourcesContent":["export const CALLBOX_BADGE_COLORS = {\n  warning: 'd-recipe-callbox-badge--warning',\n};\n\nexport const CALLBOX_BORDER_COLORS = {\n  default: 'd-recipe-callbox__border-default',\n  ai: 'd-recipe-callbox__border-ai',\n  critical: 'd-recipe-callbox__border-critical',\n};\n\nexport default {\n  CALLBOX_BADGE_COLORS,\n  CALLBOX_BORDER_COLORS,\n};\n"],"names":[],"mappings":"AAAY,MAAC,uBAAuB;AAAA,EAClC,SAAS;AACX;AAEY,MAAC,wBAAwB;AAAA,EACnC,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,UAAU;AACZ;"}