@sendbird/uikit-react-native 3.1.2 → 3.3.0

package/lib/commonjs/platform/createRecorderService.native.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _uikitUtils = require("@sendbird/uikit-utils");
+var _VoiceMessageConfig = _interopRequireDefault(require("../libs/VoiceMessageConfig"));
+var _nativePermissionGranted = _interopRequireDefault(require("../utils/nativePermissionGranted"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const createNativeRecorderService = _ref => {
+  let {
+    audioRecorderModule,
+    permissionModule
+  } = _ref;
+  const module = new audioRecorderModule.default();
+  class VoiceRecorder {
+    constructor() {
+      _defineProperty(this, "uri", undefined);
+      _defineProperty(this, "state", 'idle');
+      _defineProperty(this, "options", {
+        minDuration: _VoiceMessageConfig.default.DEFAULT.RECORDER.MIN_DURATION,
+        maxDuration: _VoiceMessageConfig.default.DEFAULT.RECORDER.MAX_DURATION,
+        extension: _VoiceMessageConfig.default.DEFAULT.RECORDER.EXTENSION
+      });
+      // NOTE: In Android, even when startRecorder() is awaited, if stop() is executed immediately afterward, an error occurs
+      _defineProperty(this, "_recordStartedAt", 0);
+      _defineProperty(this, "_getRecorderStopSafeBuffer", () => {
+        const minWaitingTime = 500;
+        const elapsedTime = Date.now() - this._recordStartedAt;
+        if (elapsedTime > minWaitingTime) return 0;else return minWaitingTime - elapsedTime;
+      });
+      _defineProperty(this, "recordingSubscribers", new Set());
+      _defineProperty(this, "stateSubscribers", new Set());
+      _defineProperty(this, "audioSettings", {
+        sampleRate: _VoiceMessageConfig.default.DEFAULT.RECORDER.SAMPLE_RATE,
+        bitRate: _VoiceMessageConfig.default.DEFAULT.RECORDER.BIT_RATE,
+        audioChannels: _VoiceMessageConfig.default.DEFAULT.RECORDER.CHANNELS
+        // encoding: mpeg4_aac
+      });
+      _defineProperty(this, "audioOptions", _reactNative.Platform.select({
+        android: {
+          AudioEncodingBitRateAndroid: this.audioSettings.bitRate,
+          AudioChannelsAndroid: this.audioSettings.audioChannels,
+          AudioSamplingRateAndroid: this.audioSettings.sampleRate,
+          AudioEncoderAndroid: audioRecorderModule.AudioEncoderAndroidType.AAC,
+          OutputFormatAndroid: audioRecorderModule.OutputFormatAndroidType.MPEG_4,
+          AudioSourceAndroid: audioRecorderModule.AudioSourceAndroidType.VOICE_RECOGNITION
+        },
+        ios: {
+          AVEncoderBitRateKeyIOS: this.audioSettings.bitRate,
+          AVNumberOfChannelsKeyIOS: this.audioSettings.audioChannels,
+          AVSampleRateKeyIOS: this.audioSettings.sampleRate,
+          AVFormatIDKeyIOS: audioRecorderModule.AVEncodingOption.mp4,
+          // same with aac
+          AVEncoderAudioQualityKeyIOS: audioRecorderModule.AVEncoderAudioQualityIOSType.high
+        },
+        default: {}
+      }));
+      _defineProperty(this, "setState", state => {
+        this.state = state;
+        this.stateSubscribers.forEach(callback => {
+          callback(state);
+        });
+      });
+      _defineProperty(this, "requestPermission", async () => {
+        const permission = _reactNative.Platform.select({
+          android: [permissionModule.PERMISSIONS.ANDROID.RECORD_AUDIO],
+          ios: [permissionModule.PERMISSIONS.IOS.MICROPHONE],
+          windows: [permissionModule.PERMISSIONS.WINDOWS.MICROPHONE],
+          default: undefined
+        });
+        if (_reactNative.Platform.OS === 'android' && _reactNative.Platform.Version <= 28) {
+          permission === null || permission === void 0 ? void 0 : permission.push(permissionModule.PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE);
+        }
+        if (permission) {
+          const status = await permissionModule.checkMultiple(permission);
+          if ((0, _nativePermissionGranted.default)(status)) {
+            return true;
+          } else {
+            const status = await permissionModule.requestMultiple(permission);
+            return (0, _nativePermissionGranted.default)(status);
+          }
+        } else {
+          return true;
+        }
+      });
+      _defineProperty(this, "addRecordingListener", callback => {
+        this.recordingSubscribers.add(callback);
+        return () => {
+          this.recordingSubscribers.delete(callback);
+        };
+      });
+      _defineProperty(this, "addStateListener", callback => {
+        this.stateSubscribers.add(callback);
+        return () => {
+          this.stateSubscribers.delete(callback);
+        };
+      });
+      _defineProperty(this, "record", async uri => {
+        if ((0, _uikitUtils.matchesOneOf)(this.state, ['idle', 'completed'])) {
+          try {
+            this.setState('preparing');
+            await module.startRecorder(uri, {
+              ...this.audioOptions
+            });
+            if (_reactNative.Platform.OS === 'android') {
+              this._recordStartedAt = Date.now();
+            }
+            this.uri = uri;
+            this.setState('recording');
+          } catch (e) {
+            this.setState('idle');
+            throw e;
+          }
+        }
+      });
+      _defineProperty(this, "stop", async () => {
+        if ((0, _uikitUtils.matchesOneOf)(this.state, ['recording'])) {
+          if (_reactNative.Platform.OS === 'android') {
+            const buffer = this._getRecorderStopSafeBuffer();
+            if (buffer > 0) await (0, _uikitUtils.sleep)(buffer);
+          }
+          await module.stopRecorder();
+          this.setState('completed');
+        }
+      });
+      _defineProperty(this, "reset", async () => {
+        await this.stop();
+        this.uri = undefined;
+        this.recordingSubscribers.clear();
+        this.setState('idle');
+      });
+      module.setSubscriptionDuration(0.1);
+      module.addRecordBackListener(data => {
+        const completed = data.currentPosition >= this.options.maxDuration;
+        if (completed) this.stop();
+        if (this.state === 'recording') {
+          this.recordingSubscribers.forEach(callback => {
+            callback({
+              currentTime: data.currentPosition,
+              completed
+            });
+          });
+        }
+      });
+    }
+  }
+  return new VoiceRecorder();
+};
+var _default = createNativeRecorderService;
+exports.default = _default;
+//# sourceMappingURL=createRecorderService.native.js.map

package/lib/commonjs/platform/createRecorderService.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_uikitUtils","_VoiceMessageConfig","_interopRequireDefault","_nativePermissionGranted","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","createNativeRecorderService","_ref","audioRecorderModule","permissionModule","module","VoiceRecorder","constructor","minDuration","VoiceMessageConfig","DEFAULT","RECORDER","MIN_DURATION","maxDuration","MAX_DURATION","extension","EXTENSION","minWaitingTime","elapsedTime","Date","now","_recordStartedAt","Set","sampleRate","SAMPLE_RATE","bitRate","BIT_RATE","audioChannels","CHANNELS","Platform","select","android","AudioEncodingBitRateAndroid","audioSettings","AudioChannelsAndroid","AudioSamplingRateAndroid","AudioEncoderAndroid","AudioEncoderAndroidType","AAC","OutputFormatAndroid","OutputFormatAndroidType","MPEG_4","AudioSourceAndroid","AudioSourceAndroidType","VOICE_RECOGNITION","ios","AVEncoderBitRateKeyIOS","AVNumberOfChannelsKeyIOS","AVSampleRateKeyIOS","AVFormatIDKeyIOS","AVEncodingOption","mp4","AVEncoderAudioQualityKeyIOS","AVEncoderAudioQualityIOSType","high","state","stateSubscribers","forEach","callback","permission","PERMISSIONS","ANDROID","RECORD_AUDIO","IOS","MICROPHONE","windows","WINDOWS","OS","Version","push","WRITE_EXTERNAL_STORAGE","status","checkMultiple","nativePermissionGranted","requestMultiple","recordingSubscribers","add","delete","uri","matchesOneOf","setState","startRecorder","audioOptions","e","buffer","_getRecorderStopSafeBuffer","sleep","stopRecorder","stop","clear","setSubscriptionDuration","addRecordBackListener","data","completed","currentPosition","options","currentTime","_default","exports"],"sources":["createRecorderService.native.tsx"],"sourcesContent":["import { Platform } from 'react-native';\nimport * as RNAudioRecorder from 'react-native-audio-recorder-player';\nimport * as Permissions from 'react-native-permissions';\nimport { Permission } from 'react-native-permissions/src/types';\n\nimport { matchesOneOf, sleep } from '@sendbird/uikit-utils';\n\nimport VoiceMessageConfig from '../libs/VoiceMessageConfig';\nimport nativePermissionGranted from '../utils/nativePermissionGranted';\nimport type { RecorderServiceInterface, Unsubscribe } from './types';\n\ntype RecordingListener = Parameters<RecorderServiceInterface['addRecordingListener']>[number];\ntype StateListener = Parameters<RecorderServiceInterface['addStateListener']>[number];\ntype Modules = {\n  audioRecorderModule: typeof RNAudioRecorder;\n  permissionModule: typeof Permissions;\n};\nconst createNativeRecorderService = ({ audioRecorderModule, permissionModule }: Modules): RecorderServiceInterface => {\n  const module = new audioRecorderModule.default();\n\n  class VoiceRecorder implements RecorderServiceInterface {\n    public uri: RecorderServiceInterface['uri'] = undefined;\n    public state: RecorderServiceInterface['state'] = 'idle';\n    public options: RecorderServiceInterface['options'] = {\n      minDuration: VoiceMessageConfig.DEFAULT.RECORDER.MIN_DURATION,\n      maxDuration: VoiceMessageConfig.DEFAULT.RECORDER.MAX_DURATION,\n      extension: VoiceMessageConfig.DEFAULT.RECORDER.EXTENSION,\n    };\n\n    // NOTE: In Android, even when startRecorder() is awaited, if stop() is executed immediately afterward, an error occurs\n    private _recordStartedAt = 0;\n    private _getRecorderStopSafeBuffer = () => {\n      const minWaitingTime = 500;\n      const elapsedTime = Date.now() - this._recordStartedAt;\n      if (elapsedTime > minWaitingTime) return 0;\n      else return minWaitingTime - elapsedTime;\n    };\n\n    private readonly recordingSubscribers = new Set<RecordingListener>();\n    private readonly stateSubscribers = new Set<StateListener>();\n    private readonly audioSettings = {\n      sampleRate: VoiceMessageConfig.DEFAULT.RECORDER.SAMPLE_RATE,\n      bitRate: VoiceMessageConfig.DEFAULT.RECORDER.BIT_RATE,\n      audioChannels: VoiceMessageConfig.DEFAULT.RECORDER.CHANNELS,\n      // encoding: mpeg4_aac\n    };\n    private readonly audioOptions = Platform.select({\n      android: {\n        AudioEncodingBitRateAndroid: this.audioSettings.bitRate,\n        AudioChannelsAndroid: this.audioSettings.audioChannels,\n        AudioSamplingRateAndroid: this.audioSettings.sampleRate,\n        AudioEncoderAndroid: audioRecorderModule.AudioEncoderAndroidType.AAC,\n        OutputFormatAndroid: audioRecorderModule.OutputFormatAndroidType.MPEG_4,\n        AudioSourceAndroid: audioRecorderModule.AudioSourceAndroidType.VOICE_RECOGNITION,\n      },\n      ios: {\n        AVEncoderBitRateKeyIOS: this.audioSettings.bitRate,\n        AVNumberOfChannelsKeyIOS: this.audioSettings.audioChannels,\n        AVSampleRateKeyIOS: this.audioSettings.sampleRate,\n        AVFormatIDKeyIOS: audioRecorderModule.AVEncodingOption.mp4, // same with aac\n        AVEncoderAudioQualityKeyIOS: audioRecorderModule.AVEncoderAudioQualityIOSType.high,\n      },\n      default: {},\n    });\n\n    constructor() {\n      module.setSubscriptionDuration(0.1);\n      module.addRecordBackListener((data) => {\n        const completed = data.currentPosition >= this.options.maxDuration;\n\n        if (completed) this.stop();\n        if (this.state === 'recording') {\n          this.recordingSubscribers.forEach((callback) => {\n            callback({ currentTime: data.currentPosition, completed });\n          });\n        }\n      });\n    }\n\n    private setState = (state: RecorderServiceInterface['state']) => {\n      this.state = state;\n      this.stateSubscribers.forEach((callback) => {\n        callback(state);\n      });\n    };\n\n    public requestPermission = async (): Promise<boolean> => {\n      const permission: Permission[] | undefined = Platform.select({\n        android: [permissionModule.PERMISSIONS.ANDROID.RECORD_AUDIO],\n        ios: [permissionModule.PERMISSIONS.IOS.MICROPHONE],\n        windows: [permissionModule.PERMISSIONS.WINDOWS.MICROPHONE],\n        default: undefined,\n      });\n\n      if (Platform.OS === 'android' && Platform.Version <= 28) {\n        permission?.push(permissionModule.PERMISSIONS.ANDROID.WRITE_EXTERNAL_STORAGE);\n      }\n\n      if (permission) {\n        const status = await permissionModule.checkMultiple(permission);\n        if (nativePermissionGranted(status)) {\n          return true;\n        } else {\n          const status = await permissionModule.requestMultiple(permission);\n          return nativePermissionGranted(status);\n        }\n      } else {\n        return true;\n      }\n    };\n\n    public addRecordingListener = (callback: RecordingListener): Unsubscribe => {\n      this.recordingSubscribers.add(callback);\n      return () => {\n        this.recordingSubscribers.delete(callback);\n      };\n    };\n\n    public addStateListener = (callback: StateListener): Unsubscribe => {\n      this.stateSubscribers.add(callback);\n      return () => {\n        this.stateSubscribers.delete(callback);\n      };\n    };\n\n    public record = async (uri: string): Promise<void> => {\n      if (matchesOneOf(this.state, ['idle', 'completed'])) {\n        try {\n          this.setState('preparing');\n          await module.startRecorder(uri, {\n            ...this.audioOptions,\n          });\n\n          if (Platform.OS === 'android') {\n            this._recordStartedAt = Date.now();\n          }\n\n          this.uri = uri;\n          this.setState('recording');\n        } catch (e) {\n          this.setState('idle');\n          throw e;\n        }\n      }\n    };\n\n    public stop = async (): Promise<void> => {\n      if (matchesOneOf(this.state, ['recording'])) {\n        if (Platform.OS === 'android') {\n          const buffer = this._getRecorderStopSafeBuffer();\n          if (buffer > 0) await sleep(buffer);\n        }\n\n        await module.stopRecorder();\n        this.setState('completed');\n      }\n    };\n\n    public reset = async (): Promise<void> => {\n      await this.stop();\n      this.uri = undefined;\n      this.recordingSubscribers.clear();\n      this.setState('idle');\n    };\n  }\n\n  return new VoiceRecorder();\n};\n\nexport default createNativeRecorderService;\n"],"mappings":"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"}

package/lib/commonjs/platform/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type SBUError from '../libs/SBUError';\n\nexport type Unsubscribe = () => void | undefined;\nexport type DownloadedPath = string;\nexport type FilePickerResponse = FileType | null;\n\n/**\n * We are following the file format of react-native FormData\n * @see https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Network/FormData.js#L37-L41\n * */\nexport type FileType = { name: string; uri: string; size: number; type: string };\n\n// ---------- NotificationService ---------- //\nexport interface NotificationServiceInterface {\n  hasPushPermission(): Promise<boolean>;\n  requestPushPermission(): Promise<boolean>;\n\n  getAPNSToken(): Promise<string | null>;\n  getFCMToken(): Promise<string | null>;\n  onTokenRefresh(handler: (token: string) => void): Unsubscribe;\n}\n\n// ---------- ClipboardService ---------- //\nexport interface ClipboardServiceInterface {\n  setString(text: string): void;\n  getString(): Promise<string>;\n}\n\n// ---------- FileService ---------- //\nexport interface FileServiceInterface extends FilePickerServiceInterface, FileSystemServiceInterface {}\n\nexport interface OpenResultListener {\n  onOpenFailure?: (error: SBUError, originError?: unknown) => void;\n}\nexport interface OpenMediaLibraryOptions extends OpenResultListener {\n  selectionLimit?: number;\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport interface OpenCameraOptions extends OpenResultListener {\n  cameraType?: 'front' | 'back';\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport type OpenDocumentOptions = OpenResultListener;\nexport interface SaveOptions {\n  fileUrl: string;\n  fileName: string;\n  fileType?: string | null;\n}\n\nexport interface FilePickerServiceInterface {\n  openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<null | FilePickerResponse[]>;\n  openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse>;\n  openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse>;\n}\n\nexport interface FileSystemServiceInterface {\n  // NOTE: On iOS, You can access the downloaded files by providing options below to info.plist\n  // - Supports opening documents in place\n  // - Application supports iTunes file sharing\n  save(options?: SaveOptions): Promise<DownloadedPath | null>;\n}\n\n// ---------- MediaService ---------- //\nexport type VideoProps = {\n  source: { uri: string } | number;\n  resizeMode?: 'cover' | 'contain' | 'stretch';\n  onLoad?: () => void;\n};\n\nexport type GetVideoThumbnailOptions = {\n  url: string;\n  timeMills?: number;\n  quality?: number;\n};\nexport type GetVideoThumbnailResult = Promise<{ path: string } | null>;\n\nexport type CompressImageOptions = {\n  /**\n   * A uri of image file to compress\n   * */\n  uri: string;\n\n  /**\n   * A resize width, apply only to downscale\n   * */\n  maxWidth?: number;\n\n  /**\n   * A resize height, apply only to downscale\n   * */\n  maxHeight?: number;\n\n  /**\n   * A value in range 0.0 - 1.0 specifying compression level of the result image.\n   * 1 means highest quality and 0 the lowest quality.\n   * */\n  compressionRate?: number;\n};\nexport type CompressImageResult = Promise<{ uri: string; size: number } | null>;\n\nexport interface MediaServiceInterface {\n  VideoComponent<Props = {}>(props: VideoProps & Props): JSX.Element;\n  getVideoThumbnail(options: GetVideoThumbnailOptions): GetVideoThumbnailResult;\n  compressImage(options: CompressImageOptions): CompressImageResult;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type SBUError from '../libs/SBUError';\n\nexport type Unsubscribe = () => void | undefined;\nexport type DownloadedPath = string;\nexport type FilePickerResponse = FileType | null;\n\n/**\n * We are following the file format of react-native FormData\n * @see https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Network/FormData.js#L37-L41\n * */\nexport type FileType = { name: string; uri: string; size: number; type: string };\n\n// ---------- NotificationService ---------- //\nexport interface NotificationServiceInterface {\n  hasPushPermission(): Promise<boolean>;\n  requestPushPermission(): Promise<boolean>;\n\n  getAPNSToken(): Promise<string | null>;\n  getFCMToken(): Promise<string | null>;\n  onTokenRefresh(handler: (token: string) => void): Unsubscribe;\n}\n\n// ---------- ClipboardService ---------- //\nexport interface ClipboardServiceInterface {\n  setString(text: string): void;\n  getString(): Promise<string>;\n}\n\n// ---------- FileService ---------- //\nexport interface FileServiceInterface extends FilePickerServiceInterface, FileSystemServiceInterface {}\n\nexport interface OpenResultListener {\n  onOpenFailure?: (error: SBUError, originError?: unknown) => void;\n}\nexport interface OpenMediaLibraryOptions extends OpenResultListener {\n  selectionLimit?: number;\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport interface OpenCameraOptions extends OpenResultListener {\n  cameraType?: 'front' | 'back';\n  mediaType?: 'photo' | 'video' | 'all';\n}\nexport type OpenDocumentOptions = OpenResultListener;\nexport interface SaveOptions {\n  fileUrl: string;\n  fileName: string;\n  fileType?: string | null;\n}\n\nexport interface FilePickerServiceInterface {\n  openMediaLibrary(options?: OpenMediaLibraryOptions): Promise<null | FilePickerResponse[]>;\n  openCamera(options?: OpenCameraOptions): Promise<FilePickerResponse>;\n  openDocument(options?: OpenDocumentOptions): Promise<FilePickerResponse>;\n}\n\nexport interface FileSystemServiceInterface {\n  // NOTE: On iOS, You can access the downloaded files by providing options below to info.plist\n  // - Supports opening documents in place\n  // - Application supports iTunes file sharing\n  save(options?: SaveOptions): Promise<DownloadedPath | null>;\n  createRecordFilePath(customExtension?: string): { recordFilePath: string; uri: string };\n}\n\n// ---------- MediaService ---------- //\nexport type VideoProps = {\n  source: { uri: string } | number;\n  resizeMode?: 'cover' | 'contain' | 'stretch';\n  onLoad?: () => void;\n};\n\nexport type GetVideoThumbnailOptions = {\n  url: string;\n  timeMills?: number;\n  quality?: number;\n};\nexport type GetVideoThumbnailResult = Promise<{ path: string } | null>;\n\nexport type CompressImageOptions = {\n  /**\n   * A uri of image file to compress\n   * */\n  uri: string;\n\n  /**\n   * A resize width, apply only to downscale\n   * */\n  maxWidth?: number;\n\n  /**\n   * A resize height, apply only to downscale\n   * */\n  maxHeight?: number;\n\n  /**\n   * A value in range 0.0 - 1.0 specifying compression level of the result image.\n   * 1 means highest quality and 0 the lowest quality.\n   * */\n  compressionRate?: number;\n};\nexport type CompressImageResult = Promise<{ uri: string; size: number } | null>;\n\nexport interface MediaServiceInterface {\n  VideoComponent<Props = {}>(props: VideoProps & Props): ReactNode;\n  getVideoThumbnail(options: GetVideoThumbnailOptions): GetVideoThumbnailResult;\n  compressImage(options: CompressImageOptions): CompressImageResult;\n}\n\n// ---------- PlayerService ---------- //\nexport interface PlayerServiceInterface {\n  uri?: string;\n  state: 'idle' | 'preparing' | 'playing' | 'paused' | 'stopped';\n\n  /**\n   * Check and request permission for the player.\n   * */\n  requestPermission(): Promise<boolean>;\n\n  /**\n   * Add a playback listener.\n   * */\n  addPlaybackListener(\n    callback: (params: { currentTime: number; duration: number; stopped: boolean }) => void,\n  ): Unsubscribe;\n\n  /**\n   * Add a state listener.\n   * */\n  addStateListener(callback: (state: PlayerServiceInterface['state']) => void): Unsubscribe;\n\n  /**\n   * State transition:\n   *   [idle, stopped] to [playing] - start from the beginning\n   *   [paused] to [playing] - resume\n   * */\n  play(uri: string): Promise<void>;\n\n  /**\n   * State transition:\n   *   [playing] to [paused]\n   * */\n  pause(): Promise<void>;\n\n  /**\n   * State transition:\n   *   [preparing, playing, paused] to [stop]\n   * */\n  stop(): Promise<void>;\n\n  /**\n   * State transition:\n   *   [*] to [idle]\n   * */\n  reset(): Promise<void>;\n\n  /**\n   * Seek time, only available when the state is [playing, paused].\n   * */\n  seek(time: number): Promise<void>;\n}\n\n// ---------- RecorderService ---------- //\nexport interface RecorderOptions {\n  /**\n   * Minimum recording duration (milliseconds).\n   * */\n  minDuration: number;\n\n  /**\n   * Maximum recording duration (milliseconds).\n   * */\n  maxDuration: number;\n\n  /**\n   * File extension for recorded audio file\n   * */\n  extension: string;\n}\n\nexport interface RecorderServiceInterface {\n  uri?: string;\n  options: RecorderOptions;\n  state: 'idle' | 'preparing' | 'recording' | 'completed';\n\n  /**\n   * Check and request permission for the recorder.\n   * */\n  requestPermission(): Promise<boolean>;\n\n  /**\n   * Add recording listener.\n   * */\n  addRecordingListener(callback: (params: { currentTime: number; completed: boolean }) => void): Unsubscribe;\n\n  /**\n   * Add state listener.\n   * */\n  addStateListener(callback: (state: RecorderServiceInterface['state']) => void): Unsubscribe;\n\n  /**\n   * State transition:\n   *   [idle, completed] to [recording]\n   * */\n  record(uri?: string): Promise<void>;\n\n  /**\n   * State transition:\n   *   [recording] to [completed]\n   * */\n  stop(): Promise<void>;\n\n  /**\n   * State transition:\n   *   [*] to [idle]\n   * */\n  reset(): Promise<void>;\n}\n"],"mappings":""}

package/lib/commonjs/types.js

@@ -3,4 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.TypingIndicatorType = void 0;
+let TypingIndicatorType = /*#__PURE__*/function (TypingIndicatorType) {
+  TypingIndicatorType["Text"] = "text";
+  TypingIndicatorType["Bubble"] = "bubble";
+  return TypingIndicatorType;
+}({});
+exports.TypingIndicatorType = TypingIndicatorType;
 //# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ErrorInfo, ReactNode } from 'react';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nexport type KeyValuePairGet = [string, string | null];\nexport type KeyValuePairSet = [string, string];\nexport interface LocalCacheStorage {\n  getAllKeys(): Promise<readonly string[] | string[]>;\n  getItem(key: string): Promise<string | null>;\n  setItem(key: string, value: string): Promise<void>;\n  removeItem(key: string): Promise<void>;\n\n  multiSet?(keyValuePairs: Array<KeyValuePairSet>): Promise<void>;\n  multiGet?(keys: string[]): Promise<readonly KeyValuePairGet[] | KeyValuePairGet[]>;\n  multiRemove?(keys: string[]): Promise<void>;\n}\n\nexport type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };\n\nexport type CommonComponent<P = {}> = (props: P & { children?: ReactNode }) => null | JSX.Element; //ReactNode;\n\nexport type MentionedUser = {\n  range: Range;\n  user: SendbirdUser;\n};\n\nexport type Range = {\n  start: number;\n  end: number;\n};\n"],"mappings":""}
+{"version":3,"names":["TypingIndicatorType","exports"],"sources":["types.ts"],"sourcesContent":["import type { ErrorInfo, ReactNode } from 'react';\n\nimport type { SendbirdUser } from '@sendbird/uikit-utils';\n\nexport type KeyValuePairGet = [string, string | null];\nexport type KeyValuePairSet = [string, string];\nexport interface LocalCacheStorage {\n  getAllKeys(): Promise<readonly string[] | string[]>;\n  getItem(key: string): Promise<string | null>;\n  setItem(key: string, value: string): Promise<void>;\n  removeItem(key: string): Promise<void>;\n\n  multiSet?(keyValuePairs: Array<KeyValuePairSet>): Promise<void>;\n  multiGet?(keys: string[]): Promise<readonly KeyValuePairGet[] | KeyValuePairGet[]>;\n  multiRemove?(keys: string[]): Promise<void>;\n}\n\nexport type ErrorBoundaryProps = { error: Error; errorInfo: ErrorInfo; reset: () => void };\n\nexport type CommonComponent<P = {}> = (props: P & { children?: ReactNode }) => null | ReactNode;\n\nexport type MentionedUser = {\n  range: Range;\n  user: SendbirdUser;\n};\n\nexport type Range = {\n  start: number;\n  end: number;\n};\n\nexport enum TypingIndicatorType {\n  Text = 'text',\n  Bubble = 'bubble',\n}\n"],"mappings":";;;;;;IA+BYA,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAAAC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA"}

package/lib/commonjs/utils/promise.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromisePolyfill = void 0;
+require("react-native");
+/**
+ * This file contains subcomponents with separate copyright notices and license terms.
+ * Your use of the source code for these subcomponents is subject to the terms and conditions of the following licenses.
+ *
+ * MIT License: https://github.com/then/promise
+ *
+ * Copyright (c) 2014 Forbes Lindesay
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Original code: https://github.com/then/promise/blob/master/src/es6-extensions.js
+ * */
+let iterableToArray = function (iterable) {
+  if (typeof Array.from === 'function') {
+    // ES2015+, iterables exist
+    iterableToArray = Array.from;
+    return Array.from(iterable);
+  }
+
+  // ES5, only arrays and array-likes exist
+  iterableToArray = function (x) {
+    return Array.prototype.slice.call(x);
+  };
+  return Array.prototype.slice.call(iterable);
+};
+function onSettledFulfill(value) {
+  return {
+    status: 'fulfilled',
+    value: value
+  };
+}
+function onSettledReject(reason) {
+  return {
+    status: 'rejected',
+    reason: reason
+  };
+}
+function mapAllSettled(item) {
+  if (item && (typeof item === 'object' || typeof item === 'function')) {
+    if (item instanceof Promise && item.then === Promise.prototype.then) {
+      return item.then(onSettledFulfill, onSettledReject);
+    }
+    // @ts-expect-error
+    const then = item.then;
+    if (typeof then === 'function') {
+      return new Promise(then.bind(item)).then(onSettledFulfill, onSettledReject);
+    }
+  }
+
+  // @ts-expect-error
+  return onSettledFulfill(item);
+}
+function getAggregateError(errors) {
+  if (typeof AggregateError === 'function') {
+    return new AggregateError(errors, 'All promises were rejected');
+  }
+  const error = new Error('All promises were rejected');
+  error.name = 'AggregateError';
+  error.errors = errors;
+  return error;
+}
+const PromisePolyfill = {
+  allSettled(values) {
+    return Promise.all(iterableToArray(values).map(mapAllSettled));
+  },
+  race(values) {
+    return new Promise(function (resolve, reject) {
+      iterableToArray(values).forEach(function (value) {
+        Promise.resolve(value).then(resolve, reject);
+      });
+    });
+  },
+  any(values) {
+    return new Promise(function (resolve, reject) {
+      const promises = iterableToArray(values);
+      let hasResolved = false;
+      const rejectionReasons = [];
+      function resolveOnce(value) {
+        if (!hasResolved) {
+          hasResolved = true;
+          resolve(value);
+        }
+      }
+      function rejectionCheck(reason) {
+        rejectionReasons.push(reason);
+        if (rejectionReasons.length === promises.length) {
+          reject(getAggregateError(rejectionReasons));
+        }
+      }
+      if (promises.length === 0) {
+        reject(getAggregateError(rejectionReasons));
+      } else {
+        promises.forEach(function (value) {
+          Promise.resolve(value).then(resolveOnce, rejectionCheck);
+        });
+      }
+    });
+  },
+  apply() {
+    // https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Utilities/PolyfillFunctions.js
+    if (typeof global !== 'undefined' && 'Promise' in global) {
+      if (!global.Promise.allSettled) {
+        global.Promise.allSettled = this.allSettled;
+      }
+      if (!global.Promise.any) {
+        global.Promise.any = this.any;
+      }
+      if (!global.Promise.race) {
+        global.Promise.race = this.race;
+      }
+    }
+  }
+};
+exports.PromisePolyfill = PromisePolyfill;
+//# sourceMappingURL=promise.js.map

package/lib/commonjs/utils/promise.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["require","iterableToArray","iterable","Array","from","x","prototype","slice","call","onSettledFulfill","value","status","onSettledReject","reason","mapAllSettled","item","Promise","then","bind","getAggregateError","errors","AggregateError","error","Error","name","PromisePolyfill","allSettled","values","all","map","race","resolve","reject","forEach","any","promises","hasResolved","rejectionReasons","resolveOnce","rejectionCheck","push","length","apply","global","exports"],"sources":["promise.ts"],"sourcesContent":["import 'react-native';\n\n/**\n * This file contains subcomponents with separate copyright notices and license terms.\n * Your use of the source code for these subcomponents is subject to the terms and conditions of the following licenses.\n *\n * MIT License: https://github.com/then/promise\n *\n * Copyright (c) 2014 Forbes Lindesay\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *\n * Original code: https://github.com/then/promise/blob/master/src/es6-extensions.js\n * */\nlet iterableToArray = function <T>(iterable: Iterable<T | PromiseLike<T>>): (T | PromiseLike<T>)[] {\n  if (typeof Array.from === 'function') {\n    // ES2015+, iterables exist\n    iterableToArray = Array.from;\n    return Array.from(iterable);\n  }\n\n  // ES5, only arrays and array-likes exist\n  iterableToArray = function (x) {\n    return Array.prototype.slice.call(x);\n  };\n  return Array.prototype.slice.call(iterable);\n};\n\nfunction onSettledFulfill<T>(value: T) {\n  return { status: 'fulfilled', value: value } as const;\n}\n\nfunction onSettledReject<T>(reason: T) {\n  return { status: 'rejected', reason: reason } as const;\n}\n\nfunction mapAllSettled<T>(item: T | PromiseLike<T>): PromiseLike<PromiseSettledResult<T>> | PromiseSettledResult<T> {\n  if (item && (typeof item === 'object' || typeof item === 'function')) {\n    if (item instanceof Promise && item.then === Promise.prototype.then) {\n      return item.then(onSettledFulfill, onSettledReject);\n    }\n    // @ts-expect-error\n    const then = item.then;\n    if (typeof then === 'function') {\n      return new Promise<T>(then.bind(item)).then(onSettledFulfill, onSettledReject);\n    }\n  }\n\n  // @ts-expect-error\n  return onSettledFulfill(item);\n}\n\nfunction getAggregateError(errors: unknown[]) {\n  if (typeof AggregateError === 'function') {\n    return new AggregateError(errors, 'All promises were rejected');\n  }\n\n  const error = new Error('All promises were rejected') as Error & { errors: unknown[] };\n\n  error.name = 'AggregateError';\n  error.errors = errors;\n\n  return error;\n}\n\nexport const PromisePolyfill = {\n  allSettled<T extends readonly unknown[] | []>(values: T) {\n    return Promise.all(iterableToArray(values).map(mapAllSettled)) as Promise<{\n      -readonly [P in keyof T]: PromiseSettledResult<Awaited<T[P]>>;\n    }>;\n  },\n  race<T>(values: Iterable<T | PromiseLike<T>>): Promise<Awaited<T>> {\n    return new Promise(function (resolve, reject) {\n      iterableToArray(values).forEach(function (value) {\n        Promise.resolve(value).then(resolve, reject);\n      });\n    });\n  },\n  any<T>(values: Iterable<T | PromiseLike<T>>): Promise<Awaited<T>> {\n    return new Promise<Awaited<T>>(function (resolve, reject) {\n      const promises = iterableToArray(values);\n      let hasResolved = false;\n      const rejectionReasons: unknown[] = [];\n\n      function resolveOnce(value: Awaited<T>) {\n        if (!hasResolved) {\n          hasResolved = true;\n          resolve(value);\n        }\n      }\n\n      function rejectionCheck(reason: unknown) {\n        rejectionReasons.push(reason);\n\n        if (rejectionReasons.length === promises.length) {\n          reject(getAggregateError(rejectionReasons));\n        }\n      }\n\n      if (promises.length === 0) {\n        reject(getAggregateError(rejectionReasons));\n      } else {\n        promises.forEach(function (value) {\n          Promise.resolve(value).then(resolveOnce, rejectionCheck);\n        });\n      }\n    });\n  },\n  apply() {\n    // https://github.com/facebook/react-native/blob/main/packages/react-native/Libraries/Utilities/PolyfillFunctions.js\n    if (typeof global !== 'undefined' && 'Promise' in global) {\n      if (!global.Promise.allSettled) {\n        global.Promise.allSettled = this.allSettled;\n      }\n      if (!global.Promise.any) {\n        global.Promise.any = this.any;\n      }\n      if (!global.Promise.race) {\n        global.Promise.race = this.race;\n      }\n    }\n  },\n};\n"],"mappings":"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"}

package/lib/commonjs/version.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const VERSION = '3.1.2';
+const VERSION = '3.3.0';
 var _default = VERSION;
 exports.default = _default;
 //# sourceMappingURL=version.js.map

package/lib/commonjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.1.2';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAO;AAAC,IAAAC,QAAA,GACTD,OAAO;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["VERSION","_default","exports","default"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.3.0';\nexport default VERSION;\n"],"mappings":";;;;;;AAAA,MAAMA,OAAO,GAAG,OAAO;AAAC,IAAAC,QAAA,GACTD,OAAO;AAAAE,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/lib/module/components/ChannelInput/EditInput.js

@@ -1,10 +1,11 @@
 import React, { forwardRef } from 'react';
-import { Platform, View } from 'react-native';
+import { View } from 'react-native';
 import { MentionType } from '@sendbird/chat/message';
 import { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';
 import { useLocalization, useSendbirdChat } from '../../hooks/useContext';
 const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
   let {
+    style,
     text,
     onChangeText,
     messageToEdit,
@@ -54,7 +55,7 @@ const EditInput = /*#__PURE__*/forwardRef(function EditInput(_ref, ref) {
     editable: !inputDisabled,
     autoFocus: autoFocus,
     onChangeText: onChangeText,
-    style: styles.input,
+    style: style,
     placeholder: STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE,
     onSelectionChange: onSelectionChange
   }, mentionManager.textToMentionedComponents(text, mentionedUsers, sbOptions.uikit.groupChannel.channel.enableMention))), /*#__PURE__*/React.createElement(View, {
@@ -79,16 +80,6 @@ const styles = createStyleSheet({
     flexDirection: 'column',
     alignItems: 'center'
   },
-  input: {
-    flex: 1,
-    marginRight: 4,
-    minHeight: 36,
-    maxHeight: 36 * Platform.select({
-      ios: 2.5,
-      default: 2
-    }),
-    borderRadius: 20
-  },
   inputWrapper: {
     flexDirection: 'row'
   },

package/lib/module/components/ChannelInput/EditInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Platform","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","_ref","ref","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","sbOptions","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","style","styles","editInputContainer","inputWrapper","multiline","disableFullscreenUI","editable","input","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex","marginRight","minHeight","maxHeight","select","ios","default","borderRadius"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  NativeSyntheticEvent,\n  Platform,\n  TextInput as RNTextInput,\n  TextInputSelectionChangeEventData,\n  View,\n} from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../hooks/useContext';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface EditInputProps extends ChannelInputProps {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n}\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mentionType = MentionType.USERS;\n      const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!inputDisabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={styles.input}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    marginRight: 4,\n    minHeight: 36,\n    maxHeight: 36 * Platform.select({ ios: 2.5, default: 2 }),\n    borderRadius: 20,\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","View","MentionType","Button","TextInput","createStyleSheet","useToast","useLocalization","useSendbirdChat","EditInput","_ref","ref","style","text","onChangeText","messageToEdit","setMessageToEdit","onPressUpdateUserMessage","onSelectionChange","autoFocus","mentionedUsers","inputDisabled","mentionManager","sbOptions","STRINGS","toast","onPressCancel","onPressSave","isUserMessage","mentionType","USERS","mentionedUserIds","map","it","user","userId","mentionedMessageTemplate","textToMentionedMessageTemplate","uikit","groupChannel","channel","enableMention","message","catch","onFailureToUpdate","show","TOAST","UPDATE_MSG_ERROR","createElement","styles","editInputContainer","inputWrapper","multiline","disableFullscreenUI","editable","placeholder","LABELS","CHANNEL_INPUT_PLACEHOLDER_ACTIVE","textToMentionedComponents","marginTop","flexDirection","variant","onPress","CHANNEL_INPUT_EDIT_CANCEL","space","CHANNEL_INPUT_EDIT_OK","paddingVertical","paddingHorizontal","alignItems","flex"],"sources":["EditInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } from 'react-native';\n\nimport { MentionType } from '@sendbird/chat/message';\nimport { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization, useSendbirdChat } from '../../hooks/useContext';\nimport type { MentionedUser } from '../../types';\nimport type { ChannelInputProps } from './index';\n\ninterface EditInputProps extends ChannelInputProps {\n  text: string;\n  onChangeText: (val: string) => void;\n  messageToEdit: SendbirdUserMessage | SendbirdFileMessage;\n  setMessageToEdit: (msg?: SendbirdUserMessage | SendbirdFileMessage) => void;\n  onSelectionChange: (e: NativeSyntheticEvent<TextInputSelectionChangeEventData>) => void;\n  autoFocus: boolean;\n  mentionedUsers: MentionedUser[];\n}\n\nconst EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(\n  {\n    style,\n    text,\n    onChangeText,\n    messageToEdit,\n    setMessageToEdit,\n    onPressUpdateUserMessage,\n    onSelectionChange,\n    autoFocus,\n    mentionedUsers,\n    inputDisabled,\n  },\n  ref,\n) {\n  const { mentionManager, sbOptions } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const toast = useToast();\n\n  const onPressCancel = () => {\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onPressSave = () => {\n    if (messageToEdit.isUserMessage()) {\n      const mentionType = MentionType.USERS;\n      const mentionedUserIds = mentionedUsers.map((it) => it.user.userId);\n      const mentionedMessageTemplate = mentionManager.textToMentionedMessageTemplate(\n        text,\n        mentionedUsers,\n        sbOptions.uikit.groupChannel.channel.enableMention,\n      );\n\n      onPressUpdateUserMessage(messageToEdit, {\n        message: text,\n        mentionType,\n        mentionedUserIds,\n        mentionedMessageTemplate,\n      }).catch(onFailureToUpdate);\n    }\n    setMessageToEdit();\n    onChangeText('');\n  };\n\n  const onFailureToUpdate = () => toast.show(STRINGS.TOAST.UPDATE_MSG_ERROR, 'error');\n\n  return (\n    <View style={styles.editInputContainer}>\n      <View style={styles.inputWrapper}>\n        <TextInput\n          ref={ref}\n          multiline\n          disableFullscreenUI\n          editable={!inputDisabled}\n          autoFocus={autoFocus}\n          onChangeText={onChangeText}\n          style={style}\n          placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}\n          onSelectionChange={onSelectionChange}\n        >\n          {mentionManager.textToMentionedComponents(\n            text,\n            mentionedUsers,\n            sbOptions.uikit.groupChannel.channel.enableMention,\n          )}\n        </TextInput>\n      </View>\n      <View style={{ marginTop: 8, flexDirection: 'row' }}>\n        <Button variant={'text'} onPress={onPressCancel}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_CANCEL}\n        </Button>\n        <View style={styles.space} />\n        <Button variant={'contained'} onPress={onPressSave}>\n          {STRINGS.LABELS.CHANNEL_INPUT_EDIT_OK}\n        </Button>\n      </View>\n    </View>\n  );\n});\n\nconst styles = createStyleSheet({\n  editInputContainer: {\n    paddingVertical: 10,\n    paddingHorizontal: 16,\n    flexDirection: 'column',\n    alignItems: 'center',\n  },\n  inputWrapper: {\n    flexDirection: 'row',\n  },\n  space: {\n    flex: 1,\n  },\n});\n\nexport default EditInput;\n"],"mappings":"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"}

package/lib/module/components/ChannelInput/MessageToReplyPreview.js

@@ -0,0 +1,137 @@
+import React from 'react';
+import { TouchableOpacity, View } from 'react-native';
+import { Icon, ImageWithPlaceholder, Text, VideoThumbnail, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';
+import { getFileIconFromMessageType, getMessageType, getThumbnailUriFromFileMessage } from '@sendbird/uikit-utils';
+import { useLocalization, usePlatformService } from '../../hooks/useContext';
+export const MessageToReplyPreview = _ref => {
+  let {
+    messageToReply,
+    setMessageToReply
+  } = _ref;
+  const {
+    colors,
+    select,
+    palette
+  } = useUIKitTheme();
+  const {
+    mediaService
+  } = usePlatformService();
+  const {
+    STRINGS
+  } = useLocalization();
+  const getFileIconAsImage = url => {
+    return /*#__PURE__*/React.createElement(ImageWithPlaceholder, {
+      source: {
+        uri: url
+      },
+      style: styles.previewImage
+    });
+  };
+  const getFileIconAsVideoThumbnail = url => {
+    return /*#__PURE__*/React.createElement(VideoThumbnail, {
+      style: styles.previewImage,
+      iconSize: 0,
+      source: url,
+      fetchThumbnailFromVideoSource: uri => mediaService.getVideoThumbnail({
+        url: uri,
+        timeMills: 1000
+      })
+    });
+  };
+  const getFileIconAsSymbol = icon => {
+    return /*#__PURE__*/React.createElement(Icon, {
+      icon: icon,
+      size: 20,
+      color: colors.onBackground02,
+      containerStyle: [styles.fileIcon, {
+        backgroundColor: select({
+          light: palette.background100,
+          dark: palette.background500
+        })
+      }]
+    });
+  };
+  const getFileIcon = messageToReply => {
+    if (messageToReply !== null && messageToReply !== void 0 && messageToReply.isFileMessage()) {
+      const messageType = getMessageType(messageToReply);
+      switch (messageType) {
+        case 'file.image':
+          return getFileIconAsImage(getThumbnailUriFromFileMessage(messageToReply));
+        case 'file.video':
+          return getFileIconAsVideoThumbnail(getThumbnailUriFromFileMessage(messageToReply));
+        case 'file.voice':
+          return null;
+        default:
+          return getFileIconAsSymbol(getFileIconFromMessageType(messageType));
+      }
+    }
+    return null;
+  };
+  if (!messageToReply) return null;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.messageToReplyContainer, {
+      borderColor: colors.onBackground04
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      flexDirection: 'row'
+    }
+  }, getFileIcon(messageToReply), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      flexDirection: 'column'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: {
+      fontSize: 13,
+      fontWeight: '900',
+      marginBottom: 4
+    }
+  }, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_TITLE(messageToReply.sender)), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    style: {
+      fontSize: 13,
+      color: colors.onBackground03
+    }
+  }, STRINGS.LABELS.CHANNEL_INPUT_REPLY_PREVIEW_BODY(messageToReply)))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => setMessageToReply === null || setMessageToReply === void 0 ? void 0 : setMessageToReply(undefined)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: 'close',
+    size: 24,
+    color: colors.onBackground01,
+    containerStyle: styles.closeIcon
+  })));
+};
+const styles = createStyleSheet({
+  previewImage: {
+    width: 36,
+    height: 36,
+    borderRadius: 10,
+    marginTop: 2,
+    marginRight: 10,
+    overflow: 'hidden'
+  },
+  messageToReplyContainer: {
+    flexDirection: 'row',
+    paddingLeft: 18,
+    paddingRight: 16,
+    paddingTop: 10,
+    paddingBottom: 8,
+    alignItems: 'center',
+    borderTopWidth: 1
+  },
+  fileIcon: {
+    width: 36,
+    height: 36,
+    borderRadius: 10,
+    marginRight: 10,
+    marginTop: 2
+  },
+  closeIcon: {
+    marginLeft: 4,
+    padding: 4
+  }
+});
+//# sourceMappingURL=MessageToReplyPreview.js.map