@everymatrix/cashier-method-details 1.24.7 → 1.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.24.7",
+  "version": "1.26.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7d07b195e7119200519062f519ff0712a2227c39"
+  "gitHead": "5abe76b491406787c17e946ad3c79676a0554d8b"
 }

package/src/CashierMethodDetails.svelte

@@ -374,7 +374,14 @@
   }
 
   const showField = (field) => {
-    return !field.correlationFieldName || (field.correlationFieldName && prepareFields[field.correlationFieldName] === field.correlationFieldValue)
+    if (!field.correlationFieldName) {
+      return true;
+    }
+    const isCorrelatedFieldVisible = field.correlationFieldValue.includes(prepareFields[field.correlationFieldName])
+    if (!isCorrelatedFieldVisible && prepareFields[field.name]) {
+      delete prepareFields[field.name]
+    }
+    return isCorrelatedFieldVisible
   }
 
 </script>
@@ -383,7 +390,7 @@
   <script src={qrCodeScriptSrc}></script>
 </svelte:head>
 <div class="CashierMethodDetails" bind:this={customStylingContainer}>
-  {#if isTranslationLoaded && selectedPaymentMethod.Name}
+  {#if selectedPaymentMethod.Name}
     <div class="MethodsDetails">
       <form on:submit|preventDefault={prepareTxn}>
         <div class="FieldWrapper">
@@ -448,8 +455,8 @@
                     <div class="Selected" id="{index}" on:click="{(e) => showLookup(e,index)}">{prepareFields[field.name] || ''}</div>
                     <div class="OptionList" class:Opened={openedLookup === index}>
                       {#each field.values as value}
-                        <div on:click="{() => {prepareFields[field.name] = value.name; fields = fields}}">
-                          <span>{value.value}</span>
+                        <div on:click="{() => {prepareFields[field.name] = value.Name; fields = fields}}">
+                          <span>{value.Value}</span>
                         </div>
                       {/each}
                     </div>

package/src/translations.js

@@ -1,6 +1,6 @@
 export const TRANSLATIONS = {
   "en": {
-    "loading": 'Loading...',
+    "loading": "Loading...",
     "amountLabel": "Amount",
     "makeDepositButton": "Deposit",
     "confirmDepositText": "Are you sure you want to deposit",
@@ -15,5 +15,5 @@ export const TRANSLATIONS = {
     "generalMax": "Max",
     "amountPlaceholder": "0.00",
     "change": "Change"
-  },
+  }
 };