From 7776de8ed3c2c7863ccdf82b6f222ad1f639c1d4 Mon Sep 17 00:00:00 2001
From: indykoning <15870933+indykoning@users.noreply.github.com>
Date: Tue, 7 Nov 2023 16:30:29 +0100
Subject: [PATCH] Set token and mask again when showing checkout success (#12)

---
 resources/js/components/MSPPending.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/resources/js/components/MSPPending.vue b/resources/js/components/MSPPending.vue
index 882dbbd..f6b3b61 100644
--- a/resources/js/components/MSPPending.vue
+++ b/resources/js/components/MSPPending.vue
@@ -1,5 +1,19 @@
 <script>
+    import { mask as useMask } from 'Vendor/rapidez/core/resources/js/stores/useMask'
+    import { token as useToken } from 'Vendor/rapidez/core/resources/js/stores/useUser'
+
     export default {
+        props: {
+            token: {
+                type: String,
+                default: useToken.value,
+            },
+            mask: {
+                type: String,
+                default: useMask.value,
+            },
+        },
+
         data() {
             return {
                 completed: false,
@@ -30,6 +44,9 @@
 
                 magento.get(`/multisafepay/orders/${orderId}/${token}`).then(response => {
                     if(['processing', 'success', 'complete'].includes(response.data?.status)) {
+                        useToken.value = this.token;
+                        useMask.value = this.mask;
+
                         this.completed = true;
                         this.order = Object.assign({
                             sales_order_items: response.data.items,