snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/composer/AddLinkComposerActionModal.tsx

@@ -0,0 +1,78 @@
+import { Field, FieldGroup, TextInput, FieldLabel, FieldRow, Box, FieldError } from '@rocket.chat/fuselage';
+import { GenericModal } from '@rocket.chat/ui-client';
+import { useEffect, useId } from 'react';
+import { useForm, Controller } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { isValidLink } from '../room/MessageList/lib/isValidLink';
+
+export type AddLinkComposerActionModalProps = {
+	selectedText?: string;
+	onConfirm: (url: string, text: string) => void;
+	onClose: () => void;
+};
+
+const AddLinkComposerActionModal = ({ selectedText, onClose, onConfirm }: AddLinkComposerActionModalProps) => {
+	const { t } = useTranslation();
+	const textField = useId();
+	const urlField = useId();
+
+	const { handleSubmit, setFocus, control, formState } = useForm({
+		mode: 'onChange',
+		defaultValues: {
+			text: selectedText || '',
+			url: '',
+		},
+	});
+
+	useEffect(() => {
+		setFocus(selectedText ? 'url' : 'text');
+	}, [selectedText, setFocus]);
+
+	const onClickConfirm = ({ url, text }: { url: string; text: string }) => {
+		onConfirm(url, text);
+	};
+
+	const submit = handleSubmit(onClickConfirm);
+
+	return (
+		<GenericModal
+			variant='warning'
+			icon={null}
+			confirmText={t('Add')}
+			onCancel={onClose}
+			wrapperFunction={(props) => <Box is='form' onSubmit={(e) => void submit(e)} {...props} />}
+			confirmDisabled={!formState.isValid}
+			title={t('Add_link')}
+		>
+			<FieldGroup>
+				<Field>
+					<FieldLabel htmlFor={textField}>{t('Text')}</FieldLabel>
+					<FieldRow>
+						<Controller control={control} name='text' render={({ field }) => <TextInput autoComplete='off' id={textField} {...field} />} />
+					</FieldRow>
+				</Field>
+				<Field>
+					<FieldLabel htmlFor={urlField}>{t('URL')}</FieldLabel>
+					<FieldRow>
+						<Controller
+							control={control}
+							name='url'
+							rules={{
+								validate: (value) => isValidLink(value) || t('Invalid_URL'),
+								required: {
+									value: true,
+									message: t(`URL_is_required`),
+								},
+							}}
+							render={({ field }) => <TextInput autoComplete='off' id={urlField} {...field} />}
+						/>
+					</FieldRow>
+					<FieldError>{formState.errors.url?.message}</FieldError>
+				</Field>
+			</FieldGroup>
+		</GenericModal>
+	);
+};
+
+export default AddLinkComposerActionModal;