@dialpad/dialtone-vue 2.65.2 → 2.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +1 -1
  2. package/CHANGELOG.md +19 -0
  3. package/dist/component-documentation.json +1 -1
  4. package/dist/dialtone-vue.common.js +49 -82
  5. package/dist/dialtone-vue.umd.js +49 -82
  6. package/dist/dialtone-vue.umd.min.js +1 -1
  7. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -2348,7 +2348,6 @@ __webpack_require__.d(__webpack_exports__, {
2348
2348
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
2349
2349
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
2350
2350
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2351
- "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2352
2351
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2353
2352
  "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2354
2353
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
@@ -2375,7 +2374,7 @@ if (typeof window !== 'undefined') {
2375
2374
  // Indicate to webpack that this file can be concatenated
2376
2375
  /* harmony default export */ const setPublicPath = (null);
2377
2376
 
2378
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=0071818a&
2377
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=5dae934c&
2379
2378
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2380
2379
  'd-avatar__presence',
2381
2380
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
@@ -2837,6 +2836,13 @@ const AVATAR_PRESENCE_SIZE_MODIFIERS = {
2837
2836
  md: 'd-avatar__presence--md',
2838
2837
  lg: 'd-avatar__presence--lg'
2839
2838
  };
2839
+ const AVATAR_PRESENCE_STATES = {
2840
+ NONE: null,
2841
+ BUSY: 'busy',
2842
+ AWAY: 'away',
2843
+ OFFLINE: 'offline',
2844
+ ACTIVE: 'active'
2845
+ };
2840
2846
  const AVATAR_ICON_SIZES = {
2841
2847
  xs: '100',
2842
2848
  sm: '200',
@@ -2964,7 +2970,10 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
2964
2970
  */
2965
2971
  presence: {
2966
2972
  type: String,
2967
- default: null
2973
+ default: AVATAR_PRESENCE_STATES.NONE,
2974
+ validator: state => {
2975
+ return Object.values(AVATAR_PRESENCE_STATES).includes(state);
2976
+ }
2968
2977
  },
2969
2978
 
2970
2979
  /**
@@ -22677,31 +22686,11 @@ var callbar_button_with_popover_component = normalizeComponent(
22677
22686
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
22678
22687
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
22679
22688
 
22680
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=9fe40f88&
22681
- var contact_infovue_type_template_id_9fe40f88_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":"lg"}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
22682
- 'd-ba',
22683
- 'd-bc-white',
22684
- 'd-baw2',
22685
- 'd-bar2',
22686
- 'd-ps-absolute',
22687
- 'd-bn1',
22688
- 'd-rn1',
22689
- 'd-w20p',
22690
- 'd-h20p',
22691
- _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
22692
- var contact_infovue_type_template_id_9fe40f88_staticRenderFns = []
22693
-
22694
-
22695
- ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
22696
- const USER_STATUS_COLOR_MODIFIERS = {
22697
- none: '',
22698
- green: 'd-bgc-green-300',
22699
- gold: 'd-bgc-gold-200',
22700
- red: 'd-bgc-red-200'
22701
- };
22702
- /* harmony default export */ const contact_info_constants = ({
22703
- USER_STATUS_COLOR_MODIFIERS
22704
- });
22689
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2e8a8344&
22690
+ var contact_infovue_type_template_id_2e8a8344_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
22691
+ var contact_infovue_type_template_id_2e8a8344_staticRenderFns = []
22692
+
22693
+
22705
22694
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
22706
22695
  //
22707
22696
  //
@@ -22765,23 +22754,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
22765
22754
  //
22766
22755
  //
22767
22756
  //
22768
- //
22769
- //
22770
- //
22771
- //
22772
- //
22773
- //
22774
- //
22775
- //
22776
- //
22777
- //
22778
- //
22779
- //
22780
- //
22781
- //
22782
- //
22783
- //
22784
-
22785
22757
 
22786
22758
 
22787
22759
 
@@ -22837,26 +22809,24 @@ const USER_STATUS_COLOR_MODIFIERS = {
22837
22809
  },
22838
22810
 
22839
22811
  /**
22840
- * Status color of user from contact.
22812
+ * The size of the avatar
22813
+ * @values xs, sm, md, lg, xl
22841
22814
  */
22842
- userStatusColor: {
22815
+ avatarSize: {
22843
22816
  type: String,
22844
- default: 'none',
22845
- validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
22846
- }
22847
- },
22848
-
22849
- data() {
22850
- return {
22851
- USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
22852
- };
22853
- },
22817
+ default: 'lg'
22818
+ },
22854
22819
 
22855
- computed: {
22856
- showUserStatus() {
22857
- return this.userStatusColor !== 'none';
22820
+ /**
22821
+ * Determines whether to show the presence indicator for
22822
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
22823
+ * or 'active'. By default, it's null and nothing is shown.
22824
+ * @values null, busy, away, offline, active
22825
+ */
22826
+ presence: {
22827
+ type: String,
22828
+ default: null
22858
22829
  }
22859
-
22860
22830
  }
22861
22831
  });
22862
22832
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -22871,8 +22841,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
22871
22841
  ;
22872
22842
  var contact_info_component = normalizeComponent(
22873
22843
  contact_info_contact_infovue_type_script_lang_js_,
22874
- contact_infovue_type_template_id_9fe40f88_render,
22875
- contact_infovue_type_template_id_9fe40f88_staticRenderFns,
22844
+ contact_infovue_type_template_id_2e8a8344_render,
22845
+ contact_infovue_type_template_id_2e8a8344_staticRenderFns,
22876
22846
  false,
22877
22847
  null,
22878
22848
  null,
@@ -22883,7 +22853,6 @@ var contact_info_component = normalizeComponent(
22883
22853
  /* harmony default export */ const contact_info = (contact_info_component.exports);
22884
22854
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
22885
22855
 
22886
-
22887
22856
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=69be4446&
22888
22857
  var top_banner_infovue_type_template_id_69be4446_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
22889
22858
  var top_banner_infovue_type_template_id_69be4446_staticRenderFns = []
@@ -24447,9 +24416,9 @@ var general_row_component = normalizeComponent(
24447
24416
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24448
24417
 
24449
24418
 
24450
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=2afb38bf&
24451
- var group_rowvue_type_template_id_2afb38bf_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
24452
- var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24419
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=ad52ad12&
24420
+ var group_rowvue_type_template_id_ad52ad12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24421
+ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24453
24422
 
24454
24423
 
24455
24424
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
@@ -24479,6 +24448,7 @@ var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24479
24448
  //
24480
24449
  //
24481
24450
  //
24451
+ //
24482
24452
 
24483
24453
 
24484
24454
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24594,8 +24564,8 @@ var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24594
24564
  ;
24595
24565
  var group_row_component = normalizeComponent(
24596
24566
  group_row_group_rowvue_type_script_lang_js_,
24597
- group_rowvue_type_template_id_2afb38bf_render,
24598
- group_rowvue_type_template_id_2afb38bf_staticRenderFns,
24567
+ group_rowvue_type_template_id_ad52ad12_render,
24568
+ group_rowvue_type_template_id_ad52ad12_staticRenderFns,
24599
24569
  false,
24600
24570
  null,
24601
24571
  null,
@@ -24606,9 +24576,9 @@ var group_row_component = normalizeComponent(
24606
24576
  /* harmony default export */ const group_row = (group_row_component.exports);
24607
24577
  ;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
24608
24578
 
24609
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=4a456732&
24610
- var contact_rowvue_type_template_id_4a456732_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24611
- var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24579
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=6a63c490&
24580
+ var contact_rowvue_type_template_id_6a63c490_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24581
+ var contact_rowvue_type_template_id_6a63c490_staticRenderFns = []
24612
24582
 
24613
24583
 
24614
24584
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js&
@@ -24682,7 +24652,6 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24682
24652
 
24683
24653
 
24684
24654
 
24685
-
24686
24655
  /* harmony default export */ const contact_rowvue_type_script_lang_js_ = ({
24687
24656
  name: 'DtRecipeGroupRow',
24688
24657
  components: {
@@ -24703,16 +24672,14 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24703
24672
 
24704
24673
  /**
24705
24674
  * Determines whether to show the presence indicator for
24706
- * Avatar - accepts PRESENCE_STATES values: 'active', 'busy', 'away', 'offline'. defaults to active.
24707
- * @values active, busy, away, offline
24708
- * @default active
24675
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
24676
+ * or 'active'. By default, it's null and nothing is shown.
24677
+ * defer validation to avatar component.
24678
+ * @values null, busy, away, offline, active
24709
24679
  */
24710
24680
  avatarPresence: {
24711
24681
  type: String,
24712
- default: PRESENCE_STATES.ACTIVE,
24713
- validator: role => {
24714
- return PRESENCE_STATES_LIST.includes(role);
24715
- }
24682
+ default: null
24716
24683
  },
24717
24684
 
24718
24685
  /**
@@ -24864,8 +24831,8 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24864
24831
  ;
24865
24832
  var contact_row_component = normalizeComponent(
24866
24833
  contact_row_contact_rowvue_type_script_lang_js_,
24867
- contact_rowvue_type_template_id_4a456732_render,
24868
- contact_rowvue_type_template_id_4a456732_staticRenderFns,
24834
+ contact_rowvue_type_template_id_6a63c490_render,
24835
+ contact_rowvue_type_template_id_6a63c490_staticRenderFns,
24869
24836
  false,
24870
24837
  null,
24871
24838
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -2358,7 +2358,6 @@ __webpack_require__.d(__webpack_exports__, {
2358
2358
  "TOOLTIP_HIDE_ON_CLICK_VARIANTS": () => (/* reexport */ TOOLTIP_HIDE_ON_CLICK_VARIANTS),
2359
2359
  "TOOLTIP_KIND_MODIFIERS": () => (/* reexport */ TOOLTIP_KIND_MODIFIERS),
2360
2360
  "TOOLTIP_STICKY_VALUES": () => (/* reexport */ TOOLTIP_STICKY_VALUES),
2361
- "USER_STATUS_COLOR_MODIFIERS": () => (/* reexport */ USER_STATUS_COLOR_MODIFIERS),
2362
2361
  "VALIDATION_MESSAGE_TYPES": () => (/* reexport */ VALIDATION_MESSAGE_TYPES),
2363
2362
  "VALID_WIDTH_SIZE": () => (/* reexport */ VALID_WIDTH_SIZE),
2364
2363
  "filterFormattedMessages": () => (/* reexport */ filterFormattedMessages),
@@ -2385,7 +2384,7 @@ if (typeof window !== 'undefined') {
2385
2384
  // Indicate to webpack that this file can be concatenated
2386
2385
  /* harmony default export */ const setPublicPath = (null);
2387
2386
 
2388
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=0071818a&
2387
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/avatar/avatar.vue?vue&type=template&id=5dae934c&
2389
2388
  var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:_vm.avatarClasses,style:(_vm.initialKindStyle),attrs:{"id":_vm.id,"data-qa":"dt-avatar"}},[_c('div',{ref:"canvas",staticClass:"d-avatar__canvas"},[(_vm.showDefaultSlot)?_vm._t("default"):_vm._e(),(_vm.showInitials)?_c('span',{staticClass:"d-ps-absolute d-zi-base",class:_vm.AVATAR_KIND_MODIFIERS.initials},[_vm._v(" "+_vm._s(_vm.formattedInitials)+" ")]):_vm._e()],2),(_vm.showGroup)?_c('span',{staticClass:"d-avatar__count d-zi-base1",attrs:{"data-qa":"dt-avatar-count"}},[_vm._v(_vm._s(_vm.formattedGroup))]):_vm._e(),(_vm.presence && !_vm.showGroup)?_c('dt-presence',_vm._b({staticClass:"d-zi-base1",class:[
2390
2389
  'd-avatar__presence',
2391
2390
  _vm.AVATAR_PRESENCE_SIZE_MODIFIERS[_vm.size] ],attrs:{"presence":_vm.presence,"data-qa":"dt-presence"}},'dt-presence',_vm.presenceProps,false)):_vm._e()],1)}
@@ -2847,6 +2846,13 @@ const AVATAR_PRESENCE_SIZE_MODIFIERS = {
2847
2846
  md: 'd-avatar__presence--md',
2848
2847
  lg: 'd-avatar__presence--lg'
2849
2848
  };
2849
+ const AVATAR_PRESENCE_STATES = {
2850
+ NONE: null,
2851
+ BUSY: 'busy',
2852
+ AWAY: 'away',
2853
+ OFFLINE: 'offline',
2854
+ ACTIVE: 'active'
2855
+ };
2850
2856
  const AVATAR_ICON_SIZES = {
2851
2857
  xs: '100',
2852
2858
  sm: '200',
@@ -2974,7 +2980,10 @@ const AVATAR_GROUP_VALIDATOR = group => group > 1;
2974
2980
  */
2975
2981
  presence: {
2976
2982
  type: String,
2977
- default: null
2983
+ default: AVATAR_PRESENCE_STATES.NONE,
2984
+ validator: state => {
2985
+ return Object.values(AVATAR_PRESENCE_STATES).includes(state);
2986
+ }
2978
2987
  },
2979
2988
 
2980
2989
  /**
@@ -22687,31 +22696,11 @@ var callbar_button_with_popover_component = normalizeComponent(
22687
22696
  /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_component.exports);
22688
22697
  ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
22689
22698
 
22690
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=9fe40f88&
22691
- var contact_infovue_type_template_id_9fe40f88_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":"lg"}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":"lg"}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e(),(_vm.showUserStatus)?_c('div',{class:[
22692
- 'd-ba',
22693
- 'd-bc-white',
22694
- 'd-baw2',
22695
- 'd-bar2',
22696
- 'd-ps-absolute',
22697
- 'd-bn1',
22698
- 'd-rn1',
22699
- 'd-w20p',
22700
- 'd-h20p',
22701
- _vm.USER_STATUS_COLOR_MODIFIERS[_vm.userStatusColor] ],attrs:{"data-qa":"contact-info-user-status"}},[_vm._v("   ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
22702
- var contact_infovue_type_template_id_9fe40f88_staticRenderFns = []
22703
-
22704
-
22705
- ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
22706
- const USER_STATUS_COLOR_MODIFIERS = {
22707
- none: '',
22708
- green: 'd-bgc-green-300',
22709
- gold: 'd-bgc-gold-200',
22710
- red: 'd-bgc-red-200'
22711
- };
22712
- /* harmony default export */ const contact_info_constants = ({
22713
- USER_STATUS_COLOR_MODIFIERS
22714
- });
22699
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2e8a8344&
22700
+ var contact_infovue_type_template_id_2e8a8344_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-list-item',{attrs:{"id":_vm.id,"role":_vm.role,"element-type":"div","data-qa":"contact-info"},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('div',{staticClass:"d-ps-relative",attrs:{"data-qa":"contact-info-left"}},[(_vm.avatarSrc)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_c('img',{attrs:{"data-qa":"dt-contact-avatar","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})]):(_vm.avatarInitials)?_c('dt-avatar',{attrs:{"size":_vm.avatarSize,"presence":_vm.presence}},[_vm._v(" "+_vm._s(_vm.avatarInitials)+" ")]):_vm._e()],1)]},proxy:true},{key:"default",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-header"}},[_vm._t("header")],2)]},proxy:true},{key:"subtitle",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-subtitle"}},[_vm._t("subtitle")],2)]},proxy:true},{key:"bottom",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-bottom"}},[_vm._t("bottom")],2)]},proxy:true},{key:"right",fn:function(){return [_c('div',{attrs:{"data-qa":"contact-info-right"}},[_vm._t("right")],2)]},proxy:true}],null,true)})}
22701
+ var contact_infovue_type_template_id_2e8a8344_staticRenderFns = []
22702
+
22703
+
22715
22704
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
22716
22705
  //
22717
22706
  //
@@ -22775,23 +22764,6 @@ const USER_STATUS_COLOR_MODIFIERS = {
22775
22764
  //
22776
22765
  //
22777
22766
  //
22778
- //
22779
- //
22780
- //
22781
- //
22782
- //
22783
- //
22784
- //
22785
- //
22786
- //
22787
- //
22788
- //
22789
- //
22790
- //
22791
- //
22792
- //
22793
- //
22794
-
22795
22767
 
22796
22768
 
22797
22769
 
@@ -22847,26 +22819,24 @@ const USER_STATUS_COLOR_MODIFIERS = {
22847
22819
  },
22848
22820
 
22849
22821
  /**
22850
- * Status color of user from contact.
22822
+ * The size of the avatar
22823
+ * @values xs, sm, md, lg, xl
22851
22824
  */
22852
- userStatusColor: {
22825
+ avatarSize: {
22853
22826
  type: String,
22854
- default: 'none',
22855
- validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
22856
- }
22857
- },
22858
-
22859
- data() {
22860
- return {
22861
- USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
22862
- };
22863
- },
22827
+ default: 'lg'
22828
+ },
22864
22829
 
22865
- computed: {
22866
- showUserStatus() {
22867
- return this.userStatusColor !== 'none';
22830
+ /**
22831
+ * Determines whether to show the presence indicator for
22832
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
22833
+ * or 'active'. By default, it's null and nothing is shown.
22834
+ * @values null, busy, away, offline, active
22835
+ */
22836
+ presence: {
22837
+ type: String,
22838
+ default: null
22868
22839
  }
22869
-
22870
22840
  }
22871
22841
  });
22872
22842
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js&
@@ -22881,8 +22851,8 @@ const USER_STATUS_COLOR_MODIFIERS = {
22881
22851
  ;
22882
22852
  var contact_info_component = normalizeComponent(
22883
22853
  contact_info_contact_infovue_type_script_lang_js_,
22884
- contact_infovue_type_template_id_9fe40f88_render,
22885
- contact_infovue_type_template_id_9fe40f88_staticRenderFns,
22854
+ contact_infovue_type_template_id_2e8a8344_render,
22855
+ contact_infovue_type_template_id_2e8a8344_staticRenderFns,
22886
22856
  false,
22887
22857
  null,
22888
22858
  null,
@@ -22893,7 +22863,6 @@ var contact_info_component = normalizeComponent(
22893
22863
  /* harmony default export */ const contact_info = (contact_info_component.exports);
22894
22864
  ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
22895
22865
 
22896
-
22897
22866
  ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=69be4446&
22898
22867
  var top_banner_infovue_type_template_id_69be4446_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-fs-100 d-d-flex d-top-banner-info d-jc-space-between d-ai-center d-fc-primary",class:_vm.bannerInfoClass,attrs:{"data-qa":"banner-info"}},[_c('div',{staticClass:"d-top-banner-info__left"},[_vm._t("left")],2),_c('div',{staticClass:"d-top-banner-info__middle d-my4"},[_vm._t("default")],2),_c('div',{staticClass:"d-top-banner-info__right d-ta-right"},[_vm._t("right")],2)])}
22899
22868
  var top_banner_infovue_type_template_id_69be4446_staticRenderFns = []
@@ -24457,9 +24426,9 @@ var general_row_component = normalizeComponent(
24457
24426
  ;// CONCATENATED MODULE: ./recipes/leftbar/general_row/index.js
24458
24427
 
24459
24428
 
24460
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=2afb38bf&
24461
- var group_rowvue_type_template_id_2afb38bf_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}})])]},proxy:true}])},_vm.$listeners))}
24462
- var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24429
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=template&id=ad52ad12&
24430
+ var group_rowvue_type_template_id_ad52ad12_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"description":_vm.names,"aria-label":(_vm.groupCountText + " " + _vm.names),"unread-count":_vm.unreadCount,"has-unreads":_vm.hasUnreads,"unread-count-tooltip":_vm.unreadCountTooltip,"selected":_vm.selected,"is-typing":_vm.isTyping},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"initials":_vm.avatarInitials,"group":_vm.groupCount}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.avatarInitials}}):_vm._e()])]},proxy:true}])},_vm.$listeners))}
24431
+ var group_rowvue_type_template_id_ad52ad12_staticRenderFns = []
24463
24432
 
