Merge pull request #51 from sendbird/release/2.1.0

[SDKRLSD-595] Release/2.1.0

Author: bang9

.circleci/config.yml

@@ -73,6 +73,7 @@ jobs:
             echo "export PILOT_USERNAME=$FASTLANE_IOS_APPLE_ID" >> $BASH_ENV
             echo "export PILOT_APPLE_ID=$FASTLANE_IOS_ITC_TEAM_ID" >> $BASH_ENV
             echo "export PILOT_DEV_PORTAL_TEAM_ID=$FASTLANE_IOS_TEAM_ID" >> $BASH_ENV
+            echo "export PILOT_ITC_PROVIDER=$FASTLANE_IOS_TEAM_ID" >> $BASH_ENV 
             echo "export PILOT_SKIP_WAITING_FOR_BUILD_PROCESSING=true" >> $BASH_ENV
             echo "export FASTLANE_APPLE_APPLICATION_SPECIFIC_PASSWORD=$FASTLANE_IOS_APPLE_APPLICATION_SPECIFIC_PASSWORD" >> $BASH_ENV
       - run:

.github/workflows/ci.yml

@@ -38,7 +38,7 @@ jobs:
 
       - name: Install dependencies
         if: steps.check_cache.outputs.cache-hit == ''
-        run: yarn install
+        run: yarn install --frozen-lockfile
     outputs:
       cache_node_modules_key: ${{ steps.lockfile_hash.outputs.hash }}
 

CHANGELOG.md

