@everymatrix/cashier-method-details 1.39.1 → 1.39.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.39.1",
+  "version": "1.39.3",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc6e3a021c852cb2734662bef9ef45190de4bfa9"
+  "gitHead": "34113a6474c9833b52690631f489148f6b5c67e0"
 }

package/src/CashierMethodDetails.svelte

@@ -1039,6 +1039,7 @@
             {translationurl}
             {clientstylingurl}
             {clientstyling}
+            {lang}
             hidebuttons="{`${!mobileView}`}"
             errorcode={errorResponseCode}
     >
@@ -1095,6 +1096,7 @@
     padding: var(--emw--spacing-large, 20px) var(--emw--spacing-x-small, 10px) var(--emw--spacing-small, 12px) var(--emw--spacing-x-small, 10px);
     container-name: method-details;
     container-type: inline-size;
+    min-height: 200px;
   }
   .ReceiptPage {
     background-color: var(--emw--color-gray-transparency-100, rgb(255, 255, 255));
@@ -1128,35 +1130,36 @@
     display: flex;
     height: 50px;
     border-bottom: 1px solid var(--mmw--color-grey-105, #E8E9EB);
+  }
 
-    .SelectedLogoDescription {
-      color: var(--mmw--color-grey-10, #111);
-      font-size: var(--emw--font-size-small, 14px);
-      margin: var(--mmw--spacing-x-small-minus, 7px) var(--mmw--spacing-2x-small-plus, 5px) var(--mmw--spacing-x-small-minus, 7px) var(--mmw--spacing-x-small-minus, 7px);
-      word-break: break-word;
-    }
-
-    .SelectedLogoWrapper {
-      width: 56px;
-      height: 32px;
-      flex-shrink: 0;
-      background: var(--emw--color-background, #fff);
-      border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
-      border-radius: var(--mmw--border-radius-medium-plus, 6px);
-
-      img {
-        max-height: 32px;
-        max-width: 56px;
-      }
-    }
-    .ChangePaymeth {
-      margin-left: auto;
-      cursor: pointer;
-      color: var(--mmw--color-grey-10, #111);
-      font-size: var(--emw--font-size-small, 14px);
-      text-decoration-line: underline;
+  .SelectedLogoDescription {
+    color: var(--mmw--color-grey-10, #111);
+    font-size: var(--emw--font-size-small, 14px);
+    margin: var(--mmw--spacing-x-small-minus, 7px) var(--mmw--spacing-2x-small-plus, 5px) var(--mmw--spacing-x-small-minus, 7px) var(--mmw--spacing-x-small-minus, 7px);
+    word-break: break-word;
+  }
+  .SelectedLogoWrapper {
+    width: 56px;
+    height: 32px;
+    flex-shrink: 0;
+    background: var(--emw--color-background, #fff);
+    border: 1px solid var(--mmw--color-grey-105, #E8E9EB);
+    border-radius: var(--mmw--border-radius-medium-plus, 6px);
+    
+    img {
+      max-height: 32px;
+      max-width: 56px;
     }
   }
+  
+  .ChangePaymeth {
+    margin-left: auto;
+    cursor: pointer;
+    color: var(--mmw--color-grey-10, #111);
+    font-size: var(--emw--font-size-small, 14px);
+    text-decoration-line: underline;
+  }
+  
   .SelectedMethodDescription {
     color: var(--mmw--color-grey-290, #666);
     font-size: var(--emw--font-size-x-small, 12px);
@@ -1173,37 +1176,39 @@
     align-items: center;
     justify-content: center;
     gap: var(--emw--spacing-large, 20px);
-    .RedirectionClose {
-      display: flex;
-      width: 234px;
-      height: 36px;
-      flex-direction: column;
-      justify-content: center;
-      flex-shrink: 0;
-      color: var(--emw--color-white, #FFF);
-      cursor: pointer;
-      text-align: center;
-      font-size: var(--emw--font-size-x-small, 12px);
-      font-style: normal;
-      font-weight: var(--emw--font-weight-semibold, 500);
-      line-height: normal;
-      text-transform: uppercase;
-      border-radius: var(--emw--border-radius-medium, 4px);
-      background: var(--emw--color-primary, #7EC51E);
-    }
-    .RedirectionTitle {
-      color: var(--mmw--color-grey-10, #111);
-      font-size: var(--emw--font-size-x-small, 12px);
-      font-style: normal;
-      text-transform: none;
-      font-weight: var(--mmw--font-weight-semibold-plus, 600);
-    }
-    .RedirectionMessage {
-      color: var(--mmw--color-grey-290, #666);
-      font-size: var(--emw--font-size-x-small, 12px);
-      font-style: normal;
-      text-transform: none;
-    }
+  }
+
+  .RedirectionClose {
+    display: flex;
+    width: 234px;
+    height: 36px;
+    flex-direction: column;
+    justify-content: center;
+    flex-shrink: 0;
+    color: var(--emw--color-white, #FFF);
+    cursor: pointer;
+    text-align: center;
+    font-size: var(--emw--font-size-x-small, 12px);
+    font-style: normal;
+    font-weight: var(--emw--font-weight-semibold, 500);
+    line-height: normal;
+    text-transform: uppercase;
+    border-radius: var(--emw--border-radius-medium, 4px);
+    background: var(--emw--color-primary, #7EC51E);
+  }
+  
+  .RedirectionTitle {
+    color: var(--mmw--color-grey-10, #111);
+    font-size: var(--emw--font-size-x-small, 12px);
+    font-style: normal;
+    text-transform: none;
+    font-weight: var(--mmw--font-weight-semibold-plus, 600);
+  }
+  .RedirectionMessage {
+    color: var(--mmw--color-grey-290, #666);
+    font-size: var(--emw--font-size-x-small, 12px);
+    font-style: normal;
+    text-transform: none;
   }
   .FieldWrapper, label{
     display: flex;