Prettier changes only

.releaserc.json

@@ -72,9 +72,11 @@
       }
     ],
     [
-      "@semantic-release/exec", {
-      "prepareCmd": "NEXT_VERSION=${nextRelease.version} npm run build"
-    }],
+      "@semantic-release/exec",
+      {
+        "prepareCmd": "NEXT_VERSION=${nextRelease.version} npm run build"
+      }
+    ],
     [
       "@semantic-release/changelog",
       {

docusaurus/react_versioned_sidebars/version-11.x.x-sidebars.json

@@ -146,4 +146,4 @@
     "troubleshooting/troubleshooting",
     "resources/resources"
   ]
-}
+}

docusaurus/react_versions.json

@@ -1,4 +1 @@
-[
-  "11.x.x",
-  "11.x.x-legacy"
-]
+["11.x.x", "11.x.x-legacy"]

e2e/user/Controller.ts

@@ -3,7 +3,10 @@ import type { Page } from '@playwright/test';
 import selectors from './selectors';
 
 export class Controller {
-  constructor(private baseURL: string | undefined, private page: Page) {}
+  constructor(
+    private baseURL: string | undefined,
+    private page: Page,
+  ) {}
 
   async openStory(story: string, waitForPresence: string) {
     await Promise.all([

e2e/user/components/Attachment/Attachment.ts

@@ -2,7 +2,7 @@ import { expect, Page } from '@playwright/test';
 
 const attachmentTypes = ['card', 'img', 'gallery', 'video', 'file', 'media'] as const;
 
-type AttachmentType = typeof attachmentTypes[number];
+type AttachmentType = (typeof attachmentTypes)[number];
 
 export function getAttachment(page: Page, type: AttachmentType) {
   return page.locator(`.str-chat__message-attachment--${type}`);

examples/capacitor/src/App.tsx

@@ -17,7 +17,7 @@ const apiKey = process.env.REACT_APP_STREAM_KEY as string;
 const userId = process.env.REACT_APP_USER_ID as string;
 const userToken = process.env.REACT_APP_USER_TOKEN as string;
 
-const filters: ChannelFilters = { type: 'messaging', members: {$in: [userId]}  };
+const filters: ChannelFilters = { type: 'messaging', members: { $in: [userId] } };
 const options: ChannelOptions = { state: true, presence: true, limit: 10 };
 const sort: ChannelSort = { last_message_at: -1, updated_at: -1 };
 

examples/capacitor/src/components/CustomMessage.tsx

@@ -16,12 +16,8 @@ import {
 import './CustomMessage.scss';
 
 export const CustomMessage = () => {
-  const {
-    showDetailedReactions,
-    isReactionEnabled,
-    message,
-    reactionSelectorRef,
-  } = useMessageContext();
+  const { showDetailedReactions, isReactionEnabled, message, reactionSelectorRef } =
+    useMessageContext();
 
   const messageWrapperRef = useRef<HTMLDivElement>(null);
 

examples/capacitor/src/index.tsx

@@ -7,7 +7,7 @@ import * as serviceWorker from './serviceWorker';
 createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
+  </React.StrictMode>,
 );
 
 // If you want your app to work offline and load faster, you can change

examples/typescript/src/App.tsx

@@ -11,9 +11,9 @@ import {
   Window,
 } from 'stream-chat-react';
 
-const params = (new Proxy(new URLSearchParams(window.location.search), {
+const params = new Proxy(new URLSearchParams(window.location.search), {
   get: (searchParams, property) => searchParams.get(property as string),
-}) as unknown) as Record<string, string | null>;
+}) as unknown as Record<string, string | null>;
 
 const apiKey = process.env.REACT_APP_STREAM_KEY as string;
 const userId = params.uid || (process.env.REACT_APP_USER_ID as string);

examples/typescript/src/components/CustomMessage.tsx

@@ -16,12 +16,8 @@ import {
 import './CustomMessage.scss';
 
 export const CustomMessage = () => {
-  const {
-    showDetailedReactions,
-    isReactionEnabled,
-    message,
-    reactionSelectorRef,
-  } = useMessageContext();
+  const { showDetailedReactions, isReactionEnabled, message, reactionSelectorRef } =
+    useMessageContext();
 
   const messageWrapperRef = useRef<HTMLDivElement>(null);
 

examples/vite/src/App.tsx

@@ -16,9 +16,9 @@ import {
 } from 'stream-chat-react';
 import 'stream-chat-react/css/v2/index.css';
 
-const params = (new Proxy(new URLSearchParams(window.location.search), {
+const params = new Proxy(new URLSearchParams(window.location.search), {
   get: (searchParams, property) => searchParams.get(property as string),
-}) as unknown) as Record<string, string | null>;
+}) as unknown as Record<string, string | null>;
 
 const parseUserIdFromToken = (token: string) => {
   const [, payload] = token.split('.');

src/components/AIStateIndicator/AIStateIndicator.tsx

@@ -8,20 +8,19 @@ import { useChannelStateContext, useTranslationContext } from '../../context';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AIStateIndicatorProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   channel?: Channel<StreamChatGenerics>;
 };
 
 export const AIStateIndicator = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   channel: channelFromProps,
 }: AIStateIndicatorProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
-  const { channel: channelFromContext } = useChannelStateContext<StreamChatGenerics>(
-    'AIStateIndicator',
-  );
+  const { channel: channelFromContext } =
+    useChannelStateContext<StreamChatGenerics>('AIStateIndicator');
   const channel = channelFromProps || channelFromContext;
   const { aiState } = useAIState(channel);
   const allowedStates = {

src/components/AIStateIndicator/hooks/useAIState.ts

@@ -18,7 +18,7 @@ export const AIStates = {
  * @returns {{ aiState: AIState }} The current AI state for the given channel.
  */
 export const useAIState = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   channel?: Channel<StreamChatGenerics>,
 ): { aiState: AIState } => {

src/components/Attachment/Attachment.tsx

@@ -55,7 +55,7 @@ export const ATTACHMENT_GROUPS_ORDER = [
 ] as const;
 
 export type AttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   /** The message attachments to render, see [attachment structure](https://getstream.io/chat/docs/javascript/message_format/?language=javascript) **/
   attachments: StreamAttachment<StreamChatGenerics>[];
@@ -87,7 +87,7 @@ export type AttachmentProps<
  * A component used for rendering message attachments. By default, the component supports: AttachmentActions, Audio, Card, File, Gallery, Image, and Video
  */
 export const Attachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AttachmentProps<StreamChatGenerics>,
 ) => {
@@ -107,7 +107,7 @@ export const Attachment = <
 };
 
 const renderGroupedAttachments = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachments,
   ...rest
@@ -169,7 +169,7 @@ const renderGroupedAttachments = <
 };
 
 const getAttachmentType = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   attachment: AttachmentProps<StreamChatGenerics>['attachments'][number],
 ): keyof typeof CONTAINER_MAP => {

src/components/Attachment/AttachmentActions.tsx

@@ -7,7 +7,7 @@ import type { ActionHandlerReturnType } from '../Message/hooks/useActionHandler'
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AttachmentActionsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Attachment<StreamChatGenerics> & {
   /** A list of actions */
   actions: Action[];
@@ -20,7 +20,7 @@ export type AttachmentActionsProps<
 };
 
 const UnMemoizedAttachmentActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AttachmentActionsProps<StreamChatGenerics>,
 ) => {

src/components/Attachment/AttachmentContainer.tsx

@@ -30,13 +30,13 @@ import type {
 import type { Attachment } from 'stream-chat';
 
 export type AttachmentContainerProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics> | GalleryAttachment<StreamChatGenerics>;
   componentType: AttachmentComponentType;
 };
 export const AttachmentWithinContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   children,
@@ -50,8 +50,8 @@ export const AttachmentWithinContainer = <
       componentType === 'card' && !attachment?.image_url && !attachment?.thumb_url
         ? 'no-image'
         : attachment?.actions?.length
-        ? 'actions'
-        : '';
+          ? 'actions'
+          : '';
   }
 
   const classNames = clsx(
@@ -69,7 +69,7 @@ export const AttachmentWithinContainer = <
 };
 
 export const AttachmentActionsContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   actionHandler,
   attachment,
@@ -108,7 +108,7 @@ function getCssDimensionsVariables(url: string) {
 }
 
 export const GalleryContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   Gallery = DefaultGallery,
@@ -150,7 +150,7 @@ export const GalleryContainer = <
 };
 
 export const ImageContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
@@ -194,7 +194,7 @@ export const ImageContainer = <
 };
 
 export const CardContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
@@ -220,7 +220,7 @@ export const CardContainer = <
 };
 
 export const FileContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   File = DefaultFile,
@@ -234,7 +234,7 @@ export const FileContainer = <
   );
 };
 export const AudioContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   Audio = DefaultAudio,
@@ -247,7 +247,7 @@ export const AudioContainer = <
 );
 
 export const VoiceRecordingContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   VoiceRecording = DefaultVoiceRecording,
