feat: add prop to disable Channel & Thread inputs (#447)

fixes: https://sendbird.atlassian.net/browse/UIKIT-3422

Author: Sravan S

scripts/index_d_ts

@@ -599,6 +599,7 @@ declare module "SendbirdUIKitGlobal" {
   export type MessageInputProps = {
     // value is removed when channelURL changes
     value?: string;
+    disabled?: boolean;
     ref?: React.MutableRefObject<any>;
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;
@@ -1060,6 +1061,7 @@ declare module "SendbirdUIKitGlobal" {
 
   export interface ThreadMessageInputProps {
     className?: string;
+    disabled?: boolean;
     renderFileUploadIcon?: () => React.ReactElement;
     renderVoiceMessageIcon?: () => React.ReactElement;
     renderSendMessageIcon?: () => React.ReactElement;

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

@@ -14,6 +14,7 @@ import VoiceMessageInputWrapper from './VoiceMessageInputWrapper';
 
 export type MessageInputWrapperProps = {
   value?: string;
+  disabled?: boolean;
   renderFileUploadIcon?: () =>  React.ReactElement;
   renderVoiceMessageIcon?: () =>  React.ReactElement;
   renderSendMessageIcon?: () =>  React.ReactElement;
@@ -29,6 +30,7 @@ const MessageInputWrapper = (
     renderVoiceMessageIcon,
     renderSendMessageIcon,
   } = props;
+  const propDisabled = props.disabled;
   const {
     currentGroupChannel,
     initialized,
@@ -62,7 +64,8 @@ const MessageInputWrapper = (
   const [ableMention, setAbleMention] = useState(true);
   const [messageInputEvent, setMessageInputEvent] = useState(null);
   const [showVoiceMessageInput, setShowVoiceMessageInput] = useState(false);
-  const disabled = !initialized
+  const disabled = propDisabled
+    || !initialized
     || utils.isDisabledBecauseFrozen(channel)
     || utils.isDisabledBecauseMuted(channel)
     || !isOnline;

src/smart-components/Thread/components/ThreadMessageInput/index.tsx

@@ -14,6 +14,7 @@ import { Role } from '../../../../lib/types';
 
 export interface ThreadMessageInputProps {
   className?: string;
+  disabled?: boolean;
   renderFileUploadIcon?: () =>  React.ReactElement;
   renderVoiceMessageIcon?: () =>  React.ReactElement;
   renderSendMessageIcon?: () =>  React.ReactElement;
@@ -29,6 +30,7 @@ const ThreadMessageInput = (
     renderVoiceMessageIcon,
     renderSendMessageIcon,
   } = props;
+  const propsDisabled = props.disabled;
   const { config } = useSendbirdStateContext();
   const { stringSet } = useLocalization();
   const {
@@ -49,7 +51,9 @@ const ThreadMessageInput = (
   } = useThreadContext();
   const messageInputRef = useRef();
 
-  const disabled = isMuted || (!(currentChannel?.myRole === Role.OPERATOR) && isChannelFrozen) || parentMessage === null;
+  const disabled = propsDisabled
+    || isMuted
+    || (!(currentChannel?.myRole === Role.OPERATOR) && isChannelFrozen) || parentMessage === null;
 
   // mention
   const [mentionNickname, setMentionNickname] = useState('');