@sendbird/uikit-react-native 1.0.0-rc.1

package/src/fragments/createGroupChannelSettingsFragment.tsx

@@ -0,0 +1,56 @@
+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 createGroupChannelSettingsModule from '../domain/groupChannelSettings/module/createGroupChannelSettingsModule';
+import type { GroupChannelSettingsFragment, GroupChannelSettingsModule } from '../domain/groupChannelSettings/types';
+
+const createGroupChannelSettingsFragment = (
+  initModule?: Partial<GroupChannelSettingsModule>,
+): GroupChannelSettingsFragment => {
+  const GroupChannelSettingsModule = createGroupChannelSettingsModule(initModule);
+
+  return ({
+    onPressHeaderLeft = NOOP,
+    channel,
+    onPressMenuMembers,
+    onPressMenuLeaveChannel,
+    menuItemsCreator,
+    children,
+  }) => {
+    const { colors } = useUIKitTheme();
+    const { left, right } = useSafeAreaInsets();
+
+    return (
+      <GroupChannelSettingsModule.Provider channel={channel}>
+        <GroupChannelSettingsModule.Header onPressHeaderLeft={onPressHeaderLeft} />
+        <ScrollView
+          style={{ backgroundColor: colors.background }}
+          contentContainerStyle={{
+            paddingLeft: left + styles.viewContainer.paddingHorizontal,
+            paddingRight: right + styles.viewContainer.paddingHorizontal,
+          }}
+        >
+          <GroupChannelSettingsModule.Info />
+          <GroupChannelSettingsModule.Menu
+            menuItemsCreator={menuItemsCreator}
+            onPressMenuMembers={onPressMenuMembers}
+            onPressMenuLeaveChannel={onPressMenuLeaveChannel}
+          />
+          {children}
+        </ScrollView>
+      </GroupChannelSettingsModule.Provider>
+    );
+  };
+};
+
+const styles = createStyleSheet({
+  viewContainer: {
+    paddingHorizontal: 16,
+  },
+});
+
+export default createGroupChannelSettingsFragment;

package/src/hooks/useConnection.ts

@@ -0,0 +1,82 @@
+import { useCallback } from 'react';
+import type Sendbird from 'sendbird';
+
+import { Logger, SendbirdUser } from '@sendbird/uikit-utils';
+
+import { useSendbirdChat } from './useContext';
+import usePushTokenRegistration from './usePushTokenRegistration';
+
+type ConnectOptions = { nickname?: string; accessToken?: string };
+const cacheStrictCodes = [400300, 400301, 400302, 400310];
+
+const useConnection = () => {
+  const { sdk, setCurrentUser, features } = useSendbirdChat();
+  const { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser } = usePushTokenRegistration();
+
+  const connect = useCallback(
+    async (userId: string, opts?: ConnectOptions): Promise<SendbirdUser> => {
+      return new Promise((resolve, reject) => {
+        const callback: Sendbird.userCallback = async (user, error) => {
+          if (error && sdk.isCacheEnabled && cacheStrictCodes.some((code) => error.code === code)) {
+            Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
+            Logger.warn('[useConnection]', 'clear cached-data');
+            await sdk.clearCachedData().catch((e) => Logger.warn('[useConnection]', 'clear cached-data failure', e));
+            return reject(error);
+          }
+
+          if (user) {
+            let _user = user;
+
+            if (opts?.nickname) {
+              Logger.debug('[useConnection]', 'nickname-sync start:', opts.nickname);
+              await sdk
+                .updateCurrentUserInfo(opts.nickname, sdk.currentUser.profileUrl)
+                .then((updatedUser) => (_user = updatedUser))
+                .catch((e) => Logger.warn('[useConnection]', 'nickname-sync failure', e));
+            }
+
+            if (features.autoPushTokenRegistrationEnabled) {
+              Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, register for current user');
+              await registerPushTokenForCurrentUser().catch((e) => {
+                Logger.warn('[useConnection]', 'autoPushToken Registration failure', e);
+              });
+            }
+
+            Logger.debug('[useConnection]', 'connected!');
+            setCurrentUser(_user);
+            return resolve(_user);
+          }
+
+          if (error) {
+            Logger.warn('[useConnection]', 'connect failure', error.message, error.code);
+            return reject(error);
+          }
+        };
+
+        Logger.debug('[useConnection]', 'connect start:', userId);
+        if (opts?.accessToken) sdk.connect(userId, opts.accessToken, callback);
+        else sdk.connect(userId, callback);
+      });
+    },
+    [sdk, registerPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled],
+  );
+
+  const disconnect = useCallback(async () => {
+    Logger.debug('[useConnection]', 'disconnect start');
+
+    if (features.autoPushTokenRegistrationEnabled) {
+      Logger.debug('[useConnection]', 'autoPushTokenRegistration enabled, unregister for current user');
+      await unregisterPushTokenForCurrentUser().catch((e) => {
+        Logger.warn('[useConnection]', 'autoPushToken unregister failure', e);
+      });
+    }
+
+    await sdk.disconnect();
+    setCurrentUser(undefined);
+    Logger.debug('[useConnection]', 'disconnected!');
+  }, [sdk, unregisterPushTokenForCurrentUser, features.autoPushTokenRegistrationEnabled]);
+
+  return { connect, disconnect, reconnect: () => sdk.reconnect() };
+};
+
+export default useConnection;

