@everymatrix/cashier-page 1.37.12 → 1.39.0

package/index.html

@@ -31,24 +31,7 @@
   </header>
 
   <div class="webcomponent">
-      <cashier-page
-              lang="en"
-              local="en-US"
-              channel="Desktop"
-              type="Deposit"
-              session="935b0211-7b3d-4454-8b0a-f8e66099c18f"
-              translationurl="https://static.everymatrix.com/mmstage/translations/1995/mm-localization-en.json"
-              assetsurl="https://static.everymatrix.com/mmstage/cashier/operator-assets/1995"
-              endpoint="https://odeonbet-api.stage.norway.mazeday.com"
-              merchantid="1995"
-              successurl="https://odeonbet-stage.mazeday.com/tr/receipt"
-              failurl="https://odeonbet-stage.mazeday.com/tr/receipt"
-              cancelurl="https://odeonbet-stage.mazeday.com/tr/receipt"
-              customerid="6246443"
-              currency="TRY"
-              numberofmethodsshown="1"
-      >
-      </cashier-page>
+      <cashier-page type="Deposit" channel="Desktop" translationurl="https://static.everymatrix.com/mmstage/translations/6/mm-localization-en-8.json" endpoint="https://zirvebet-api.stage.norway.everymatrix.com" session="afdf7cf2-75ef-4375-8b0b-562e19ed75ed" lang="tr" customerid="6446553" currency="TRY" amount="0" dateformat="YYYY/MM/DD" timeformat="HH:mm:ss" dateandtimeformat="D.MM.YYYY, h:mm:ss a" clientstylingurl="https://zirvebet-stage.everymatrix.com/static/css/widgets/cashier-page/style-1.0.227.css" failurl="https://zirvebet-stage.everymatrix.com/tr/receipt" successurl="https://zirvebet-stage.everymatrix.com/tr/receipt" cancelurl="https://zirvebet-stage.everymatrix.com/tr/receipt"></cashier-page>
   </div>
   
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-page",
-  "version": "1.37.12",
+  "version": "1.39.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "284346262a669a2f5a5891d7ba9327b0c94aa44c"
+  "gitHead": "d3dbfca9fcdc2d9df9a01f60f283ed699ec828fb"
 }

package/src/CashierPage.svelte

@@ -8,12 +8,14 @@
   import {TxnChannel, TxnType, ResponseCode} from "./CashierPage.types";
 
   import '@everymatrix/cashier-header';
+  import '@everymatrix/cashier-verifications';
   import '@everymatrix/cashier-methods-list';
   import '@everymatrix/cashier-method-details';
   import '@everymatrix/cashier-error';
   import '@everymatrix/cashier-modal';
   import '@everymatrix/cashier-confirm-modal';
   import '@everymatrix/cashier-iframe-redirect';
+  import '@everymatrix/cashier-session-expiration-modal';
 
   enum RedirectionModeStringEnum {
     Default = 'Default',
@@ -46,8 +48,10 @@
   export let channel: string = TxnChannel.Desktop;
   export let showheader: string = 'true';
   export let numberofmethodsshown: string;
-  export let clientstyling:string = '';
-  export let clientstylingurl:string = ''
+  export let clientstyling: string = '';
+  export let clientstylingurl: string = '';
+  export let showsessionexpirationmodal: string = 'true';
+  export let showverifications: string = 'true';
 
   let xPlayerSessionId: string;
   let xPaymentSessionToken: string;
@@ -60,7 +64,7 @@
   let isMethodOpen:boolean  = false;
   let displayNone:boolean = false;
   let customStylingContainer:HTMLElement;
-  let widgetWidth: number
+  let widgetWidth: number;
   let mobileView: string;
   let prepareRequest;
   let showConfirmModal:boolean = false;
@@ -126,7 +130,7 @@
             .then(res => res.json())
             .then(data => {
               if (data.error) {
-                errorMessage = data.error
+                errorMessage = data.error;
               }
               if (data.ResponseCode === ResponseCode.PlayerSessionIsNotValid) {
                 errorResponseCode = data.ResponseCode;
@@ -144,6 +148,7 @@
               }
               xPaymentSessionToken = data.XPaymentSessionToken;
               isLoading = false;
+              window.postMessage({ type: 'StartSessionCountdown', xPaymentSessionToken }, window.location.href);
             })
             .catch(error => console.log(error))
   }
@@ -220,9 +225,16 @@
   }
 
   const hideModal = () => {
-    window.postMessage({ type: 'HideCashierModal' }, window.location.href)
+    window.postMessage({ type: 'HideCashierModal' }, window.location.href);
   }
 
+  const renewSession = () => {
+    errorResponseCode = null;
+    setErrorResponseCode();
+    getPlayerSession();
+  }
+
+
   const closeModal = () => {
     showConfirmModal = false;
   }
