Multiple sweet alerts execute always the first confirmation callback
<p>When i use multiple sweet alerts in the same page, it calls always the first callback. </p>

<p>I explain: </p>

<p>I have a button to send friend request which becomes a "pending/cancel" button after click   </p>

<pre><code>{{#if addFriend}}
    &lt;li&gt;{{&gt; addFriendBtn user=usr}}&lt;/li&gt;
{{/if}}
{{#if pending}}
    &lt;li&gt;{{&gt; pendingFriendBtn user=usr}}&lt;/li&gt;
{{/if}}
</code></pre>

<p>Each btn has a click event calling sweet alert:</p>

<pre><code>Template.addFriendBtn.events({
'click .add-friend': function (evt,tpl) {
        console.log('inside click .add-friend...');
        const options = {
            title: "Friend request",
            showCancelButton: true,
            confirmButtonText: "Oui",
            closeOnConfirm: true,
            closeOnCancel:true,
            allowOutsideClick: false,
            allowEscapeKey:true
        };

        swal(options, function () {
           console.log("Inside add-friend confirmation swal...");
           Meteor.call('sendFriendRequest', tpl.data.user);
        });
   }
}); 

Template.pendingFriendBtn.events({
    'click .cancel-request': function (evt, tpl) {
        console.log('inside click .cancel-request');
        const options = {
                    title: "Confirmation",
                    showCancelButton: true,
                    closeOnConfirm: true,
                    closeOnCancel:true,
                    allowOutsideClick: false,
                    allowEscapeKey:true
                };

        swal(options, function(){
           console.log("inside cancel-request confirmation swal...");
           Meteor.call('cancelFriendRequest', tpl.data.user);
         });

    }
});

Meteor.methods({
  sendFriendRequest: function (recipient) {
    console.log('Inside sendFriendRequest...');
    ...
  },

  cancelFriendRequest: function (recipient) {
    console.log('Inside cancelFriendRequest ...');
    ....
  }
});
</code></pre>

<p>When I click on "Add friend" button the first time, it works fine. I get the sweet alert and after confirmation, my callback is done correctly, and the button becomes "Pending/cancel" button.</p>

<p>When I click after that on this "Pending/cancel" button to cancel my friend request, i get the right sweet alert, but when i confirm, it executes the callback "sendFriendRequest" for the first button "add friend".</p>

<p>I couldn't figure out why it behaves like this... Any thoughts on this issue ? Thanks in advance.  </p>

<p><strong>UPDATE:  After adding logs</strong></p>

<p><strong>First click: add friend:</strong></p>

<p><em>Client logs:</em></p>

<p>inside click .add-friend…</p>

<p>Inside add-friend confirmation swal…</p>

<p><em>Server logs:</em></p>

<p>Inside sendFriendRequest...</p>

<p><strong>Second click: cancel pending request:</strong></p>

<p><em>Client logs</em></p>

<p>inside click .cancel-request</p>

<p>Inside add-friend confirmation swal…</p>

<p><em>Server logs:</em></p>

<p>Inside sendFriendRequest...</p>