package/src/hooks/useContext.ts

@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+
+import { LocalizationContext, LocalizationContextType } from '../contexts/Localization';
+import { PlatformServiceContext } from '../contexts/PlatformService';
+import { SendbirdChatContext } from '../contexts/SendbirdChat';
+
+export const useLocalization = () => {
+  const value = useContext<LocalizationContextType | null>(
+    LocalizationContext as React.Context<LocalizationContextType | null>,
+  );
+  if (!value) throw new Error('LocalizationContext is not provided');
+  return value;
+};
+
+export const usePlatformService = () => {
+  const value = useContext(PlatformServiceContext);
+  if (!value) throw new Error('PlatformServiceContext is not provided');
+  return value;
+};
+
+export const useSendbirdChat = () => {
+  const value = useContext(SendbirdChatContext);
+  if (!value) throw new Error('SendbirdChatContext is not provided');
+  return value;
+};

package/src/hooks/usePushTokenRegistration.ts

@@ -0,0 +1,64 @@
+import { useRef } from 'react';
+import { Platform } from 'react-native';
+
+import { Logger, useFreshCallback, useIIFE } from '@sendbird/uikit-utils';
+
+import { usePlatformService, useSendbirdChat } from './useContext';
+
+const usePushTokenRegistration = () => {
+  const { sdk } = useSendbirdChat();
+  const { notificationService } = usePlatformService();
+
+  const refreshListener = useRef<() => void>();
+  const [registerToken, unregisterToken, getToken] = useIIFE(() => {
+    return [
+      Platform.select({
+        ios: (token: string) => sdk.registerAPNSPushTokenForCurrentUser(token),
+        default: (token: string) => sdk.registerGCMPushTokenForCurrentUser(token),
+      }),
+      Platform.select({
+        ios: (token: string) => sdk.unregisterAPNSPushTokenForCurrentUser(token),
+        default: (token: string) => sdk.unregisterGCMPushTokenForCurrentUser(token),
+      }),
+      Platform.select({
+        ios: notificationService.getAPNSToken,
+        default: notificationService.getFCMToken,
+      }),
+    ];
+  });
+
+  const registerPushTokenForCurrentUser = useFreshCallback(async () => {
+    // Check and request push permission
+    const hasPermission = await notificationService.hasPushPermission();
+    if (!hasPermission) {
+      const pushPermission = await notificationService.requestPushPermission();
+      if (!pushPermission) {
+        Logger.warn('[usePushTokenRegistration]', 'Not granted push permission');
+        return;
+      }
+    }
+
+    // Register device token
+    const token = await getToken();
+    if (token) {
+      Logger.log('[usePushTokenRegistration]', 'registered token:', token);
+      registerToken(token);
+    }
+
+    // Remove listener
+    refreshListener.current = notificationService.onTokenRefresh(registerToken);
+  });
+
+  const unregisterPushTokenForCurrentUser = useFreshCallback(async () => {
+    const token = await getToken();
+    if (token) {
+      unregisterToken(token);
+      Logger.log('[usePushTokenRegistration]', 'unregistered token:', token);
+    }
+    refreshListener.current?.();
+  });
+
+  return { registerPushTokenForCurrentUser, unregisterPushTokenForCurrentUser };
+};
+
+export default usePushTokenRegistration;

