import Component from '@ember/component';
import classic from 'ember-classic-decorator';
import {action, computed} from '@ember/object';
import {inject as service} from '@ember/service';

const VISIBILITIES = [
    {label: 'Public', name: 'public'},
    {label: 'Members only', name: 'members'},
    {label: 'Paid-members only', name: 'paid'}
];

@classic
export default class GhPsmVisibilityInput extends Component {
    @service
    settings;

    @service
    feature;

    // public attrs
    post = null;

    @computed('post.visibility')
    get selectedVisibility() {
        return this.get('post.visibility') || this.settings.get('defaultContentVisibility');
    }

    init() {
        super.init(...arguments);
        this.availableVisibilities = [...VISIBILITIES];
        if (this.feature.get('multipleProducts')) {
            this.availableVisibilities.push(
                {label: 'Specific tier(s)', name: 'tiers'}
            );
        }
    }

    @action
    updateVisibility(newVisibility) {
        this.post.set('visibility', newVisibility);
        if (newVisibility !== 'tiers') {
            this.post.set('tiers', []);
        }
    }
}