feat: Use external service for triggers (#31268)

Co-authored-by: Aleksander Nicacio da Silva <[email protected]>
Co-authored-by: Martin Schoeler <[email protected]>
Co-authored-by: Marcos Spessatto Defendi <[email protected]>

.changeset/rich-rocks-happen.md

@@ -0,0 +1,7 @@
+---
+'@rocket.chat/meteor': minor
+'@rocket.chat/core-typings': minor
+'@rocket.chat/livechat': minor
+---
+
+Added new Livechat trigger action "Send message (external service)"

apps/meteor/app/livechat/server/api/lib/livechat.ts

@@ -6,6 +6,7 @@ import type {
 	IOmnichannelRoom,
 	SelectedAgent,
 } from '@rocket.chat/core-typings';
+import { License } from '@rocket.chat/license';
 import { EmojiCustom, LivechatTrigger, LivechatVisitors, LivechatRooms, LivechatDepartment } from '@rocket.chat/models';
 import { Random } from '@rocket.chat/random';
 import { Meteor } from 'meteor/meteor';
@@ -21,12 +22,17 @@ export function online(department: string, skipSettingCheck = false, skipFallbac
 
 async function findTriggers(): Promise<Pick<ILivechatTrigger, '_id' | 'actions' | 'conditions' | 'runOnce'>[]> {
 	const triggers = await LivechatTrigger.findEnabled().toArray();
-	return triggers.map(({ _id, actions, conditions, runOnce }) => ({
-		_id,
-		actions,
-		conditions,
-		runOnce,
-	}));
+	const hasLicense = License.hasModule('livechat-enterprise');
+	const premiumActions = ['use-external-service'];
+
+	return triggers
+		.filter(({ actions }) => hasLicense || actions.some((c) => !premiumActions.includes(c.name)))
+		.map(({ _id, actions, conditions, runOnce }) => ({
+			_id,
+			actions,
+			conditions,
+			runOnce,
+		}));
 }
 
 async function findDepartments(

apps/meteor/client/views/omnichannel/triggers/ConditionForm.tsx

@@ -0,0 +1,74 @@
+import type { SelectOption } from '@rocket.chat/fuselage';
+import { Field, FieldGroup, FieldLabel, FieldRow, NumberInput, Select, TextInput } from '@rocket.chat/fuselage';
+import { useUniqueId } from '@rocket.chat/fuselage-hooks';
+import { useTranslation } from '@rocket.chat/ui-contexts';
+import type { ComponentProps } from 'react';
+import React, { useMemo } from 'react';
+import type { Control } from 'react-hook-form';
+import { Controller, useWatch } from 'react-hook-form';
+
+import type { TriggersPayload } from './EditTrigger';
+
+type ConditionFormType = ComponentProps<typeof Field> & {
+	index: number;
+	control: Control<TriggersPayload>;
+};
+
+export const ConditionForm = ({ control, index, ...props }: ConditionFormType) => {
+	const conditionFieldId = useUniqueId();
+	const t = useTranslation();
+	const conditionName = useWatch({ control, name: `conditions.${index}.name` });
+
+	const placeholders: { [conditionName: string]: string } = useMemo(
+		() => ({
+			'page-url': t('Enter_a_regex'),
+			'time-on-site': t('Time_in_seconds'),
+		}),
+		[t],
+	);
+
+	const conditionOptions: SelectOption[] = useMemo(
+		() => [
+			['page-url', t('Visitor_page_URL')],
+			['time-on-site', t('Visitor_time_on_site')],
+			['chat-opened-by-visitor', t('Chat_opened_by_visitor')],
+			['after-guest-registration', t('After_guest_registration')],
+		],
+		[t],
+	);
+
+	const conditionValuePlaceholder = placeholders[conditionName];
+
+	return (
+		<FieldGroup {...props}>
+			<Field>
+				<FieldLabel htmlFor={conditionFieldId}>{t('Condition')}</FieldLabel>
+				<FieldRow>
+					<Controller
+						name={`conditions.${index}.name`}
+						control={control}
+						render={({ field }) => (
+							<Select {...field} id={conditionFieldId} options={conditionOptions} placeholder={t('Select_an_option')} />
+						)}
+					/>
+				</FieldRow>
+
+				{conditionValuePlaceholder && (
+					<FieldRow>
+						<Controller
+							name={`conditions.${index}.value`}
+							control={control}
+							render={({ field }) => {
+								if (conditionName === 'time-on-site') {
+									return <NumberInput {...field} placeholder={conditionValuePlaceholder} />;
+								}
+
+								return <TextInput {...field} placeholder={conditionValuePlaceholder} />;
+							}}
+						/>
+					</FieldRow>
+				)}
+			</Field>
+		</FieldGroup>
+	);
+};