feat: add support for membership customization (#2802)

* feat: add support for membership customization

* fix: lint issues

Author: isekovanic

examples/ExpoMessaging/types.ts

@@ -5,14 +5,16 @@ export type LocalEventType = Record<string, unknown>;
 export type LocalMessageType = Record<string, unknown>;
 export type LocalReactionType = Record<string, unknown>;
 export type LocalUserType = Record<string, unknown>;
-type LocalPollOptionType = Record<string, unknown>;
-type LocalPollType = Record<string, unknown>;
+export type LocalPollOptionType = Record<string, unknown>;
+export type LocalPollType = Record<string, unknown>;
+export type LocalMemberType = Record<string, unknown>;
 
 export type StreamChatGenerics = {
   attachmentType: LocalAttachmentType;
   channelType: LocalChannelType;
   commandType: LocalCommandType;
   eventType: LocalEventType;
+  memberType: LocalMemberType;
   messageType: LocalMessageType;
   pollOptionType: LocalPollOptionType;
   pollType: LocalPollType;

examples/SampleApp/src/components/NewDirectMessagingSendButton.tsx

@@ -4,49 +4,30 @@ import { TouchableOpacity } from 'react-native-gesture-handler';
 import { useNavigation } from '@react-navigation/core';
 
 import {
-  DefaultAttachmentType,
-  DefaultChannelType,
-  DefaultCommandType,
-  DefaultEventType,
-  DefaultMessageType,
-  DefaultReactionType,
-  DefaultUserType,
+  DefaultStreamChatGenerics,
   MessageInputContextValue,
   Search,
   SendRight,
   SendUp,
-  UnknownType,
   useChannelContext,
   useMessageInputContext,
   useTheme,
 } from 'stream-chat-react-native';
 
 import { NewDirectMessagingScreenNavigationProp } from '../screens/NewDirectMessagingScreen';
 
-import { StreamChatGenerics } from '../types';
+import { StreamChatGenerics as LocalStreamChatGenerics } from '../types';
 
 type NewDirectMessagingSendButtonPropsWithContext<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'giphyActive' | 'sendMessage'> & {
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {
   /** Disables the button */ disabled: boolean;
 };
 
 const SendButtonWithContext = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
-  props: NewDirectMessagingSendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+  props: NewDirectMessagingSendButtonPropsWithContext<StreamChatGenerics>,
 ) => {
   const { disabled = false, giphyActive, sendMessage } = props;
   const {
@@ -70,17 +51,9 @@ const SendButtonWithContext = <
   );
 };
 
-const areEqual = <
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
->(
-  prevProps: NewDirectMessagingSendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
-  nextProps: NewDirectMessagingSendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>,
+const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
+  prevProps: NewDirectMessagingSendButtonPropsWithContext<StreamChatGenerics>,
+  nextProps: NewDirectMessagingSendButtonPropsWithContext<StreamChatGenerics>,
 ) => {
   const {
     disabled: prevDisabled,
@@ -117,23 +90,17 @@ const MemoizedNewDirectMessagingSendButton = React.memo(
 ) as typeof SendButtonWithContext;
 
 export type SendButtonProps<
-  At extends UnknownType = DefaultAttachmentType,
-  Ch extends UnknownType = DefaultChannelType,
-  Co extends string = DefaultCommandType,
-  Ev extends UnknownType = DefaultEventType,
-  Me extends UnknownType = DefaultMessageType,
-  Re extends UnknownType = DefaultReactionType,
-  Us extends UnknownType = DefaultUserType,
-> = Partial<NewDirectMessagingSendButtonPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+> = Partial<NewDirectMessagingSendButtonPropsWithContext<StreamChatGenerics>>;
 
 /**
  * UI Component for send button in MessageInput component.
  */
-export const NewDirectMessagingSendButton = (props: SendButtonProps<StreamChatGenerics>) => {
+export const NewDirectMessagingSendButton = (props: SendButtonProps<LocalStreamChatGenerics>) => {
   const navigation = useNavigation<NewDirectMessagingScreenNavigationProp>();
-  const { channel } = useChannelContext<StreamChatGenerics>();
+  const { channel } = useChannelContext<LocalStreamChatGenerics>();
 
-  const { giphyActive, text } = useMessageInputContext<StreamChatGenerics>();
+  const { giphyActive, text } = useMessageInputContext<LocalStreamChatGenerics>();
 
   const sendMessage = async () => {
     if (!channel) {
@@ -152,7 +119,7 @@ export const NewDirectMessagingSendButton = (props: SendButtonProps<StreamChatGe
   };
 
   return (
-    <MemoizedNewDirectMessagingSendButton<StreamChatGenerics>
+    <MemoizedNewDirectMessagingSendButton<LocalStreamChatGenerics>
       {...{ giphyActive, sendMessage }}
       {...props}
       {...{ disabled: props.disabled || false }}

examples/SampleApp/src/types.ts

@@ -17,12 +17,14 @@ export type LocalUserType = {
 };
 type LocalPollOptionType = Record<string, unknown>;
 type LocalPollType = Record<string, unknown>;
+type LocalMemberType = Record<string, unknown>;
 
 export type StreamChatGenerics = {
   attachmentType: LocalAttachmentType;
   channelType: LocalChannelType;
   commandType: LocalCommandType;
   eventType: LocalEventType;
+  memberType: LocalMemberType;
   messageType: LocalMessageType;
   pollOptionType: LocalPollOptionType;
   pollType: LocalPollType;

examples/TypeScriptMessaging/App.tsx

@@ -38,12 +38,14 @@ type LocalReactionType = Record<string, unknown>;
 type LocalUserType = Record<string, unknown>;
 type LocalPollOptionType = Record<string, unknown>;
 type LocalPollType = Record<string, unknown>;
+type LocalMemberType = Record<string, unknown>;
 
 type StreamChatGenerics = {
   attachmentType: LocalAttachmentType;
   channelType: LocalChannelType;
   commandType: LocalCommandType;
   eventType: LocalEventType;
+  memberType: LocalMemberType;
   messageType: LocalMessageType;
   pollOptionType: LocalPollOptionType;
   pollType: LocalPollType;

package/src/types/types.ts

@@ -82,6 +82,7 @@ export interface DefaultStreamChatGenerics extends ExtendableGenerics {
   channelType: DefaultChannelType;
   commandType: LiteralStringForUnion;
   eventType: UnknownType;
+  memberType: UnknownType;
   messageType: UnknownType;
   reactionType: UnknownType;
   userType: DefaultUserType;