@everymatrix/cashier-method-details 1.29.8 → 1.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.29.8",
+  "version": "1.30.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a6ce52ac3c8209814f7d801c927c7d2d9224b2ae"
+  "gitHead": "b9795b320e7d96e10963f25cdea2d9300029d8d7"
 }

package/src/CashierMethodDetails.svelte

@@ -154,6 +154,7 @@
   ].reduce(mapReducer, []))
   export let endpoint: string;
   export let session: string;
+  export let playersession: string;
   export let lang: string = 'en';
   export let local: string = 'en-US';
   export let dateformat: string = "d/m/Y";
@@ -168,6 +169,7 @@
   export let selectedpaymentmethodname: string;
   export let clientstyling:string = '';
   export let clientstylingurl:string = ''
+  export let ismobileview:string
 
   let xPaymentSessionToken: string;
   let selectedPaymentMethod: PaymentMethod = {} as PaymentMethod;
@@ -208,16 +210,16 @@
   let errorResponseCode: string;
   let isDisabled: boolean;
   let showErrorModal = false;
+  let transactionId = '';
 
   $: endpoint && session && selectedpaymentmethodname && currency && reinitMethod();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: lang && setActiveLanguage();
   $: lang && translationurl && setTranslationUrl();
+  $: ismobileview && setDevice()
   $: fields.length && qrCodeContainer.length && generateQr();
   $: fields.length && flatpickrEl.length && createDatePicker();
-  $: innerWidth && onWindowResize();
-  $: mobileView.toString() && hideMethodsList();
 
 
   const reinitMethod = () => {
@@ -243,6 +245,10 @@
     getPaymentDetails();
   }
 
+  const setDevice = () => {
+    mobileView = ismobileview === 'true';
+  }
+
   const generateQr = () => {
     qrCodeContainer.forEach(elem => {
       if (elem && elem.innerText) {
@@ -350,6 +356,8 @@
       editedAmount = Number(amount);
       if (!selectedPaymentMethod.HideAmountField) {
         validateAmount();
+      } else {
+        amountError = '';
       }
       fields = selectedPaymentMethod.Fields && selectedPaymentMethod.Fields.map(field => new PaymentMethodDetails(field));
       fields.forEach(field => {
@@ -386,10 +394,6 @@
             });
   }
 
-  const onWindowResize = () => {
-    mobileView = isMobile(userAgent) || mediaQuery.matches
-  }
-
   const messageHandler = (e:any) => {
     if (e.data.type == 'ErrorResponseCode') {
       errorResponseCode = e.data.errorResponseCode;
@@ -495,13 +499,13 @@
   }
 
   const  setErrorResponseCode = () => {
-    window.postMessage({type: 'ErrorResponseCode', errorResponseCode});
+    window.postMessage({type: 'ErrorResponseCode', errorResponseCode}, window.location.href);
   }
   const setConfirmModalInfo = () => {
-    window.postMessage({type:'ShowConfirmModal', showConfirmModal, editedAmount});
+    window.postMessage({type:'ShowConfirmModal', showConfirmModal, editedAmount}, window.location.href);
   }
   const setRedirectInfo = () => {
-    window.postMessage({type: 'RedirectInfo', redirectMode, redirectUrl});
+    window.postMessage({type: 'RedirectInfo', redirectMode, redirectUrl}, window.location.href);
   }
   const showModal = () => {
     showErrorModal = true;
@@ -517,7 +521,7 @@
   }
 
   const toggleDisableActionOnPage = () => {
-    window.postMessage({type: 'ToggleDisableActionOnPage', disable: isProcessingTxn})
+    window.postMessage({type: 'ToggleDisableActionOnPage', disable: isProcessingTxn}, window.location.href)
   }
 
   const hidePaymentDetails = () => {
@@ -569,8 +573,9 @@
         return;
       }
       xPaymentSessionToken = data.XPaymentSessionToken;
+      transactionId = data.Transaction.Code;
       redirectUrl = data.RedirectUrl;
-      redirectMode = redirectModeMap.get(data.RedirectionMode);
+      redirectMode = redirectModeMap.get('Default');
       isProcessingTxn = false;
       toggleDisableActionOnPage();
       setRedirectInfo();
@@ -887,7 +892,7 @@
               </svg>
               {$_(`${type.toLowerCase()}.makeTxnButton`)}
               {#if !selectedPaymentMethod.HideAmountField}
-                <span class="ButtonAmount">{formatter.format(editedAmount ?? 0)} {currency}</span>
+                <span class="ButtonAmount">{formatter.format(editedAmount || 0)} {currency}</span>
               {/if}
             </button>
           {:else}
@@ -924,25 +929,26 @@
                   {endpoint}
                   {customerid}
                   {assetsurl}
-                  session="{xPaymentSessionToken}"
+                  transactionid="{transactionId}"
+                  session="{playersession}"
           >
           </cashier-receipt-page>
         </div>
       {/if}
     </div>
+  {/if}
   {#if errorResponseCode && !showErrorModal}
     <cashier-error
             {assetsurl}
             {translationurl}
             {clientstylingurl}
             {clientstyling}
-            hidebuttons="{!mobileView || ''}"
+            hidebuttons="{`${!mobileView}`}"
             errorcode={errorResponseCode}
     >
       <div slot="button" class="ModalButton" on:click={backToMethodList}>{$_('backToMethodList')}</div>
     </cashier-error>
   {/if}
-  {/if}
 </div>