chore: update naming

Author: bang9

packages/uikit-react-native-foundation/src/index.ts

@@ -33,7 +33,6 @@ export { default as Header } from './ui/Header';
 export { default as LoadingSpinner } from './ui/LoadingSpinner';
 export { default as MenuBar } from './ui/MenuBar';
 export type { MenuBarProps } from './ui/MenuBar';
-export { default as MessageTypingBubble } from './ui/MessageTypingBubble';
 export { default as OpenChannelMessage } from './ui/OpenChannelMessage';
 export type { OpenChannelMessageProps } from './ui/OpenChannelMessage';
 export { default as OpenChannelPreview } from './ui/OpenChannelPreview';
@@ -42,6 +41,7 @@ export { default as Placeholder } from './ui/Placeholder';
 export { default as ProfileCard } from './ui/ProfileCard';
 export { default as Prompt } from './ui/Prompt';
 export { default as Toast, useToast, ToastProvider } from './ui/Toast';
+export { default as TypingIndicatorBubble } from './ui/TypingIndicatorBubble';
 
 /** Styles **/
 export { default as createSelectByColorScheme } from './styles/createSelectByColorScheme';

…ion/src/ui/MessageTypingBubble/index.tsx …n/src/ui/TypingIndicatorBubble/index.tsxpackages/uikit-react-native-foundation/src/ui/MessageTypingBubble/index.tsx renamed to packages/uikit-react-native-foundation/src/ui/TypingIndicatorBubble/index.tsx packages/uikit-react-native-foundation/src/ui/MessageTypingBubble/index.tsx renamed to packages/uikit-react-native-foundation/src/ui/TypingIndicatorBubble/index.tsx

@@ -14,7 +14,7 @@ type Props = {
   maxAvatar?: number;
 };
 
-const MessageTypingBubble = ({ typingUsers, containerStyle, maxAvatar }: Props) => {
+const TypingIndicatorBubble = ({ typingUsers, containerStyle, maxAvatar }: Props) => {
   const { select, palette, colors } = useUIKitTheme();
 
   if (typingUsers.length === 0) return null;
@@ -117,4 +117,4 @@ const styles = createStyleSheet({
   },
 });
 
-export default MessageTypingBubble;
+export default TypingIndicatorBubble;

packages/uikit-react-native/src/components/GroupChannelMessageRenderer/index.tsx

@@ -4,8 +4,8 @@ import type { GroupChannelMessageProps, RegexTextPattern } from '@sendbird/uikit
 import {
   Box,
   GroupChannelMessage,
-  MessageTypingBubble,
   Text,
+  TypingIndicatorBubble,
   useUIKitTheme,
 } from '@sendbird/uikit-react-native-foundation';
 import {
@@ -27,6 +27,7 @@ import { GroupChannelContexts } from '../../domain/groupChannel/module/moduleCon
 import type { GroupChannelProps } from '../../domain/groupChannel/types';
 import { useLocalization, usePlatformService, useSendbirdChat } from '../../hooks/useContext';
 import SBUUtils from '../../libs/SBUUtils';
+import { TypingIndicatorType } from '../../types';
 import { ReactionAddons } from '../ReactionAddons';
 import GroupChannelMessageDateSeparator from './GroupChannelMessageDateSeparator';
 import GroupChannelMessageFocusAnimation from './GroupChannelMessageFocusAnimation';
@@ -299,17 +300,17 @@ const GroupChannelMessageRenderer: GroupChannelProps['Fragment']['renderMessage'
   );
 };
 
-export const GroupChannelMessageTypingBubble = () => {
+export const GroupChannelTypingIndicatorBubble = () => {
   const { sbOptions } = useSendbirdChat();
   const { typingUsers } = useContext(GroupChannelContexts.TypingIndicator);
 
   if (typingUsers.length === 0) return null;
   if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return null;
-  if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has('bubble')) return null;
+  if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(TypingIndicatorType.Bubble)) return null;
 
   return (
     <Box paddingHorizontal={16} marginTop={4} marginBottom={16}>
-      <MessageTypingBubble typingUsers={typingUsers} />
+      <TypingIndicatorBubble typingUsers={typingUsers} />
     </Box>
   );
 };

packages/uikit-react-native/src/constants.ts

@@ -5,8 +5,3 @@ export const MESSAGE_FOCUS_ANIMATION_DELAY = 250;
 export const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';
 export const VOICE_MESSAGE_META_ARRAY_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
 export const VOICE_MESSAGE_META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-
-export enum TypingIndicatorType {
-  Text = 'text',
-  Bubble = 'bubble',
-}

packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelHeader.tsx

@@ -5,6 +5,7 @@ import { Header, Icon, createStyleSheet, useHeaderStyle } from '@sendbird/uikit-
 
 import ChannelCover from '../../../components/ChannelCover';
 import { useLocalization, useSendbirdChat } from '../../../hooks/useContext';
+import { TypingIndicatorType } from '../../../types';
 import { GroupChannelContexts } from '../module/moduleContext';
 import type { GroupChannelProps } from '../types';
 
@@ -24,7 +25,7 @@ const GroupChannelHeader = ({
 
     if (!subtitle) return null;
     if (!sbOptions.uikit.groupChannel.channel.enableTypingIndicator) return null;
-    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has('text')) return null;
+    if (!sbOptions.uikit.groupChannel.channel.typingIndicatorTypes.has(TypingIndicatorType.Text)) return null;
 
     return <Header.Subtitle style={styles.subtitle}>{subtitle}</Header.Subtitle>;
   };

packages/uikit-react-native/src/fragments/createGroupChannelFragment.tsx

@@ -16,7 +16,7 @@ import {
 } from '@sendbird/uikit-utils';
 
 import GroupChannelMessageRenderer, {
-  GroupChannelMessageTypingBubble,
+  GroupChannelTypingIndicatorBubble,
 } from '../components/GroupChannelMessageRenderer';
 import NewMessagesButton from '../components/NewMessagesButton';
 import ScrollToBottomButton from '../components/ScrollToBottomButton';
@@ -130,7 +130,7 @@ const createGroupChannelFragment = (initModule?: Partial<GroupChannelModule>): G
       return (
         <Box>
           {content}
-          {props.isFirstItem && !hasNext() && <GroupChannelMessageTypingBubble />}
+          {props.isFirstItem && !hasNext() && <GroupChannelTypingIndicatorBubble />}
         </Box>
       );
     });

packages/uikit-react-native/src/index.ts

@@ -134,7 +134,6 @@ export { default as SendbirdUIKitContainer, SendbirdUIKit } from './containers/S
 export type { SendbirdUIKitContainerProps } from './containers/SendbirdUIKitContainer';
 export { default as SBUError } from './libs/SBUError';
 export { default as SBUUtils } from './libs/SBUUtils';
-export { TypingIndicatorType } from './constants';
 export * from './types';
 
 Logger.setLogLevel(__DEV__ ? 'warn' : 'none');

packages/uikit-react-native/src/types.ts

@@ -28,3 +28,8 @@ export type Range = {
   start: number;
   end: number;
 };
+
+export enum TypingIndicatorType {
+  Text = 'text',
+  Bubble = 'bubble',
+}