feat: Move expandable message composer out of feature preview (RocketChat#37524)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: MartinSchoeler

.changeset/few-mirrors-smoke.md

@@ -0,0 +1,7 @@
+---
+"@rocket.chat/meteor": minor
+"@rocket.chat/i18n": minor
+"@rocket.chat/ui-client": minor
+---
+
+Moves the expandable message composer out of feature preview

apps/meteor/client/views/room/composer/messageBox/MessageBox.tsx

@@ -1,12 +1,11 @@
 /* eslint-disable complexity */
 import { isRoomFederated, isRoomNativeFederated, type IMessage, type ISubscription } from '@rocket.chat/core-typings';
 import { useContentBoxSize, useEffectEvent } from '@rocket.chat/fuselage-hooks';
-import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn, useSafeRefCallback } from '@rocket.chat/ui-client';
+import { useSafeRefCallback } from '@rocket.chat/ui-client';
 import {
 	MessageComposerAction,
 	MessageComposerToolbarActions,
 	MessageComposer,
-	MessageComposerInput,
 	MessageComposerToolbar,
 	MessageComposerActionsDivider,
 	MessageComposerToolbarSubmit,
@@ -424,35 +423,18 @@ const MessageBox = ({
 			{isRecordingVideo && <VideoMessageRecorder reference={messageComposerRef} rid={room._id} tmid={tmid} />}
 			<MessageComposer ref={messageComposerRef} variant={isEditing ? 'editing' : undefined}>
 				{isRecordingAudio && <AudioMessageRecorder rid={room._id} isMicrophoneDenied={isMicrophoneDenied} />}
-				<FeaturePreview feature='expandableMessageComposer'>
-					<FeaturePreviewOn>
-						<MessageComposerInputExpandable
-							dimensions={sizes}
-							ref={mergedRefs}
-							aria-label={composerPlaceholder}
-							name='msg'
-							disabled={isRecording || !canSend}
-							onChange={setTyping}
-							style={textAreaStyle}
-							placeholder={composerPlaceholder}
-							onPaste={handlePaste}
-							aria-activedescendant={popup.focused ? `popup-item-${popup.focused._id}` : undefined}
-						/>
-					</FeaturePreviewOn>
-					<FeaturePreviewOff>
-						<MessageComposerInput
-							ref={mergedRefs}
-							aria-label={composerPlaceholder}
-							name='msg'
-							disabled={isRecording || !canSend}
-							onChange={setTyping}
-							style={textAreaStyle}
-							placeholder={composerPlaceholder}
-							onPaste={handlePaste}
-							aria-activedescendant={popup.focused ? `popup-item-${popup.focused._id}` : undefined}
-						/>
-					</FeaturePreviewOff>
-				</FeaturePreview>
+				<MessageComposerInputExpandable
+					dimensions={sizes}
+					ref={mergedRefs}
+					aria-label={composerPlaceholder}
+					name='msg'
+					disabled={isRecording || !canSend}
+					onChange={setTyping}
+					style={textAreaStyle}
+					placeholder={composerPlaceholder}
+					onPaste={handlePaste}
+					aria-activedescendant={popup.focused ? `popup-item-${popup.focused._id}` : undefined}
+				/>
 				<MessageComposerToolbar>
 					<MessageComposerToolbarActions aria-label={t('Message_composer_toolbox_primary_actions')}>
 						<MessageComposerAction

apps/meteor/public/images/featurePreview/expandable-composer.png

@@ -2029,8 +2029,6 @@
   "Execute_Synchronization_Now": "Execute Synchronization Now",
   "Exit_Full_Screen": "Exit Full Screen",
   "Expand": "Expand",
-  "Expandable_message_composer": "Expandable Composer",
-  "Expandable_message_composer_description": "Expand the text input area to easily write and review longer messages without having to scroll up and down.",
   "Expand_group": "Expand {{group}}",
   "Expand_all": "Expand all",
   "Expand_view": "Expand view",

packages/i18n/src/locales/en.i18n.json

@@ -2021,8 +2021,6 @@
   "Execute_Synchronization_Now": "Utfør synkronisering nå",
   "Exit_Full_Screen": "Avslutt fullskjerm",
   "Expand": "Utvid",
-  "Expandable_message_composer": "Utvidbar komponist",
-  "Expandable_message_composer_description": "Utvid tekstinntastingsområdet slik at du enkelt kan skrive og gå gjennom lengre meldinger uten å måtte bla opp og ned.",
   "Expand_group": "Utvid {{group}}",
   "Expand_all": "Utvid alle",
   "Expand_view": "Utvid visningen",

packages/i18n/src/locales/nb.i18n.json

@@ -5,8 +5,7 @@ export type FeaturesAvailable =
 	| 'enable-timestamp-message-parser'
 	| 'contextualbarResizable'
 	| 'newNavigation'
-	| 'secondarySidebar'
-	| 'expandableMessageComposer';
+	| 'secondarySidebar';
 
 export type FeaturePreviewProps = {
 	name: FeaturesAvailable;
@@ -74,15 +73,6 @@ export const defaultFeaturesPreview: FeaturePreviewProps[] = [
 			value: true,
 		},
 	},
-	{
-		name: 'expandableMessageComposer',
-		i18n: 'Expandable_message_composer',
-		description: 'Expandable_message_composer_description',
-		imageUrl: 'images/featurePreview/expandable-composer.png',
-		group: 'Message',
-		value: false,
-		enabled: true,
-	},
 ];
 
 export const enabledDefaultFeatures = defaultFeaturesPreview.filter((feature) => feature.enabled);