@@ -261,18 +261,16 @@ export const VoiceRecordingContainer = <
 );
 
 export const MediaContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: RenderAttachmentProps<StreamChatGenerics>,
 ) => {
   const { attachment, Media = ReactPlayer } = props;
   const componentType = 'media';
   const { shouldGenerateVideoThumbnail, videoAttachmentSizeHandler } = useChannelStateContext();
   const videoElement = useRef<HTMLDivElement>(null);
-  const [
-    attachmentConfiguration,
-    setAttachmentConfiguration,
-  ] = useState<VideoAttachmentConfiguration>();
+  const [attachmentConfiguration, setAttachmentConfiguration] =
+    useState<VideoAttachmentConfiguration>();
 
   useLayoutEffect(() => {
     if (videoElement.current && videoAttachmentSizeHandler) {
@@ -319,7 +317,7 @@ export const MediaContainer = <
 };
 
 export const UnsupportedAttachmentContainer = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
   UnsupportedAttachment = DefaultUnsupportedAttachment,

src/components/Attachment/Audio.tsx

@@ -8,14 +8,14 @@ import { useAudioController } from './hooks/useAudioController';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type AudioProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   // fixme: rename og to attachment
   og: Attachment<StreamChatGenerics>;
 };
 
 const UnMemoizedAudio = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: AudioProps<StreamChatGenerics>,
 ) => {

src/components/Attachment/FileAttachment.tsx

@@ -7,13 +7,13 @@ import { DownloadButton, FileSizeIndicator } from './components';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type FileAttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics>;
 };
 
 const UnMemoizedFileAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
 }: FileAttachmentProps<StreamChatGenerics>) => (

src/components/Attachment/UnsupportedAttachment.tsx

@@ -5,13 +5,13 @@ import type { Attachment } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export type UnsupportedAttachmentProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
   attachment: Attachment<StreamChatGenerics>;
 };
 
 export const UnsupportedAttachment = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
   attachment,
 }: UnsupportedAttachmentProps<StreamChatGenerics>) => {