@dialpad/dialtone-vue 3.62.0 → 3.63.0

package/dist/dialtone-vue.umd.js

@@ -26309,10 +26309,12 @@ __webpack_require__.d(__webpack_exports__, {
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
   "DtRecipeContactRow": () => (/* reexport */ contact_row),
+  "DtRecipeFeedItemRow": () => (/* reexport */ feed_item_row),
   "DtRecipeGeneralRow": () => (/* reexport */ general_row),
   "DtRecipeGroupRow": () => (/* reexport */ group_row),
   "DtRecipeGroupedChip": () => (/* reexport */ grouped_chip),
   "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
+  "DtRecipeTimePill": () => (/* reexport */ time_pill),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRecipeUnreadPill": () => (/* reexport */ unread_pill),
   "DtRootLayout": () => (/* reexport */ root_layout),
@@ -29624,20 +29626,20 @@ const LIST_ITEM_NAVIGATION_TYPES = {
   LIST_ITEM_TYPES,
   LIST_ITEM_NAVIGATION_TYPES
 });
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=template&id=e5b61cd8
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=template&id=1d083b7b
 
-const default_list_itemvue_type_template_id_e5b61cd8_hoisted_1 = {
+const default_list_itemvue_type_template_id_1d083b7b_hoisted_1 = {
   class: "dt-default-list-item d-fs-200 d-lh-300 d-py4 d-px8 d-d-flex d-ai-center"
 };
-const default_list_itemvue_type_template_id_e5b61cd8_hoisted_2 = {
+const default_list_itemvue_type_template_id_1d083b7b_hoisted_2 = {
   key: 0,
-  class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8",
+  class: "dt-default-list-item--left d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pr8 d-jc-flex-end",
   "data-qa": "dt-default-list-item-left-wrapper"
 };
-const default_list_itemvue_type_template_id_e5b61cd8_hoisted_3 = {
+const default_list_itemvue_type_template_id_1d083b7b_hoisted_3 = {
   class: "d-fl-grow1"
 };
-const default_list_itemvue_type_template_id_e5b61cd8_hoisted_4 = {
+const default_list_itemvue_type_template_id_1d083b7b_hoisted_4 = {
   key: 0
 };
 const _hoisted_5 = {
@@ -29650,8 +29652,8 @@ const _hoisted_6 = {
   class: "dt-default-list-item--right d-d-inline-flex d-as-flex-start d-d-flex d-ai-center d-pl8",
   "data-qa": "dt-default-list-item-right-wrapper"
 };
-function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", default_list_itemvue_type_template_id_e5b61cd8_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("section", default_list_itemvue_type_template_id_e5b61cd8_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("section", default_list_itemvue_type_template_id_e5b61cd8_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", default_list_itemvue_type_template_id_e5b61cd8_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.subtitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+function default_list_itemvue_type_template_id_1d083b7b_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", default_list_itemvue_type_template_id_1d083b7b_hoisted_1, [$data.hasSlotContent(_ctx.$slots.left) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("section", default_list_itemvue_type_template_id_1d083b7b_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "left")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("section", default_list_itemvue_type_template_id_1d083b7b_hoisted_3, [$data.hasSlotContent(_ctx.$slots.default) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", default_list_itemvue_type_template_id_1d083b7b_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.subtitle) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
     key: 1,
     "data-qa": "dt-default-list-item-subtitle-wrapper",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(['d-fs-100 d-fc-tertiary', {
@@ -29659,7 +29661,7 @@ function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $pr
     }])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), $data.hasSlotContent(_ctx.$slots.bottom) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", _hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]), $data.hasSlotContent(_ctx.$slots.right) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("section", _hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "selected")]);
 }
-;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=e5b61cd8
+;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=template&id=1d083b7b
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=script&lang=js
 
@@ -29675,10 +29677,10 @@ function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $pr
 });
 ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=style&index=0&id=e5b61cd8&lang=less
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/default_list_item.vue?vue&type=style&index=0&id=1d083b7b&lang=less
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=e5b61cd8&lang=less
+;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue?vue&type=style&index=0&id=1d083b7b&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_item/default_list_item.vue
 
@@ -29688,7 +29690,7 @@ function default_list_itemvue_type_template_id_e5b61cd8_render(_ctx, _cache, $pr
 ;
 
 
-const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_e5b61cd8_render]])
+const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(default_list_itemvue_type_script_lang_js, [['render',default_list_itemvue_type_template_id_1d083b7b_render]])
 
 /* harmony default export */ const default_list_item = (default_list_item_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=script&lang=js
@@ -47211,31 +47213,31 @@ const callbar_button_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* defa
 /* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2736e6a2
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=05e9ca16
 
-const contact_infovue_type_template_id_2736e6a2_hoisted_1 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_1 = {
   class: "d-ps-relative",
   "data-qa": "contact-info-left"
 };
-const contact_infovue_type_template_id_2736e6a2_hoisted_2 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_2 = {
   key: 0,
   class: "d-mrn4 d-d-flex d-fd-row"
 };
-const contact_infovue_type_template_id_2736e6a2_hoisted_3 = ["src", "alt"];
-const contact_infovue_type_template_id_2736e6a2_hoisted_4 = ["src", "alt"];
-const contact_infovue_type_template_id_2736e6a2_hoisted_5 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_3 = ["src", "alt"];
+const contact_infovue_type_template_id_05e9ca16_hoisted_4 = ["src", "initials", "seed", "alt"];
+const contact_infovue_type_template_id_05e9ca16_hoisted_5 = {
   "data-qa": "contact-info-header"
 };
-const contact_infovue_type_template_id_2736e6a2_hoisted_6 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_6 = {
   "data-qa": "contact-info-subtitle"
 };
-const contact_infovue_type_template_id_2736e6a2_hoisted_7 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_7 = {
   "data-qa": "contact-info-bottom"
 };
-const contact_infovue_type_template_id_2736e6a2_hoisted_8 = {
+const contact_infovue_type_template_id_05e9ca16_hoisted_8 = {
   "data-qa": "contact-info-right"
 };
-function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props, $setup, $data, $options) {
+function contact_infovue_type_template_id_05e9ca16_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-avatar");
 
   const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-list-item");
@@ -47246,12 +47248,14 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
     "element-type": "div",
     "data-qa": "contact-info"
   }, {
-    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_2736e6a2_hoisted_1, [$props.avatarList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", contact_infovue_type_template_id_2736e6a2_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.avatarList, (avatar, index) => {
+    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_05e9ca16_hoisted_1, [$props.avatarList ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", contact_infovue_type_template_id_05e9ca16_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($props.avatarList, (avatar, index) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
         key: index
       }, [avatar.src ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
         key: 0,
         size: $props.avatarSize,
+        seed: avatar.seed,
+        initials: avatar.initials,
         "overlay-icon": avatar.icon,
         "overlay-text": avatar.text,
         "overlay-class": "d-mn4 d-ba d-baw4 d-bc-white d-box-unset",
@@ -47263,11 +47267,13 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
           "data-qa": "dt-contact-avatar",
           src: avatar.src,
           alt: avatar.initials
-        }, null, 8, contact_infovue_type_template_id_2736e6a2_hoisted_3)]),
+        }, null, 8, contact_infovue_type_template_id_05e9ca16_hoisted_3)]),
         _: 2
-      }, 1032, ["size", "overlay-icon", "overlay-text", "avatar-class"])) : avatar.initials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
+      }, 1032, ["size", "seed", "initials", "overlay-icon", "overlay-text", "avatar-class"])) : avatar.initials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
         key: 1,
         size: $props.avatarSize,
+        seed: avatar.seed,
+        initials: avatar.initials,
         "overlay-icon": avatar.icon,
         "overlay-text": avatar.text,
         "overlay-class": "d-mn4 d-ba d-baw4 d-bc-white d-box-unset",
@@ -47277,34 +47283,40 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
       }, {
         default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(avatar.initials), 1)]),
         _: 2
-      }, 1032, ["size", "overlay-icon", "overlay-text", "avatar-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
+      }, 1032, ["size", "seed", "initials", "overlay-icon", "overlay-text", "avatar-class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]);
     }), 128))])) : $props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 1,
       size: $props.avatarSize,
+      initials: $props.avatarInitials,
+      seed: $props.avatarSeed,
       presence: $props.presence
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
         "data-qa": "dt-contact-avatar",
         src: $props.avatarSrc,
+        initials: $props.avatarInitials,
+        seed: $props.avatarSeed,
         alt: $props.avatarInitials
-      }, null, 8, contact_infovue_type_template_id_2736e6a2_hoisted_4)]),
+      }, null, 8, contact_infovue_type_template_id_05e9ca16_hoisted_4)]),
       _: 1
-    }, 8, ["size", "presence"])) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
+    }, 8, ["size", "initials", "seed", "presence"])) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
       key: 2,
       size: $props.avatarSize,
+      initials: $props.avatarInitials,
+      seed: $props.avatarSeed,
       presence: $props.presence
     }, {
       default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.avatarInitials), 1)]),
       _: 1
-    }, 8, ["size", "presence"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_2736e6a2_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
-    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_2736e6a2_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
-    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_2736e6a2_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
-    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_2736e6a2_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
+    }, 8, ["size", "initials", "seed", "presence"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_05e9ca16_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "header")])]),
+    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_05e9ca16_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "subtitle")])]),
+    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_05e9ca16_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "bottom")])]),
+    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", contact_infovue_type_template_id_05e9ca16_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "right")])]),
     _: 3
   }, 8, ["id", "role"]);
 }
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=2736e6a2
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=05e9ca16
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js
 
@@ -47353,6 +47365,14 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
       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: null
+    },
+
     /**
      * Initial letters to display in avatar if `avatarSrc` is empty.
      */
@@ -47387,6 +47407,7 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
      * The props of array items are: <br>
      * `src` - avatar image url (optional) <br>
      * `initials` - Initial letters to display in avatar (required if src is empty)<br>
+     * `seed` - determines uniqueness of avatar background <br>
      * `text` - text that overlays the avatar (optional) <br>
      * `icon` - icon that overlays the avatar (optional)
      */
@@ -47404,7 +47425,7 @@ function contact_infovue_type_template_id_2736e6a2_render(_ctx, _cache, $props,
 
 
 ;
-const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_2736e6a2_render]])
+const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_05e9ca16_render]])
 
 /* harmony default export */ const contact_info = (contact_info_exports_);
 ;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
