@sendbird/uikit-react-native-foundation 3.1.2 → 3.3.0

package/lib/typescript/src/ui/GroupChannelMessage/Message.unknown.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 import type { GroupChannelMessageProps } from './index';
-declare const UnknownMessage: (props: GroupChannelMessageProps<SendbirdMessage>) => JSX.Element;
+declare const UnknownMessage: (props: GroupChannelMessageProps<SendbirdMessage>) => React.JSX.Element;
 export default UnknownMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.user.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { RegexTextPattern } from '../../components/RegexText';
 import type { GroupChannelMessageProps } from './index';
@@ -5,5 +6,5 @@ type Props = GroupChannelMessageProps<SendbirdUserMessage, {
     regexTextPatterns?: RegexTextPattern[];
     renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
 }>;
-declare const UserMessage: (props: Props) => JSX.Element;
+declare const UserMessage: (props: Props) => React.JSX.Element;
 export default UserMessage;

package/lib/typescript/src/ui/GroupChannelMessage/Message.user.og.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { RegexTextPattern } from '../../components/RegexText';
 import type { GroupChannelMessageProps } from './index';
@@ -5,5 +6,5 @@ type Props = GroupChannelMessageProps<SendbirdUserMessage, {
     regexTextPatterns?: RegexTextPattern[];
     renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
 }>;
-declare const OpenGraphUserMessage: (props: Props) => JSX.Element;
+declare const OpenGraphUserMessage: (props: Props) => React.JSX.Element;
 export default OpenGraphUserMessage;

package/lib/typescript/src/ui/GroupChannelMessage/MessageBubbleWithText.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import { RegexTextPattern } from '../../components/RegexText';
 import type { GroupChannelMessageProps } from './index';
@@ -6,5 +7,5 @@ type Props = GroupChannelMessageProps<SendbirdUserMessage, {
     regexTextPatterns?: RegexTextPattern[];
     renderRegexTextChildren?: (message: SendbirdUserMessage) => string;
 }>;
-declare const MessageBubbleWithText: ({ backgroundColor, message, onPressURL, onLongPress, strings, variant, regexTextPatterns, renderRegexTextChildren, }: Props) => JSX.Element;
+declare const MessageBubbleWithText: ({ backgroundColor, message, onPressURL, onLongPress, strings, variant, regexTextPatterns, renderRegexTextChildren, }: Props) => React.JSX.Element;
 export default MessageBubbleWithText;

package/lib/typescript/src/ui/GroupChannelMessage/MessageContainer.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 import type { GroupChannelMessageProps } from './index';
 type Props = GroupChannelMessageProps<SendbirdMessage>;
 declare const MessageContainer: {
-    (props: Props): JSX.Element;
-    Incoming({ children, groupedWithNext, groupedWithPrev, message, onPressAvatar, strings, parentMessage, }: Props): JSX.Element;
-    Outgoing({ children, message, groupedWithNext, strings, sendingStatus, parentMessage, }: Props): JSX.Element;
+    (props: Props): React.JSX.Element;
+    Incoming({ children, groupedWithNext, groupedWithPrev, message, onPressAvatar, strings, parentMessage, }: Props): React.JSX.Element;
+    Outgoing({ children, message, groupedWithNext, strings, sendingStatus, parentMessage, }: Props): React.JSX.Element;
 };
 export default MessageContainer;