@@ -251,6 +263,10 @@
     if (e.data.type === 'ShowCashierModal') {
       modalErrorMessage = e.data.modalErrorMessage;
     }
+    if (e.data.type === 'SessionExpired') {
+      errorResponseCode = ResponseCode.JwtTokenError;
+      setErrorResponseCode();
+    }
   }
 
   $: endpoint && session && customerid && lang && channel && type && successurl && failurl && cancelurl && getPlayerSession();
@@ -303,7 +319,22 @@
       >
       <div slot="button" class="ModalButton" on:click={hideModal}>{$_('closeModal')}</div>
       </cashier-error>
-    </cashier-modal>
+      </cashier-modal>
+      {#if showsessionexpirationmodal === 'true'}
+         <cashier-session-expiration-modal
+                {assetsurl}
+                {translationurl}
+                {clientstylingurl}
+                {clientstyling}
+                {lang}
+                {local}
+                {endpoint}
+                {currency}
+                {customerid}
+                 selectedpaymentmethodname="{selectedPaymentMethod.Name}"
+         >
+         </cashier-session-expiration-modal>
+      {/if}
     {#if showConfirmModal}
     <cashier-confirm-modal
               {clientstylingurl}
@@ -318,6 +349,17 @@
   {#if !errorMessage && !errorResponseCode}
     <div class="CashierPage">
       <div class="CashierMethodListWrapper">
+        {#if !!showverifications && showverifications !== 'false'}
+          <cashier-verifications
+                  {lang}
+                  {translationurl}
+                  {endpoint}
+                  {clientstylingurl}
+                  {clientstyling}
+                  {customerid}
+                  session="{xPaymentSessionToken}"
+          ></cashier-verifications>
+        {/if}
         <cashier-methods-list
                 {lang}
                 {local}
@@ -360,12 +402,18 @@
           {translationurl}
           {clientstylingurl}
           {clientstyling}
-          hidebuttons="true"
+          imgurl = {errorResponseCode === ResponseCode.JwtTokenError ? 'session-expired-icon.png' : ''}
+          hidebuttons= {errorResponseCode !== ResponseCode.JwtTokenError}
           errorcode={errorResponseCode}
     >
       {#if !errorResponseCode}
         <span slot="text">{errorMessage}</span>
       {/if}
+      {#if errorResponseCode === ResponseCode.JwtTokenError}
+        <span slot="title">{$_('sessionExpiredTitle')}</span>
+        <span slot="text">{$_('sessionExpiredText')}</span>
+        <div slot="button" class="CashierErrorButton" on:click={renewSession}>{$_('continueSession')}</div>
+      {/if}
     </cashier-error>
   {/if}
 </div>
@@ -410,6 +458,9 @@
       border-radius: 6px;
       border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
       box-sizing: border-box;
+      .IframeRedirect {
+        border-radius: 6px;
+      }
       .Content, .CashierPage, .DisablePage {
         height: calc(100% - var(--mmw--header-height, 32px));
       }

package/src/translations.js

@@ -2,6 +2,9 @@ export const TRANSLATIONS = {
   "en": {
     "loading": "Loading...",
     "closeModal": "CLOSE",
+    "continueSession": "CONTINUE",
+    "sessionExpiredTitle": "Session Expired!",
+    "sessionExpiredText": "Your session has ended. We apologize for any inconvenience. Please click the button to continue.",
     "deposit": {
       "makeTxnButton": "DEPOSIT",
       "confirmText": "You're going to deposit to your account",
@@ -17,14 +20,33 @@ export const TRANSLATIONS = {
   },
   "hr": {
     "loading": "Učitavanje",
+    "closeModal": "CLOSE",
+    "continueSession": "CONTINUE",
+    "sessionExpiredTitle": "Session Expired!",
+    "sessionExpiredText": "Your session has ended. We apologize for any inconvenience. Please click the button to continue.",
     "header": {
       "deposit": "Uplata",
       "withdraw": "Povlačenje"
+    },
+    "deposit": {
+      "makeTxnButton": "DEPOSIT",
+      "confirmText": "You're going to deposit to your account",
+      "confirmTextWithAmount": "You're going to deposit {amount} {currency} to your account",
+      "confirmButton": "Ok"
+    },
+    "withdraw": {
+      "makeTxnButton": "WITHDRAW",
+      "confirmText": "You're going to withdraw from your account",
+      "confirmTextWithAmount": "You're going to withdraw {amount} {currency} from your account",
+      "confirmButton": "Ok"
     }
   },
   "tr": {
     "loading": "Yükleniyor...",
     "closeModal": "KAPAT",
+    "continueSession": "Devam et",
+    "sessionExpiredTitle": "Session Expired!",
+    "sessionExpiredText": "Your session has ended. We apologize for any inconvenience. Please click the button to continue.",
     "header": {
       "deposit": "Yatır",
       "withdraw": "Çek"