package/src/index.ts

@@ -0,0 +1,104 @@
+/** Components **/
+import { Platform } from 'react-native';
+
+import { Logger } from '@sendbird/uikit-utils';
+
+export { default as MessageRenderer } from './components/MessageRenderer';
+export { default as ChannelCover } from './components/ChannelCover';
+export { default as ChatFlatList } from './components/ChatFlatList';
+export { default as NewMessagesButton } from './components/NewMessagesButton';
+export { default as ProviderLayout } from './components/ProviderLayout';
+export { default as ScrollToBottomButton } from './components/ScrollToBottomButton';
+export { default as StatusComposition } from './components/StatusComposition';
+export { default as TypedPlaceholder } from './components/TypedPlaceholder';
+export { default as UserActionBar } from './components/UserActionBar';
+export { default as UserSelectableBar } from './components/UserSelectableBar';
+
+/** Fragments **/
+export { default as createGroupChannelCreateFragment } from './fragments/createGroupChannelCreateFragment';
+export { default as createGroupChannelFragment } from './fragments/createGroupChannelFragment';
+export { default as createGroupChannelSettingsFragment } from './fragments/createGroupChannelSettingsFragment';
+export { default as createGroupChannelInviteFragment } from './fragments/createGroupChannelInviteFragment';
+export { default as createGroupChannelListFragment } from './fragments/createGroupChannelListFragment';
+export { default as createGroupChannelMembersFragment } from './fragments/createGroupChannelMembersFragment';
+
+/** Context **/
+export { SendbirdChatContext, SendbirdChatProvider } from './contexts/SendbirdChat';
+export { PlatformServiceContext, PlatformServiceProvider } from './contexts/PlatformService';
+export { LocalizationContext, LocalizationProvider } from './contexts/Localization';
+
+/** Hooks **/
+export { default as useConnection } from './hooks/useConnection';
+export { default as usePushTokenRegistration } from './hooks/usePushTokenRegistration';
+export { useLocalization, usePlatformService, useSendbirdChat } from './hooks/useContext';
+
+/** Localization **/
+export { default as StringSetEn } from './localization/StringSet.en';
+export { createBaseStringSet } from './localization/StringSet.type';
+export type { StringSet } from './localization/StringSet.type';
+
+/** Platform API **/
+export { default as createNativeFileService } from './platform/createFileService.native';
+export { default as createNativeClipboardService } from './platform/createClipboardService.native';
+export { default as createNativeNotificationService } from './platform/createNotificationService.native';
+export { default as createExpoFileService } from './platform/createFileService.expo';
+export { default as createExpoClipboardService } from './platform/createClipboardService.expo';
+export { default as createExpoNotificationService } from './platform/createNotificationService.expo';
+export type {
+  FileServiceInterface,
+  ClipboardServiceInterface,
+  FilePickerServiceInterface,
+  FileSystemServiceInterface,
+  SaveOptions,
+  OpenDocumentOptions,
+  OpenCameraOptions,
+  OpenMediaLibraryOptions,
+  OpenResultListener,
+  DownloadedPath,
+  Unsubscribe,
+  FilePickerResponse,
+  FileType,
+  NotificationServiceInterface,
+} from './platform/types';
+
+/** Domain **/
+export * from './domain/groupChannel';
+export type {
+  GroupChannelProps,
+  GroupChannelModule,
+  GroupChannelFragment,
+  GroupChannelContextsType,
+} from './domain/groupChannel/types';
+
+export * from './domain/groupChannelSettings';
+export type {
+  GroupChannelSettingsProps,
+  GroupChannelSettingsModule,
+  GroupChannelSettingsFragment,
+  GroupChannelSettingsContextsType,
+} from './domain/groupChannelSettings/types';
+
+export * from './domain/groupChannelList';
+export type {
+  GroupChannelType,
+  GroupChannelListProps,
+  GroupChannelListModule,
+  GroupChannelListFragment,
+  GroupChannelListContextsType,
+} from './domain/groupChannelList/types';
+
+export * from './domain/userList';
+export type { UserListProps, UserListModule, UserListContextsType } from './domain/userList/types';
+export * from './domain/groupChannelUserList/types';
+
+/** UIKit **/
+export {
+  default as SendbirdUIKitContainer,
+  SendbirdUIKit,
+  SendbirdUIKitContainerProps,
+} from './SendbirdUIKitContainer';
+
+export * from './types';
+
+Logger.setTitle(`[UIKIT_${Platform.OS}]`);
+__DEV__ && Logger.setLogLevel('none');

