import ModalComponent from 'ghost-admin/components/modal-base';
import {alias, not} from '@ember/object/computed';
import {inject as service} from '@ember/service';
import {task} from 'ember-concurrency';

export default ModalComponent.extend({
    membersStats: service(),
    selectedLabel: null,

    // Allowed actions
    confirm: () => {},
    isDisabled: not('selectedLabel'),
    member: alias('model'),

    actions: {
        confirm() {
            this.removeLabelTask.perform();
        },

        setLabel(label) {
            this.set('selectedLabel', label);
        }
    },

    removeLabelTask: task(function* () {
        try {
            const response = yield this.confirm(this.selectedLabel);
            this.set('response', response);
            this.set('confirmed', true);
        } catch (e) {
            if (e.payload?.errors) {
                this.set('confirmed', true);
                this.set('error', e.payload.errors[0].message);
            }
            throw e;
        }
    }).drop()
});