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

package/package.json

@@ -0,0 +1,154 @@
+{
+  "name": "@sendbird/uikit-react-native",
+  "version": "1.0.0-rc.1",
+  "description": "react-native-uikit",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "prepare": "yarn generate-version",
+    "test": "jest",
+    "build": "yarn generate-version && bob build",
+    "clean": "del lib",
+    "generate-version": "node scripts/generate-version.js ./src/version.ts",
+    "create-domain": "node scripts/create-core-domain"
+  },
+  "keywords": [
+    "react-native",
+    "sendbird"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sendbird/sendbird-uikit-react-native.git",
+    "directory": "packages/uikit-react-native"
+  },
+  "author": "Sendbird <support@sendbird.com>",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "bugs": {
+    "url": "https://github.com/sendbird/sendbird-uikit-react-native.git/issues"
+  },
+  "homepage": "https://github.com/sendbird/sendbird-uikit-react-native.git#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@sendbird/uikit-chat-hooks": "1.0.0-rc.1",
+    "@sendbird/uikit-react-native-foundation": "1.0.0-rc.1",
+    "@sendbird/uikit-utils": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@react-native-clipboard/clipboard": "^1.8.5",
+    "@react-native-community/cameraroll": "^4.1.2",
+    "@react-native-community/netinfo": "^9.3.0",
+    "@react-native-firebase/app": "^14.4.0",
+    "@react-native-firebase/messaging": "^14.4.0",
+    "@types/react": "17.0.2",
+    "@types/react-native": "^0.66.15",
+    "date-fns": "^2.28.0",
+    "expo-clipboard": "^2.1.1",
+    "expo-document-picker": "^10.1.3",
+    "expo-file-system": "^13.1.4",
+    "expo-image-picker": "^12.0.2",
+    "expo-media-library": "^14.0.1",
+    "expo-notifications": "^0.14.1",
+    "glob": "^7.2.0",
+    "inquirer": "^8.2.0",
+    "js-convert-case": "^4.2.0",
+    "react": "17.0.2",
+    "react-native": "0.66.4",
+    "react-native-builder-bob": "^0.18.0",
+    "react-native-document-picker": "^8.0.0",
+    "react-native-file-access": "^2.4.3",
+    "react-native-image-picker": "^4.7.1",
+    "react-native-permissions": "^3.6.0",
+    "react-native-safe-area-context": "^3.3.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "@react-native-clipboard/clipboard": "^1.8.5",
+    "@react-native-community/cameraroll": "^4.1.2",
+    "@react-native-community/netinfo": "^9.3.0",
+    "@react-native-firebase/messaging": "^14.4.0",
+    "date-fns": "^2.28.0",
+    "expo-clipboard": "^2.1.1",
+    "expo-document-picker": "^10.1.3",
+    "expo-file-system": "^13.1.4",
+    "expo-image-picker": ">=12.0.2",
+    "expo-notifications": ">=0.14.1",
+    "react": ">=16.13.1",
+    "react-native": ">=0.63.3",
+    "react-native-document-picker": "^8.0.0",
+    "react-native-file-access": "^2.4.3",
+    "react-native-image-picker": "^4.7.1",
+    "react-native-permissions": "^3.6.0",
+    "react-native-safe-area-context": "^3.3.2",
+    "sendbird": "^3.1.22"
+  },
+  "peerDependenciesMeta": {
+    "@react-native-clipboard/clipboard": {
+      "optional": true
+    },
+    "@react-native-community/cameraroll": {
+      "optional": true
+    },
+    "@react-native-firebase/messaging": {
+      "optional": true
+    },
+    "expo-clipboard": {
+      "optional": true
+    },
+    "expo-document-picker": {
+      "optional": true
+    },
+    "expo-file-system": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "expo-notifications": {
+      "optional": true
+    },
+    "react-native-document-picker": {
+      "optional": true
+    },
+    "react-native-file-access": {
+      "optional": true
+    },
+    "react-native-image-picker": {
+      "optional": true
+    },
+    "react-native-permissions": {
+      "optional": true
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "typedoc": {
+    "entryPoint": "./src/index.ts",
+    "readmeFile": "./README.md",
+    "displayName": "@sendbird/uikit-react-native"
+  },
+  "gitHead": "870c05138843249a23a3978106a17e7a4e466d4d"
+}

package/src/InternalErrorBoundary.tsx

@@ -0,0 +1,52 @@
+import React, { ErrorInfo } from 'react';
+import { View } from 'react-native';
+
+import TypedPlaceholder from './components/TypedPlaceholder';
+import type { ErrorBoundaryProps } from './types';
+
+const DefaultErrorBoundaryComponent = (props: ErrorBoundaryProps) => {
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <TypedPlaceholder type={'error-wrong'} onPressRetry={props.reset} />
+    </View>
+  );
+};
+
+class InternalErrorBoundary extends React.PureComponent<{
+  onError?: (props: ErrorBoundaryProps) => void;
+  ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
+}> {
+  static defaultProps = {
+    ErrorInfoComponent: DefaultErrorBoundaryComponent,
+  };
+
+  state: { error: Error | null; errorInfo: ErrorInfo | null } = {
+    error: null,
+    errorInfo: null,
+  };
+
+  componentDidCatch = (error: Error, errorInfo: ErrorInfo) => {
+    this.setState({ error, errorInfo });
+    this.props.onError?.({ error, errorInfo, reset: this.reset });
+  };
+
+  reset = () => {
+    this.setState({ error: null, errorInfo: null });
+  };
+
+  render = () => {
+    if (this.state.error && this.state.errorInfo) {
+      return (
+        this.props.ErrorInfoComponent?.({
+          error: this.state.error,
+          errorInfo: this.state.errorInfo,
+          reset: this.reset,
+        }) ?? null
+      );
+    }
+
+    return <>{this.props.children}</>;
+  };
+}
+
+export default InternalErrorBoundary;

