@sendbird/uikit-react-native 3.1.2 → 3.3.0

package/lib/module/utils/promise.js

@@ -0,0 +1,132 @@
+import '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;
+}
+export 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;
+      }
+    }
+  }
+};
+//# sourceMappingURL=promise.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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"],"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/module/version.js

@@ -1,3 +1,3 @@
-const VERSION = '3.1.2';
+const VERSION = '3.3.0';
 export default VERSION;
 //# sourceMappingURL=version.js.map

package/lib/module/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.1.2';\nexport default VERSION;\n"],"mappings":"AAAA,MAAMA,OAAO,GAAG,OAAO;AACvB,eAAeA,OAAO"}
+{"version":3,"names":["VERSION"],"sources":["version.ts"],"sourcesContent":["const VERSION = '3.3.0';\nexport default VERSION;\n"],"mappings":"AAAA,MAAMA,OAAO,GAAG,OAAO;AACvB,eAAeA,OAAO"}

package/lib/typescript/src/components/ChannelCover.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import { SendbirdBaseChannel } from '@sendbird/uikit-utils';
 type Props = {
@@ -5,5 +6,5 @@ type Props = {
     size: number;
     containerStyle?: StyleProp<ViewStyle>;
 };
-declare const ChannelCover: ({ channel, ...avatarProps }: Props) => JSX.Element;
+declare const ChannelCover: ({ channel, ...avatarProps }: Props) => React.JSX.Element;
 export default ChannelCover;

package/lib/typescript/src/components/ChannelInput/AttachmentsButton.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 export type AttachmentsButtonProps = {
     onPress: () => void;
     disabled: boolean;
 };
-declare const AttachmentsButton: ({ onPress, disabled }: AttachmentsButtonProps) => JSX.Element;
+declare const AttachmentsButton: ({ onPress, disabled }: AttachmentsButtonProps) => React.JSX.Element;
 export default AttachmentsButton;

package/lib/typescript/src/components/ChannelInput/MessageToReplyPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SendbirdFileMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
+export type MessageToReplyPreviewProps = {
+    messageToReply?: SendbirdFileMessage | SendbirdUserMessage;
+    setMessageToReply?: (message?: undefined | SendbirdFileMessage | SendbirdUserMessage) => void;
+};
+export declare const MessageToReplyPreview: ({ messageToReply, setMessageToReply }: MessageToReplyPreviewProps) => React.JSX.Element | null;

package/lib/typescript/src/components/ChannelInput/VoiceMessageInput.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FileType } from '../../platform/types';
+export type VoiceMessageInputProps = {
+    onClose: () => Promise<void>;
+    onSend: (params: {
+        file: FileType;
+        duration: number;
+    }) => void;
+};
+declare const VoiceMessageInput: ({ onClose, onSend }: VoiceMessageInputProps) => React.JSX.Element;
+export default VoiceMessageInput;

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

@@ -1,7 +1,10 @@
 import React from 'react';
+import { StyleProp, TextStyle } from 'react-native';
 import { SendbirdBaseChannel, SendbirdFileMessage, SendbirdFileMessageCreateParams, SendbirdFileMessageUpdateParams, SendbirdMember, SendbirdUserMessage, SendbirdUserMessageCreateParams, SendbirdUserMessageUpdateParams } from '@sendbird/uikit-utils';
 import type { MentionedUser, Range } from '../../types';
 import type { AttachmentsButtonProps } from './AttachmentsButton';
