stream-chat-react 11.14.0 → 11.15.1

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

@@ -86,7 +86,37 @@
   --str-chat__message-send-disabled-color: var(--str-chat__disabled-color);
 
   /* The background color of the send button in disabled state */
-  --str-chat__message-send-disabled-background-color: transparent;
+  --str-chat__message-send-disabled-background-color: var(--str-chat__disabled-color);
+
+  /* The border radius used for the borders of the audio recording button */
+  --str-chat__start-recording-audio-button-border-radius: var(--str-chat__border-radius-circle);
+
+  /* The text/icon color of the audio recording button */
+  --str-chat__start-recording-audio-button-color: var(--str-chat__text-low-emphasis-color);
+
+  /* The background color of the audio recording button */
+  --str-chat__start-recording-audio-button-background-color: transparent;
+
+  /* Top border of the audio recording button */
+  --str-chat__start-recording-audio-button-border-block-start: 0;
+
+  /* Bottom border of the audio recording button */
+  --str-chat__start-recording-audio-button-border-block-end: 0;
+
+  /* Left (right in RTL layout) border of the audio recording button */
+  --str-chat__start-recording-audio-button-border-inline-start: 0;
+
+  /* Right (left in RTL layout) border of the audio recording button */
+  --str-chat__start-recording-audio-button-border-inline-end: 0;
+
+  /* Box shadow applied to the audio recording button */
+  --str-chat__start-recording-audio-button-box-shadow: none;
+
+  /* The color of the audio recording button in disabled state */
+  --str-chat__start-recording-audio-button-disabled-color: var(--str-chat__disabled-color);
+
+  /* The background color of the audio recording button in disabled state */
+  --str-chat__start-recording-audio-button-disabled-background-color: transparent;
 
   /* The border radius used for the borders of the tool buttons of the message input (such as attachment upload button) */
   --str-chat__message-input-tools-border-radius: var(--str-chat__border-radius-circle);
@@ -186,7 +216,7 @@
     }
 
     &:disabled {
-      background-color: var(--str-chat__message-send-disabled-background-color);
+      background-color: transparent;
 
       svg path {
         fill: var(--str-chat__message-send-disabled-color);
@@ -194,6 +224,14 @@
     }
   }
 
+  .str-chat__start-recording-audio-button {
+    @include utils.component-layer-overrides('start-recording-audio-button');
+
+    &:disabled {
+      background-color: var(--str-chat__message-send-disabled-background-color);
+    }
+  }
+
   .str-chat__message-input-cooldown {
     @include utils.component-layer-overrides('cooldown');
     font: var(--str-chat__subtitle-medium-text);
@@ -218,4 +256,26 @@
       }
     }
   }
+
+  .str-chat__recording-permission-denied-notification {
+    background-color: var(--str-chat__text-color);
+    border-radius: var(--str-chat__border-radius-md);
+    color: var(--str-chat__background-color);
+
+    .str-chat__recording-permission-denied-notification__heading,
+    .str-chat__recording-permission-denied-notification__dismiss-button {
+      font: var(--str-chat__subtitle2-medium-text);
+    }
+
+    .str-chat__recording-permission-denied-notification__message {
+      font: var(--str-chat__subtitle-text);
+    }
+
+    .str-chat__recording-permission-denied-notification__dismiss-button {
+      @include utils.button-reset;
+      color: var(--str-chat__background-color);
+      cursor: pointer;
+      text-transform: uppercase;
+    }
+  }
 }

package/dist/scss/v2/_base.scss

@@ -6,8 +6,8 @@
     box-sizing: border-box;
   }
 