package/src/InternalLocalCacheStorage.ts

@@ -0,0 +1,45 @@
+import type { KeyValuePairGet, KeyValuePairSet, LocalCacheStorage } from './types';
+
+export default class InternalLocalCacheStorage implements LocalCacheStorage {
+  constructor(private storage: LocalCacheStorage) {}
+
+  getAllKeys() {
+    return this.storage.getAllKeys();
+  }
+
+  getItem(key: string) {
+    return this.storage.getItem(key);
+  }
+
+  removeItem(key: string) {
+    return this.storage.removeItem(key);
+  }
+
+  setItem(key: string, value: string) {
+    return this.storage.setItem(key, value);
+  }
+
+  async multiGet(keys: string[]) {
+    if (this.storage.multiGet) {
+      return this.storage.multiGet(keys);
+    } else {
+      return Promise.all(keys.map(async (key) => [key, await this.getItem(key)] as KeyValuePairGet));
+    }
+  }
+
+  async multiRemove(keys: string[]) {
+    if (this.storage.multiRemove) {
+      await this.storage.multiRemove(keys);
+    } else {
+      await Promise.all(keys.map(async (key) => this.removeItem(key)));
+    }
+  }
+
+  async multiSet(keyValuePairs: Array<KeyValuePairSet>) {
+    if (this.storage.multiSet) {
+      await this.storage.multiSet(keyValuePairs);
+    } else {
+      await Promise.all(keyValuePairs.map(([key, value]) => this.storage.setItem(key, value)));
+    }
+  }
+}

package/src/SendbirdUIKitContainer.tsx

