@everymatrix/cashier-method-details 1.24.6 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-method-details",
-  "version": "1.24.6",
+  "version": "1.25.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "83c764a2fd7fd527c06d72f0a539fde3c531bd49"
+  "gitHead": "668756b576877a7c33679408591fa2b7f93e0f37"
 }

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>