@sendbird/uikit-react-native 2.3.0 → 2.4.0

package/src/fragments/createOpenChannelOperatorsFragment.tsx

@@ -0,0 +1,101 @@
+import React from 'react';
+
+import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
+import { NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+
+import StatusComposition from '../components/StatusComposition';
+import UserActionBar from '../components/UserActionBar';
+import { UNKNOWN_USER_ID } from '../constants';
+import { createOpenChannelOperatorsModule } from '../domain/openChannelOperators';
+import type { OpenChannelOperatorsFragment, OpenChannelOperatorsModule } from '../domain/openChannelOperators/types';
+import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+
+const createOpenChannelOperatorsFragment = (
+  initModule?: Partial<OpenChannelOperatorsModule>,
+): OpenChannelOperatorsFragment => {
+  const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);
+
+  return ({ onPressHeaderLeft = NOOP, onPressHeaderRight = NOOP, channel, renderUser }) => {
+    const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');
+
+    const { STRINGS } = useLocalization();
+    const { sdk, currentUser } = useSendbirdChat();
+    const { openMenu } = useActionMenu();
+    const { show } = useUserProfile();
+
+    const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {
+      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),
+    });
+
+    useChannelHandler(
+      sdk,
+      handlerId,
+      {
+        onUserBanned(eventChannel, user) {
+          if (isDifferentChannel(eventChannel, channel)) return;
+          deleteUser(user.userId);
+        },
+        onOperatorUpdated(eventChannel, updatedUsers) {
+          if (isDifferentChannel(eventChannel, channel)) return;
+          const operatorsAdded = users.length < updatedUsers.length;
+          if (operatorsAdded) updatedUsers.forEach(upsertUser);
+        },
+      },
+      'open',
+    );
+
+    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {
+      if (renderUser) return renderUser(props);
+
+      const { user } = props;
+      return (
+        <UserActionBar
+          muted={false}
+          uri={user.profileUrl}
+          name={
+            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +
+            (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')
+          }
+          disabled={user.userId === currentUser?.userId}
+          onPressAvatar={() => show(user)}
+          onPressActionMenu={ifThenOr(channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID), () => {
+            openMenu({
+              title: user.nickname || STRINGS.LABELS.USER_NO_NAME,
+              menuItems: [
+                {
+                  title: STRINGS.LABELS.UNREGISTER_OPERATOR,
+                  onPress: () => channel.removeOperators([user.userId]).then(() => deleteUser(user.userId)),
+                },
+              ],
+            });
+          })}
+        />
+      );
+    });
+
+    return (
+      <OpenChannelOperatorsModule.Provider channel={channel}>
+        <OpenChannelOperatorsModule.Header
+          onPressHeaderLeft={onPressHeaderLeft}
+          onPressHeaderRight={onPressHeaderRight}
+        />
+        <StatusComposition
+          loading={loading}
+          LoadingComponent={<OpenChannelOperatorsModule.StatusLoading />}
+          error={Boolean(error)}
+          ErrorComponent={<OpenChannelOperatorsModule.StatusError onPressRetry={refresh} />}
+        >
+          <OpenChannelOperatorsModule.List
+            operators={users}
+            renderUser={_renderUser}
+            onLoadNext={next}
+            ListEmptyComponent={<OpenChannelOperatorsModule.StatusEmpty />}
+          />
+        </StatusComposition>
+      </OpenChannelOperatorsModule.Provider>
+    );
+  };
+};
+
+export default createOpenChannelOperatorsFragment;

package/src/fragments/createOpenChannelParticipantsFragment.tsx