@@ -0,0 +1,183 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Platform } from 'react-native';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import Sendbird from 'sendbird';
+
+import type { HeaderStyleContextType, UIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import {
+  DialogProvider,
+  Header,
+  HeaderStyleProvider,
+  LightUIKitTheme,
+  ToastProvider,
+  UIKitThemeProvider,
+} from '@sendbird/uikit-react-native-foundation';
+import type { SendbirdChatSDK } from '@sendbird/uikit-utils';
+
+import InternalErrorBoundary from './InternalErrorBoundary';
+import InternalLocalCacheStorage from './InternalLocalCacheStorage';
+import { LocalizationProvider } from './contexts/Localization';
+import { PlatformServiceProvider } from './contexts/PlatformService';
+import { SendbirdChatProvider } from './contexts/SendbirdChat';
+import { useLocalization } from './hooks/useContext';
+import StringSetEn from './localization/StringSet.en';
+import type { StringSet } from './localization/StringSet.type';
+import SBUDynamicModule from './platform/dynamicModule';
+import type { ClipboardServiceInterface, FileServiceInterface, NotificationServiceInterface } from './platform/types';
+import type { ErrorBoundaryProps, LocalCacheStorage } from './types';
+import VERSION from './version';
+
+const NetInfo = SBUDynamicModule.get('@react-native-community/netinfo', 'warn');
+
+export const SendbirdUIKit = Object.freeze({
+  VERSION,
+  PLATFORM: Platform.OS.toLowerCase(),
+});
+
+export type SendbirdUIKitContainerProps = {
+  children?: React.ReactNode;
+  appId: string;
+  platformServices: {
+    file: FileServiceInterface;
+    notification: NotificationServiceInterface;
+    clipboard: ClipboardServiceInterface;
+  };
+  chatOptions?: {
+    localCacheStorage?: LocalCacheStorage;
+    enableAutoPushTokenRegistration?: boolean;
+    onInitialized?: (sdkInstance: SendbirdChatSDK) => SendbirdChatSDK;
+  };
+  localization?: {
+    stringSet?: StringSet;
+  };
+  styles?: {
+    theme?: UIKitTheme;
+    statusBarTranslucent?: boolean;
+    defaultHeaderTitleAlign?: 'left' | 'center';
+    HeaderComponent?: HeaderStyleContextType['HeaderComponent'];
+  };
+  toast?: {
+    dismissTimeout?: number;
+  };
+  errorBoundary?: {
+    onError?: (props: ErrorBoundaryProps) => void;
+    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
+  };
+};
+
+const SendbirdUIKitContainer = ({
+  children,
+  appId,
+  chatOptions,
+  platformServices,
+  localization,
+  styles,
+  toast,
+  errorBoundary,
+}: SendbirdUIKitContainerProps) => {
+  const unsubscribes = useRef<(() => void)[]>([]).current;
+  const getSendbirdSDK = () => {
+    let sdk: SendbirdChatSDK;
+
+    if (chatOptions?.localCacheStorage) {
+      sdk = new Sendbird({ appId, localCacheEnabled: true });
+      sdk.useAsyncStorageAsDatabase(new InternalLocalCacheStorage(chatOptions.localCacheStorage));
+    } else {
+      sdk = new Sendbird({ appId });
+    }
+
+    if (chatOptions?.onInitialized) {
+      sdk = chatOptions?.onInitialized(sdk);
+    }
+
+    if (SendbirdUIKit.VERSION) {
+      // @ts-ignore
+      sdk.addExtension('sb_uikit', SendbirdUIKit.VERSION);
+    }
+    if (SendbirdUIKit.PLATFORM) {
+      // @ts-ignore
+      sdk.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);
+    }
+
+    if (NetInfo) {
+      const listener = (callback: () => void, callbackType: 'online' | 'offline') => {
+        const unsubscribe = NetInfo.addEventListener((state) => {
+          const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);
+          if (online && callbackType === 'online') callback();
+          if (!online && callbackType === 'offline') callback();
+        });
+        unsubscribes.push(unsubscribe);
+        return unsubscribe;
+      };
+      sdk.setOnlineListener?.((onOnline) => listener(onOnline, 'online'));
+      sdk.setOfflineListener?.((onOffline) => listener(onOffline, 'offline'));
+    }
+    return sdk;
+  };
+
+  const [sdkInstance, setSdkInstance] = useState<SendbirdChatSDK>(getSendbirdSDK);
+
+  useEffect(() => {
+    setSdkInstance(getSendbirdSDK);
+    return () => {
+      unsubscribes.forEach((u) => {
+        try {
+          u();
+        } catch {}
+      });
+    };
+  }, [appId, chatOptions?.localCacheStorage]);
+
+  return (
+    <SafeAreaProvider>
+      <SendbirdChatProvider
+        sdkInstance={sdkInstance}
+        enableAutoPushTokenRegistration={chatOptions?.enableAutoPushTokenRegistration ?? true}
+      >
+        <LocalizationProvider stringSet={localization?.stringSet ?? StringSetEn}>
+          <PlatformServiceProvider
+            fileService={platformServices.file}
+            notificationService={platformServices.notification}
+            clipboardService={platformServices.clipboard}
+          >
+            <UIKitThemeProvider theme={styles?.theme ?? LightUIKitTheme}>
+              <HeaderStyleProvider
+                HeaderComponent={styles?.HeaderComponent ?? Header}
+                defaultTitleAlign={styles?.defaultHeaderTitleAlign ?? 'left'}
+                statusBarTranslucent={styles?.statusBarTranslucent ?? true}
+              >
+                <LocalizedDialogProvider>
+                  <ToastProvider dismissTimeout={toast?.dismissTimeout}>
+                    <InternalErrorBoundary {...errorBoundary}>{children}</InternalErrorBoundary>
+                  </ToastProvider>
+                </LocalizedDialogProvider>
+              </HeaderStyleProvider>
+            </UIKitThemeProvider>
+          </PlatformServiceProvider>
+        </LocalizationProvider>
+      </SendbirdChatProvider>
+    </SafeAreaProvider>
+  );
+};
+
+const LocalizedDialogProvider: React.FC = ({ children }) => {
+  const { STRINGS } = useLocalization();
+  return (
+    <DialogProvider
+      defaultLabels={{
+        alert: {
+          ok: STRINGS.DIALOG.ALERT_DEFAULT_OK,
+        },
+        prompt: {
+          ok: STRINGS.DIALOG.PROMPT_DEFAULT_OK,
+          cancel: STRINGS.DIALOG.PROMPT_DEFAULT_CANCEL,
+          placeholder: STRINGS.DIALOG.PROMPT_DEFAULT_PLACEHOLDER,
+        },
+      }}
+    >
+      {children}
+    </DialogProvider>
+  );
+};
+
+export default SendbirdUIKitContainer;

