@sendbird/uikit-react-native 3.1.2 → 3.3.0

package/lib/typescript/src/domain/openChannelList/component/OpenChannelListStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelListStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelListStatusLoading: () => React.JSX.Element;
 export default OpenChannelListStatusLoading;

package/lib/typescript/src/domain/openChannelModeration/component/OpenChannelModerationHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelModerationProps } from '../types';
-declare const OpenChannelModerationHeader: ({ onPressHeaderLeft }: OpenChannelModerationProps['Header']) => JSX.Element;
+declare const OpenChannelModerationHeader: ({ onPressHeaderLeft }: OpenChannelModerationProps['Header']) => React.JSX.Element;
 export default OpenChannelModerationHeader;

package/lib/typescript/src/domain/openChannelModeration/component/OpenChannelModerationMenu.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelModerationProps } from '../types';
-declare const OpenChannelModerationMenu: ({ onPressMenuBannedUsers, onPressMenuMutedParticipants, onPressMenuOperators, menuItemsCreator, }: OpenChannelModerationProps['Menu']) => JSX.Element;
+declare const OpenChannelModerationMenu: ({ onPressMenuBannedUsers, onPressMenuMutedParticipants, onPressMenuOperators, menuItemsCreator, }: OpenChannelModerationProps['Menu']) => React.JSX.Element;
 export default OpenChannelModerationMenu;

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelMutedParticipantsProps } from '../types';
-declare const OpenChannelMutedParticipantsHeader: ({ onPressHeaderLeft }: OpenChannelMutedParticipantsProps['Header']) => JSX.Element;
+declare const OpenChannelMutedParticipantsHeader: ({ onPressHeaderLeft }: OpenChannelMutedParticipantsProps['Header']) => React.JSX.Element;
 export default OpenChannelMutedParticipantsHeader;

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelMutedParticipantsProps } from '../types';
-declare const OpenChannelMutedParticipantsList: ({ renderUser, mutedParticipants, ListEmptyComponent, onLoadNext, }: OpenChannelMutedParticipantsProps['List']) => JSX.Element;
+declare const OpenChannelMutedParticipantsList: ({ renderUser, mutedParticipants, ListEmptyComponent, onLoadNext, }: OpenChannelMutedParticipantsProps['List']) => React.JSX.Element;
 export default OpenChannelMutedParticipantsList;

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelMutedParticipantsStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelMutedParticipantsStatusEmpty: () => React.JSX.Element;
 export default OpenChannelMutedParticipantsStatusEmpty;

package/lib/typescript/src/domain/openChannelMutedParticipants/component/OpenChannelMutedParticipantsStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelMutedParticipantsStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelMutedParticipantsStatusLoading: () => React.JSX.Element;
 export default OpenChannelMutedParticipantsStatusLoading;

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelOperatorsProps } from '../types';
-declare const OpenChannelOperatorsHeader: ({ onPressHeaderLeft, onPressHeaderRight }: OpenChannelOperatorsProps['Header']) => JSX.Element;
+declare const OpenChannelOperatorsHeader: ({ onPressHeaderLeft, onPressHeaderRight }: OpenChannelOperatorsProps['Header']) => React.JSX.Element;
 export default OpenChannelOperatorsHeader;

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsList.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelOperatorsProps } from '../types';
-declare const OpenChannelOperatorsList: ({ renderUser, operators, ListEmptyComponent, onLoadNext, }: OpenChannelOperatorsProps['List']) => JSX.Element;
+declare const OpenChannelOperatorsList: ({ renderUser, operators, ListEmptyComponent, onLoadNext, }: OpenChannelOperatorsProps['List']) => React.JSX.Element;
 export default OpenChannelOperatorsList;

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelOperatorsStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelOperatorsStatusEmpty: () => React.JSX.Element;
 export default OpenChannelOperatorsStatusEmpty;

package/lib/typescript/src/domain/openChannelOperators/component/OpenChannelOperatorsStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const OpenChannelOperatorsStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const OpenChannelOperatorsStatusLoading: () => React.JSX.Element;
 export default OpenChannelOperatorsStatusLoading;

package/lib/typescript/src/domain/openChannelSettings/component/OpenChannelSettingsHeader.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelSettingsProps } from '../types';
-declare const OpenChannelSettingsHeader: ({ onPressHeaderLeft }: OpenChannelSettingsProps['Header']) => JSX.Element;
+declare const OpenChannelSettingsHeader: ({ onPressHeaderLeft }: OpenChannelSettingsProps['Header']) => React.JSX.Element;
 export default OpenChannelSettingsHeader;

