feat: AdvancedContactModal

apps/meteor/client/views/omnichannel/contactInfo/AdvancedContactModal.tsx

@@ -0,0 +1,31 @@
+import { useTranslation } from '@rocket.chat/ui-contexts';
+import React from 'react';
+
+import { getURL } from '../../../../app/utils/client/getURL';
+import GenericUpsellModal from '../../../components/GenericUpsellModal';
+import { useUpsellActions } from '../../../components/GenericUpsellModal/hooks';
+// import { useHasLicenseModule } from '../../../hooks/useHasLicenseModule';
+
+type AdvancedContactModalProps = {
+	onCancel: () => void;
+};
+
+const AdvancedContactModal = ({ onCancel }: AdvancedContactModalProps) => {
+	const t = useTranslation();
+
+	const hasLicense = false;
+	const { shouldShowUpsell, handleManageSubscription } = useUpsellActions(hasLicense);
+
+	return (
+		<GenericUpsellModal
+			title={t('Advanced_contact_profile')}
+			description={t('Advanced_contact_profile_description')}
+			img={getURL('images/single-contact-id-upsell.png')}
+			onClose={onCancel}
+			onCancel={onCancel}
+			onConfirm={handleManageSubscription}
+		/>
+	);
+};
+
+export default AdvancedContactModal;

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

@@ -6639,5 +6639,9 @@
   "Sidepanel_navigation": "Secondary navigation for teams",
   "Sidepanel_navigation_description": "Display channels and/or discussions associated with teams by default. This allows team owners to customize communication methods to best meet their team’s needs. This is currently in feature preview and will be a premium capability once fully released.",
   "Show_channels_description": "Show team channels in second sidebar",
-  "Show_discussions_description": "Show team discussions in second sidebar"
+  "Show_discussions_description": "Show team discussions in second sidebar",
+  "Advanced_contact_profile": "Advanced contact profile",
+  "Advanced_contact_profile_description": "Manage multiple emails and phone numbers for a single contact, enabling a comprehensive multi-channel history that keeps you well-informed and improves communication efficiency.",
+  "Add_contact": "Add contact",
+  "Add_to_contact_or_enable_verification_description": "Add to contact list manually or <1>enable verification</1> using multi-factor authentication."
 }