@@ -3,6 +3,52 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.0](https://github.com/sendbird/sendbird-uikit-react-native/compare/v2.0.3...v2.1.0) (2022-12-06)
+
+
+### ⚠ BREAKING CHANGES
+
+* **uikit:** update camera roll module
+
+### Features
+
+* added group channel type selector ([9fb7a19](https://github.com/sendbird/sendbird-uikit-react-native/commit/9fb7a193b5e245ba89030ef9c9d8abae95cf4bba))
+* **chat-hooks:** added useGroupChannel hook ([9392dea](https://github.com/sendbird/sendbird-uikit-react-native/commit/9392dea1f5b7c5a102c0aa96107a472f8433bae8))
+* **foundation:** added profile card ui ([472f02f](https://github.com/sendbird/sendbird-uikit-react-native/commit/472f02f064cbad416661cf49e90c4c9509eb1a4c))
+* support broadcast and supergroup channel ([895fa3b](https://github.com/sendbird/sendbird-uikit-react-native/commit/895fa3b27ffb06977fb326610e8234cfb812ec1f))
+* **uikit:** added enableUseUserIdForNickname option ([5d3cfd8](https://github.com/sendbird/sendbird-uikit-react-native/commit/5d3cfd839ba7b0a58f7aba19d46b07b5d8dbea2d))
+* **uikit:** added group channel banned users fragment ([80e1a5e](https://github.com/sendbird/sendbird-uikit-react-native/commit/80e1a5ebaf6b80e6bb015ff64a9b4cc6ef2e19d7))
+* **uikit:** added group channel moderations fragment ([4213e6d](https://github.com/sendbird/sendbird-uikit-react-native/commit/4213e6dc279739d69dc2617de54ba1446c0e16e3))
+* **uikit:** added group channel muted members fragment ([3784b73](https://github.com/sendbird/sendbird-uikit-react-native/commit/3784b7364835fde061f91b157632dc864f555ab1))
+* **uikit:** added group channel operators add fragment ([4ac84ee](https://github.com/sendbird/sendbird-uikit-react-native/commit/4ac84ee727b4336555ed84deb70775c308b6d2e5))
+* **uikit:** added group channel operators fragment ([c7f6626](https://github.com/sendbird/sendbird-uikit-react-native/commit/c7f6626afd4236542f41aee48cfcdf9b217835b1))
+* **uikit:** added mini profile card ([0877463](https://github.com/sendbird/sendbird-uikit-react-native/commit/08774638ba0e283f6da2c63545be746746b64058))
+* **uikit:** added moderation in group channel members ([9b25059](https://github.com/sendbird/sendbird-uikit-react-native/commit/9b250594fa3ecf4c02ceeb3ea035ac7060fcf0f5))
+* **utils:** added buffered request function ([d3e375c](https://github.com/sendbird/sendbird-uikit-react-native/commit/d3e375cc05721c251846d27eb2f8f8e86ad4379f))
+
+
+### Bug Fixes
+
+* **chat-hooks:** prevent MESSAGE_RECEIVED handler called twice when receiving new message. ([ab988c6](https://github.com/sendbird/sendbird-uikit-react-native/commit/ab988c611d801e8eecd0b49743743c63ee48e1e2))
+
+
+### Improvements
+
+* **chat-hooks:** removed activeChannel from useGroupChannelMessages for normalizing ([70fb1c7](https://github.com/sendbird/sendbird-uikit-react-native/commit/70fb1c7ec2acad4f74d95c37c6d0bdf66d3eab88))
+* **uikit:** update camera roll module ([5ddb5d3](https://github.com/sendbird/sendbird-uikit-react-native/commit/5ddb5d33f81d8fdd7b4dd2fa541cd687d5a9bd30))
+
+
+### Documentation
+
+* added list banned users in group channel ([4f60dfb](https://github.com/sendbird/sendbird-uikit-react-native/commit/4f60dfb19e5ae6ee8ab439b23b27cf1ebb0ae213))
+* added list muted members ([877d7d8](https://github.com/sendbird/sendbird-uikit-react-native/commit/877d7d8928b8cfebbb64320756e940e959991e9a))
+* added list operators in group channel ([a4afbf7](https://github.com/sendbird/sendbird-uikit-react-native/commit/a4afbf75e80432fe5cd7ada79b1edb1f33db93d0))
+* added moderating channels and members page ([aad20af](https://github.com/sendbird/sendbird-uikit-react-native/commit/aad20af84a51ad7eb288bc016efe395b791c8754))
+* added register member as operators ([7dde222](https://github.com/sendbird/sendbird-uikit-react-native/commit/7dde22261dca51e19c2d9475141be18ec74aa22b))
+* update docs validation snippet ([4aaeb89](https://github.com/sendbird/sendbird-uikit-react-native/commit/4aaeb894c172c58e95feed03d14fd75b94ec9b19))
+
+
+
 ## [2.0.3](https://github.com/sendbird/sendbird-uikit-react-native/compare/v2.0.1...v2.0.3) (2022-12-01)
 
 

README.md

@@ -99,6 +99,13 @@ yarn workspace @sendbird/uikit-react-native run create-domain
 > **Note**
 > We are using [yarn workspaces](https://classic.yarnpkg.com/en/docs/workspaces) and [lerna](https://github.com/lerna/lerna) to maintain this monorepo
 
+#### Patch package
+
+If you need to patch some packages for the sample to work using `patch-package`
+
+1. `npx patch-package package-name` > mark as comment `yarn-path` in `.yarnrc` file
+2. OR `./node_modules/.bin/patch-package package-name` > just run
+
 #### Package dependencies
 
 See [yarn workspace](https://classic.yarnpkg.com/en/docs/cli/workspace)

docs-validation/4_key-functions/ConfiguringChannelSettings/ConfigureGroupChannelSettings.tsx

@@ -17,15 +17,15 @@ const GroupChannelSettingsScreen = ({ params }: { params: { channelUrl: string }
   const navigateToBack = () => {};
   const navigateToGroupChannelListScreen = () => {};
   const navigateToGroupChannelMembersScreen = () => {};
-  const navigateToGroupChannelModerationsScreen = () => {};
+  const navigateToGroupChannelModerationScreen = () => {};
 
   return (
     <GroupChannelSettingsFragment
       channel={channel}
       onPressHeaderLeft={navigateToBack}
       onPressMenuLeaveChannel={navigateToGroupChannelListScreen}
       onPressMenuMembers={navigateToGroupChannelMembersScreen}
-      onPressMenuModerations={navigateToGroupChannelModerationsScreen}
+      onPressMenuModeration={navigateToGroupChannelModerationScreen}
     />
   );
 };
@@ -74,15 +74,15 @@ const GroupChannelSettingsScreen2 = ({ params }: { params: { channelUrl: string
   const navigateToBack = () => {};
   const navigateToGroupChannelListScreen = () => {};
   const navigateToGroupChannelMembersScreen = () => {};
-  const navigateToGroupChannelModerationsScreen = () => {};
+  const navigateToGroupChannelModerationScreen = () => {};
 
   return (
     <GroupChannelSettingsFragment2
       channel={channel}
       onPressHeaderLeft={navigateToBack}
       onPressMenuLeaveChannel={navigateToGroupChannelListScreen}
       onPressMenuMembers={navigateToGroupChannelMembersScreen}
-      onPressMenuModerations={navigateToGroupChannelModerationsScreen}
+      onPressMenuModeration={navigateToGroupChannelModerationScreen}
       menuItemsCreator={(items) => {
         items.unshift({
           icon: 'channels',

docs-validation/4_key-functions/CreatingAChannel/CreateAGroupChannel.tsx

@@ -3,7 +3,7 @@ import React, { useContext } from 'react';
 const MyAppUserBar = (_: Record<string, unknown>) => <></>;
 const createMyAppUserQuery = () => ({
   async next(): Promise<MyAppUser[]> {
-    return [{ uid: '', name: '', profile: '' }];
+    return [{ userId: '', name: '', profile: '' }];
   },
   isLoading: false,
   hasNext: false,
@@ -71,10 +71,14 @@ const Component2 = () => {
  * Customization
  * {@link https://sendbird.com/docs/uikit/v3/react-native/key-functions/creating-a-channel/create-a-group-channel#2-customization}
  * */
-import { CustomQuery } from '@sendbird/uikit-chat-hooks';
+import { CustomQuery, UserStruct } from '@sendbird/uikit-chat-hooks';
 import { createGroupChannelCreateFragment } from '@sendbird/uikit-react-native';
 
-type MyAppUser = { uid: string; name: string; profile: string };
+interface MyAppUser extends UserStruct {
+  userId: string;
+  name: string;
+  profile: string;
+}
 
 const myAppUserQueryCreator = () => {
   const query = createMyAppUserQuery();
@@ -103,9 +107,8 @@ const GroupChannelCreateScreen2 = ({ params }: { params: { channelType: GroupCha
       onCreateChannel={replaceToGroupChannelScreen}
       channelType={channelTypeFromGroupChannelListScreen}
       queryCreator={myAppUserQueryCreator}
-      userIdsGenerator={(users) => users.map((u) => u.uid)}
       renderUser={(user, selectedUsers, setSelectedUsers) => {
-        const selected = selectedUsers.findIndex((u) => u.uid === user.uid) > -1;
+        const selected = selectedUsers.findIndex((u) => u.userId === user.userId) > -1;
         return <MyAppUserBar selected={selected} user={user} onToggle={setSelectedUsers} />;
       }}
     />

docs-validation/4_key-functions/InviteUsers.tsx

@@ -3,7 +3,7 @@ import React  from "react";
 const MyAppUserBar = (_: Record<string, unknown>) => <></>;
 const createMyAppUserQuery = () => ({
   async next(): Promise<MyAppUser[]> {
-    return [{ uid: '', name: '', profile: '' }];
+    return [{ userId: '', name: '', profile: '' }];
   },
   isLoading: false,
   hasNext: false,
@@ -82,11 +82,15 @@ const Component2 = () => {
  * Customization
  * {@link https://sendbird.com/docs/uikit/v3/react-native/key-functions/creating-a-channel/create-a-group-channel#2-customization}
  * */
-import { CustomQuery } from '@sendbird/uikit-chat-hooks';
+import { CustomQuery, UserStruct } from '@sendbird/uikit-chat-hooks';
 // import { useSendbirdChat, createGroupChannelInviteFragment } from '@sendbird/uikit-react-native';
 // import { useGroupChannel } from '@sendbird/uikit-chat-hooks';
 
-type MyAppUser = { uid: string; name: string; profile: string };
+interface MyAppUser extends UserStruct {
+  userId: string;
+  name: string;
+  profile: string;
+}
 
 const myAppUserQueryCreator = () => {
   const query = createMyAppUserQuery();
@@ -118,9 +122,8 @@ const GroupChannelInviteScreen2 = ({ params }: { params: { channelUrl: string }
       onPressHeaderLeft={navigateToBack}
       onInviteMembers={navigateToGroupChannel}
       queryCreator={myAppUserQueryCreator}
-      userIdsGenerator={(users) => users.map((u) => u.uid)}
       renderUser={(user, selectedUsers, setSelectedUsers) => {
-        const selected = selectedUsers.findIndex((u) => u.uid === user.uid) > -1;
+        const selected = selectedUsers.findIndex((u) => u.userId === user.userId) > -1;
         return <MyAppUserBar selected={selected} user={user} onToggle={setSelectedUsers} />;
       }}
     />

docs-validation/4_key-functions/ListingUsers/ListBannedUsersInGroupChannel.tsx

@@ -0,0 +1,38 @@
+const MyHeader = () => null;
+
+/**
+ *
+ * {@link }
+ * */
+import React from 'react';
+
+import { useGroupChannel } from '@sendbird/uikit-chat-hooks';
+import { createGroupChannelBannedUsersFragment, useSendbirdChat } from '@sendbird/uikit-react-native';
+
+const GroupChannelBannedUsersFragment = createGroupChannelBannedUsersFragment();
+const GroupChannelBannedUsersScreen = (params: { channelUrl: string }) => {
+  const { sdk } = useSendbirdChat();
+  const { channel } = useGroupChannel(sdk, params.channelUrl);
+  if (!channel) return null;
+
+  const navigateToBack = () => {};
+
+  return <GroupChannelBannedUsersFragment channel={channel} onPressHeaderLeft={navigateToBack} />;
+};
+
+/**
+ *
+ * {@link }
+ * */
+const GroupChannelBannedUsersFragment2 = createGroupChannelBannedUsersFragment({
+    Header: () => <MyHeader />, // Use custom header
+});
+const GroupChannelBannedUsersScreen2 = (params: { channelUrl: string }) => {
+    const { sdk } = useSendbirdChat();
+    const { channel } = useGroupChannel(sdk, params.channelUrl);
+    if (!channel) return null;
+
+    const navigateToBack = () => {};
+
+    return <GroupChannelBannedUsersFragment channel={channel} onPressHeaderLeft={navigateToBack} />;
+};

docs-validation/4_key-functions/ListingUsers/ListMutedMembers.tsx

@@ -0,0 +1,38 @@
+const MyHeader = () => null;
+
+/**
+ *
+ * {@link }
+ * */
+import React from 'react';
+
+import { useGroupChannel } from '@sendbird/uikit-chat-hooks';
+import { createGroupChannelMutedMembersFragment, useSendbirdChat } from '@sendbird/uikit-react-native';
+
+const GroupChannelMutedMembersFragment = createGroupChannelMutedMembersFragment();
+const GroupChannelMutedMembersScreen = (params: { channelUrl: string }) => {
+    const { sdk } = useSendbirdChat();
+    const { channel } = useGroupChannel(sdk, params.channelUrl);
+    if (!channel) return null;
+
+    const navigateToBack = () => {};
+
+    return <GroupChannelMutedMembersFragment channel={channel} onPressHeaderLeft={navigateToBack} />;
+};
+
+/**
+ *
+ * {@link }
+ * */
+const GroupChannelMutedMembersFragment2 = createGroupChannelMutedMembersFragment({
+    Header: () => <MyHeader />, // Use custom header
+});
+const GroupChannelMutedMembersScreen2 = (params: { channelUrl: string }) => {
+    const { sdk } = useSendbirdChat();
+    const { channel } = useGroupChannel(sdk, params.channelUrl);
+    if (!channel) return null;
+
+    const navigateToBack = () => {};
+
+    return <GroupChannelMutedMembersFragment channel={channel} onPressHeaderLeft={navigateToBack} />;
+};

docs-validation/4_key-functions/ListingUsers/ListOperatorsInGroupChannel.tsx

@@ -0,0 +1,52 @@
+const MyHeader = () => null;
+
+/**
+ *
+ * {@link }
+ * */
+import React from 'react';
+
+import { useGroupChannel } from '@sendbird/uikit-chat-hooks';
+import { createGroupChannelOperatorsFragment, useSendbirdChat } from '@sendbird/uikit-react-native';
+
+const GroupChannelOperatorsFragment = createGroupChannelOperatorsFragment();
+const GroupChannelOperatorsScreen = (params: { channelUrl: string }) => {
+  const { sdk } = useSendbirdChat();
+  const { channel } = useGroupChannel(sdk, params.channelUrl);
+  if (!channel) return null;
+
+  const navigateToBack = () => {};
+  const navigateToGroupChannelRegisterOperator = () => {};
+
+  return (
+    <GroupChannelOperatorsFragment
+      channel={channel}
+      onPressHeaderLeft={navigateToBack}
+      onPressHeaderRight={navigateToGroupChannelRegisterOperator}
+    />
+  );
+};
+
+/**
+ *
+ * {@link }
+ * */
+const GroupChannelOperatorsFragment2 = createGroupChannelOperatorsFragment({
+  Header: () => <MyHeader />, // Use custom header
+});
+const GroupChannelOperatorsScreen2 = (params: { channelUrl: string }) => {
+  const { sdk } = useSendbirdChat();
+  const { channel } = useGroupChannel(sdk, params.channelUrl);
+  if (!channel) return null;
+
+  const navigateToBack = () => {};
+  const navigateToGroupChannelRegisterOperator = () => {};
+
+  return (
+    <GroupChannelOperatorsFragment
+      channel={channel}
+      onPressHeaderLeft={navigateToBack}
+      onPressHeaderRight={navigateToGroupChannelRegisterOperator}
+    />
+  );
+};