@everymatrix/cashier-page 1.34.2 → 1.35.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-page",
-  "version": "1.34.2",
+  "version": "1.35.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "99004a0501ea8fb9219aac803a986e470f556838"
+  "gitHead": "cad27ef6706d0e17f1eda3810fee31f1ec373fa9"
 }

package/src/CashierPage.svelte

@@ -5,7 +5,7 @@
   import {TRANSLATIONS} from './translations';
 
   import type {PaymentMethod} from "./CashierPage.types";
-  import {TxnChannel, TxnType} from "./CashierPage.types";
+  import {TxnChannel, TxnType, ResponseCode} from "./CashierPage.types";
 
   import '@everymatrix/cashier-methods-list';
   import '@everymatrix/cashier-method-details';
@@ -74,6 +74,7 @@
   let confirmAmount: number;
   let hideAmountField: boolean;
   let redirectMode: RedirectionModeStringEnum;
+  let modalErrorMessage: string;
 
   $: endpoint && session && customerid && lang && channel && type && successurl && failurl && cancelurl && getPlayerSession();
   $: clientstyling && customStylingContainer && setClientStyling();
@@ -129,7 +130,16 @@
               if (data.error) {
                 errorMessage = data.error
               }
-              if (data.ResponseCode !== 'Success') {
+              if (data.ResponseCode === ResponseCode.PlayerSessionIsNotValid) {
+                errorResponseCode = data.ResponseCode;
+                setErrorResponseCode();
+                return;
+              }
+              if (data.ResponseCode === ResponseCode.JwtTokenError) {
+                errorResponseCode = data.ResponseCode;
+                setErrorResponseCode();
+              }
+              if (data.ResponseCode !== ResponseCode.Success) {
                 errorResponseCode = data.ResponseCode;
                 setErrorResponseCode();
                 return;
@@ -203,24 +213,27 @@
   }
 
   const messageHandler = (e:any) => {
-    if (e.data.type == 'ShowSessionError') {
+    if (e.data.type === 'ShowSessionError') {
       errorMessage = e.data.error
     }
     if (e.data.type === 'ToggleDisableActionOnPage') {
       isProcessingTxn = e.data.disable
     }
-    if (e.data.type == 'ErrorResponseCode') {
+    if (e.data.type === 'ErrorResponseCode') {
       errorResponseCode = e.data.errorResponseCode;
     }
-    if (e.data.type == 'ShowConfirmModal') {
+    if (e.data.type === 'ShowConfirmModal') {
       showConfirmModal = e.data.showConfirmModal;
       confirmAmount = e.data.editedAmount;
       hideAmountField = e.data.hideAmountField;
     }
-    if (e.data.type == 'RedirectInfo') {
+    if (e.data.type === 'RedirectInfo') {
       redirectUrl = e.data.redirectUrl;
       redirectMode = e.data.redirectMode;    
     }
+    if (e.data.type === 'ShowCashierModal') {
+      modalErrorMessage = e.data.modalErrorMessage;
+    }
   }
 
 </script>
@@ -248,7 +261,7 @@
               {translationurl}
               {clientstylingurl}
               {clientstyling}
-              errorcode={errorResponseCode}
+              errorcode={modalErrorMessage}
       >
       <div slot="button" class="ModalButton" on:click={hideModal}>{$_('closeModal')}</div>
       </cashier-error>

package/src/CashierPage.types.ts

@@ -72,3 +72,9 @@ export enum TxnChannel {
     Mobile='Mobile',
     NativeApp='NativeApp'
 }
+
+export enum ResponseCode {
+    PlayerSessionIsNotValid ='PlayerSessionIsNotValid',
+    Success = 'Success',
+    JwtTokenError = 'JwtTokenError'
+}