@ducna01120/fleetops-engine/addon/components/driver-onboard-settings.js

Fleet & Transport Management Extension for Fleetbase

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import { task } from 'ember-concurrency-decorators';

export default class DriverOnboardSettingsComponent extends Component {
    @service fetch;
    @service currentUser;
    @service notifications;
    @tracked companyId;
    @tracked driverOnboardSettingsLoaded = false;
    @tracked driverOnboardSettings = {};
    @tracked driverOnboardMethods = ['invite', 'button'];

    constructor() {
        super(...arguments);
        this.companyId = this.currentUser.companyId;
        this.getDriverOnboardSettings.perform();
    }

    @action enableDriverOnboard(enableDriverOnboardFromApp) {
        this.updateDriverOnboardSettings({ enableDriverOnboardFromApp });
    }

    @action enableDriverOnboardDocuments(driverMustProvideOnboardDocuments) {
        this.updateDriverOnboardSettings({ driverMustProvideOnboardDocuments });
    }

    @action selectDriverOnboardMethod(driverOnboardAppMethod) {
        this.updateDriverOnboardSettings({ driverOnboardAppMethod });
    }

    @action onOnboardDocumentsChanged(requiredOnboardDocuments) {
        requiredOnboardDocuments = requiredOnboardDocuments.filter((documentName) => typeof documentName === 'string');
        this.updateDriverOnboardSettings({ requiredOnboardDocuments });
    }

    @task *saveDriverOnboardSettings() {
        const { driverOnboardSettings } = this;
        let driverOnboardSettingsResponse;

        try {
            driverOnboardSettingsResponse = yield this.fetch.post('fleet-ops/settings/driver-onboard-settings', { driverOnboardSettings });
        } catch (error) {
            this.notifications.serverError(error);
            return;
        }

        if (driverOnboardSettingsResponse && driverOnboardSettings && driverOnboardSettings.enableDriverOnboardFromApp == false) {
            this.driverOnboardSettings = driverOnboardSettingsResponse.driverOnboardSettings;
        }
    }

    @task *getDriverOnboardSettings() {
        const companyId = this.currentUser.companyId;
        const { driverOnboardSettings } = yield this.fetch.get(`fleet-ops/settings/driver-onboard-settings/${companyId}`);
        this.driverOnboardSettings = driverOnboardSettings;

        if (this.companyDoesntHaveDriverOnboardSettings()) {
            this.updateDriverOnboardSettings({
                enableDriverOnboardFromApp: false,
                driverOnboardAppMethod: 'invite',
                driverMustProvideOnboardDocuments: false,
                requiredOnboardDocuments: [],
            });
        }

        this.driverOnboardSettingsLoaded = true;
    }

    companyDoesntHaveDriverOnboardSettings() {
        const companyId = this.driverOnboardSettings.companyId;
        return companyId === undefined;
    }

    updateDriverOnboardSettings(props = {}) {
        const companyId = this.currentUser.companyId;
        const driverOnboardSettings = this.driverOnboardSettings ?? {};
        this.driverOnboardSettings = {
            companyId: companyId,
            ...driverOnboardSettings,
            ...props,
        };
    }
}