WordPressでStripeのCheekoutが成功かCheckoutモーダルが✗で閉じられたのかをjavascriptで判別したい

WordPressで有料会員制のビデオチャットサイトを制作しています。
ビデオチャットはskywayのroom機能を使用しています。
投稿にCSS&Javascript Toolboxプラグインを使って記述しています。（ソースコード上では<script>タグでbodyへの記述）
ビデオチャットに人数制限をつける関係で、人数確認をしてからStripeの決済をしたいです。
StripeはSimple Stripe Paymentプラグインを使用し、ショートコードでCheckoutモーダルを開くボタンを実装しています。

このときの流れが
入室→人数確認→料金発生通知用ダイアログ表示（ここにStripeボタンを配置）→Stripe決済→ビデオチャット開始（タイマースタート）
になります。

現状はCheckoutモーダル表示の時点でタイマーが動いてしまいます。
ここでタイマースタートのフラグとして決済が成功したかを判定したいです。

Checkouttの成功したかを判定する方法を教えてほしいです。
別のプラグインなどを使う方法でも構いません。

HTML
1<dialog id="js-dialog">
2    <div>決済確認ダイアログ</div>
3    <div>
4        [simplestripepayment]
5        <button id="close-dialog">閉じる</button>
6    </div>
7</dialog>

Javascript
1/*
2js-dialog -> 料金発生通知用ダイアログ
3SPPcustomButton -> Simple Stripe paymentで配置したボタン
4close-dialog -> ダイアログ内に配置した閉じる用ボタン
5*/
6document.getElementById('js-dialog').showModal();
7document.getElementById('SPPcustomButton').onclick=()=>{
8　document.getElementById('js-dialog').close();
9　reStart();//タイマースタート関数
10}
11document.getElementById('close-dialog').onclick=()=>{
12　document.getElementById('js-dialog').close();
13　room.close();
14　alert('キャンセルされました。');
15　window.location.href = 'トップページURL';
16}