package/src/components/ChannelCover.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+
+import { Avatar } from '@sendbird/uikit-react-native-foundation';
+import { SendbirdGroupChannel, getMembersExcludeMe, isDefaultCoverImage } from '@sendbird/uikit-utils';
+
+import { useSendbirdChat } from '../hooks/useContext';
+
+type Props = {
+  channel: SendbirdGroupChannel;
+  size?: number;
+  containerStyle?: StyleProp<ViewStyle>;
+};
+
+const ChannelCover: React.FC<Props> = ({ channel, ...avatarProps }) => {
+  const { currentUser } = useSendbirdChat();
+
+  // channel cover
+  if (!isDefaultCoverImage(channel.coverUrl) || !currentUser) {
+    return <Avatar uri={channel.coverUrl} {...avatarProps} />;
+  }
+
+  // no members, use anonymous profile
+  if (channel.memberCount <= 1) {
+    return <Avatar {...avatarProps} />;
+  }
+
+  // 1:1, use member profile
+  if (channel.memberCount === 2) {
+    const otherUserProfile = channel.members.filter((m) => m.userId !== currentUser.userId)?.[0]?.profileUrl;
+    return <Avatar uri={otherUserProfile} {...avatarProps} />;
+  }
+
+  // group, use members profile
+  return (
+    <Avatar.Group {...avatarProps}>
+      {getMembersExcludeMe(channel, currentUser?.userId).map((m) => (
+        <Avatar key={m.userId} uri={m.profileUrl} />
+      ))}
+    </Avatar.Group>
+  );
+};
+
+export default ChannelCover;

package/src/components/ChatFlatList.tsx

@@ -0,0 +1,96 @@
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+import { FlatList, FlatListProps, Platform } from 'react-native';
+
+import { useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { SendbirdMessage, isMyMessage } from '@sendbird/uikit-utils';
+
+let ANDROID_BUG_ALERT_SHOWED = Platform.OS !== 'android';
+const BOTTOM_DETECT_THRESHOLD = 25;
+// const AUTO_SCROLL_TO_TOP_THRESHOLD = 15;
+
+function hasReachedToBottom(yPos: number, thresholdPx = 0) {
+  return thresholdPx >= yPos;
+}
+
+export type ChatFlatListRef = { scrollToBottom: (animated?: boolean) => void };
+type Props = Omit<FlatListProps<SendbirdMessage>, 'onEndReached'> & {
+  currentUserId?: string;
+  onBottomReached: () => void;
+  onTopReached: () => void;
+  nextMessages: SendbirdMessage[];
+  onLeaveScrollBottom: (value: boolean) => void;
+};
+// FIXME: Inverted FlatList performance issue on Android {@link https://github.com/facebook/react-native/issues/30034}
+const ChatFlatList = forwardRef<ChatFlatListRef, Props>(function CustomFlatList(
+  { onTopReached, nextMessages, onBottomReached, onLeaveScrollBottom, onScroll, currentUserId, ...props },
+  ref,
+) {
+  const { select } = useUIKitTheme();
+  const scrollRef = useRef<FlatList<SendbirdMessage>>(null);
+  const yPos = useRef(0);
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      scrollToBottom: (animated = true) => scrollRef.current?.scrollToOffset({ animated, offset: 0 }),
+    }),
+    [],
+  );
+
+  useEffect(() => {
+    const latestMessage = nextMessages[nextMessages.length - 1];
+    if (!latestMessage) return;
+
+    if (hasReachedToBottom(yPos.current)) {
+      onBottomReached();
+    } else if (isMyMessage(latestMessage, currentUserId)) {
+      scrollRef.current?.scrollToOffset({ animated: false, offset: 0 });
+    }
+  }, [onBottomReached, nextMessages, currentUserId]);
+
+  const _onScroll: Props['onScroll'] = useCallback(
+    (event) => {
+      const { contentOffset } = event.nativeEvent;
+      if (BOTTOM_DETECT_THRESHOLD < yPos.current && contentOffset.y <= BOTTOM_DETECT_THRESHOLD) {
+        onLeaveScrollBottom(false);
+      } else if (BOTTOM_DETECT_THRESHOLD < contentOffset.y && yPos.current <= BOTTOM_DETECT_THRESHOLD) {
+        onLeaveScrollBottom(true);
+      }
+
+      yPos.current = contentOffset.y;
+
+      onScroll?.(event);
+      if (hasReachedToBottom(yPos.current)) onBottomReached();
+    },
+    [onScroll, onBottomReached],
+  );
+
+  if (__DEV__ && !ANDROID_BUG_ALERT_SHOWED) {
+    ANDROID_BUG_ALERT_SHOWED = true;
+    // eslint-disable-next-line no-console
+    console.warn(
+      'UIKit Warning: Inverted FlatList has a performance issue on Android, Maybe this is a bug please refer link\nhttps://github.com/facebook/react-native/issues/30034',
+    );
+  }
+
+  return (
+    <FlatList
+      {...props}
+      // FIXME: inverted list of ListEmptyComponent is reversed {@link https://github.com/facebook/react-native/issues/21196#issuecomment-836937743}
+      inverted={Boolean(props.data?.length)}
+      // FIXME: maintainVisibleContentPosition is not working on Android {@link https://github.com/facebook/react-native/issues/25239}
+      // maintainVisibleContentPosition={{ minIndexForVisible: 1, autoscrollToTopThreshold: AUTO_SCROLL_TO_TOP_THRESHOLD }}
+      ref={scrollRef}
+      bounces={false}
+      keyboardShouldPersistTaps={'handled'}
+      indicatorStyle={select({ light: 'black', dark: 'white' })}
+      removeClippedSubviews
+      onEndReachedThreshold={0.5}
+      onEndReached={onTopReached}
+      scrollEventThrottle={16}
+      onScroll={_onScroll}
+    />
+  );
+});
+
+export default ChatFlatList;

