Promise / Task based asset adding workflow

add-asset.js

import Service from '@ember/service';
import { task } from 'ember-concurrency';
import { get, set } from '@ember/object';
import RSVP from 'rsvp';

export default Service.extend({
  options: null,
  
  findAsset: task(function* (afmConfig) {
    set(this, 'options', Object.assign(RSVP.defer(), { afmConfig });

    try {
      yield get(this, 'options.promise');
    } finally {
      set(this, 'options', null);
    }
  }),
  
  execute(afmConfig) {
    return get(this, 'findAsset').perform(afmConfig);
  }
});

asset-finder.hbs

{{#if isFindingAsset}}
  {{take-over (component 'content-finder'
     afmConfig=findAsset.options.afmConfig
     submit=(action addAsset.options.resolve)
    )
    ondismiss=(action addAsset.options.reject)}}
{{/if}}

asset-finder.js

import Component from '@ember/component';
import { inject } from '@ember/service';
import { get } from '@ember/object';
import { notEmpty } from '@ember/object/computed';

export default Component.extend({
  addAsset: service(),
  isFindingAsset: notEmpty('findAsset.options')
});

route.js

import Route from '@ember/routing/route';
import method from 'ember-service-methods/inject';

export default Route.extend({
  addAsset: method(),
  
  actions: {
    addAsset(model, field) {
      return this.addAsset(this.getAfmConfigFor(model, field)).then(function () {
        // add asset
      }, function () {});
    }
  }
});