Как я могу сделать рекурсивный вызов Promise возвратом для сокращения в Javascript?

Я пытаюсь создать рекурсивный вызов Promise внутри reduce в JS. Цель моей системы здесь состоит в том, чтобы сделать n больших вызовов для каждого элемента в массиве, с которым reduce играет, затем, если внутри этого reduce этот большой вызов решит, что ему нужно n меньших вызовов, прежде чем он вернется к большим, тогда reduce не следует переходить к следующему пункту, просто дождитесь его окончания.

Мой текущий код:

function download_preliminary_files_1() {
    let demo_schema_download = new Base_Ajax_Requester(
        localized_data.ajax_url,
        {
            'ajax_action': 'download_demo_file_schema',
            'ajax_nonce': localized_data.ajax_nonce,
            'backend': {
                'data_handle': 'download_demo_file_schema_data',
                'data':
                    {
                        'demo_handle' : 'demo-2',
                    }
            }
        }
    );

    let import_files_download = demo_schema_download.call().then(function() {
        fake_data.steps_to_import.reduce(function(previous_promise, next_step_identifier) {
            return previous_promise.then(function() {
                let file_download = download_demo_file({
                    'demo_handle' : 'demo-2',
                    'step' : next_step_identifier
                }).call();

                file_download.then(function(response) {
                    /**
                     * Here, if I detect that response.remaining_number_of_files > 0, I should start
                     * a chain that keeps calling `download_demo_file` with new parameters.
                     *
                     * Then, when this chain is done, resume the normal reduce behavior.
                     */
                });
            });
        }, Promise.resolve())
    }).catch(function(error) {
        console.info( 'Got this error:' + error);
    });

    return import_files_download;
}

Где Base_Ajax_Requester — это вспомогательный класс, который обрабатывает запросы AJAX и возвращает Promise, когда это делается, чтобы вокруг него можно было написать код.

Мой fake_data это:

let fake_data = {
    'demo_handle' : 'demo-2',
    'steps_to_import' : [ 'elementor-hf','post', 'nav_menu' ]
}

Как видите, fake_data.steps_to_import.reduce(.. пройдет через эти 3 значения, для каждого из них вызовите download_demo_file, дождитесь его окончания, затем перейдите к следующему. Можно сказать, что я хотел бы, чтобы между elementor-hf и post было n меньших вызовов.

Первоначальный вызов download_demo_file виден там, вот что всегда будет возвращаться из серверной части:

{
    'message' : '...',
    'file_number' : 1, //Which -n.xml file has been downloaded where n is this number.
    'remaining_number_of_files' : 1 //Calculates, based on what file was downloaded how many files are left. The system knows internally how many files it has to download.
}

Повторный вызов, опять же, с download_demo_file будет выглядеть так:

{
    'demo_handle' : 'demo-2',
    'step' : next_step_identifier,
    'file_counter' : 2 //Dynamic. This will signal that it needs to now download file-2.xml.
}

...и так далее, пока сервер не отправит remaining_number_of_files : 0, затем все останавливается, потому что больше нет файлов для загрузки, и можно перейти к следующему большому вызову.

Как я могу этого добиться?