@@ -0,0 +1,144 @@
+import React, { useRef } from 'react';
+
+import { useChannelHandler, useUserList } from '@sendbird/uikit-chat-hooks';
+import type { ActionMenuItem } from '@sendbird/uikit-react-native-foundation';
+import { useActionMenu } from '@sendbird/uikit-react-native-foundation';
+import type { SendbirdParticipant } from '@sendbird/uikit-utils';
+import { ASYNC_NOOP, ifThenOr, isDifferentChannel, useFreshCallback, useUniqHandlerId } from '@sendbird/uikit-utils';
+
+import StatusComposition from '../components/StatusComposition';
+import UserActionBar from '../components/UserActionBar';
+import { UNKNOWN_USER_ID } from '../constants';
+import type { OpenChannelParticipantsFragment } from '../domain/openChannelUserList/types';
+import createUserListModule from '../domain/userList/module/createUserListModule';
+import type { UserListModule } from '../domain/userList/types';
+import { useLocalization, useSendbirdChat, useUserProfile } from '../hooks/useContext';
+
+const RETURN_EMPTY_STRING = () => '';
+const createOpenChannelParticipantsFragment = (
+  initModule?: Partial<UserListModule<SendbirdParticipant>>,
+): OpenChannelParticipantsFragment<SendbirdParticipant> => {
+  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);
+
+  return ({ channel, onPressHeaderLeft, renderUser }) => {
+    const handlerId = useUniqHandlerId('OpenChannelParticipantsFragment');
+
+    const refreshSchedule = useRef<NodeJS.Timeout>();
+    const { STRINGS } = useLocalization();
+    const { sdk, currentUser } = useSendbirdChat();
+    const { openMenu } = useActionMenu();
+    const { show } = useUserProfile();
+
+    const { users, refresh, loading, next, error, upsertUser, deleteUser } = useUserList(sdk, {
+      queryCreator: () => channel.createParticipantListQuery({ limit: 20 }),
+    });
+
+    useChannelHandler(
+      sdk,
+      handlerId,
+      {
+        onUserExited(eventChannel, user) {
+          if (isDifferentChannel(eventChannel, channel)) return;
+          deleteUser(user.userId);
+        },
+        onUserBanned(eventChannel, user) {
+          if (isDifferentChannel(eventChannel, channel)) return;
+          deleteUser(user.userId);
+        },
+        onOperatorUpdated(eventChannel) {
+          if (isDifferentChannel(eventChannel, channel)) return;
+          if (refreshSchedule.current) clearTimeout(refreshSchedule.current);
+          refreshSchedule.current = setTimeout(() => refresh(), 500);
+        },
+        onUserMuted(eventChannel, user) {
+          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+          // @ts-ignore - SDK should migrate User to Participant
+          user.isMuted = true;
+          upsertUser(user);
+        },
+        onUserUnmuted(eventChannel, user) {
+          if (isDifferentChannel(eventChannel, channel) || !eventChannel.isOpenChannel()) return;
+          // @ts-ignore - SDK should migrate User to Participant
+          user.isMuted = false;
+          upsertUser(user);
+        },
+      },
+      'open',
+    );
+
+    const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((user, selectedUsers, setSelectedUsers) => {
+      if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+
+      const isUserMuted = user.isMuted;
+      const isUserOperator = channel.isOperator(user.userId);
+      const isCurrentUserOperator = channel.isOperator(currentUser?.userId ?? UNKNOWN_USER_ID);
+
+      return (
+        <UserActionBar
+          muted={isUserMuted}
+          uri={user.profileUrl}
+          label={ifThenOr(isUserOperator, STRINGS.LABELS.USER_BAR_OPERATOR, '')}
+          name={
+            (user.nickname || STRINGS.LABELS.USER_NO_NAME) +
+            ifThenOr(user.userId === currentUser?.userId, STRINGS.LABELS.USER_BAR_ME_POSTFIX, '')
+          }
+          disabled={user.userId === currentUser?.userId}
+          onPressActionMenu={ifThenOr(isCurrentUserOperator, () => {
+            const menuItems: ActionMenuItem['menuItems'] = [];
+
+            menuItems.push({
+              title: ifThenOr(isUserOperator, STRINGS.LABELS.UNREGISTER_OPERATOR, STRINGS.LABELS.REGISTER_AS_OPERATOR),
+              onPress: ifThenOr(
+                isUserOperator,
+                () => channel.removeOperators([user.userId]),
+                () => channel.addOperators([user.userId]),
+              ),
+            });
+
+            menuItems.push({
+              title: ifThenOr(isUserMuted, STRINGS.LABELS.UNMUTE, STRINGS.LABELS.MUTE),
+              onPress: ifThenOr(
+                isUserMuted,
+                () => channel.unmuteUser(user),
+                () => channel.muteUser(user),
+              ),
+            });
+
+            menuItems.push({
+              title: STRINGS.LABELS.BAN,
+              style: 'destructive',
+              onPress: () => channel.banUser(user),
+            });
+
+            openMenu({ title: user.nickname || STRINGS.LABELS.USER_NO_NAME, menuItems });
+          })}
+          onPressAvatar={() => show(user)}
+        />
+      );
+    });
+
+    return (
+      <UserListModule.Provider
+        headerRight={RETURN_EMPTY_STRING}
+        headerTitle={STRINGS.OPEN_CHANNEL_PARTICIPANTS.HEADER_TITLE}
+      >
+        <UserListModule.Header onPressHeaderRight={ASYNC_NOOP} onPressHeaderLeft={onPressHeaderLeft} />
+        <StatusComposition
+          loading={loading}
+          LoadingComponent={<UserListModule.StatusLoading />}
+          error={Boolean(error)}
+          ErrorComponent={<UserListModule.StatusError onPressRetry={refresh} />}
+        >
+          <UserListModule.List
+            users={users as SendbirdParticipant[]}
+            renderUser={_renderUser}
+            onLoadNext={next}
+            ListEmptyComponent={<UserListModule.StatusEmpty />}
+          />
+        </StatusComposition>
+      </UserListModule.Provider>
+    );
+  };
+};
+
+export default createOpenChannelParticipantsFragment;

