stream-chat-react 12.5.2 → 12.6.0

package/dist/scss/v2/AttachmentList/AttachmentList-layout.scss

@@ -260,7 +260,7 @@
     margin: var(--str-chat__attachment-margin);
 
     .str-chat__file-icon {
-      width: calc(var(--str-chat__spacing-px)* 30);
+      width: calc(var(--str-chat__spacing-px) * 30);
     }
 
     .str-chat__message-attachment-unsupported__metadata {
@@ -270,7 +270,6 @@
       flex-direction: column;
       align-items: flex-start;
       justify-content: center;
-
     }
 
     .str-chat__message-attachment-unsupported__title {
@@ -622,4 +621,31 @@
 
 .str-chat__attachment-list-angular-host {
   min-width: 0;
+
+  .str-chat__message-attachment-card--video {
+    width: 100%;
+
+    a {
+      display: block;
+      width: 100%;
+      height: 100%;
+      position: relative;
+
+      .str-chat__message-attachment-card--video-play,
+      stream-icon-placeholder {
+        position: absolute;
+        top: 50%;
+        left: 0;
+        right: 0;
+        margin: auto;
+        transform: translateY(-50%);
+        width: calc(var(--str-chat__spacing-px) * 36);
+        height: calc(var(--str-chat__spacing-px) * 36);
+      }
+
+      img {
+        cursor: pointer;
+      }
+    }
+  }
 }

package/dist/scss/v2/AttachmentList/AttachmentList-theme.scss

@@ -534,8 +534,16 @@
   }
 }
 
-
 .str-chat-angular__message-attachment-file-single
   .str-chat__message-attachment-file--item-first-row {
   color: var(--str-chat__attachment-list-color);
 }
+
+.str-chat__attachment-list-angular-host {
+  .str-chat__message-attachment-card--video-play {
+    --str-chat-icon-color: var(--str-chat__text-color);
+
+    background-color: var(--str-chat__secondary-background-color);
+    border-radius: var(--str-chat__border-radius-circle);
+  }
+}

package/dist/scss/v2/Avatar/Avatar-layout.scss

@@ -87,3 +87,51 @@
   width: calc(var(--str-chat__spacing-px) * 49);
   height: calc(var(--str-chat__spacing-px) * 49);
 }
+
+
+.str-chat__avatar-group {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  height: var(--str-chat__avatar-size);
+  line-height: var(--str-chat__avatar-size);
+  width: var(--str-chat__avatar-size);
+  min-width: var(--str-chat__avatar-size);
+  overflow: hidden;
+
+  &.str-chat__avatar-group--three-part {
+    .str-chat__avatar:nth-child(1) {
+      grid-area: 1 / 1 / 3 / 2;
+    }
+
+    .str-chat__avatar:nth-child(2) {
+      grid-area: 1 / 2 / 2 / 3;
+    }
+
+    .str-chat__avatar:nth-child(3) {
+      grid-area: 2 / 2 / 3 / 3;
+    }
+  }
+
+  .str-chat__avatar {
+    height: 100%;
+    line-height: 100%;
+    width: 100%;
+    min-width: 100%;
+
+    .str-chat__avatar-fallback, img {
+      border-radius: 0;
+    }
+
+    &.str-chat__avatar--single .str-chat__avatar-fallback {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: calc(var(--str-chat__avatar-size) * 0.5);
+    }
+
+    .str-chat__avatar-fallback {
+      font-size: calc(var(--str-chat__avatar-size) * 0.33);
+    }
+  }
+}

package/dist/scss/v2/Avatar/Avatar-theme.scss

@@ -57,3 +57,8 @@
 .str-chat__loading-channels-avatar {
   border-radius: var(--str-chat__avatar-border-radius);
 }
+
+
+.str-chat__avatar-group {
+  border-radius: var(--str-chat__avatar-border-radius);
+}

package/dist/scss/v2/Icon/Icon-layout.scss

@@ -61,7 +61,7 @@
   content: '\e809';
 } /* '' */
 .str-chat__icon--play::before {
-  content: '\e80a';
+  content: '\e814';
 } /* '' */
 .str-chat__icon--reaction::before {
   content: '\e80b';

package/dist/types/types.d.ts

@@ -45,6 +45,7 @@ export type DefaultStreamChatGenerics = ExtendableGenerics & {
     channelType: DefaultChannelType;
     commandType: LiteralStringForUnion;
     eventType: UnknownType;
+    memberType: UnknownType;
     messageType: DefaultMessageType;
     pollOptionType: UnknownType;
     pollType: UnknownType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "12.5.2",
+  "version": "12.6.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -145,7 +145,7 @@
     "emoji-mart": "^5.4.0",
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^8.42.0"
+    "stream-chat": "^8.45.0"
   },
   "peerDependenciesMeta": {
     "@breezystack/lamejs": {
@@ -186,7 +186,7 @@
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@stream-io/rollup-plugin-node-builtins": "^2.1.5",
-    "@stream-io/stream-chat-css": "^5.2.0",
+    "@stream-io/stream-chat-css": "^5.4.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
@@ -255,7 +255,7 @@
     "react-dom": "^18.1.0",
     "react-test-renderer": "^18.1.0",
     "semantic-release": "^19.0.5",
-    "stream-chat": "^8.42.0",
+    "stream-chat": "^8.45.0",
     "ts-jest": "^29.1.4",
     "typescript": "^5.4.5"
   },