import { Meteor } from 'meteor/meteor';
import { TAPi18n } from 'meteor/rocketchat:tap-i18n';

import { settings } from '../../../../app/settings/server';
import { IUser } from '../../../../definition/IUser';

export type ModalParams = {
	id: string;
	type: string;
	appId: string;
	npsId: string;
	triggerId: string;
	score: string;
	user: IUser;
};

export const createModal = Meteor.bindEnvironment(({ type = 'modal.open', id, appId, npsId, triggerId, score, user }: ModalParams): any => {
	const language = user.language || settings.get('Language') || 'en';

	return {
		type,
		triggerId,
		appId,
		view: {
			appId,
			type: 'modal',
			id,
			title: {
				type: 'plain_text',
				text: TAPi18n.__('We_appreciate_your_feedback', { lng: language }),
				emoji: false,
			},
			submit: {
				type: 'button',
				text: {
					type: 'plain_text',
					text: TAPi18n.__('Send', { lng: language }),
					emoji: false,
				},
				actionId: 'send-vote',
			},
			close: {
				type: 'button',
				text: {
					type: 'plain_text',
					text: TAPi18n.__('Cancel', { lng: language }),
					emoji: false,
				},
				actionId: 'cancel',
			},
			blocks: [
				{
					blockId: npsId,
					type: 'actions',
					elements: [
						{
							type: 'linear_scale',
							initialValue: score,
							actionId: 'nps-score',
							preLabel: { type: 'plain_text', text: TAPi18n.__('Not_likely', { lng: language }) },
							postLabel: {
								type: 'plain_text',
								text: TAPi18n.__('Extremely_likely', { lng: language }),
							},
						},
					],
					label: {
						type: 'plain_text',
						text: TAPi18n.__('Score', { lng: language }),
						emoji: false,
					},
				},
				{
					blockId: npsId,
					type: 'input',
					element: {
						type: 'plain_text_input',
						multiline: true,
						actionId: 'comment',
					},
					label: {
						type: 'plain_text',
						text: TAPi18n.__('Why_did_you_chose__score__', { score, lng: language }),
						emoji: false,
					},
				},
			],
		},
	};
});