fix: circular dependency on VoiceMessageInput types

src/index.d.ts

@@ -2208,23 +2208,11 @@ declare module '@sendbird/uikit-react/ui/VoiceMessageInput' {
 }
 
 declare module '@sendbird/uikit-react/ui/VoiceMessageItemBody' {
-  export enum VoiceMessageItemStatus {
-    NONE = 'NONE',
-    LOADING = 'LOADING',
-    READY_TO_PLAY = 'READY_TO_PLAY',
-    PLAYING = 'PLAYING',
-  }
   interface VoiceMessageItemBodyProps {
     minRecordTime?: number;
     maximumValue: number;
     currentValue?: number;
-    currentType: VoiceMessageInputStatus;
-    onCancelClick?: () => void;
-    onControlClick?: (type: VoiceMessageInputStatus) => void;
-    onSubmitClick?: () => void;
-    renderCancelButton?: () => React.ReactElement;
-    renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;
-    renderSubmitButton?: () => React.ReactElement;
+    currentType: VoicePlayerStatus;
   }
   type VoiceMessageItemBody = React.FC<VoiceMessageItemBodyProps>;
   export default VoiceMessageItemBody;

src/smart-components/Channel/components/MessageInput/VoiceMessageInputWrapper.tsx

@@ -7,7 +7,8 @@ import { useVoicePlayer } from '../../../../hooks/VoicePlayer/useVoicePlayer';
 import { useVoiceRecorder, VoiceRecorderStatus } from '../../../../hooks/VoiceRecorder/useVoiceRecorder';
 import { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';
 
-import { VoiceMessageInput, VoiceMessageInputStatus } from '../../../../ui/VoiceMessageInput';
+import { VoiceMessageInput } from '../../../../ui/VoiceMessageInput';
+import { VoiceMessageInputStatus } from '../../../../ui/VoiceMessageInput/types';
 import Modal from '../../../../ui/Modal';
 import Button, { ButtonSizes, ButtonTypes } from '../../../../ui/Button';
 import useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';

src/ui/VoiceMessageInput/controlerIcons.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 import Icon, { IconTypes, IconColors } from '../Icon';
-import { VoiceMessageInputStatus } from '.';
+import { VoiceMessageInputStatus } from './types';
 
 export interface ControlerIconProps {
   inputState?: VoiceMessageInputStatus;

src/ui/VoiceMessageInput/index.tsx

@@ -9,14 +9,8 @@ import Label, { LabelTypography, LabelColors } from '../Label';
 import { useLocalization } from '../../lib/LocalizationContext';
 import ControlerIcon from './controlerIcons';
 import { VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';
+import { VoiceMessageInputStatus } from './types';
 
-export const VoiceMessageInputStatus = {
-  READY_TO_RECORD: 'READY_TO_RECORD',
-  RECORDING: 'RECORDING',
-  READY_TO_PLAY: 'READY_TO_PLAY',
-  PLAYING: 'PLAYING',
-} as const;
-export type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];
 export interface VoiceMessageInputProps {
   minRecordTime?: number;
   maximumValue: number;

src/ui/VoiceMessageInput/stories/VoiceMessageInput.stories.js

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import VoiceMessageInput, { VoiceMessageInputStatus } from '../index';
+import VoiceMessageInput from '../index';
+import { VoiceMessageInputStatus } from '../types';
 
 const description = `
   \`import VoiceMessageInput from "@sendbird/uikit-react/ui/VoiceMessageInput";\`

src/ui/VoiceMessageInput/types.ts

@@ -0,0 +1,7 @@
+export const VoiceMessageInputStatus = {
+  READY_TO_RECORD: 'READY_TO_RECORD',
+  RECORDING: 'RECORDING',
+  READY_TO_PLAY: 'READY_TO_PLAY',
+  PLAYING: 'PLAYING',
+} as const;
+export type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];