@@ -49362,6 +49383,278 @@ const unread_pill_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(unread
 ;// CONCATENATED MODULE: ./recipes/leftbar/unread_pill/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=template&id=4ff762fe
+
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_1 = ["src"];
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_2 = {
+  key: 0,
+  class: "d-d-flex d-ai-center"
+};
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_3 = {
+  class: "d-fs-200 d-lh-300 d-fw-bold d-to-ellipsis d-of-hidden d-ws-nowrap"
+};
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_4 = {
+  class: "d-fs-100 d-mt2 d-lh-300 d-fc-tertiary d-fw-normal d-ml4 d-fl-shrink0"
+};
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_5 = {
+  class: "content-text-wrapper-class"
+};
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_6 = {
+  class: "d-d-flex d-fw-wrap"
+};
+const feed_item_rowvue_type_template_id_4ff762fe_hoisted_7 = {
+  class: "d-ps-absolute d-tn16 d-r12"
+};
+function feed_item_rowvue_type_template_id_4ff762fe_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-avatar");
+
+  const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-lazy-show");
+
+  const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("dt-list-item");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_list_item, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.mergeProps)({
+    ref: "FeedItemRef",
+    "navigation-type": "none"
+  }, _ctx.$attrs, {
+    class: ['d-w100p', 'd-box-border', 'd-ps-relative', 'd-px8', {
+      'd-bgc-secondary-opaque': $props.isActive
+    }],
+    "data-qa": "feed-item-row"
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toHandlers)($options.feedListeners)), {
+    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_dt_avatar, {
+      key: 0,
+      "avatar-class": "d-mt4",
+      initials: $options.avatarInitials
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [$props.avatarImageUrl ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("img", {
+        key: 0,
+        "data-qa": "feed-item-row-avatar",
+        alt: "",
+        src: $props.avatarImageUrl
+      }, null, 8, feed_item_rowvue_type_template_id_4ff762fe_hoisted_1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+      _: 1
+    }, 8, ["initials"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), !$props.showHeader ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)(((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      key: 1,
+      class: "d-fs-100 d-fw-normal d-ws-nowrap d-lh-100 d-fc-tertiary d-mb6",
+      "data-qa": "feed-item-row-time-left"
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.shortTime), 513)), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.isActive]]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)]),
+    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", feed_item_rowvue_type_template_id_4ff762fe_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "reactions")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "threading")]),
+    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", feed_item_rowvue_type_template_id_4ff762fe_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_dt_lazy_show, {
+      appear: true,
+      transition: "fade",
+      show: $props.isActive
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "menu")]),
+      _: 3
+    }, 8, ["show"])], 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, $props.isActive]])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("article", null, [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", feed_item_rowvue_type_template_id_4ff762fe_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("p", feed_item_rowvue_type_template_id_4ff762fe_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.displayName), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("time", feed_item_rowvue_type_template_id_4ff762fe_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.time), 1)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", feed_item_rowvue_type_template_id_4ff762fe_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "default")])])]),
+    _: 3
+  }, 16, ["class"]);
+}
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=template&id=4ff762fe
+
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/feed_item_row_constants.js
+const feed_item_row_constants_DEFAULT_CONSTANTS = null;
+/* harmony default export */ const feed_item_row_constants = ({
+  DEFAULT_CONSTANTS: feed_item_row_constants_DEFAULT_CONSTANTS
+});
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=script&lang=js
+
+
+
+
+/* harmony default export */ const feed_item_rowvue_type_script_lang_js = ({
+  name: 'DtRecipeFeedItemRow',
+  components: {
+    DtAvatar: avatar,
+    DtLazyShow: lazy_show,
+    DtListItem: list_item
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Show avatar, show header text or dont show left time and vice versa
+     */
+    showHeader: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Show the avatar of the user, if this is not passed in, the initials would display
+     */
+    avatarImageUrl: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * The display name of the sender
+     */
+    displayName: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * time string displayed as is.
+     * Shown on the header when showHeader is true
+     */
+    time: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * short time string without AM/PM displayed as is.
+     * Shown on the left of feed item when showHeader is false and isActive is true
+     */
+    shortTime: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * displays a darkened background on the row.
+     */
+    isActive: {
+      type: Boolean,
+      default: false
+    } // TODO: implement as part of DT-1157
+    // state: {
+    //   type: String,
+    //   default: 'normal',
+    // },
+
+  },
+  emits: [
+  /**
+   * Fires when hovered over feed row
+   *
+   * @event hover
+   * @type {Boolean}
+   */
+  'hover',
+  /**
+   * Fires when focused over feed row
+   *
+   * @event focus
+   * @type {Boolean}
+   */
+  'focus'],
+  computed: {
+    avatarInitials() {
+      const name = (this.displayName || '').split(' ');
+      const initials = name.map(word => word.charAt(0)).join('');
+      return initials.slice(0, 2).toUpperCase();
+    },
+
+    feedListeners() {
+      return { ...this.$listeners,
+        mouseenter: () => this.setHover(true),
+        mouseleave: () => this.setHover(false),
+        focusin: () => this.setFocus(true),
+        focusout: () => this.setFocus(false)
+      };
+    }
+
+  },
+  methods: {
+    setFocus(bool) {
+      this.$emit('focus', bool);
+    },
+
+    setHover(bool) {
+      this.$emit('hover', bool);
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=script&lang=js
+ 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-74.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-74.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-74.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-74.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=style&index=0&id=4ff762fe&lang=less
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/feed_item_row.vue?vue&type=style&index=0&id=4ff762fe&lang=less
+
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/feed_item_row.vue
+
+
+
+
+;
+
+
+const feed_item_row_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(feed_item_rowvue_type_script_lang_js, [['render',feed_item_rowvue_type_template_id_4ff762fe_render]])
+
+/* harmony default export */ const feed_item_row = (feed_item_row_exports_);
+;// CONCATENATED MODULE: ./recipes/conversation_view/feed_item_row/index.js
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/conversation_view/time_pill/time_pill.vue?vue&type=template&id=0d1a6588
+
+const time_pillvue_type_template_id_0d1a6588_hoisted_1 = ["dateTime"];
+function time_pillvue_type_template_id_0d1a6588_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("time", {
+    "data-qa": "dt-time-pill",
+    dateTime: $props.dateTime,
+    class: "d-ba d-bar-pill d-baw1 d-bc-black-300 d-px16 d-py4 d-fs-100"
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.dateTimeDisplay), 9, time_pillvue_type_template_id_0d1a6588_hoisted_1);
+}
+;// CONCATENATED MODULE: ./recipes/conversation_view/time_pill/time_pill.vue?vue&type=template&id=0d1a6588
+
+;// CONCATENATED MODULE: ./recipes/conversation_view/time_pill/time_pill_constants.js
+const time_pill_constants_DEFAULT_CONSTANTS = null;
+/* harmony default export */ const time_pill_constants = ({
+  DEFAULT_CONSTANTS: time_pill_constants_DEFAULT_CONSTANTS
+});
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/conversation_view/time_pill/time_pill.vue?vue&type=script&lang=js
+
+/* harmony default export */ const time_pillvue_type_script_lang_js = ({
+  name: 'DtRecipeTimePill',
+  props: {
+    /**
+     * Date time display value
+     */
+    dateTimeDisplay: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Machine-readable attribute
+     * Accepts a string value of YYYY-MM-DD or YYYY-MM-DDThh:mm:ssTZD
+     */
+    dateTime: {
+      type: String,
+      required: true,
+      validator: t => {
+        // Since this will only ever be used in the context of a date, we're rejecting non date inputs
+        const x = new Date(t);
+
+        if (x instanceof Date && !isNaN(x)) {
+          return true;
+        }
+
+        return false;
+      }
+    }
+  }
+});
+;// CONCATENATED MODULE: ./recipes/conversation_view/time_pill/time_pill.vue?vue&type=script&lang=js
+ 
+;// CONCATENATED MODULE: ./recipes/conversation_view/time_pill/time_pill.vue
+
+
+
+
+;
+const time_pill_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(time_pillvue_type_script_lang_js, [['render',time_pillvue_type_template_id_0d1a6588_render]])
+
+/* harmony default export */ const time_pill = (time_pill_exports_);
+;// CONCATENATED MODULE: ./recipes/conversation_view/time_pill/index.js
+
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -49421,6 +49714,8 @@ const unread_pill_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(unread
 
 
 
+
+
  // Mixins
 
  // Constants