-  // Overriding styles of ngx-popperjs
-  .ngxp__container {
+  // Overriding styles of ngx-popperjs/ngx-float-ui
+  .ngxp__container, .float-ui-container {
     z-index: 1;
     padding: 0 !important;
     box-shadow: none !important;

package/dist/scss/v2/index.layout.scss

@@ -6,6 +6,7 @@
 @use 'AttachmentList/AttachmentList-layout';
 @use 'AttachmentPreviewList/AttachmentPreviewList-layout';
 @use 'Autocomplete/Autocomplete-layout';
+@use 'AudioRecorder/AudioRecorder-layout';
 @use 'BaseImage/BaseImage-layout';
 @use 'Channel/Channel-layout';
 @use 'ChannelHeader/ChannelHeader-layout';

package/dist/scss/v2/index.scss

@@ -9,6 +9,7 @@
 @use 'Avatar/Avatar-theme';
 @use 'AttachmentList/AttachmentList-theme';
 @use 'AttachmentPreviewList/AttachmentPreviewList-theme';
+@use 'AudioRecorder/AudioRecorder-theme';
 @use 'Autocomplete/Autocomplete-theme';
 @use 'BaseImage/BaseImage-theme';
 @use 'Channel/Channel-theme.scss';

package/dist/utils/mergeDeep.d.ts

@@ -0,0 +1,4 @@
+import { UR } from 'stream-chat';
+export declare const mergeDeep: <TObject extends UR, TSource extends UR>(target: TObject, source: TSource) => TObject & TSource;
+export declare const mergeDeepUndefined: <TObject extends UR, TSource extends UR>(target: TObject, source: TSource) => TObject & TSource;
+//# sourceMappingURL=mergeDeep.d.ts.map

package/dist/utils/mergeDeep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeDeep.d.ts","sourceRoot":"","sources":["../../src/utils/mergeDeep.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,eAAO,MAAM,SAAS,iGAG8C,CAAC;AAIrE,eAAO,MAAM,kBAAkB,iGAGwC,CAAC"}

package/dist/utils/mergeDeep.js

@@ -0,0 +1,5 @@
+import mergeWith from 'lodash.mergewith';
+var overrideEverything = function (_, source) { return source; };
+export var mergeDeep = function (target, source) { return mergeWith(target, source, overrideEverything); };
+var overrideUndefinedOnly = function (object, source) { return object !== null && object !== void 0 ? object : source; };
+export var mergeDeepUndefined = function (target, source) { return mergeWith(target, source, overrideUndefinedOnly); };

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "11.14.0";
+export declare const version = "11.15.1";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.14.0';
+export var version = '11.15.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.14.0",
+  "version": "11.15.1",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -61,17 +61,20 @@
   "dependencies": {
     "@babel/runtime": "^7.23.6",
     "@braintree/sanitize-url": "^6.0.4",
+    "@breezystack/lamejs": "^1.2.7",
     "@popperjs/core": "^2.11.5",
     "@react-aria/focus": "^3",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-regex": "^9.2.0",
+    "fix-webm-duration": "^1.0.5",
     "hast-util-find-and-replace": "^5.0.1",
     "i18next": "^21.6.14",
     "isomorphic-ws": "^4.0.1",
     "linkifyjs": "^4.1.0",
     "lodash.debounce": "^4.0.8",
     "lodash.defaultsdeep": "^4.6.1",
+    "lodash.mergewith": "^4.6.2",
     "lodash.throttle": "^4.1.1",
     "lodash.uniqby": "^4.7.0",
     "nanoid": "^3.3.4",
@@ -145,7 +148,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": "^4.9.1",
+    "@stream-io/stream-chat-css": "^4.14.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^13.1.1",
     "@testing-library/react-hooks": "^8.0.0",
@@ -156,6 +159,7 @@
     "@types/linkifyjs": "^2.1.3",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.defaultsdeep": "^4.6.9",
+    "@types/lodash.mergewith": "^4.6.9",
     "@types/lodash.throttle": "^4.1.7",
     "@types/lodash.uniqby": "^4.7.7",
     "@types/moment": "^2.13.0",

package/dist/components/MessageInput/hooks/useFileState.d.ts

@@ -1,7 +0,0 @@
-import type { FileUpload } from '../types';
-export declare const useFileState: <T extends Pick<FileUpload, "state">>(file: T) => {
-    failed: boolean;
-    finished: boolean;
-    uploading: boolean;
-};
-//# sourceMappingURL=useFileState.d.ts.map

package/dist/components/MessageInput/hooks/useFileState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFileState.d.ts","sourceRoot":"","sources":["../../../../src/components/MessageInput/hooks/useFileState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,eAAO,MAAM,YAAY;;;;CAQtB,CAAC"}

package/dist/components/MessageInput/hooks/useFileState.js

@@ -1,8 +0,0 @@
-import { useMemo } from 'react';
-export var useFileState = function (file) {
-    return useMemo(function () { return ({
-        failed: file.state === 'failed',
-        finished: file.state === 'finished',
-        uploading: file.state === 'uploading',
-    }); }, [file.state]);
-};