SweetAlert2: некоторые трудности с настройкой моего оповещения

Я пытаюсь использовать sweetAlert2. https://sweetalert2.github.io/

План выглядит следующим образом:

1) Отображение основного оповещения

2) Если он нажимает на "Отмена", я нормально закрываю оповещение.

3) Если он нажимает на "ОК", то кнопка переходит в положение загрузки, но оповещение не закрывается. А тем временем я делаю запрос Ajax. И когда все закончится, только тогда я смогу закрыть 1-е оповещение и просмотреть второе.

4) Когда я нажимаю «ОК» во втором предупреждении, страница перезагружается.

Но на данный момент я не могу хорошо справиться с тем, как отображать предупреждения, когда я нажимаю «ОК» и «Отмена».

У меня есть этот код ниже:

                Swal.fire({
                    title: 'Change to '+planName,
                    text: message,
                    icon: "info",
                    showCancelButton: true,
                    showLoaderOnConfirm: true,
                    preConfirm: function () {
                        // todo - actually change the plan!
                        $.ajax({
                            url: changeUrl,
                            method: 'POST'
                        }).done(function(){
                            Swal.fire({
                                title: 'Plan changed !',
                                icon: 'success',

                            },function() {
                                location.reload();
                            })
                        });
                    }
                });

Когда я нажимаю ОТМЕНА в первом предупреждении, все идет хорошо. Но если я нажму «ОК», я увижу, что кнопка подтверждения переходит в «загрузчик», но оповещение сразу же закрывается. Затем выполняется мой запрос Ajax, а затем отображается второе предупреждение.

Может ли кто-нибудь помочь мне, пожалуйста?

РЕДАКТИРОВАТЬ: текущий код:

                Swal.fire({
                    title: 'Change to '+planName,
                    text: message,
                    icon: "info",
                    showCancelButton: true,
                    showLoaderOnConfirm: true,
                    preConfirm: function () {
                        // todo - actually change the plan!
                        return $.ajax({
                            url: changeUrl,
                            method: 'POST'
                        }).done(function(){
                            Swal.fire({
                                title: 'Plan changed !',
                                icon: 'success',

                            },function() {
                                location.reload();
                            })
                        });
                    }
                });