package/src/components/MessageRenderer/AdminMessage/index.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+
+import { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
+
+import type { MessageRendererInterface } from '../index';
+
+export type AdminMessageProps = MessageRendererInterface<SendbirdAdminMessage>;
+const AdminMessage: React.FC<AdminMessageProps> = ({ message, nextMessage }) => {
+  const { colors } = useUIKitTheme();
+
+  const isNextAdmin = nextMessage?.isAdminMessage();
+  return (
+    <View style={StyleSheet.flatten([styles.container, isNextAdmin ? styles.nextAdminType : styles.next])}>
+      <Text caption2 color={colors.onBackground02} style={styles.text}>
+        {message.message}
+      </Text>
+    </View>
+  );
+};
+
+const styles = createStyleSheet({
+  container: {
+    width: 300,
+    alignSelf: 'center',
+    alignItems: 'center',
+  },
+  nextAdminType: {
+    marginBottom: 8,
+  },
+  next: {
+    marginBottom: 16,
+  },
+  text: {
+    textAlign: 'center',
+  },
+});
+
+export default AdminMessage;

package/src/components/MessageRenderer/FileMessage/BaseFileMessage.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View } from 'react-native';
+
+import { Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+
+import { useLocalization } from '../../../hooks/useContext';
+import type { FileMessageProps } from './index';
+
+const iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;
+
+const BaseFileMessage: React.FC<FileMessageProps & { type: 'image' | 'audio' | 'video' | 'file' }> = ({
+  message,
+  variant,
+  pressed,
+  type,
+}) => {
+  const { STRINGS } = useLocalization();
+  const { colors } = useUIKitTheme();
+  const color = colors.ui.message[variant][pressed ? 'pressed' : 'enabled'];
+  return (
+    <View style={[styles.container, { backgroundColor: color.background }]}>
+      <Icon
+        icon={iconMapper[type]}
+        size={24}
+        containerStyle={{ backgroundColor: colors.background, padding: 2, borderRadius: 8, marginRight: 8 }}
+      />
+      <Text body3 ellipsizeMode={'middle'} numberOfLines={1} color={color.textMsg} style={styles.name}>
+        {STRINGS.GROUP_CHANNEL.MESSAGE_BUBBLE_FILE_TITLE(message)}
+      </Text>
+    </View>
+  );
+};
+
+const styles = createStyleSheet({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 16,
+  },
+  name: {
+    flexShrink: 1,
+  },
+});
+
+export default BaseFileMessage;