+import type { MessageToReplyPreviewProps } from './MessageToReplyPreview';
+import { VoiceMessageInputProps } from './VoiceMessageInput';
 export type SuggestedMentionListProps = {
     text: string;
     selection: Range;
@@ -12,6 +15,7 @@ export type SuggestedMentionListProps = {
     mentionedUsers: MentionedUser[];
 };
 export type ChannelInputProps = {
+    style?: StyleProp<TextStyle>;
     channel: SendbirdBaseChannel;
     shouldRenderInput: boolean;
     keyboardAvoidOffset: number;
@@ -26,8 +30,10 @@ export type ChannelInputProps = {
     setMessageToEdit: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;
     messageToReply?: undefined | SendbirdUserMessage | SendbirdFileMessage;
     setMessageToReply?: (message?: undefined | SendbirdUserMessage | SendbirdFileMessage) => void;
-    SuggestedMentionList?: (props: SuggestedMentionListProps) => JSX.Element | null;
-    AttachmentsButton?: (props: AttachmentsButtonProps) => JSX.Element | null;
+    SuggestedMentionList?: (props: SuggestedMentionListProps) => React.ReactNode | null;
+    AttachmentsButton?: (props: AttachmentsButtonProps) => React.ReactNode | null;
+    MessageToReplyPreview?: (props: MessageToReplyPreviewProps) => React.ReactNode | null;
+    VoiceMessageInput?: (props: VoiceMessageInputProps) => React.ReactNode | null;
 };
-declare const _default: React.MemoExoticComponent<(props: ChannelInputProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ChannelInputProps) => React.JSX.Element>;
 export default _default;

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

@@ -1,5 +1,6 @@
 import React, { Ref } from 'react';
 import { FlatList, FlatListProps } from 'react-native';
+import { BottomSheetItem } from '@sendbird/uikit-react-native-foundation';
 import { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMessage, SendbirdOpenChannel, SendbirdUserMessage } from '@sendbird/uikit-utils';
 import type { UserProfileContextType } from '../../contexts/UserProfileCtx';
 import type { CommonComponent } from '../../types';
@@ -38,6 +39,8 @@ export type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpe
         channel: T;
         currentUserId?: ChannelMessageListProps<T>['currentUserId'];
         enableMessageGrouping: ChannelMessageListProps<T>['enableMessageGrouping'];
+        bottomSheetItem?: BottomSheetItem;
+        isFirstItem: boolean;
     }) => React.ReactElement | null;
     renderNewMessagesButton: null | CommonComponent<{
         visible: boolean;
@@ -52,5 +55,5 @@ export type ChannelMessageListProps<T extends SendbirdGroupChannel | SendbirdOpe
 } & {
     ref?: Ref<FlatList<SendbirdMessage>> | undefined;
 };
-declare const _default: <T extends import("@sendbird/chat/openChannel").OpenChannel | import("@sendbird/chat/groupChannel").GroupChannel>({ searchItem, hasNext, channel, onEditMessage, onReplyMessage, onDeleteMessage, onResendFailedMessage, onPressMediaMessage, onPressParentMessage, currentUserId, renderNewMessagesButton, renderScrollToBottomButton, renderMessage, messages, newMessages, enableMessageGrouping, onScrolledAwayFromBottom, scrolledAwayFromBottom, onBottomReached, onTopReached, flatListProps, onPressNewMessagesButton, onPressScrollToBottomButton, }: ChannelMessageListProps<T>, ref: React.ForwardedRef<FlatList<SendbirdMessage>>) => JSX.Element;
+declare const _default: <T extends import("@sendbird/chat/openChannel").OpenChannel | import("@sendbird/chat/groupChannel").GroupChannel>({ searchItem, hasNext, channel, onEditMessage, onReplyMessage, onDeleteMessage, onResendFailedMessage, onPressMediaMessage, onPressParentMessage, currentUserId, renderNewMessagesButton, renderScrollToBottomButton, renderMessage, messages, newMessages, enableMessageGrouping, onScrolledAwayFromBottom, scrolledAwayFromBottom, onBottomReached, onTopReached, flatListProps, onPressNewMessagesButton, onPressScrollToBottomButton, }: ChannelMessageListProps<T>, ref: React.ForwardedRef<FlatList<SendbirdMessage>>) => React.JSX.Element;
 export default _default;