package/lib/typescript/src/domain/openChannelSettings/component/OpenChannelSettingsInfo.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelSettingsProps } from '../types';
-declare const OpenChannelSettingsInfo: (_: OpenChannelSettingsProps['Info']) => JSX.Element;
+declare const OpenChannelSettingsInfo: (_: OpenChannelSettingsProps['Info']) => React.JSX.Element;
 export default OpenChannelSettingsInfo;

package/lib/typescript/src/domain/openChannelSettings/component/OpenChannelSettingsMenu.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { OpenChannelSettingsProps } from '../types';
-declare const OpenChannelSettingsMenu: ({ onPressMenuModeration, onPressMenuParticipants, onPressMenuDeleteChannel, menuItemsCreator, }: OpenChannelSettingsProps['Menu']) => JSX.Element;
+declare const OpenChannelSettingsMenu: ({ onPressMenuModeration, onPressMenuParticipants, onPressMenuDeleteChannel, menuItemsCreator, }: OpenChannelSettingsProps['Menu']) => React.JSX.Element;
 export default OpenChannelSettingsMenu;

package/lib/typescript/src/domain/userList/component/UserListHeader.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { UserListProps } from '../types';
 declare const UserListHeader: <T>({ onPressHeaderLeft, onPressHeaderRight, right, left, shouldActivateHeaderRight, }: {
-    right?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    left?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    right?: React.ReactNode;
+    left?: React.ReactNode;
     onPressHeaderLeft: () => void;
     onPressHeaderRight: (selectedUsers: T[]) => Promise<void>;
     shouldActivateHeaderRight?: ((selectedUsers: T[]) => boolean) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default UserListHeader;

package/lib/typescript/src/domain/userList/component/UserListList.d.ts

@@ -8,5 +8,5 @@ declare const UserListList: <T extends UserStruct>({ users, onRefresh, refreshin
     onRefresh?: (() => Promise<void>) | undefined;
     refreshing?: boolean | undefined;
     ListEmptyComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default UserListList;

package/lib/typescript/src/domain/userList/component/UserListStatusEmpty.d.ts

@@ -1,2 +1,3 @@
-declare const UserListStatusEmpty: () => JSX.Element;
+import React from 'react';
+declare const UserListStatusEmpty: () => React.JSX.Element;
 export default UserListStatusEmpty;

package/lib/typescript/src/domain/userList/component/UserListStatusLoading.d.ts

@@ -1,2 +1,3 @@
-declare const UserListStatusLoading: () => JSX.Element;
+import React from 'react';
+declare const UserListStatusLoading: () => React.JSX.Element;
 export default UserListStatusLoading;

package/lib/typescript/src/domain/userList/types.d.ts

@@ -4,8 +4,8 @@ import type { CommonComponent } from '../../types';
 export interface UserListProps<User> {
     /** Props for `UserListModule.Header` **/
     Header: {
-        right?: React.ReactElement;
-        left?: React.ReactElement;
+        right?: React.ReactNode;
+        left?: React.ReactNode;
         onPressHeaderLeft: () => void;
         onPressHeaderRight: (selectedUsers: User[]) => Promise<void>;
         shouldActivateHeaderRight?: (selectedUsers: User[]) => boolean;

package/lib/typescript/src/hooks/useChannelInputItems.d.ts

@@ -0,0 +1,10 @@
+import { SendbirdChannel } from '@sendbird/uikit-utils';
+import { FileType } from '../platform/types';
+export declare const useChannelInputItems: (channel: SendbirdChannel, sendFileMessage: (file: FileType) => void) => {
+    icon?: "search" | "stop" | "photo" | "recording" | "message" | "done" | "user" | "add" | "chat-hide" | "chat-show" | "archive" | "arrow-left" | "audio-off-filled" | "audio-off" | "audio-on-filled" | "audio-on" | "ban" | "broadcast" | "camera" | "channels" | "chat-filled" | "chat" | "checkbox-off" | "checkbox-on" | "chevron-down" | "chevron-right" | "close" | "copy" | "create" | "delete" | "document" | "done-all" | "download" | "edit" | "emoji-more" | "error" | "file-audio" | "file-document" | "freeze" | "gif" | "info" | "leave" | "members" | "moderation" | "more" | "mute" | "notifications-filled" | "notifications-off-filled" | "notifications" | "operator" | "pause" | "play" | "plus" | "question" | "radio-off" | "radio-on" | "refresh" | "remove" | "reply-filled" | "reply" | "send" | "settings-filled" | "spinner" | "streaming" | "supergroup" | "theme" | "thumbnail-none" | "unarchive" | undefined;
+    iconColor?: string | undefined;
+    title: string;
+    titleColor?: string | undefined;
+    disabled?: boolean | undefined;
+    onPress: () => void;
+}[];

package/lib/typescript/src/hooks/useVoiceMessageInput.d.ts

@@ -0,0 +1,53 @@
+import { FileType } from '../platform/types';
+type State = {
+    /**
+     * Status
+     *
+     * idle:
+     *   - cancel(): idle
+     *   - startRecording(): recording
+     * recording:
+     *   - cancel(): idle
+     *   - stopRecording(): recording_completed
+     *   - send(): recording_completed > idle
+     * recording_completed:
+     *   - cancel(): idle
+     *   - playPlayer(): playing
+     *   - send(): idle
+     * playing:
+     *   - cancel(): idle
+     *   - pausePlayer(): playing_paused
+     *   - send(): idle
+     * playing_paused:
+     *   - cancel(): idle
+     *   - playPlayer(): playing
+     *   - send(): idle
+     * */
+    status: 'idle' | 'recording' | 'recording_completed' | 'playing' | 'playing_paused';
+    recordingTime: {
+        currentTime: number;
+        minDuration: number;
+        maxDuration: number;
+    };
+    playingTime: {
+        currentTime: number;
+        duration: number;
+    };
+};
+export interface VoiceMessageInputResult {
+    actions: {
+        cancel: () => Promise<void>;
+        startRecording: () => Promise<void>;
+        stopRecording: () => Promise<void>;
+        playPlayer: () => Promise<void>;
+        pausePlayer: () => Promise<void>;
+        send: () => Promise<void>;
+    };
+    state: State;
+}
+type Props = {
+    onClose: () => Promise<void>;
+    onSend: (voiceFile: FileType, duration: number) => void;
+};
+declare const useVoiceMessageInput: ({ onSend, onClose }: Props) => VoiceMessageInputResult;
+export default useVoiceMessageInput;

package/lib/typescript/src/index.d.ts

@@ -59,10 +59,14 @@ export { default as createNativeFileService } from './platform/createFileService
 export { default as createNativeClipboardService } from './platform/createClipboardService.native';
 export { default as createNativeNotificationService } from './platform/createNotificationService.native';
 export { default as createNativeMediaService } from './platform/createMediaService.native';
+export { default as createNativePlayerService } from './platform/createPlayerService.native';
+export { default as createNativeRecorderService } from './platform/createRecorderService.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 { default as createExpoMediaService } from './platform/createMediaService.expo';
+export { default as createExpoPlayerService } from './platform/createPlayerService.expo';
+export { default as createExpoRecorderService } from './platform/createRecorderService.expo';
 export * from './platform/types';
 /** Feature - shared **/
 export * from './domain/userList';

package/lib/typescript/src/libs/MentionManager.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SendbirdFileMessage, SendbirdUser, SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { MentionedUser, Range } from '../types';
 import type { MentionConfigInterface } from './MentionConfig';
@@ -43,7 +44,7 @@ declare class MentionManager {
     /**
      * @description Bold @user.nickname
      * */
-    textToMentionedComponents: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string | (string | JSX.Element)[];
+    textToMentionedComponents: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string | React.ReactNode[];
     textToMentionedMessageTemplate: (text: string, mentionedUsers: MentionedUser[], mentionEnabled: boolean) => string;
     /**
      * @description Convert @{user.id} template to @user.nickname text and MentionedUser[] array.

package/lib/typescript/src/libs/SBUUtils.d.ts

@@ -6,4 +6,5 @@ export default class SBUUtils {
         height: number;
     }>;
     static safeRun(callback: () => Promise<void>): Promise<void>;
+    static isExpo(): boolean;
 }

package/lib/typescript/src/libs/VoiceMessageConfig.d.ts

@@ -0,0 +1,25 @@
+export interface VoiceMessageConfigInterface {
+    recorder: {
+        minDuration: number;
+        maxDuration: number;
+    };
+}
+declare class VoiceMessageConfig {
+    private _config;
+    static DEFAULT: {
+        RECORDER: {
+            MIN_DURATION: number;
+            MAX_DURATION: number;
+            EXTENSION: string;
+            BIT_RATE: number;
+            SAMPLE_RATE: number;
+            CHANNELS: number;
+        };
+    };
+    constructor(_config: VoiceMessageConfigInterface);
+    get recorder(): {
+        minDuration: number;
+        maxDuration: number;
+    };
+}
+export default VoiceMessageConfig;

package/lib/typescript/src/localization/StringSet.type.d.ts

@@ -215,10 +215,12 @@ export interface StringSet {
         PERMISSION_APP_NAME: string;
         PERMISSION_CAMERA: string;
         PERMISSION_DEVICE_STORAGE: string;
+        PERMISSION_MICROPHONE: string;
         USER_NO_NAME: string;
         CHANNEL_NO_MEMBERS: string;
         TYPING_INDICATOR_TYPINGS: (users: SendbirdUser[]) => string | undefined;
         REPLY_FROM_SENDER_TO_RECEIVER: (replyMessage: SendbirdUserMessage | SendbirdFileMessage, parentMessage: SendbirdUserMessage | SendbirdFileMessage, currentUserId?: string) => string;
+        MESSAGE_UNAVAILABLE: string;
         USER_BAR_ME_POSTFIX: string;
         USER_BAR_OPERATOR: string;
         REGISTER_AS_OPERATOR: string;
@@ -256,6 +258,9 @@ export interface StringSet {
         /** Channel > Message > Failed **/
         CHANNEL_MESSAGE_FAILED_RETRY: string;
         CHANNEL_MESSAGE_FAILED_REMOVE: string;
+        /** Voice message **/
+        VOICE_MESSAGE: string;
+        VOICE_MESSAGE_INPUT_CANCEL: string;
     };
     FILE_VIEWER: {
         TITLE: (message: SendbirdFileMessage) => string;
@@ -294,6 +299,8 @@ export interface StringSet {
         RESEND_MSG_ERROR: string;
         DELETE_MSG_ERROR: string;
         SEND_MSG_ERROR: string;
+        USER_MUTED_ERROR: string;
+        CHANNEL_FROZEN_ERROR: string;
         UPDATE_MSG_ERROR: string;
         TURN_ON_NOTIFICATIONS_ERROR: string;
         TURN_OFF_NOTIFICATIONS_ERROR: string;

package/lib/typescript/src/platform/createPlayerService.expo.d.ts

@@ -0,0 +1,7 @@
+import type * as ExpoAV from 'expo-av';
+import type { PlayerServiceInterface } from './types';
+type Modules = {
+    avModule: typeof ExpoAV;
+};
+declare const createExpoPlayerService: ({ avModule }: Modules) => PlayerServiceInterface;
+export default createExpoPlayerService;

package/lib/typescript/src/platform/createPlayerService.native.d.ts

@@ -0,0 +1,9 @@
+import type * as RNAudioRecorder from 'react-native-audio-recorder-player';
+import * as Permissions from 'react-native-permissions';
+import type { PlayerServiceInterface } from './types';
+type Modules = {
+    audioRecorderModule: typeof RNAudioRecorder;
+    permissionModule: typeof Permissions;
+};
+declare const createNativePlayerService: ({ audioRecorderModule, permissionModule }: Modules) => PlayerServiceInterface;
+export default createNativePlayerService;

package/lib/typescript/src/platform/createRecorderService.expo.d.ts

@@ -0,0 +1,7 @@
+import * as ExpoAV from 'expo-av';
+import type { RecorderServiceInterface } from './types';
+type Modules = {
+    avModule: typeof ExpoAV;
+};
+declare const createExpoRecorderService: ({ avModule }: Modules) => RecorderServiceInterface;
+export default createExpoRecorderService;

package/lib/typescript/src/platform/createRecorderService.native.d.ts

@@ -0,0 +1,9 @@
+import * as RNAudioRecorder from 'react-native-audio-recorder-player';
+import * as Permissions from 'react-native-permissions';
+import type { RecorderServiceInterface } from './types';
+type Modules = {
+    audioRecorderModule: typeof RNAudioRecorder;
+    permissionModule: typeof Permissions;
+};
+declare const createNativeRecorderService: ({ audioRecorderModule, permissionModule }: Modules) => RecorderServiceInterface;
+export default createNativeRecorderService;

package/lib/typescript/src/platform/types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type SBUError from '../libs/SBUError';
 export type Unsubscribe = () => void | undefined;
 export type DownloadedPath = string;
@@ -49,6 +50,10 @@ export interface FilePickerServiceInterface {
 }
 export interface FileSystemServiceInterface {
     save(options?: SaveOptions): Promise<DownloadedPath | null>;
+    createRecordFilePath(customExtension?: string): {
+        recordFilePath: string;
+        uri: string;
+    };
 }
 export type VideoProps = {
     source: {
@@ -89,7 +94,101 @@ export type CompressImageResult = Promise<{
     size: number;
 } | null>;
 export interface MediaServiceInterface {
-    VideoComponent<Props = {}>(props: VideoProps & Props): JSX.Element;
+    VideoComponent<Props = {}>(props: VideoProps & Props): ReactNode;
     getVideoThumbnail(options: GetVideoThumbnailOptions): GetVideoThumbnailResult;
     compressImage(options: CompressImageOptions): CompressImageResult;
 }
+export interface PlayerServiceInterface {
+    uri?: string;
+    state: 'idle' | 'preparing' | 'playing' | 'paused' | 'stopped';
+    /**
+     * Check and request permission for the player.
+     * */
+    requestPermission(): Promise<boolean>;
+    /**
+     * Add a playback listener.
+     * */
+    addPlaybackListener(callback: (params: {
+        currentTime: number;
+        duration: number;
+        stopped: boolean;
+    }) => void): Unsubscribe;
+    /**
+     * Add a state listener.
+     * */
+    addStateListener(callback: (state: PlayerServiceInterface['state']) => void): Unsubscribe;
+    /**
+     * State transition:
+     *   [idle, stopped] to [playing] - start from the beginning
+     *   [paused] to [playing] - resume
+     * */
+    play(uri: string): Promise<void>;
+    /**
+     * State transition:
+     *   [playing] to [paused]
+     * */
+    pause(): Promise<void>;
+    /**
+     * State transition:
+     *   [preparing, playing, paused] to [stop]
+     * */
+    stop(): Promise<void>;
+    /**
+     * State transition:
+     *   [*] to [idle]
+     * */
+    reset(): Promise<void>;
+    /**
+     * Seek time, only available when the state is [playing, paused].
+     * */
+    seek(time: number): Promise<void>;
+}
+export interface RecorderOptions {
+    /**
+     * Minimum recording duration (milliseconds).
+     * */
+    minDuration: number;
+    /**
+     * Maximum recording duration (milliseconds).
+     * */
+    maxDuration: number;
+    /**
+     * File extension for recorded audio file
+     * */
+    extension: string;
+}
+export interface RecorderServiceInterface {
+    uri?: string;
+    options: RecorderOptions;
+    state: 'idle' | 'preparing' | 'recording' | 'completed';
+    /**
+     * Check and request permission for the recorder.
+     * */
+    requestPermission(): Promise<boolean>;
+    /**
+     * Add recording listener.
+     * */
+    addRecordingListener(callback: (params: {
+        currentTime: number;
+        completed: boolean;
+    }) => void): Unsubscribe;
+    /**
+     * Add state listener.
+     * */
+    addStateListener(callback: (state: RecorderServiceInterface['state']) => void): Unsubscribe;
+    /**
+     * State transition:
+     *   [idle, completed] to [recording]
+     * */
+    record(uri?: string): Promise<void>;
+    /**
+     * State transition:
+     *   [recording] to [completed]
+     * */
+    stop(): Promise<void>;
+    /**
+     * State transition:
+     *   [*] to [idle]
+     * */
+    reset(): Promise<void>;
+}

package/lib/typescript/src/types.d.ts

@@ -18,7 +18,7 @@ export type ErrorBoundaryProps = {
 };
 export type CommonComponent<P = {}> = (props: P & {
     children?: ReactNode;
-}) => null | JSX.Element;
+}) => null | ReactNode;
 export type MentionedUser = {
     range: Range;
     user: SendbirdUser;
@@ -27,3 +27,7 @@ export type Range = {
     start: number;
     end: number;
 };
+export declare enum TypingIndicatorType {
+    Text = "text",
+    Bubble = "bubble"
+}

package/lib/typescript/src/utils/promise.d.ts

@@ -0,0 +1,7 @@
+import 'react-native';
+export declare const PromisePolyfill: {
+    allSettled<T extends [] | readonly unknown[]>(values: T): Promise<{ -readonly [P in keyof T]: PromiseSettledResult<Awaited<T[P]>>; }>;
+    race<T_1>(values: Iterable<T_1 | PromiseLike<T_1>>): Promise<Awaited<T_1>>;
+    any<T_2>(values: Iterable<T_2 | PromiseLike<T_2>>): Promise<Awaited<T_2>>;
+    apply(): void;
+};

package/lib/typescript/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const VERSION = "3.1.2";
+declare const VERSION = "3.3.0";
 export default VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native",
-  "version": "3.1.2",
+  "version": "3.3.0",
   "description": "Sendbird UIKit for React Native: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -39,6 +39,7 @@
     "build": "yarn generate-version && bob build",
     "clean": "del lib",
     "publish:next": "npm publish --tag next",
+    "publish:local": "yalc publish",
     "generate-version": "node scripts/generate-version.js ./src/version.ts",
     "create-domain": "node scripts/create-core-domain"
   },
@@ -58,10 +59,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-chat-hooks": "3.1.2",
-    "@sendbird/uikit-react-native-foundation": "3.1.2",
-    "@sendbird/uikit-tools": "^0.0.1-alpha.38",
-    "@sendbird/uikit-utils": "3.1.2"
+    "@sendbird/uikit-chat-hooks": "3.3.0",
+    "@sendbird/uikit-react-native-foundation": "3.3.0",
+    "@sendbird/uikit-tools": "0.0.1-alpha.42",
+    "@sendbird/uikit-utils": "3.3.0"
   },
   "devDependencies": {
     "@bam.tech/react-native-image-resizer": "^3.0.4",
@@ -89,6 +90,7 @@
     "js-convert-case": "^4.2.0",
     "react": "17.0.2",
     "react-native": "0.67.5",
+    "react-native-audio-recorder-player": "^3.6.0",
     "react-native-builder-bob": "^0.18.0",
     "react-native-create-thumbnail": "^1.5.1",
     "react-native-document-picker": "^8.0.0",
@@ -97,7 +99,7 @@
     "react-native-permissions": "^3.6.0",
     "react-native-safe-area-context": "^3.3.2",
     "react-native-video": "^5.2.0",
-    "typescript": "4.9.4"
+    "typescript": "5.2.2"
   },
   "peerDependencies": {
     "@bam.tech/react-native-image-resizer": ">=3.0.0",
@@ -118,6 +120,7 @@
     "expo-video-thumbnails": ">=6.4.0",
     "react": ">=17.0.2",
     "react-native": ">=0.65.0",
+    "react-native-audio-recorder-player": ">=3.6.0",
     "react-native-create-thumbnail": ">=1.5.1",
     "react-native-document-picker": ">=8.0.0",
     "react-native-file-access": ">=2.4.3",
@@ -199,10 +202,5 @@
       ]
     ]
   },
-  "typedoc": {
-    "entryPoint": "./src/index.ts",
-    "readmeFile": "./README.md",
-    "displayName": "@sendbird/uikit-react-native"
-  },
-  "gitHead": "49d482105f9e2bc0643916682126935747a84011"
+  "gitHead": "51adda5f33a7bb450b51ce30f505dcc9884e9586"
 }

package/src/components/ChannelInput/EditInput.tsx

@@ -1,11 +1,5 @@
 import React, { forwardRef } from 'react';
-import {
-  NativeSyntheticEvent,
-  Platform,
-  TextInput as RNTextInput,
-  TextInputSelectionChangeEventData,
-  View,
-} from 'react-native';
+import { NativeSyntheticEvent, TextInput as RNTextInput, TextInputSelectionChangeEventData, View } from 'react-native';
 
 import { MentionType } from '@sendbird/chat/message';
 import { Button, TextInput, createStyleSheet, useToast } from '@sendbird/uikit-react-native-foundation';
@@ -27,6 +21,7 @@ interface EditInputProps extends ChannelInputProps {
 
 const EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(
   {
+    style,
     text,
     onChangeText,
     messageToEdit,
@@ -81,7 +76,7 @@ const EditInput = forwardRef<RNTextInput, EditInputProps>(function EditInput(
           editable={!inputDisabled}
           autoFocus={autoFocus}
           onChangeText={onChangeText}
-          style={styles.input}
+          style={style}
           placeholder={STRINGS.LABELS.CHANNEL_INPUT_PLACEHOLDER_ACTIVE}
           onSelectionChange={onSelectionChange}
         >
@@ -112,13 +107,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',
   },