@fleetbase/storefront-engine/addon/controllers/settings/gateways.js

Headless Commerce & Marketplace Extension for Fleetbase

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';
import { action, set } from '@ember/object';
import { capitalize } from '@ember/string';
import getGatewaySchemas from '../../utils/get-gateway-schemas';

export default class SettingsGatewaysController extends Controller {
    @service notifications;
    @service intl;
    @service hostRouter;
    @service modalsManager;
    @service store;
    @service crud;
    @service storefront;
    @alias('storefront.activeStore') activeStore;

    @action createGateway() {
        const gateway = this.store.createRecord('gateway', {
            owner_uuid: this.activeStore.id,
            owner_type: 'storefront:store',
        });

        this.editGateway(gateway, {
            title: this.intl.t('storefront.settings.gateways.create-new-payment-gateway'),
            acceptButtonText: this.intl.t('storefront.settings.gateways.save-gateway'),
            decline: (modal) => {
                gateway.destroyRecord();
                modal.done();
            },
            successNotification: (gateway) => `New gateway (${gateway.name}) created.`,
            onConfirm: () => {
                if (gateway.get('isNew')) {
                    return;
                }

                this.hostRouter.refresh();
            },
        });
    }

    @action editGateway(gateway, options = {}) {
        const schemas = getGatewaySchemas();
        const schemaOptions = Object.keys(schemas);

        let schema = null;
        if (!gateway.get('isNew')) {
            schema = schemas[gateway.code];
        }

        this.modalsManager.show('modals/create-gateway', {
            title: this.intl.t('storefront.settings.gateways.edit-payment-gateway'),
            acceptButtonText: this.intl.t('storefront.settings.gateways.save-changes'),
            schema,
            schemas,
            schemaOptions,
            gateway,
            selectSchema: (schema) => {
                this.modalsManager.setOption('schema', schemas[schema]);

                gateway.setProperties({
                    name: `${capitalize(schema)} Gateway`,
                    code: schema,
                    config: schemas[schema],
                    type: schema,
                });
            },
            setConfigKey: (key, value) => {
                // eslint-disable-next-line no-undef
                if (value instanceof Event) {
                    const eventValue = value.target.value;

                    set(gateway.config, key, eventValue);
                    return;
                }

                set(gateway.config, key, value);
            },
            confirm: async (modal) => {
                modal.startLoading();

                try {
                    await gateway.save();
                    if (typeof options.successNotification === 'function') {
                        this.notifications.success(options.successNotification(gateway));
                    } else {
                        this.notifications.success(options.successNotification || `${gateway.name} details updated.`);
                    }
                } catch (error) {
                    modal.stopLoading();
                    this.notifications.serverError(error);
                }
            },
            ...options,
        });
    }

    @action deleteGateway(gateway) {
        this.modalsManager.confirm({
            title: this.intl.t('storefront.settings.gateways.title-remove'),
            body: this.intl.t('storefront.settings.gateways.application-website-utilizing-gateway'),
            confirm: (modal) => {
                modal.startLoading();

                return gateway.destroyRecord().then(() => {
                    modal.stopLoading();
                });
            },
        });
    }
}