/**
 * @module modules/dialog
 */

import type { IDialog } from 'jodit/types';
import { Dialog } from './dialog';
import { asArray, isFunction } from 'jodit/core/helpers/';
import { Dom } from 'jodit/core/dom';
import { Button } from 'jodit/core/ui';

/**
 * Show `alert` dialog. Work without Jodit object
 * @example
 * ```javascript
 * Jodit.Alert("File was uploaded");
 * Jodit.Alert("File was uploaded", "Message");
 * Jodit.Alert("File was uploaded", function() {
 *    $('form').hide();
 * });
 * Jodit.Alert("File wasn't uploaded", "Error", function() {
 *    $('form').hide();
 * });
 * ```
 */
export function Alert(
	this: IDialog | unknown,
	msg: string | HTMLElement,
	title?: string | (() => void | false),
	callback?: string | ((dialog: IDialog) => void | false),
	className: string = 'jodit-dialog_alert'
): IDialog {
	if (isFunction(title)) {
		callback = title;
		title = undefined;
	}
	const dialog = this instanceof Dialog ? this : new Dialog(),
		container = dialog.c.div(className),
		okButton = Button(dialog, 'ok', 'Ok');

	asArray(msg).forEach(oneMessage => {
		container.appendChild(
			Dom.isNode(oneMessage) ? oneMessage : dialog.c.fromHTML(oneMessage)
		);
	});

	okButton.onAction(() => {
		if (!callback || !isFunction(callback) || callback(dialog) !== false) {
			dialog.close();
		}
	});

	dialog.setFooter([okButton]);

	dialog.open(container, (title as string) || ' ', true, true);
	okButton.focus();

	return dialog;
}