@sendbird/uikit-react-native 1.0.0-rc.4 → 1.0.2

package/src/domain/groupChannelList/component/GroupChannelListList.tsx

@@ -8,13 +8,13 @@ import { PASS, SendbirdGroupChannel, useFreshCallback } from '@sendbird/uikit-ut
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import type { GroupChannelListProps } from '../types';
 
-const GroupChannelListList: React.FC<GroupChannelListProps['List']> = ({
+const GroupChannelListList = ({
   renderGroupChannelPreview,
   groupChannels,
   onLoadNext,
   flatListProps,
   menuItemCreator = PASS,
-}) => {
+}: GroupChannelListProps['List']) => {
   const toast = useToast();
   const { openMenu } = useActionMenu();
   const { STRINGS } = useLocalization();

package/src/domain/groupChannelList/component/GroupChannelListTypeSelector.tsx

@@ -22,11 +22,11 @@ const TYPE_ICONS: Record<GroupChannelType, keyof typeof Icon.Assets> = {
   'BROADCAST': 'broadcast',
 };
 
-const GroupChannelListTypeSelector: React.FC<GroupChannelListProps['TypeSelector']> = ({
+const GroupChannelListTypeSelector = ({
   Header = DefaultHeader,
   skipTypeSelection,
   onSelectType,
-}) => {
+}: GroupChannelListProps['TypeSelector']) => {
   const { statusBarTranslucent } = useHeaderStyle();
   const { colors } = useUIKitTheme();
   const typeSelector = useContext(GroupChannelListContexts.TypeSelector);
@@ -82,11 +82,11 @@ const GroupChannelListTypeSelector: React.FC<GroupChannelListProps['TypeSelector
   );
 };
 
-const DefaultTypeIcon: React.FC<{ type: GroupChannelType }> = ({ type }) => {
+const DefaultTypeIcon = ({ type }: { type: GroupChannelType }) => {
   return <Icon size={24} icon={TYPE_ICONS[type]} containerStyle={styles.icon} />;
 };
 
-const DefaultTypeText: React.FC<{ type: GroupChannelType }> = ({ type }) => {
+const DefaultTypeText = ({ type }: { type: GroupChannelType }) => {
   const { STRINGS } = useLocalization();
   const { colors } = useUIKitTheme();
   return (

package/src/domain/groupChannelList/module/moduleContext.tsx

@@ -4,7 +4,7 @@ import { NOOP } from '@sendbird/uikit-utils';
 
 import ProviderLayout from '../../../components/ProviderLayout';
 import { useLocalization } from '../../../hooks/useContext';
-import type { GroupChannelListContextsType } from '../types';
+import type { GroupChannelListContextsType, GroupChannelListModule } from '../types';
 
 export const GroupChannelListContexts: GroupChannelListContextsType = {
   Fragment: createContext({
@@ -18,7 +18,7 @@ export const GroupChannelListContexts: GroupChannelListContextsType = {
   }),
 };
 
-export const GroupChannelListContextsProvider: React.FC = ({ children }) => {
+export const GroupChannelListContextsProvider: GroupChannelListModule['Provider'] = ({ children }) => {
   const { STRINGS } = useLocalization();
 
   // Type selector

package/src/domain/groupChannelList/types.ts

@@ -80,7 +80,7 @@ export interface GroupChannelListContextsType {
   }>;
 }
 export interface GroupChannelListModule {
-  Provider: React.FC;
+  Provider: CommonComponent;
   Header: CommonComponent<GroupChannelListProps['Header']>;
   List: CommonComponent<GroupChannelListProps['List']>;
   TypeSelector: CommonComponent<GroupChannelListProps['TypeSelector']>;
@@ -88,5 +88,5 @@ export interface GroupChannelListModule {
   StatusLoading: CommonComponent;
 }
 
-export type GroupChannelListFragment = React.FC<GroupChannelListProps['Fragment']>;
+export type GroupChannelListFragment = CommonComponent<GroupChannelListProps['Fragment']>;
 export type GroupChannelType = 'GROUP' | 'SUPER_GROUP' | 'BROADCAST';

package/src/domain/groupChannelSettings/component/GroupChannelSettingsHeader.tsx

@@ -5,7 +5,7 @@ import { Icon, Text, useHeaderStyle, useUIKitTheme } from '@sendbird/uikit-react
 import { GroupChannelSettingsContexts } from '../module/moduleContext';
 import type { GroupChannelSettingsProps } from '../types';
 
-const GroupChannelSettingsHeader: React.FC<GroupChannelSettingsProps['Header']> = ({ onPressHeaderLeft }) => {
+const GroupChannelSettingsHeader = ({ onPressHeaderLeft }: GroupChannelSettingsProps['Header']) => {
   const { colors } = useUIKitTheme();
   const { headerTitle, headerRight, onPressHeaderRight } = useContext(GroupChannelSettingsContexts.Fragment);
 

package/src/domain/groupChannelSettings/component/GroupChannelSettingsInfo.tsx

@@ -9,7 +9,7 @@ import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelSettingsContexts } from '../module/moduleContext';
 import type { GroupChannelSettingsProps } from '../types';
 
-const GroupChannelSettingsInfo: React.FC<GroupChannelSettingsProps['Info']> = () => {
+const GroupChannelSettingsInfo = (_: GroupChannelSettingsProps['Info']) => {
   const { channel } = useContext(GroupChannelSettingsContexts.Fragment);
   const { currentUser } = useSendbirdChat();
   const { STRINGS } = useLocalization();

package/src/domain/groupChannelSettings/component/GroupChannelSettingsMenu.tsx

@@ -8,11 +8,11 @@ import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
 import { GroupChannelSettingsContexts } from '../module/moduleContext';
 import type { GroupChannelSettingsProps } from '../types';
 
-const GroupChannelSettingsMenu: React.FC<GroupChannelSettingsProps['Menu']> = ({
+const GroupChannelSettingsMenu = ({
   onPressMenuMembers,
   onPressMenuLeaveChannel,
   menuItemsCreator = (menu) => menu,
-}) => {
+}: GroupChannelSettingsProps['Menu']) => {
   const { sdk } = useSendbirdChat();
   const { channel } = useContext(GroupChannelSettingsContexts.Fragment);
   const { STRINGS } = useLocalization();

package/src/domain/groupChannelSettings/module/moduleContext.tsx

@@ -14,7 +14,7 @@ import {
 
 import ProviderLayout from '../../../components/ProviderLayout';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../../hooks/useContext';
-import type { GroupChannelSettingsContextsType, GroupChannelSettingsProps } from '../types';
+import type { GroupChannelSettingsContextsType, GroupChannelSettingsModule } from '../types';
 
 export const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {
   Fragment: createContext({
@@ -26,10 +26,7 @@ export const GroupChannelSettingsContexts: GroupChannelSettingsContextsType = {
 };
 
 const HOOK_NAME = 'GroupChannelSettingsContextsProvider';
-export const GroupChannelSettingsContextsProvider: React.FC<GroupChannelSettingsProps['Provider']> = ({
-  children,
-  channel,
-}) => {
+export const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['Provider'] = ({ children, channel }) => {
   const uniqId = useUniqId(HOOK_NAME);
   const forceUpdate = useForceUpdate();
   const { STRINGS } = useLocalization();

package/src/domain/groupChannelSettings/types.ts

@@ -41,10 +41,10 @@ export interface GroupChannelSettingsContextsType {
   }>;
 }
 export interface GroupChannelSettingsModule {
-  Provider: React.FC<GroupChannelSettingsProps['Provider']>;
+  Provider: CommonComponent<GroupChannelSettingsProps['Provider']>;
   Header: CommonComponent<GroupChannelSettingsProps['Header']>;
   Info: CommonComponent<GroupChannelSettingsProps['Info']>;
   Menu: CommonComponent<GroupChannelSettingsProps['Menu']>;
 }
 
-export type GroupChannelSettingsFragment = React.FC<GroupChannelSettingsProps['Fragment']>;
+export type GroupChannelSettingsFragment = CommonComponent<GroupChannelSettingsProps['Fragment']>;

package/src/domain/groupChannelUserList/types.ts

@@ -1,8 +1,7 @@
-import type React from 'react';
-
 import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdGroupChannel, SendbirdGroupChannelParams } from '@sendbird/uikit-utils';
 
+import type { CommonComponent } from '../../types';
 import type { GroupChannelType } from '../groupChannelList/types';
 import type { UserListProps } from '../userList/types';
 
@@ -23,7 +22,7 @@ export interface GroupChannelCreateProps<User> {
     renderUser?: UserListProps<User>['List']['renderUser'];
   };
 }
-export type GroupChannelCreateFragment<User> = React.FC<GroupChannelCreateProps<User>['Fragment']>;
+export type GroupChannelCreateFragment<User> = CommonComponent<GroupChannelCreateProps<User>['Fragment']>;
 
 export interface GroupChannelInviteProps<User> {
   Fragment: {
@@ -36,7 +35,7 @@ export interface GroupChannelInviteProps<User> {
     sortComparator?: UseUserListOptions<User>['sortComparator'];
   };
 }
-export type GroupChannelInviteFragment<User> = React.FC<GroupChannelInviteProps<User>['Fragment']>;
+export type GroupChannelInviteFragment<User> = CommonComponent<GroupChannelInviteProps<User>['Fragment']>;
 
 export interface GroupChannelMembersProps<User> {
   Fragment: {
@@ -47,4 +46,4 @@ export interface GroupChannelMembersProps<User> {
     renderUser?: UserListProps<User>['List']['renderUser'];
   };
 }
-export type GroupChannelMembersFragment<User> = React.FC<GroupChannelMembersProps<User>['Fragment']>;
+export type GroupChannelMembersFragment<User> = CommonComponent<GroupChannelMembersProps<User>['Fragment']>;

package/src/domain/userList/module/moduleContext.tsx

@@ -1,10 +1,11 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { createContext, useState } from 'react';
 
 import type { ContextValue } from '@sendbird/uikit-utils';
 import { NOOP } from '@sendbird/uikit-utils';
 
 import ProviderLayout from '../../../components/ProviderLayout';
-import type { UserListContextsType, UserListProps } from '../types';
+import type { UserListContextsType, UserListModule } from '../types';
 
 export const UserListContexts: UserListContextsType<unknown> = {
   Fragment: createContext({
@@ -16,12 +17,7 @@ export const UserListContexts: UserListContextsType<unknown> = {
     setSelectedUsers: NOOP,
   }),
 };
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const UserListContextsProvider: React.FC<UserListProps<any>['Provider']> = ({
-  children,
-  headerTitle,
-  headerRight,
-}) => {
+export const UserListContextsProvider: UserListModule<any>['Provider'] = ({ children, headerTitle, headerRight }) => {
   const [selectedUsers, setSelectedUsers] = useState<unknown[]>([]);
 
   return (

package/src/domain/userList/types.ts

@@ -56,7 +56,7 @@ export interface UserListContextsType<User> {
 }
 
 export interface UserListModule<User> {
-  Provider: React.FC<UserListProps<User>['Provider']>;
+  Provider: CommonComponent<UserListProps<User>['Provider']>;
   Header: CommonComponent<UserListProps<User>['Header']>;
   List: CommonComponent<UserListProps<User>['List']>;
   StatusEmpty: CommonComponent;

package/src/fragments/createGroupChannelSettingsFragment.tsx

@@ -13,14 +13,7 @@ const createGroupChannelSettingsFragment = (
 ): GroupChannelSettingsFragment => {
   const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);
 
-  return ({
-    onPressHeaderLeft = NOOP,
-    channel,
-    onPressMenuMembers,
-    onPressMenuLeaveChannel,
-    menuItemsCreator,
-    children,
-  }) => {
+  return ({ onPressHeaderLeft = NOOP, channel, onPressMenuMembers, onPressMenuLeaveChannel, menuItemsCreator }) => {
     const { colors } = useUIKitTheme();
     const { left, right } = useSafeAreaInsets();
 
@@ -40,7 +33,6 @@ const createGroupChannelSettingsFragment = (
             onPressMenuMembers={onPressMenuMembers}
             onPressMenuLeaveChannel={onPressMenuLeaveChannel}
           />
-          {children}
         </ScrollView>
       </GroupChannelSettingsModule.Provider>
     );

package/src/platform/createFileService.expo.ts

@@ -1,7 +1,7 @@
-import type ExpoDocumentPicker from 'expo-document-picker';
-import type ExpoFs from 'expo-file-system';
-import type ExpoImagePicker from 'expo-image-picker';
-import type ExpoMediaLibrary from 'expo-media-library';
+import type * as ExpoDocumentPicker from 'expo-document-picker';
+import type * as ExpoFs from 'expo-file-system';
+import type * as ExpoImagePicker from 'expo-image-picker';
+import type * as ExpoMediaLibrary from 'expo-media-library';
 
 import { getFileExtension, getFileType } from '@sendbird/uikit-utils';
 
@@ -83,7 +83,6 @@ const createExpoFileService = ({
       return fileTypeGuard({ uri, size, type: `${type}/${ext.slice(1)}`, name: Date.now() + ext });
     }
     async openMediaLibrary(options: OpenMediaLibraryOptions) {
-      const selectionLimit = options?.selectionLimit || 1;
       const hasPermission = await this.hasMediaLibraryPermission('read');
       if (!hasPermission) {
         const granted = await this.requestMediaLibraryPermission('read');
@@ -93,17 +92,14 @@ const createExpoFileService = ({
         }
       }
 
-      const response = await imagePickerModule.launchImageLibraryAsync({ allowsMultipleSelection: true });
+      const response = await imagePickerModule.launchImageLibraryAsync();
       if (response.cancelled) return null;
+      const { uri } = response;
 
-      return Promise.all(
-        response.selected.slice(0, selectionLimit).map(async ({ uri }) => {
-          const { size } = await fsModule.getInfoAsync(uri);
-          const ext = getFileExtension(uri);
-          const type = getFileType(ext);
-          return fileTypeGuard({ uri, size, type: `${type}/${ext.slice(1)}`, name: Date.now() + ext });
-        }),
-      );
+      const { size } = await fsModule.getInfoAsync(uri);
+      const ext = getFileExtension(uri);
+      const type = getFileType(ext);
+      return [fileTypeGuard({ uri, size, type: `${type}/${ext.slice(1)}`, name: Date.now() + ext })];
     }
 
     async openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse> {
@@ -131,7 +127,9 @@ const createExpoFileService = ({
       const downloadPath = `${basePath}/${options.fileName}`;
 
       const response = await fsModule.downloadAsync(options.fileUrl, downloadPath);
-      await mediaLibraryModule.saveToLibraryAsync(response.uri);
+      if (getFileType(options.fileType || '').match(/video|image/)) {
+        await mediaLibraryModule.saveToLibraryAsync(response.uri);
+      }
       return response.uri;
     }
   }

package/src/version.ts

@@ -1,2 +1,2 @@
-const VERSION = '1.0.0-rc.4';
+const VERSION = '1.0.2';
 export default VERSION;