Chore: Migrate AppPermissionsReviewModal from JS to TS (#26498)

apps/meteor/client/views/admin/apps/AppInstallPage.js

@@ -84,7 +84,7 @@ function AppInstallPage() {
 				<AppPermissionsReviewModal
 					appPermissions={permissions}
 					cancel={cancelAction}
-					confirm={(permissions) => sendFile(permissions, appFile, appId)}
+					confirm={(permissionsGranted) => sendFile(permissionsGranted, appFile, appId)}
 				/>,
 			);
 		}

apps/meteor/client/views/admin/apps/AppPermissionsReviewModal.js → apps/meteor/client/views/admin/apps/AppPermissionsReviewModal.tsx

 import { Button, ButtonGroup, Icon, Modal } from '@rocket.chat/fuselage';
-import { useTranslation } from '@rocket.chat/ui-contexts';
-import React from 'react';
+import { TranslationKey, useTranslation } from '@rocket.chat/ui-contexts';
+import React, { ReactElement } from 'react';
 
-const AppPermissionsReviewModal = ({ appPermissions, cancel, confirm, modalProps = {} }) => {
+type AppPermissionsReviewModalProps = {
+	appPermissions: Array<{ name: string; required?: boolean }>;
+	cancel: () => void;
+	confirm: (permissionsGranted: any) => void;
+};
+
+const AppPermissionsReviewModal = ({ appPermissions, cancel, confirm, ...props }: AppPermissionsReviewModalProps): ReactElement => {
 	const t = useTranslation();
 
-	const handleCloseButtonClick = () => {
+	const handleCloseButtonClick = (): void => {
 		cancel();
 	};
 
-	const handleCancelButtonClick = () => {
+	const handleCancelButtonClick = (): void => {
 		cancel();
 	};
 
-	const handleConfirmButtonClick = () => {
+	const handleConfirmButtonClick = (): void => {
 		confirm(appPermissions);
 	};
 
 	return (
-		<Modal {...modalProps}>
+		<Modal {...props}>
 			<Modal.Header>
 				<Icon color='warning' name='modal-warning' size={25} />
 				<Modal.Title>{t('Apps_Permissions_Review_Modal_Title')}</Modal.Title>
@@ -33,7 +39,7 @@ const AppPermissionsReviewModal = ({ appPermissions, cancel, confirm, modalProps
 						? appPermissions.map((permission, count) => (
 								<li key={permission.name}>
 									<b>{count + 1} - </b>
-									{t(`Apps_Permissions_${permission.name.replace('.', '_')}`)}
+									{t(`Apps_Permissions_${permission.name.replace('.', '_')}` as TranslationKey)}
 									{permission.required && <span style={{ color: 'red' }}> ({t('required')})</span>}
 								</li>
 						  ))

apps/meteor/packages/rocketchat-i18n/i18n/en.i18n.json

@@ -321,6 +321,7 @@
   "Agent_deactivated": "Agent was deactivated",
   "Agent_Without_Extensions": "Agent Without Extensions",
   "Agents": "Agents",
+  "Agree": "Agree",
   "Alerts": "Alerts",
   "Alias": "Alias",
   "Alias_Format": "Alias Format",