@everymatrix/cashier-page 1.28.2 → 1.28.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-page",
-  "version": "1.28.2",
+  "version": "1.28.4",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d958fcf980942e498f37b94d506a1b27a5169aa4"
+  "gitHead": "1bfc13085b6829695a52b1569af671db1c024e41"
 }

package/src/CashierPage.svelte

@@ -163,11 +163,15 @@
     if (e.data.type == 'ShowSessionError') {
       errorMessage = e.data.error
     }
+    if (e.data.type === 'ToggleDisableActionOnPage') {
+      isProcessingTxn = e.data.disable
+    }
   }
 
 </script>
-
-
+{#if isProcessingTxn}
+  <div class="DisablePage"></div>
+{/if}
 <div class={showMethodDetailsPage ? "CashierPageWidget BothSections" : "CashierPageWidget"} bind:this={customStylingContainer}>
   {#if lang}
     <div class="Header">{ $_(`header.${type.toLowerCase()}`)}</div>
@@ -234,9 +238,20 @@
   @mixin container-height {
     height: calc(100% - 44px);
     overflow: auto;
-    padding: 7px 12px 12px 12px;
+    padding: var(--emw--spacing-x-small, 7px) var(--emw--spacing-small, 12px) var(--emw--spacing-small, 12px) var(--emw--spacing-small, 12px);
     box-sizing: border-box;
   }
+  .DisablePage {
+    container-type: inline-size;
+    container-name: confirm-modal;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 100;
+    top: 0;
+    left: 0;
+    background-color: transparent;
+  }
   .CashierPageWidget {
     container-type: inline-size;
     container-name: deposit-page;
@@ -258,10 +273,10 @@
     width: 50%;
     display: flex;
     margin: auto;
-    padding: 15px 0;
+    padding: var(--emw--spacing-medium, 15px) 0;
     font-size: var(--emw--font-size-small, 14px);
     font-weight: bold;
-    color: var(--emw--color-black, #111);
+    color: var(--mmw--color-grey-10, #111);
     line-height:  var(--emw--font-size-small, 14px);
   }
   .CashierPage {
@@ -277,7 +292,7 @@
     &::-webkit-scrollbar {
       border-right: 1px solid var(--emw--color-gray-100, #E0E0E0 );
     }
-  } 
+  }
   cashier-method-details {
     width: 0;
   }
@@ -312,10 +327,10 @@
     background: transparent;
   }
   ::-webkit-scrollbar-thumb {
-    background: var(--emw--color-gray-100, #E8E9EB);
+    background: var(--mmw--color-grey-105, #E8E9EB);
   }
   ::-webkit-scrollbar-thumb:hover {
-    background: var(--emw--color-gray-300, #666);
+    background: var(--mmw--color-grey-290, #666);
   }
 
 </style>