24464
24433
 
24465
24434
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/group_row/group_row.vue?vue&type=script&lang=js&
@@ -24489,6 +24458,7 @@ var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24489
24458
  //
24490
24459
  //
24491
24460
  //
24461
+ //
24492
24462
 
24493
24463
 
24494
24464
  /* harmony default export */ const group_rowvue_type_script_lang_js_ = ({
@@ -24604,8 +24574,8 @@ var group_rowvue_type_template_id_2afb38bf_staticRenderFns = []
24604
24574
  ;
24605
24575
  var group_row_component = normalizeComponent(
24606
24576
  group_row_group_rowvue_type_script_lang_js_,
24607
- group_rowvue_type_template_id_2afb38bf_render,
24608
- group_rowvue_type_template_id_2afb38bf_staticRenderFns,
24577
+ group_rowvue_type_template_id_ad52ad12_render,
24578
+ group_rowvue_type_template_id_ad52ad12_staticRenderFns,
24609
24579
  false,
24610
24580
  null,
24611
24581
  null,
@@ -24616,9 +24586,9 @@ var group_row_component = normalizeComponent(
24616
24586
  /* harmony default export */ const group_row = (group_row_component.exports);
24617
24587
  ;// CONCATENATED MODULE: ./recipes/leftbar/group_row/index.js
24618
24588
 
24619
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=4a456732&
24620
- var contact_rowvue_type_template_id_4a456732_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24621
- var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24589
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=template&id=6a63c490&
24590
+ var contact_rowvue_type_template_id_6a63c490_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dt-recipe-general-row',_vm._g({attrs:{"unread-count":_vm.unreadCount,"description":(_vm.name + " " + _vm.presenceText + " " + _vm.userStatus),"has-unreads":_vm.hasUnreads,"selected":_vm.selected,"has-call-button":true,"muted":_vm.muted,"is-typing":_vm.isTyping,"call-button-tooltip":_vm.callButtonTooltip,"unread-count-tooltip":_vm.unreadCountTooltip},scopedSlots:_vm._u([{key:"left",fn:function(){return [_c('dt-avatar',{attrs:{"size":"sm","seed":_vm.avatarSeed,"presence":_vm.avatarPresence}},[(_vm.avatarSrc)?_c('img',{attrs:{"data-qa":"dt-avatar-image","src":_vm.avatarSrc,"alt":_vm.name}}):(_vm.noInitials)?[_c('dt-icon',{attrs:{"name":"user","size":"200"}})]:[_vm._v(" "+_vm._s(_vm.avatarInitial)+" ")]],2)]},proxy:true},{key:"label",fn:function(){return [_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__description",attrs:{"data-qa":"dt-leftbar-row-description","size":"200"}},[_vm._v(" "+_vm._s(_vm.name)+" ")]),_c('div',{staticClass:"dt-leftbar-row__status"},[(_vm.presenceText)?_c('span',{class:['dt-leftbar-row__meta-context', _vm.presenceColorClass],attrs:{"data-qa":"dt-leftbar-row-presence-text"}},[_vm._v(" "+_vm._s(_vm.presenceText)+" ")]):_vm._e(),(_vm.userStatus)?_c('dt-emoji-text-wrapper',{staticClass:"dt-leftbar-row__meta-custom",attrs:{"size":"100","element-type":"span","data-qa":"dt-leftbar-row-user-status"}},[_vm._v(" "+_vm._s(_vm.userStatus)+" ")]):_vm._e()],1)]},proxy:true}])},_vm.$listeners))}
24591
+ var contact_rowvue_type_template_id_6a63c490_staticRenderFns = []
24622
24592
 
24623
24593
 
24624
24594
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./recipes/leftbar/contact_row/contact_row.vue?vue&type=script&lang=js&
@@ -24692,7 +24662,6 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24692
24662
 
24693
24663
 
24694
24664
 
24695
-
24696
24665
  /* harmony default export */ const contact_rowvue_type_script_lang_js_ = ({
24697
24666
  name: 'DtRecipeGroupRow',
24698
24667
  components: {
@@ -24713,16 +24682,14 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24713
24682
 
24714
24683
  /**
24715
24684
  * Determines whether to show the presence indicator for
24716
- * Avatar - accepts PRESENCE_STATES values: 'active', 'busy', 'away', 'offline'. defaults to active.
24717
- * @values active, busy, away, offline
24718
- * @default active
24685
+ * Avatar - accepts PRESENCE_STATES values: 'busy', 'away', 'offline',
24686
+ * or 'active'. By default, it's null and nothing is shown.
24687
+ * defer validation to avatar component.
24688
+ * @values null, busy, away, offline, active
24719
24689
  */
24720
24690
  avatarPresence: {
24721
24691
  type: String,
24722
- default: PRESENCE_STATES.ACTIVE,
24723
- validator: role => {
24724
- return PRESENCE_STATES_LIST.includes(role);
24725
- }
24692
+ default: null
24726
24693
  },
24727
24694
 
24728
24695
  /**
@@ -24874,8 +24841,8 @@ var contact_rowvue_type_template_id_4a456732_staticRenderFns = []
24874
24841
  ;
24875
24842
  var contact_row_component = normalizeComponent(
24876
24843
  contact_row_contact_rowvue_type_script_lang_js_,
24877
- contact_rowvue_type_template_id_4a456732_render,
24878
- contact_rowvue_type_template_id_4a456732_staticRenderFns,
24844
+ contact_rowvue_type_template_id_6a63c490_render,
24845
+ contact_rowvue_type_template_id_6a63c490_staticRenderFns,
24879
24846
  false,
24880
24847
  null,
24881
24848
  null,