package/lib/typescript/src/components/FileViewer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { SendbirdFileMessage } from '@sendbird/uikit-utils';
 type Props = {
     fileMessage: SendbirdFileMessage;
@@ -8,5 +9,5 @@ type Props = {
     headerShown?: boolean;
     headerTopInset?: number;
 };
-declare const FileViewer: ({ headerShown, deleteMessage, headerTopInset, fileMessage, onPressDownload, onPressDelete, onClose, }: Props) => JSX.Element;
+declare const FileViewer: ({ headerShown, deleteMessage, headerTopInset, fileMessage, onPressDownload, onPressDelete, onClose, }: Props) => React.JSX.Element;
 export default FileViewer;

package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageDateSeparator.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare const GroupChannelMessageDateSeparator: ({ message, prevMessage, }: {
     message: SendbirdMessage;
     prevMessage?: SendbirdMessage | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default GroupChannelMessageDateSeparator;

package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageFocusAnimation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const GroupChannelMessageFocusAnimation: (props: React.PropsWithChildren<{
     focused: boolean;
-}>) => JSX.Element;
+}>) => React.JSX.Element;
 export default GroupChannelMessageFocusAnimation;

package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageOutgoingStatus.d.ts

@@ -6,5 +6,5 @@ type Props = {
     message: SendbirdMessage;
     style?: StyleProp<ImageStyle>;
 };
-declare const _default: React.MemoExoticComponent<({ channel, message, style }: Props) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ channel, message, style }: Props) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/src/components/GroupChannelMessageRenderer/GroupChannelMessageParentMessage.d.ts

@@ -1,9 +1,11 @@
-import { SendbirdFileMessage, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
+import React from 'react';
+import { SendbirdFileMessage, SendbirdGroupChannel, SendbirdMessage, SendbirdUserMessage } from '@sendbird/uikit-utils';
 type Props = {
     variant: 'outgoing' | 'incoming';
+    channel: SendbirdGroupChannel;
     message: SendbirdUserMessage | SendbirdFileMessage;
     childMessage: SendbirdUserMessage | SendbirdFileMessage;
     onPress?: (message: SendbirdMessage) => void;
 };
-declare const GroupChannelMessageParentMessage: ({ variant, message, childMessage, onPress }: Props) => JSX.Element;
+declare const GroupChannelMessageParentMessage: ({ variant, channel, message, childMessage, onPress }: Props) => React.JSX.Element;
 export default GroupChannelMessageParentMessage;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { SendbirdMessage } from '@sendbird/uikit-utils';
+export declare const GroupChannelTypingIndicatorBubble: () => React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<(props: {
     focused: boolean;
     message: SendbirdMessage;
@@ -14,5 +15,7 @@ declare const _default: React.MemoExoticComponent<(props: {
     channel: import("@sendbird/chat/groupChannel").GroupChannel;
     currentUserId?: string | undefined;
     enableMessageGrouping: boolean;
+    bottomSheetItem?: import("@sendbird/uikit-react-native-foundation").BottomSheetItem | undefined;
+    isFirstItem: boolean;
 }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null>;
 export default _default;

package/lib/typescript/src/components/NewMessagesButton.d.ts

@@ -5,5 +5,5 @@ type Props = {
     visible: boolean;
     onPress: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ newMessages, visible, onPress }: Props) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ newMessages, visible, onPress }: Props) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/src/components/OpenChannelMessageRenderer/OpenChannelMessageDateSeparator.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { SendbirdMessage } from '@sendbird/uikit-utils';
 declare const OpenChannelMessageDateSeparator: ({ message, prevMessage, }: {
     message: SendbirdMessage;
     prevMessage?: SendbirdMessage | undefined;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default OpenChannelMessageDateSeparator;

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

@@ -14,5 +14,7 @@ declare const _default: React.MemoExoticComponent<(props: {
     channel: import("@sendbird/chat/openChannel").OpenChannel;
     currentUserId?: string | undefined;
     enableMessageGrouping: boolean;
+    bottomSheetItem?: import("@sendbird/uikit-react-native-foundation").BottomSheetItem | undefined;
+    isFirstItem: boolean;
 }) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null>;
 export default _default;

package/lib/typescript/src/components/ProviderLayout.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const ProviderLayout: ({ children }: React.PropsWithChildren) => JSX.Element;
+declare const ProviderLayout: ({ children }: React.PropsWithChildren) => React.JSX.Element;
 export default ProviderLayout;

package/lib/typescript/src/components/ReactionAddons/BottomSheetReactionAddon.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
 type Props = {
     onClose: () => Promise<void>;
     channel: SendbirdBaseChannel;
     message: SendbirdBaseMessage;
 };
-declare const BottomSheetReactionAddon: ({ onClose, message, channel }: Props) => JSX.Element;
+declare const BottomSheetReactionAddon: ({ onClose, message, channel }: Props) => React.JSX.Element;
 export default BottomSheetReactionAddon;

package/lib/typescript/src/components/ReactionAddons/MessageReactionAddon.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { SendbirdBaseChannel, SendbirdBaseMessage } from '@sendbird/uikit-utils';
 declare const MessageReactionAddon: ({ channel, message }: {
     channel: SendbirdBaseChannel;
     message: SendbirdBaseMessage;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export default MessageReactionAddon;

package/lib/typescript/src/components/ReactionAddons/ReactionRoundedButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 type Props = {
     url: string;
@@ -6,9 +7,9 @@ type Props = {
     style: StyleProp<ViewStyle>;
 };
 declare const ReactionRoundedButton: {
-    ({ url, count, reacted, style }: Props): JSX.Element;
+    ({ url, count, reacted, style }: Props): React.JSX.Element;
     More({ pressed }: {
         pressed: boolean;
-    }): JSX.Element;
+    }): React.JSX.Element;
 };
 export default ReactionRoundedButton;

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

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 export declare const ReactionAddons: {
     BottomSheet: ({ onClose, message, channel }: {
         onClose: () => Promise<void>;
         channel: import("@sendbird/chat").BaseChannel;
         message: import("@sendbird/chat/message").BaseMessage;
-    }) => JSX.Element;
+    }) => import("react").JSX.Element;
     Message: ({ channel, message }: {
         channel: import("@sendbird/chat").BaseChannel;
         message: import("@sendbird/chat/message").BaseMessage;
-    }) => JSX.Element | null;
+    }) => import("react").JSX.Element | null;
 };