package/src/fragments/createOpenChannelRegisterOperatorFragment.tsx

@@ -0,0 +1,99 @@
+import React, { useCallback } from 'react';
+import { TouchableOpacity } from 'react-native';
+
+import { CustomQueryInterface, useUserList } from '@sendbird/uikit-chat-hooks';
+import type { SendbirdParticipant } from '@sendbird/uikit-utils';
+
+import StatusComposition from '../components/StatusComposition';
+import UserSelectableBar from '../components/UserSelectableBar';
+import type { OpenChannelRegisterOperatorFragment } from '../domain/openChannelUserList/types';
+import createUserListModule from '../domain/userList/module/createUserListModule';
+import type { UserListModule } from '../domain/userList/types';
+import { useLocalization, useSendbirdChat } from '../hooks/useContext';
+
+const createOpenChannelRegisterOperatorFragment = (
+  initModule?: Partial<UserListModule<SendbirdParticipant>>,
+): OpenChannelRegisterOperatorFragment<SendbirdParticipant> => {
+  const UserListModule = createUserListModule<SendbirdParticipant>(initModule);
+
+  return ({ channel, onPressHeaderLeft, sortComparator, renderUser, onPressHeaderRight }) => {
+    const { sdk, currentUser } = useSendbirdChat();
+    const { STRINGS } = useLocalization();
+    const { users, refreshing, refresh, next, error, loading } = useUserList(sdk, {
+      queryCreator: () => {
+        return channel.createParticipantListQuery({
+          limit: 20,
+        }) as unknown as CustomQueryInterface<SendbirdParticipant>;
+      },
+      sortComparator,
+    });
+
+    const _renderUser: NonNullable<typeof renderUser> = useCallback(
+      (user, selectedUsers, setSelectedUsers) => {
+        if (renderUser) return renderUser(user, selectedUsers, setSelectedUsers);
+
+        const userIdx = selectedUsers.findIndex((u) => u.userId === user.userId);
+        const isSelected = userIdx > -1;
+        const isOperator = channel.isOperator(user);
+
+        return (
+          <TouchableOpacity
+            activeOpacity={0.7}
+            disabled={isOperator}
+            onPress={() => {
+              setSelectedUsers(([...draft]) => {
+                if (isSelected) draft.splice(userIdx, 1);
+                else draft.push(user);
+                return draft;
+              });
+            }}
+          >
+            <UserSelectableBar
+              uri={user.profileUrl}
+              name={
+                (user.nickname || STRINGS.LABELS.USER_NO_NAME) +
+                (user.userId === currentUser?.userId ? STRINGS.LABELS.USER_BAR_ME_POSTFIX : '')
+              }
+              selected={isOperator || isSelected}
+              disabled={isOperator}
+            />
+          </TouchableOpacity>
+        );
+      },
+      [channel, renderUser],
+    );
+
+    return (
+      <UserListModule.Provider
+        headerRight={(selectedUsers) => STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_RIGHT({ selectedUsers })}
+        headerTitle={STRINGS.OPEN_CHANNEL_REGISTER_OPERATOR.HEADER_TITLE}
+      >
+        <UserListModule.Header
+          shouldActivateHeaderRight={(selectedUsers) => selectedUsers.length > 0}
+          onPressHeaderLeft={onPressHeaderLeft}
+          onPressHeaderRight={async (users) => {
+            await channel.addOperators(users.map((it) => it.userId));
+            onPressHeaderRight(channel);
+          }}
+        />
+        <StatusComposition
+          loading={loading}
+          error={Boolean(error)}
+          LoadingComponent={<UserListModule.StatusLoading />}
+          ErrorComponent={<UserListModule.StatusError onPressRetry={() => refresh()} />}
+        >
+          <UserListModule.List
+            onLoadNext={next}
+            users={users}
+            renderUser={_renderUser}
+            onRefresh={refresh}
+            refreshing={refreshing}
+            ListEmptyComponent={<UserListModule.StatusEmpty />}
+          />
+        </StatusComposition>
+      </UserListModule.Provider>
+    );
+  };
+};
+
+export default createOpenChannelRegisterOperatorFragment;

