Comfortably work with dialogs in Frappe Framework

dialog_promise.js

function dialog_promise (title, fields, primary_action_label) {
	// Return a function that returns a promise
	// The promise resolves when the dialog is submitted and rejects when the dialog is closed
	// On resolve, the promise returns the values from the dialog.
	return () => new Promise((resolve, reject) => {
		const dialog = new frappe.ui.Dialog({
			title: title,
			fields: fields,
			onhide: () => reject(),
			primary_action_label: primary_action_label,
			primary_action: () => {
				resolve(dialog.get_values() || {});
				dialog.hide();
			},
		});
		dialog.show();
	});
};

const ask_for_name = dialog_promise(
	__("What's your name?"),
	[
		{
			fieldname: "full_name",
			fieldtype: "Data"
		}
	],
	__("Say hi")
);

ask_for_name()
	.then(({ full_name }) => frappe.show_alert(__("Hi {0}, nice to meet you!", [full_name])))
	.catch(() => frappe.show_alert(__("Guess you're not in the mood to talk")));