package/lib/typescript/src/ui/GroupChannelMessage/MessageOpenGraph.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 declare const MessageOpenGraph: ({ onPressURL, onLongPress, ogMetaData, variant, }: {
     ogMetaData: NonNullable<SendbirdUserMessage['ogMetaData']>;
     variant: 'outgoing' | 'incoming';
     onPressURL?: ((url: string) => void) | undefined;
     onLongPress?: (() => void) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default MessageOpenGraph;

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

@@ -1,5 +1,6 @@
 import type React from 'react';
 import type { SendbirdGroupChannel, SendbirdMessage, SendbirdUser } from '@sendbird/uikit-utils';
+import type { VoiceFileMessageState } from './Message.file.voice';
 export type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps = unknown> = {
     channel: SendbirdGroupChannel;
     message: T;
@@ -22,6 +23,7 @@ export type GroupChannelMessageProps<T extends SendbirdMessage, AdditionalProps
     onPressAvatar?: () => void;
     onPressURL?: (url: string) => void;
     onPressMentionedUser?: (mentionedUser?: SendbirdUser) => void;
+    onToggleVoiceMessage?: (state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>;
 } & AdditionalProps;
 declare const GroupChannelMessage: {
     User: (props: {
@@ -46,10 +48,11 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
     } & {
         regexTextPatterns?: import("../..").RegexTextPattern[] | undefined;
         renderRegexTextChildren?: ((message: import("@sendbird/chat/message").UserMessage) => string) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     OpenGraphUser: (props: {
         channel: SendbirdGroupChannel;
         message: import("@sendbird/chat/message").UserMessage;
@@ -72,10 +75,11 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
     } & {
         regexTextPatterns?: import("../..").RegexTextPattern[] | undefined;
         renderRegexTextChildren?: ((message: import("@sendbird/chat/message").UserMessage) => string) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     File: (props: {
         channel: SendbirdGroupChannel;
         message: import("@sendbird/chat/message").FileMessage;
@@ -98,7 +102,8 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
-    }) => JSX.Element;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+    }) => React.JSX.Element;
     ImageFile: (props: {
         channel: SendbirdGroupChannel;
         message: import("@sendbird/chat/message").FileMessage;
@@ -121,7 +126,8 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
-    }) => JSX.Element;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+    }) => React.JSX.Element;
     VideoFile: (props: {
         channel: SendbirdGroupChannel;
         message: import("@sendbird/chat/message").FileMessage;
@@ -144,11 +150,39 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
     } & {
         fetchThumbnailFromVideoSource: (uri: string) => Promise<{
             path: string;
         } | null>;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
+    VoiceFile: (props: {
+        channel: SendbirdGroupChannel;
+        message: import("@sendbird/chat/message").FileMessage;
+        variant?: "incoming" | "outgoing" | undefined;
+        strings?: {
+            senderName?: string | undefined;
+            sentDate?: string | undefined;
+            edited?: string | undefined;
+            fileName?: string | undefined;
+            unknownTitle?: string | undefined;
+            unknownDescription?: string | undefined;
+        } | undefined;
+        children?: React.ReactNode;
+        sendingStatus?: React.ReactNode;
+        parentMessage?: React.ReactNode;
+        groupedWithPrev: boolean;
+        groupedWithNext: boolean;
+        onPress?: (() => void) | undefined;
+        onLongPress?: (() => void) | undefined;
+        onPressAvatar?: (() => void) | undefined;
+        onPressURL?: ((url: string) => void) | undefined;
+        onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+    } & {
+        durationMetaArrayKey?: string | undefined;
+        onUnmount: () => void;
+    }) => React.JSX.Element;
     Admin: (props: {
         channel: SendbirdGroupChannel;
         message: import("@sendbird/chat/message").AdminMessage;
@@ -171,7 +205,8 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
-    }) => JSX.Element;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+    }) => React.JSX.Element;
     Unknown: (props: {
         channel: SendbirdGroupChannel;
         message: SendbirdMessage;
@@ -194,6 +229,7 @@ declare const GroupChannelMessage: {
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
         onPressMentionedUser?: ((mentionedUser?: SendbirdUser) => void) | undefined;
-    }) => JSX.Element;
+        onToggleVoiceMessage?: ((state: VoiceFileMessageState, setState: React.Dispatch<React.SetStateAction<VoiceFileMessageState>>) => Promise<void>) | undefined;
+    }) => React.JSX.Element;
 };
 export default GroupChannelMessage;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import Icon from '../../components/Icon';
 type Props = {
-    customCover?: React.ReactElement;
+    customCover?: React.ReactNode;
     coverUrl: string;
     title: string;
     titleCaption: string;
-    titleCaptionLeft?: React.ReactElement;
+    titleCaptionLeft?: React.ReactNode;
     bodyIcon?: keyof typeof Icon.Assets;
     body: string;
     memberCount?: number;
@@ -17,5 +17,5 @@ type Props = {
     mentioned?: boolean;
     mentionTrigger?: string;
 };
-declare const GroupChannelPreview: ({ customCover, coverUrl, memberCount, badgeCount, maxBadgeCount, body, bodyIcon, title, titleCaption, titleCaptionLeft, frozen, notificationOff, broadcast, mentioned, mentionTrigger, }: Props) => JSX.Element;
+declare const GroupChannelPreview: ({ customCover, coverUrl, memberCount, badgeCount, maxBadgeCount, body, bodyIcon, title, titleCaption, titleCaptionLeft, frozen, notificationOff, broadcast, mentioned, mentionTrigger, }: Props) => React.JSX.Element;
 export default GroupChannelPreview;

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import { TouchableOpacityProps } from 'react-native';
 import { TextProps } from '../../components/Text';
-import type { BaseHeaderProps } from '../../index';
-type HeaderElement = string | React.ReactElement | null;
+import type { BaseHeaderProps, HeaderElement } from '../../index';
 export type HeaderProps = BaseHeaderProps<{
     title?: HeaderElement;
     left?: HeaderElement;
@@ -14,14 +13,11 @@ export type HeaderProps = BaseHeaderProps<{
     clearStatusBarTopInset?: boolean;
     statusBarTopInsetAs?: 'padding' | 'margin';
 }>;
-declare const Header: ((props: HeaderProps) => JSX.Element) & {
-    Button: typeof HeaderButton;
-    Title: typeof HeaderTitle;
-    Subtitle: typeof HeaderSubtitle;
+declare const _default: (({ children, titleAlign, title, left, right, onPressLeft, onPressRight, clearTitleMargin, clearStatusBarTopInset, statusBarTopInsetAs, }: HeaderProps) => React.JSX.Element) & {
+    Button: ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & {
+        color?: string | undefined;
+    }) => React.JSX.Element;
+    Title: ({ children, style, ...props }: TextProps) => React.JSX.Element;
+    Subtitle: ({ children, style, ...props }: TextProps) => React.JSX.Element;
 };
-declare const HeaderTitle: ({ children, style, ...props }: TextProps) => JSX.Element;
-declare const HeaderSubtitle: ({ children, style, ...props }: TextProps) => JSX.Element;
-declare const HeaderButton: ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & {
-    color?: string | undefined;
-}) => JSX.Element;
-export default Header;
+export default _default;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 type Props = {
     size?: number;
     color?: string;
     style?: StyleProp<ViewStyle>;
 };
-declare const LoadingSpinner: ({ size, color, style }: Props) => JSX.Element;
+declare const LoadingSpinner: ({ size, color, style }: Props) => React.JSX.Element;
 export default LoadingSpinner;

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

@@ -12,5 +12,5 @@ export type MenuBarProps = {
     actionLabel?: string;
     actionItem?: React.ReactNode;
 };
-declare const MenuBar: ({ variant, disabled, visible, onPress, name, icon, iconColor, iconBackgroundColor, actionLabel, actionItem, }: MenuBarProps) => JSX.Element | null;
+declare const MenuBar: ({ variant, disabled, visible, onPress, name, icon, iconColor, iconBackgroundColor, actionLabel, actionItem, }: MenuBarProps) => React.JSX.Element | null;
 export default MenuBar;

package/lib/typescript/src/ui/OpenChannelMessage/Message.admin.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { SendbirdAdminMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
-declare const AdminMessage: (props: OpenChannelMessageProps<SendbirdAdminMessage>) => JSX.Element;
+declare const AdminMessage: (props: OpenChannelMessageProps<SendbirdAdminMessage>) => React.JSX.Element;
 export default AdminMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.file.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SendbirdFileMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
 type Props = {};
-declare const FileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => JSX.Element;
+declare const FileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => React.JSX.Element;
 export default FileMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.file.image.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
-declare const ImageFileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage>) => JSX.Element;
+declare const ImageFileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage>) => React.JSX.Element;
 export default ImageFileMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.file.video.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
 type Props = {
@@ -5,5 +6,5 @@ type Props = {
         path: string;
     } | null>;
 };
-declare const VideoFileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => JSX.Element;
+declare const VideoFileMessage: (props: OpenChannelMessageProps<SendbirdFileMessage, Props>) => React.JSX.Element;
 export default VideoFileMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.unknown.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
-declare const UnknownMessage: (props: OpenChannelMessageProps<SendbirdMessage>) => JSX.Element;
+declare const UnknownMessage: (props: OpenChannelMessageProps<SendbirdMessage>) => React.JSX.Element;
 export default UnknownMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.user.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
 type Props = {};
-declare const UserMessage: (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => JSX.Element;
+declare const UserMessage: (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => React.JSX.Element;
 export default UserMessage;

package/lib/typescript/src/ui/OpenChannelMessage/Message.user.og.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import type { SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
 type Props = {};
-declare const OpenGraphUserMessage: (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => JSX.Element;
+declare const OpenGraphUserMessage: (props: OpenChannelMessageProps<SendbirdUserMessage, Props>) => React.JSX.Element;
 export default OpenGraphUserMessage;

package/lib/typescript/src/ui/OpenChannelMessage/MessageContainer.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 import type { OpenChannelMessageProps } from './index';
 type Props = {
     pressed?: boolean;
 };
-declare const MessageContainer: ({ children, channel, grouped, pressed, ...props }: OpenChannelMessageProps<SendbirdMessage, Props>) => JSX.Element;
+declare const MessageContainer: ({ children, channel, grouped, pressed, ...props }: OpenChannelMessageProps<SendbirdMessage, Props>) => React.JSX.Element;
 export default MessageContainer;

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

@@ -36,7 +36,7 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     OpenGraphUser: (props: {
         channel: SendbirdOpenChannel;
         message: import("@sendbird/chat/message").UserMessage;
@@ -54,7 +54,7 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     File: (props: {
         channel: SendbirdOpenChannel;
         message: import("@sendbird/chat/message").FileMessage;
@@ -72,7 +72,7 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     ImageFile: (props: {
         channel: SendbirdOpenChannel;
         message: import("@sendbird/chat/message").FileMessage;
@@ -90,12 +90,12 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     VideoFile: (props: OpenChannelMessageProps<import("@sendbird/chat/message").FileMessage, {
         fetchThumbnailFromVideoSource: (uri: string) => Promise<{
             path: string;
         } | null>;
-    }>) => JSX.Element;
+    }>) => React.JSX.Element;
     Admin: (props: {
         channel: SendbirdOpenChannel;
         message: import("@sendbird/chat/message").AdminMessage;
@@ -113,7 +113,7 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Unknown: (props: {
         channel: SendbirdOpenChannel;
         message: SendbirdMessage;
@@ -131,6 +131,6 @@ declare const OpenChannelMessage: {
         onLongPress?: (() => void) | undefined;
         onPressAvatar?: (() => void) | undefined;
         onPressURL?: ((url: string) => void) | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };
 export default OpenChannelMessage;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 type Props = {
-    customCover?: React.ReactElement;
+    customCover?: React.ReactNode;
     coverUrl: string;
     title: string;
     participantsCount?: number;
     frozen?: boolean;
 };
-declare const OpenChannelPreview: ({ customCover, coverUrl, participantsCount, title, frozen }: Props) => JSX.Element;
+declare const OpenChannelPreview: ({ customCover, coverUrl, participantsCount, title, frozen }: Props) => React.JSX.Element;
 export default OpenChannelPreview;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 type OutlinedButtonProps = {
     children: string;
     containerStyle?: StyleProp<ViewStyle>;
     onPress?: () => void;
 };
-declare const OutlinedButton: ({ children, onPress, containerStyle }: OutlinedButtonProps) => JSX.Element;
+declare const OutlinedButton: ({ children, onPress, containerStyle }: OutlinedButtonProps) => React.JSX.Element;
 export default OutlinedButton;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import Icon from '../../components/Icon';
 type Props = {
     loading?: boolean;
@@ -6,5 +7,5 @@ type Props = {
     errorRetryLabel?: string;
     onPressRetry?: () => void;
 };
-declare const Placeholder: ({ icon, loading, message, errorRetryLabel, onPressRetry }: Props) => JSX.Element;
+declare const Placeholder: ({ icon, loading, message, errorRetryLabel, onPressRetry }: Props) => React.JSX.Element;
 export default Placeholder;

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

@@ -1,11 +1,12 @@
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 type Props = {
     uri: string;
     username: string;
-    button?: JSX.Element;
+    button?: ReactNode;
     bodyLabel: string;
     body: string;
     containerStyle?: StyleProp<ViewStyle>;
 };
-declare const ProfileCard: ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => JSX.Element;
+declare const ProfileCard: ({ uri, username, bodyLabel, body, button, containerStyle }: Props) => React.JSX.Element;
 export default ProfileCard;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export type PromptItem = {
     title: string;
     placeholder?: string;
@@ -13,5 +14,5 @@ type Props = {
     onDismiss?: () => void;
     autoFocus?: boolean;
 } & PromptItem;
-declare const Prompt: ({ onDismiss, visible, onHide, autoFocus, title, defaultValue, placeholder, onSubmit, onCancel, submitLabel, cancelLabel, }: Props) => JSX.Element;
+declare const Prompt: ({ onDismiss, visible, onHide, autoFocus, title, defaultValue, placeholder, onSubmit, onCancel, submitLabel, cancelLabel, }: Props) => React.JSX.Element;
 export default Prompt;

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

@@ -10,9 +10,9 @@ type Props = React.PropsWithChildren<{
     type: ToastType;
     children: string;
 }>;
-declare const Toast: ({ visible, type, children, top, bottom }: Props) => JSX.Element;
+declare const Toast: ({ visible, type, children, top, bottom }: Props) => React.JSX.Element;
 export declare const ToastProvider: ({ children, dismissTimeout, }: React.PropsWithChildren<{
     dismissTimeout?: number | undefined;
-}>) => JSX.Element;
+}>) => React.JSX.Element;
 export declare const useToast: () => Context;
 export default Toast;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import type { SendbirdUser } from '@sendbird/uikit-utils';
+type Props = {
+    typingUsers: SendbirdUser[];
+    containerStyle?: StyleProp<ViewStyle>;
+    maxAvatar?: number;
+};
+declare const TypingIndicatorBubble: ({ typingUsers, containerStyle, maxAvatar }: Props) => React.JSX.Element | null;
+export default TypingIndicatorBubble;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native-foundation",
-  "version": "3.1.2",
+  "version": "3.3.0",
   "description": "A foundational UI kit for building chat-enabled React Native apps.",
   "keywords": [
     "sendbird",
@@ -29,6 +29,7 @@
     "build": "bob build",
     "clean": "del lib",
     "publish:next": "npm publish --tag next",
+    "publish:local": "yalc publish",
     "generate-icons": "node src/assets/bundle-icons.js"
   },
   "repository": {
@@ -47,7 +48,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-utils": "3.1.2"
+    "@sendbird/uikit-utils": "3.3.0"
   },
   "devDependencies": {
     "@types/react": "*",
@@ -57,7 +58,7 @@
     "react-native-builder-bob": "^0.18.0",
     "react-native-fast-image": "^8.5.11",
     "react-native-safe-area-context": "^3.3.2",
-    "typescript": "4.9.4"
+    "typescript": "5.2.2"
   },
   "peerDependencies": {
     "react": ">=17.0.2",
@@ -84,10 +85,5 @@
       ]
     ]
   },
-  "typedoc": {
-    "entryPoint": "./src/index.ts",
-    "readmeFile": "./README.md",
-    "displayName": "@sendbird/uikit-react-native-foundation"
-  },
-  "gitHead": "49d482105f9e2bc0643916682126935747a84011"
+  "gitHead": "51adda5f33a7bb450b51ce30f505dcc9884e9586"
 }

package/src/assets/icon/index.ts

@@ -4,6 +4,10 @@ const IconAssets = {
   'add': require('./icon-add.png'),
   'archive': require('./icon-archive.png'),
   'arrow-left': require('./icon-arrow-left.png'),
+  'audio-off-filled': require('./icon-audio-off-filled.png'),
+  'audio-off': require('./icon-audio-off.png'),
+  'audio-on-filled': require('./icon-audio-on-filled.png'),
+  'audio-on': require('./icon-audio-on.png'),
   'ban': require('./icon-ban.png'),
   'broadcast': require('./icon-broadcast.png'),
   'camera': require('./icon-camera.png'),
@@ -40,12 +44,14 @@ const IconAssets = {
   'notifications-off-filled': require('./icon-notifications-off-filled.png'),
   'notifications': require('./icon-notifications.png'),
   'operator': require('./icon-operator.png'),
+  'pause': require('./icon-pause.png'),
   'photo': require('./icon-photo.png'),
   'play': require('./icon-play.png'),
   'plus': require('./icon-plus.png'),
   'question': require('./icon-question.png'),
   'radio-off': require('./icon-radio-off.png'),
   'radio-on': require('./icon-radio-on.png'),
+  'recording': require('./icon-recording.png'),
   'refresh': require('./icon-refresh.png'),
   'remove': require('./icon-remove.png'),
   'reply-filled': require('./icon-reply-filled.png'),
@@ -54,6 +60,7 @@ const IconAssets = {
   'send': require('./icon-send.png'),
   'settings-filled': require('./icon-settings-filled.png'),
   'spinner': require('./icon-spinner.png'),
+  'stop': require('./icon-stop.png'),
   'streaming': require('./icon-streaming.png'),
   'supergroup': require('./icon-supergroup.png'),
   'theme': require('./icon-theme.png'),