package/src/localization/StringSet.en.ts

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

package/src/localization/StringSet.type.ts

@@ -0,0 +1,334 @@
+import type { Locale } from 'date-fns';
+
+import type {
+  PartialDeep,
+  SendbirdFileMessage,
+  SendbirdGroupChannel,
+  SendbirdMessage,
+  SendbirdUser,
+} from '@sendbird/uikit-utils';
+import {
+  dateSeparator,
+  getGroupChannelLastMessage,
+  getGroupChannelPreviewTime,
+  getGroupChannelTitle,
+  messageTime,
+} from '@sendbird/uikit-utils';
+
+/**
+ * StringSet interface
+ * Do not configure over 3 depths (for overrides easy)
+ * */
+export interface StringSet {
+  GROUP_CHANNEL: {
+    /** GroupChannel > Header */
+    HEADER_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;
+
+    /** GroupChannel > List */
+    LIST_BANNER_FROZEN: string;
+    LIST_DATE_SEPARATOR: (date: Date, locale?: Locale) => string;
+    LIST_BUTTON_NEW_MSG: (newMessages: SendbirdMessage[]) => string;
+
+    /** GroupChannel > Message bubble */
+    MESSAGE_BUBBLE_TIME: (message: SendbirdMessage, locale?: Locale) => string;
+    MESSAGE_BUBBLE_FILE_TITLE: (message: SendbirdFileMessage) => string;
+    MESSAGE_BUBBLE_EDITED_POSTFIX: string;
+    MESSAGE_BUBBLE_UNKNOWN_TITLE: (message: SendbirdMessage) => string;
+    MESSAGE_BUBBLE_UNKNOWN_DESC: (message: SendbirdMessage) => string;
+
+    /** GroupChannel > Input */
+    INPUT_PLACEHOLDER_ACTIVE: string;
+    INPUT_PLACEHOLDER_DISABLED: string;
+    INPUT_EDIT_OK: string;
+    INPUT_EDIT_CANCEL: string;
+
+    /** GroupChannel > Dialog > Message */
+    DIALOG_MESSAGE_COPY: string;
+    DIALOG_MESSAGE_EDIT: string;
+    DIALOG_MESSAGE_SAVE: string;
+    DIALOG_MESSAGE_DELETE: string;
+    /** GroupChannel > Dialog > Message > Delete confirm */
+    DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: string;
+    DIALOG_MESSAGE_DELETE_CONFIRM_OK: string;
+    DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: string;
+    /** GroupChannel > Dialog > Message > Failed */
+    DIALOG_MESSAGE_FAILED_RETRY: string;
+    DIALOG_MESSAGE_FAILED_REMOVE: string;
+
+    /** GroupChannel > Dialog > Attachments */
+    DIALOG_ATTACHMENT_CAMERA: string;
+    DIALOG_ATTACHMENT_PHOTO_LIBRARY: string;
+    DIALOG_ATTACHMENT_FILES: string;
+  };
+  GROUP_CHANNEL_SETTINGS: {
+    /** GroupChannelSettings > Header */
+    HEADER_TITLE: string;
+    HEADER_RIGHT: string;
+
+    /** GroupChannelSettings > Menu */
+    MENU_NOTIFICATION: string;
+    MENU_MEMBERS: string;
+    MENU_LEAVE_CHANNEL: string;
+
+    /** GroupChannelSettings > Dialog */
+    DIALOG_CHANGE_NAME: string;
+    DIALOG_CHANGE_IMAGE: string;
+    DIALOG_CHANGE_NAME_PROMPT_TITLE: string;
+    DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: string;
+    DIALOG_CHANGE_NAME_PROMPT_CANCEL: string;
+    DIALOG_CHANGE_NAME_PROMPT_OK: string;
+    DIALOG_CHANGE_IMAGE_MENU_TITLE: string;
+    DIALOG_CHANGE_IMAGE_MENU_CAMERA: string;
+    DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: string;
+  };
+  GROUP_CHANNEL_LIST: {
+    /** GroupChannelList > Header */
+    HEADER_TITLE: string;
+
+    /** GroupChannelList > Channel preview */
+    CHANNEL_PREVIEW_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;
+    CHANNEL_PREVIEW_TITLE_CAPTION: (channel: SendbirdGroupChannel, locale?: Locale) => string;
+    CHANNEL_PREVIEW_BODY: (channel: SendbirdGroupChannel) => string;
+
+    /** GroupChannelList > TypeSelector > Header */
+    TYPE_SELECTOR_HEADER_TITLE: string;
+    /** GroupChannelList > TypeSelector > Type string */
+    TYPE_SELECTOR_GROUP: string;
+    TYPE_SELECTOR_SUPER_GROUP: string;
+    TYPE_SELECTOR_BROADCAST: string;
+
+    /** GroupChannelList > Dialog > Channel */
+    DIALOG_CHANNEL_TITLE: (currentUserId: string, channel: SendbirdGroupChannel) => string;
+    DIALOG_CHANNEL_NOTIFICATION: (channel?: SendbirdGroupChannel) => string;
+    DIALOG_CHANNEL_LEAVE: string;
+  };
+  GROUP_CHANNEL_MEMBERS: {
+    /** GroupChannelMembers > Header */
+    HEADER_TITLE: string;
+
+    /** GroupChannelMembers > UserBar */
+    USER_BAR_ME_POSTFIX: string;
+    USER_BAR_OPERATOR: string;
+
+    /** GroupChannelMembers > Dialog */
+    DIALOG_USER_DISMISS_OPERATOR: string;
+    DIALOG_USER_MUTE: string;
+    DIALOG_USER_BAN: string;
+  };
+  GROUP_CHANNEL_INVITE: {
+    /** GroupChannelInvite > Header */
+    HEADER_TITLE: string;
+    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;
+  };
+  GROUP_CHANNEL_CREATE: {
+    /** GroupChannelCreate > Header */
+    HEADER_TITLE: string;
+    HEADER_RIGHT: <T>(params: { selectedUsers: Array<T> }) => string;
+  };
+  // UI
+  LABELS: {
+    USER_NO_NAME: string;
+    CHANNEL_NO_MEMBERS: string;
+    TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;
+  };
+  PLACEHOLDER: {
+    NO_BANNED_MEMBERS: string;
+    NO_USERS: string;
+    NO_CHANNELS: string;
+    NO_MESSAGES: string;
+    NO_MUTED_MEMBERS: string;
+    NO_RESULTS_FOUND: string;
+    ERROR: {
+      MESSAGE: string;
+      RETRY_LABEL: string;
+    };
+  };
+  DIALOG: {
+    ALERT_DEFAULT_OK: string;
+    PROMPT_DEFAULT_OK: string;
+    PROMPT_DEFAULT_CANCEL: string;
+    PROMPT_DEFAULT_PLACEHOLDER: string;
+  };
+  TOAST: {
+    COPY_OK: string;
+    DOWNLOAD_START: string;
+    DOWNLOAD_OK: string;
+    DOWNLOAD_ERROR: string;
+    OPEN_CAMERA_ERROR: string;
+    OPEN_PHOTO_LIBRARY_ERROR: string;
+    OPEN_FILES_ERROR: string;
+    RESEND_MSG_ERROR: string;
+    DELETE_MSG_ERROR: string;
+    SEND_MSG_ERROR: string;
+    UPDATE_MSG_ERROR: string;
+    TURN_ON_NOTIFICATIONS_ERROR: string;
+    TURN_OFF_NOTIFICATIONS_ERROR: string;
+    LEAVE_CHANNEL_ERROR: string;
+  };
+}
+
+type StringSetCreateOptions = {
+  dateLocale: Locale;
+  overrides?: PartialDeep<StringSet>;
+};
+
+/**
+ * Create string set
+ * You can create localized String set, you should provide locale for date and string as a parameters
+ *
+ * @param {StringSetCreateOptions.dateLocale} dateLocale Date locale (from date-fns)
+ * @param {StringSetCreateOptions.overrides} [overrides] Localized strings
+ * */
+export const createBaseStringSet = ({ dateLocale, overrides }: StringSetCreateOptions): StringSet => {
+  const USER_NO_NAME = overrides?.LABELS?.USER_NO_NAME ?? '(No name)';
+  const CHANNEL_NO_MEMBERS = overrides?.LABELS?.CHANNEL_NO_MEMBERS ?? '(No members)';
+  return {
+    GROUP_CHANNEL: {
+      HEADER_TITLE: (currentUserId, channel) =>
+        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      LIST_BANNER_FROZEN: 'Channel is frozen',
+      LIST_DATE_SEPARATOR: (date, locale) => dateSeparator(date, locale ?? dateLocale),
+      LIST_BUTTON_NEW_MSG: (newMessages) => `${newMessages.length} new messages`,
+
+      MESSAGE_BUBBLE_TIME: (message, locale) => messageTime(new Date(message.createdAt), locale ?? dateLocale),
+      MESSAGE_BUBBLE_FILE_TITLE: (message) => message.name,
+      MESSAGE_BUBBLE_EDITED_POSTFIX: ' (edited)',
+      MESSAGE_BUBBLE_UNKNOWN_TITLE: () => '(Unknown message type)',
+      MESSAGE_BUBBLE_UNKNOWN_DESC: () => 'Cannot read this message.',
+
+      INPUT_PLACEHOLDER_ACTIVE: 'Enter message',
+      INPUT_PLACEHOLDER_DISABLED: 'Chat is unavailable in this channel',
+      INPUT_EDIT_OK: 'Save',
+      INPUT_EDIT_CANCEL: 'Cancel',
+
+      DIALOG_MESSAGE_COPY: 'Copy',
+      DIALOG_MESSAGE_EDIT: 'Edit',
+      DIALOG_MESSAGE_SAVE: 'Save',
+      DIALOG_MESSAGE_DELETE: 'Delete',
+      DIALOG_MESSAGE_DELETE_CONFIRM_TITLE: 'Delete message?',
+      DIALOG_MESSAGE_DELETE_CONFIRM_OK: 'Delete',
+      DIALOG_MESSAGE_DELETE_CONFIRM_CANCEL: 'Cancel',
+      DIALOG_MESSAGE_FAILED_RETRY: 'Retry',
+      DIALOG_MESSAGE_FAILED_REMOVE: 'Remove',
+
+      DIALOG_ATTACHMENT_CAMERA: 'Camera',
+      DIALOG_ATTACHMENT_PHOTO_LIBRARY: 'Photo library',
+      DIALOG_ATTACHMENT_FILES: 'Files',
+      ...overrides?.GROUP_CHANNEL,
+    },
+    GROUP_CHANNEL_SETTINGS: {
+      HEADER_TITLE: 'Channel information',
+      HEADER_RIGHT: 'Edit',
+      MENU_NOTIFICATION: 'Notifications',
+      MENU_MEMBERS: 'Members',
+      MENU_LEAVE_CHANNEL: 'Leave channel',
+      DIALOG_CHANGE_NAME: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_TITLE: 'Change channel name',
+      DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER: 'Enter name',
+      DIALOG_CHANGE_NAME_PROMPT_OK: 'Save',
+      DIALOG_CHANGE_NAME_PROMPT_CANCEL: 'Cancel',
+      DIALOG_CHANGE_IMAGE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_TITLE: 'Change channel image',
+      DIALOG_CHANGE_IMAGE_MENU_CAMERA: 'Take photo',
+      DIALOG_CHANGE_IMAGE_MENU_PHOTO_LIBRARY: 'Choose photo',
+      ...overrides?.GROUP_CHANNEL_SETTINGS,
+    },
+    GROUP_CHANNEL_LIST: {
+      HEADER_TITLE: 'Channels',
+      CHANNEL_PREVIEW_TITLE: (currentUserId, channel) =>
+        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      CHANNEL_PREVIEW_TITLE_CAPTION: (channel, locale) => getGroupChannelPreviewTime(channel, locale ?? dateLocale),
+      CHANNEL_PREVIEW_BODY: (channel) => getGroupChannelLastMessage(channel),
+      TYPE_SELECTOR_HEADER_TITLE: 'Channel type',
+      TYPE_SELECTOR_GROUP: 'Group',
+      TYPE_SELECTOR_SUPER_GROUP: 'Super group',
+      TYPE_SELECTOR_BROADCAST: 'Broadcast',
+      DIALOG_CHANNEL_TITLE: (currentUserId, channel) =>
+        getGroupChannelTitle(currentUserId, channel, USER_NO_NAME, CHANNEL_NO_MEMBERS),
+      DIALOG_CHANNEL_NOTIFICATION: (channel) => {
+        if (!channel) return '';
+        if (channel.myPushTriggerOption === 'off') return 'Turn on notifications';
+        return 'Turn off notifications';
+      },
+      DIALOG_CHANNEL_LEAVE: 'Leave channel',
+      ...overrides?.GROUP_CHANNEL_LIST,
+    },
+    GROUP_CHANNEL_MEMBERS: {
+      HEADER_TITLE: 'Members',
+      USER_BAR_ME_POSTFIX: ' (You)',
+      USER_BAR_OPERATOR: 'Operator',
+      DIALOG_USER_DISMISS_OPERATOR: 'Dismiss operator',
+      DIALOG_USER_MUTE: 'Mute',
+      DIALOG_USER_BAN: 'Ban',
+      ...overrides?.GROUP_CHANNEL_MEMBERS,
+    },
+    GROUP_CHANNEL_CREATE: {
+      HEADER_TITLE: 'New channel',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Create';
+        return `Create (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_CREATE,
+    },
+    GROUP_CHANNEL_INVITE: {
+      HEADER_TITLE: 'Invite users',
+      HEADER_RIGHT: ({ selectedUsers }) => {
+        const len = selectedUsers.length;
+        if (len === 0) return 'Invite';
+        return `Invite (${len})`;
+      },
+      ...overrides?.GROUP_CHANNEL_INVITE,
+    },
+    LABELS: {
+      USER_NO_NAME,
+      CHANNEL_NO_MEMBERS,
+      TYPING_INDICATOR_TYPINGS: (users, NO_NAME = USER_NO_NAME) => {
+        const userNames = users.map((u) => u.nickname || NO_NAME);
+        if (userNames.length === 0) return;
+        if (userNames.length === 1) return `${userNames[0]} is typing...`;
+        if (users.length === 2) return `${userNames.join(' and ')} are typing...`;
+        return 'Several people are typing...';
+      },
+      ...overrides?.LABELS,
+    },
+    PLACEHOLDER: {
+      NO_BANNED_MEMBERS: 'No banned members',
+      NO_USERS: 'No users',
+      NO_CHANNELS: 'No channels',
+      NO_MESSAGES: 'No messages',
+      NO_MUTED_MEMBERS: 'No muted members',
+      NO_RESULTS_FOUND: 'No results found',
+      ...overrides?.PLACEHOLDER,
+      ERROR: {
+        MESSAGE: 'Something went wrong',
+        RETRY_LABEL: 'Retry',
+        ...overrides?.PLACEHOLDER?.ERROR,
+      },
+    },
+    DIALOG: {
+      ALERT_DEFAULT_OK: 'OK',
+      PROMPT_DEFAULT_OK: 'Submit',
+      PROMPT_DEFAULT_CANCEL: 'Cancel',
+      PROMPT_DEFAULT_PLACEHOLDER: 'Enter',
+      ...overrides?.DIALOG,
+    },
+    TOAST: {
+      COPY_OK: 'Copied',
+      DOWNLOAD_START: 'Downloading...',
+      DOWNLOAD_OK: 'File saved',
+      DOWNLOAD_ERROR: "Couldn't download file.",
+      OPEN_CAMERA_ERROR: "Couldn't open camera.",
+      OPEN_FILES_ERROR: "Couldn't open files.",
+      OPEN_PHOTO_LIBRARY_ERROR: "Couldn't open photo library.",
+      DELETE_MSG_ERROR: "Couldn't delete message.",
+      RESEND_MSG_ERROR: "Couldn't send message.",
+      SEND_MSG_ERROR: "Couldn't send message.",
+      UPDATE_MSG_ERROR: "Couldn't edit message.",
+      TURN_ON_NOTIFICATIONS_ERROR: "Couldn't turn on notifications.",
+      TURN_OFF_NOTIFICATIONS_ERROR: "Couldn't turn off notifications.",
+      LEAVE_CHANNEL_ERROR: "Couldn't leave channel.",
+      ...overrides?.TOAST,
+    },
+  };
+};