Ghost/ghost/admin/app/components/modal-free-membership-settings.js

import ModalBase from 'ghost-admin/components/modal-base';
import classic from 'ember-classic-decorator';
import {action} from '@ember/object';
import {inject as service} from '@ember/service';
import {task} from 'ember-concurrency-decorators';
import {tracked} from '@glimmer/tracking';

// TODO: update modals to work fully with Glimmer components
@classic
export default class ModalFreeMembershipSettings extends ModalBase {
    @service settings;
    @service config;

    @tracked freeSignupRedirect;
    @tracked siteUrl;
    init() {
        super.init(...arguments);
        this.siteUrl = this.config.get('blogUrl');
    }

    @action
    close(event) {
        event?.preventDefault?.();
        this.closeModal();
    }

    actions = {
        // needed because ModalBase uses .send() for keyboard events
        closeModal() {
            this.close();
        },
        updateName(value) {
            this.settings.set('membersFreePriceName', value);
        },
        updateDescription(value) {
            this.settings.set('membersFreePriceDescription', value);
        },
        setFreeSignupRedirect(url) {
            this.freeSignupRedirect = url;
        },
        validateFreeSignupRedirect() {
            return this._validateSignupRedirect(this.freeSignupRedirect, 'membersFreeSignupRedirect');
        }
    }

    @task({drop: true})
    *save() {
        try {
            this.send('validateFreeSignupRedirect');
            if (this.settings.get('errors').length !== 0) {
                return;
            }
            yield this.settings.save();
            this.send('closeModal');
        } catch (error) {
            this.notifications.showAPIError(error, {key: 'settings.save'});
        } finally {
            this.send('closeModal');
        }
    }

    _validateSignupRedirect(url, type) {
        let errMessage = `Please enter a valid URL`;
        this.settings.get('errors').remove(type);
        this.settings.get('hasValidated').removeObject(type);

        if (url === null) {
            this.settings.get('errors').add(type, errMessage);
            this.settings.get('hasValidated').pushObject(type);
            return false;
        }

        if (url === undefined) {
            // Not initialised
            return;
        }

        if (url.href.startsWith(this.siteUrl)) {
            const path = url.href.replace(this.siteUrl, '');
            this.settings.set(type, path);
        } else {
            this.settings.set(type, url.href);
        }
    }
}