package/lib/typescript/src/components/ReactionBottomSheets/ReactionListBottomSheet.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactionBottomSheetProps } from './index';
-declare const ReactionListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => JSX.Element;
+declare const ReactionListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => React.JSX.Element;
 export default ReactionListBottomSheet;

package/lib/typescript/src/components/ReactionBottomSheets/ReactionUserListBottomSheet.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { ReactionBottomSheetProps } from './index';
-declare const ReactionUserListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, userProfileCtx, }: ReactionBottomSheetProps) => JSX.Element;
+declare const ReactionUserListBottomSheet: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, onPressUserProfile, }: ReactionBottomSheetProps) => React.JSX.Element;
 export default ReactionUserListBottomSheet;

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

@@ -1,20 +1,20 @@
 import type React from 'react';
+import type { SendbirdMember, SendbirdUser } from '@sendbird/uikit-utils';
 import type { LocalizationContext } from '../../contexts/LocalizationCtx';
 import type { ReactionContext } from '../../contexts/ReactionCtx';
 import type { SendbirdChatContext } from '../../contexts/SendbirdChatCtx';
-import type { UserProfileContext } from '../../contexts/UserProfileCtx';
 type GetFromContext<T> = T extends React.Context<infer Value> ? NonNullable<Value> : never;
 export type ReactionBottomSheetProps = {
     visible: boolean;
     onDismiss: () => void;
     onClose: () => Promise<void>;
+    onPressUserProfile: (user: SendbirdUser | SendbirdMember) => void;
     chatCtx: GetFromContext<typeof SendbirdChatContext>;
     reactionCtx: GetFromContext<typeof ReactionContext>;
     localizationCtx: GetFromContext<typeof LocalizationContext>;
-    userProfileCtx: GetFromContext<typeof UserProfileContext>;
 };
 export declare const ReactionBottomSheets: {
-    ReactionList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => JSX.Element;
-    UserList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, userProfileCtx, }: ReactionBottomSheetProps) => JSX.Element;
+    ReactionList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx }: ReactionBottomSheetProps) => React.JSX.Element;
+    UserList: ({ visible, onClose, onDismiss, reactionCtx, chatCtx, localizationCtx, onPressUserProfile, }: ReactionBottomSheetProps) => React.JSX.Element;
 };
 export {};

package/lib/typescript/src/components/ScrollToBottomButton.d.ts

@@ -3,5 +3,5 @@ type Props = {
     visible: boolean;
     onPress: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ visible, onPress }: Props) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ visible, onPress }: Props) => React.JSX.Element | null>;
 export default _default;

