n8n/packages/editor-ui/src/composables/useMessage.ts

import type { ElMessageBoxOptions } from 'element-ui/types/message-box';
import { Message, MessageBox } from 'element-ui';

export function useMessage() {
	async function alert(
		message: string,
		configOrTitle: string | ElMessageBoxOptions | undefined,
		config: ElMessageBoxOptions | undefined,
	) {
		const resolvedConfig = {
			...(config || (typeof configOrTitle === 'object' ? configOrTitle : {})),
			cancelButtonClass: 'btn--cancel',
			confirmButtonClass: 'btn--confirm',
		};

		if (typeof configOrTitle === 'string') {
			return await MessageBox.alert(message, configOrTitle, resolvedConfig);
		}
		return await MessageBox.alert(message, resolvedConfig);
	}

	async function confirm(
		message: string,
		configOrTitle: string | ElMessageBoxOptions | undefined,
		config: ElMessageBoxOptions | undefined,
	) {
		const resolvedConfig = {
			...(config || (typeof configOrTitle === 'object' ? configOrTitle : {})),
			cancelButtonClass: 'btn--cancel',
			confirmButtonClass: 'btn--confirm',
			distinguishCancelAndClose: true,
			showClose: config?.showClose || false,
			closeOnClickModal: false,
		};

		if (typeof configOrTitle === 'string') {
			return await MessageBox.confirm(message, configOrTitle, resolvedConfig);
		}
		return await MessageBox.confirm(message, resolvedConfig);
	}

	async function prompt(
		message: string,
		configOrTitle: string | ElMessageBoxOptions | undefined,
		config: ElMessageBoxOptions | undefined,
	) {
		const resolvedConfig = {
			...(config || (typeof configOrTitle === 'object' ? configOrTitle : {})),
			cancelButtonClass: 'btn--cancel',
			confirmButtonClass: 'btn--confirm',
		};

		if (typeof configOrTitle === 'string') {
			return await MessageBox.prompt(message, configOrTitle, resolvedConfig);
		}
		return await MessageBox.prompt(message, resolvedConfig);
	}

	return {
		alert,
		confirm,
		prompt,
		message: Message,
	};
}