package/src/fragments/createOpenChannelSettingsFragment.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+import { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { NOOP } from '@sendbird/uikit-utils';
+
+import { createOpenChannelSettingsModule } from '../domain/openChannelSettings';
+import type { OpenChannelSettingsFragment, OpenChannelSettingsModule } from '../domain/openChannelSettings/types';
+
+const createOpenChannelSettingsFragment = (
+  initModule?: Partial<OpenChannelSettingsModule>,
+): OpenChannelSettingsFragment => {
+  const OpenChannelSettingsModule = createOpenChannelSettingsModule(initModule);
+
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    onPressMenuModeration,
+    onPressMenuParticipants,
+    onPressMenuDeleteChannel,
+    onNavigateToOpenChannel,
+    menuItemsCreator,
+  }) => {
+    const { colors } = useUIKitTheme();
+    const { left, right } = useSafeAreaInsets();
+
+    return (
+      <OpenChannelSettingsModule.Provider channel={channel} onNavigateToOpenChannel={onNavigateToOpenChannel}>
+        <OpenChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />
+        <ScrollView
+          style={{ backgroundColor: colors.background }}
+          contentContainerStyle={{
+            paddingLeft: left + styles.viewContainer.paddingHorizontal,
+            paddingRight: right + styles.viewContainer.paddingHorizontal,
+          }}
+        >
+          <OpenChannelSettingsModule.Info />
+          <OpenChannelSettingsModule.Menu
+            menuItemsCreator={menuItemsCreator}
+            onPressMenuModeration={onPressMenuModeration}
+            onPressMenuParticipants={onPressMenuParticipants}
+            onPressMenuDeleteChannel={onPressMenuDeleteChannel}
+          />
+        </ScrollView>
+      </OpenChannelSettingsModule.Provider>
+    );
+  };
+};
+
+const styles = createStyleSheet({
+  viewContainer: {
+    paddingHorizontal: 16,
+  },
+});
+
+export default createOpenChannelSettingsFragment;

package/src/hooks/useMentionSuggestion.ts

