@everymatrix/cashier-page 1.36.0 → 1.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-page",
-  "version": "1.36.0",
+  "version": "1.37.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "09be81de9c66446d0062303022d5f036d874d153"
+  "gitHead": "23b14632ab842e43bf71843de47000e6dd141751"
 }

package/src/CashierPage.svelte

@@ -149,7 +149,7 @@
   }
 
   const setTitle = () => {
-     if (showMethodDetailsPage && isMobileWidth()) {
+     if (showMethodDetailsPage && isMobileWidth() && !errorResponseCode) {
        title = selectedPaymentMethod.Label || selectedPaymentMethod.Name;
        showHeaderBack = 'true'
      } else {
@@ -229,13 +229,14 @@
 
   const messageHandler = (e:any) => {
     if (e.data.type === 'ShowSessionError') {
-      errorMessage = e.data.error
+      errorMessage = e.data.error;
     }
     if (e.data.type === 'ToggleDisableActionOnPage') {
-      isProcessingTxn = e.data.disable
+      isProcessingTxn = e.data.disable;
     }
     if (e.data.type === 'ErrorResponseCode') {
       errorResponseCode = e.data.errorResponseCode;
+      setTitle();
     }
     if (e.data.type === 'ShowConfirmModal') {
       showConfirmModal = e.data.showConfirmModal;
@@ -245,7 +246,7 @@
     if (e.data.type === 'RedirectInfo') {
       redirectUrl = e.data.redirectUrl;
       redirectMode = e.data.redirectMode;
-      setTitle()
+      setTitle();
     }
     if (e.data.type === 'ShowCashierModal') {
       modalErrorMessage = e.data.modalErrorMessage;
@@ -304,7 +305,10 @@
       </cashier-error>
     </cashier-modal>
     {#if showConfirmModal}
-    <cashier-confirm-modal>
+    <cashier-confirm-modal
+              {clientstylingurl}
+              {clientstyling}
+    >
       <span slot="text">{ confirmAmount && !hideAmountField ? $_(`${type.toLowerCase()}.confirmTextWithAmount`,
               { values:{ amount: formatter.format(confirmAmount), currency }}): $_(`${type.toLowerCase()}.confirmText`)}</span>
       <div slot="confirm">{$_(`${type.toLowerCase()}.confirmButton`)}</div>
@@ -403,11 +407,9 @@
       display: none;
     }
     &:has(.Header) {
-      .Content, .CashierPage, .Error {
-        border-radius: 0 0 6px 6px;
-        border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
-        box-sizing: border-box;
-      }
+      border-radius: 6px;
+      border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
+      box-sizing: border-box;
       .Content, .CashierPage, .DisablePage {
         height: calc(100% - var(--mmw--header-height, 32px));
       }