package/lib/typescript/src/components/StatusComposition.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 type Props = {
     loading?: boolean;
-    LoadingComponent?: JSX.Element;
+    LoadingComponent?: ReactNode;
     error?: boolean;
-    ErrorComponent?: JSX.Element;
+    ErrorComponent?: ReactNode;
     children: React.ReactNode;
 };
-declare const StatusComposition: ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => JSX.Element;
+declare const StatusComposition: ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => React.JSX.Element;
 export default StatusComposition;

package/lib/typescript/src/components/TypedPlaceholder.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 type Props = {
     type: 'no-muted-members' | 'no-muted-participants' | 'no-banned-users' | 'no-channels' | 'no-messages' | 'no-users' | 'no-results-found' | 'error-wrong' | 'loading';
     onPressRetry?: () => void;
 };
-declare const TypedPlaceholder: ({ type, onPressRetry }: Props) => JSX.Element;
+declare const TypedPlaceholder: ({ type, onPressRetry }: Props) => React.JSX.Element;
 export default TypedPlaceholder;

package/lib/typescript/src/components/UserActionBar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { GestureResponderEvent } from 'react-native';
 type Props = {
     uri: string;
@@ -8,5 +9,5 @@ type Props = {
     onPressActionMenu?: (ev: GestureResponderEvent) => void;
     onPressAvatar?: (ev: GestureResponderEvent) => void;
 };
-declare const UserActionBar: ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => JSX.Element;
+declare const UserActionBar: ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => React.JSX.Element;
 export default UserActionBar;

package/lib/typescript/src/components/UserSelectableBar.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type Props = {
     uri: string;
     name: string;
     selected: boolean;
     disabled: boolean;
 };
-declare const UserSelectableBar: ({ uri, name, selected, disabled }: Props) => JSX.Element;
+declare const UserSelectableBar: ({ uri, name, selected, disabled }: Props) => React.JSX.Element;
 export default UserSelectableBar;

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

@@ -2,3 +2,5 @@ export declare const DEFAULT_LONG_PRESS_DELAY = 350;
 export declare const MESSAGE_SEARCH_SAFE_SCROLL_DELAY = 500;
 export declare const MESSAGE_FOCUS_ANIMATION_DELAY = 250;
 export declare const UNKNOWN_USER_ID = "##__USER_ID_IS_NOT_PROVIDED__##";
+export declare const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = "KEY_VOICE_MESSAGE_DURATION";
+export declare const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = "KEY_INTERNAL_MESSAGE_TYPE";

package/lib/typescript/src/containers/GroupChannelPreviewContainer.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { SendbirdGroupChannel } from '@sendbird/uikit-utils';
 type Props = {
     channel: SendbirdGroupChannel;
     onPress: () => void;
     onLongPress: () => void;
 };
-declare const GroupChannelPreviewContainer: ({ onPress, onLongPress, channel }: Props) => JSX.Element;
+declare const GroupChannelPreviewContainer: ({ onPress, onLongPress, channel }: Props) => React.JSX.Element;
 export default GroupChannelPreviewContainer;

package/lib/typescript/src/containers/InternalErrorBoundaryContainer.d.ts

@@ -2,11 +2,11 @@ import React, { ErrorInfo } from 'react';
 import type { ErrorBoundaryProps } from '../types';
 declare class InternalErrorBoundaryContainer extends React.PureComponent<{
     onError?: (props: ErrorBoundaryProps) => void;
-    ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;
+    ErrorInfoComponent?: (props: ErrorBoundaryProps) => React.ReactNode;
     children?: React.ReactNode;
 }> {
     static defaultProps: {
-        ErrorInfoComponent: (props: ErrorBoundaryProps) => JSX.Element;
+        ErrorInfoComponent: (props: ErrorBoundaryProps) => React.JSX.Element;
     };
     state: {
         error: Error | null;
@@ -14,6 +14,6 @@ declare class InternalErrorBoundaryContainer extends React.PureComponent<{
     };
     componentDidCatch: (error: Error, errorInfo: ErrorInfo) => void;
     reset: () => void;
-    render: () => JSX.Element | null;
+    render: () => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null;
 }
 export default InternalErrorBoundaryContainer;