@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 
 import type { SendbirdGroupChannel, SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
-import { useAsyncEffect } from '@sendbird/uikit-utils';
+import { useAsyncEffect, useDebounceEffect } from '@sendbird/uikit-utils';
 
 import { useSendbirdChat } from '../hooks/useContext';
 import type { Range } from '../types';
@@ -22,7 +22,6 @@ const useMentionSuggestion = (params: {
 
   const { mentionManager, currentUser } = useSendbirdChat();
   const [members, setMembers] = useState<SendbirdMember[]>([]);
-  const timeoutRef = useRef<NodeJS.Timeout>();
 
   const searchStringRangeRef = useRef<Range>({ start: 0, end: 0 });
   const searchLimitedRef = useRef(false);
@@ -79,21 +78,15 @@ const useMentionSuggestion = (params: {
     }
   };
 
-  useEffect(() => {
-    timeoutRef.current = setTimeout(async () => {
-      fetchMembers()
+  useDebounceEffect(
+    () => {
+      return fetchMembers()
         .then(setMembers)
-        .catch(() => setMembers([]))
-        .finally(() => (timeoutRef.current = undefined));
-    }, mentionManager.config.debounceMills);
-
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = undefined;
-      }
-    };
-  }, [text, selection]);
+        .catch(() => setMembers([]));
+    },
+    mentionManager.config.debounceMills,
+    [text, selection],
+  );
 
   return {
     members,

package/src/index.ts

@@ -3,7 +3,9 @@ import { Platform } from 'react-native';
 
 import { Logger } from '@sendbird/uikit-utils';
 
+export { default as ChannelInput } from './components/ChannelInput';
 export { default as MessageRenderer } from './components/MessageRenderer';
+export { default as OpenChannelMessageRenderer } from './components/OpenChannelMessageRenderer';
 export { ReactionAddons } from './components/ReactionAddons';
 export { ReactionBottomSheets } from './components/ReactionBottomSheets';
 export { default as ChannelCover } from './components/ChannelCover';
@@ -17,7 +19,7 @@ export { default as TypedPlaceholder } from './components/TypedPlaceholder';
 export { default as UserActionBar } from './components/UserActionBar';
 export { default as UserSelectableBar } from './components/UserSelectableBar';
 
-/** Fragments **/
+/** Fragments - group channels **/
 export { default as createGroupChannelCreateFragment } from './fragments/createGroupChannelCreateFragment';
 export { default as createGroupChannelFragment } from './fragments/createGroupChannelFragment';
 export { default as createGroupChannelSettingsFragment } from './fragments/createGroupChannelSettingsFragment';
@@ -31,6 +33,18 @@ export { default as createGroupChannelMutedMembersFragment } from './fragments/c
 export { default as createGroupChannelBannedUsersFragment } from './fragments/createGroupChannelBannedUsersFragment';
 export { default as createGroupChannelNotificationsFragment } from './fragments/createGroupChannelNotificationsFragment';
 
+/** Fragments - open channels **/
+export { default as createOpenChannelFragment } from './fragments/createOpenChannelFragment';
+export { default as createOpenChannelParticipantsFragment } from './fragments/createOpenChannelParticipantsFragment';
+export { default as createOpenChannelSettingsFragment } from './fragments/createOpenChannelSettingsFragment';
+export { default as createOpenChannelListFragment } from './fragments/createOpenChannelListFragment';
+export { default as createOpenChannelCreateFragment } from './fragments/createOpenChannelCreateFragment';
+export { default as createOpenChannelModerationFragment } from './fragments/createOpenChannelModerationFragment';
+export { default as createOpenChannelBannedUsersFragment } from './fragments/createOpenChannelBannedUsersFragment';
+export { default as createOpenChannelMutedParticipantsFragment } from './fragments/createOpenChannelMutedParticipantsFragment';
+export { default as createOpenChannelOperatorsFragment } from './fragments/createOpenChannelOperatorsFragment';
+export { default as createOpenChannelRegisterOperatorFragment } from './fragments/createOpenChannelRegisterOperatorFragment';
+
 /** Context **/
 export { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChatCtx';
 export { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformServiceCtx';
@@ -43,9 +57,9 @@ export { default as usePushTokenRegistration } from './hooks/usePushTokenRegistr
 export * from './hooks/useContext';
 
 /** Localization **/
+export { createBaseStringSet } from './localization/createBaseStringSet';
 export { default as StringSetEn } from './localization/StringSet.en';
-export { createBaseStringSet } from './localization/StringSet.type';
-export type { StringSet } from './localization/StringSet.type';
+export * from './localization/StringSet.type';
 
 /** Platform API **/
 export { default as createNativeFileService } from './platform/createFileService.native';
@@ -56,67 +70,59 @@ export { default as createExpoFileService } from './platform/createFileService.e
 export { default as createExpoClipboardService } from './platform/createClipboardService.expo';
 export { default as createExpoNotificationService } from './platform/createNotificationService.expo';
 export { default as createExpoMediaService } from './platform/createMediaService.expo';
+export * from './platform/types';
+
+/** Feature - shared **/
+export * from './domain/userList';
+export * from './domain/userList/types';
 
-export type {
-  FileServiceInterface,
-  ClipboardServiceInterface,
-  FilePickerServiceInterface,
-  FileSystemServiceInterface,
-  SaveOptions,
-  OpenDocumentOptions,
-  OpenCameraOptions,
-  OpenMediaLibraryOptions,
-  OpenResultListener,
-  DownloadedPath,
-  Unsubscribe,
-  FilePickerResponse,
-  FileType,
-  NotificationServiceInterface,
-  MediaServiceInterface,
-} from './platform/types';
-
-/** Domain **/
+/** Feature - group channels **/
 export * from './domain/groupChannel';
-export type {
-  GroupChannelProps,
-  GroupChannelModule,
-  GroupChannelFragment,
-  GroupChannelContextsType,
-} from './domain/groupChannel/types';
+export * from './domain/groupChannel/types';
 
 export * from './domain/groupChannelSettings';
-export type {
-  GroupChannelSettingsProps,
-  GroupChannelSettingsModule,
-  GroupChannelSettingsFragment,
-  GroupChannelSettingsContextsType,
-} from './domain/groupChannelSettings/types';
+export * from './domain/groupChannelSettings/types';
 
 export * from './domain/groupChannelList';
-export type {
-  GroupChannelType,
-  GroupChannelListProps,
-  GroupChannelListModule,
-  GroupChannelListFragment,
-  GroupChannelListContextsType,
-} from './domain/groupChannelList/types';
+export * from './domain/groupChannelList/types';
 
 export * from './domain/groupChannelNotifications';
-export {
-  GroupChannelNotificationsProps,
-  GroupChannelNotificationsContextsType,
-  GroupChannelNotificationsFragment,
-  GroupChannelNotificationsModule,
-} from './domain/groupChannelNotifications/types';
+export * from './domain/groupChannelNotifications/types';
 
 export * from './domain/groupChannelUserList/types';
-export * from './domain/userList';
-export type { UserListProps, UserListModule, UserListContextsType } from './domain/userList/types';
+
+/** Feature - open channels **/
+export * from './domain/openChannel';
+export * from './domain/openChannel/types';
+
+export * from './domain/openChannelSettings';
+export * from './domain/openChannelSettings/types';
+
+export * from './domain/openChannelList';
+export * from './domain/openChannelList/types';
+
+export * from './domain/openChannelCreate';
+export * from './domain/openChannelCreate/types';
+
+export * from './domain/openChannelModeration';
+export * from './domain/openChannelModeration/types';
+
+export * from './domain/openChannelBannedUsers';
+export * from './domain/openChannelBannedUsers/types';
+
+export * from './domain/openChannelMutedParticipants';
+export * from './domain/openChannelMutedParticipants/types';
+
+export * from './domain/openChannelOperators';
+export * from './domain/openChannelOperators/types';
+
+export * from './domain/openChannelUserList/types';
 
 /** UIKit **/
 export { default as SendbirdUIKitContainer, SendbirdUIKit } from './containers/SendbirdUIKitContainer';
 export type { SendbirdUIKitContainerProps } from './containers/SendbirdUIKitContainer';
 export { default as SBUError } from './libs/SBUError';
+export { default as SBUUtils } from './libs/SBUUtils';
 
 export * from './types';
 

package/src/localization/StringSet.en.ts

@@ -1,6 +1,6 @@
 import dateLocale from 'date-fns/locale/en-US';
 
-import { createBaseStringSet } from './StringSet.type';
+import { createBaseStringSet } from './createBaseStringSet';
 
 const StringSetEn = createBaseStringSet({ dateLocale });