@everymatrix/cashier-verifications 1.39.1 → 1.39.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-verifications",
-  "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/CashierVerifications.svelte

@@ -1,7 +1,7 @@
 <svelte:options tag={null} />
 <script lang="ts">
 
-  import { _, addNewMessages, setLocale } from './i18n';
+  import { _, addNewMessages, setLocale, setupI18n } from './i18n';
   import { TRANSLATIONS } from './translations';
 
   export let endpoint: string;
@@ -17,7 +17,7 @@
   let clickedVerificationsLink = new Set<string>();
   let verificationStatus: Verifications;
   let displayMessages;
-  let allVerificationsVisible = false;
+  let allVerificationsVisible = true;
 
   enum CustomerVerificationVendors {
     'Manual' = 'Manual',
@@ -29,15 +29,15 @@
   }
 
   enum CustomerVerificationStatus {
-    'Unknown',
-    'Unverified',
-    'InProgress',
-    'Failed',
-    'Verified',
-    'Referred',
-    'True',
-    'False',
-    'AwaitingForResponse'
+    'Unknown' = 'Unknown',
+    'Unverified' = 'Unverified',
+    'InProgress' = 'InProgress',
+    'Failed' = 'Failed',
+    'Verified' = 'Verified',
+    'Referred' = 'Referred',
+    'True' = 'True',
+    'False' = 'False',
+    'AwaitingForResponse' = 'AwaitingForResponse'
   }
 
   enum CustomerVerificationType {
@@ -130,19 +130,12 @@
       })
     }
     fetch(url, requestParams).then(res => res.json()).then(data => {
-      data.Verifications.forEach(status => {
-        if (status.Flags.DeferredUrlTypeKey !== 'Widget') {
-          verificationVendorList.add(status.VendorName);
+      verificationStatus = getCalculatedStatus(data.Verifications);
+      verificationStatus.VerificationStatuses.forEach(status => {
+        if (status.VerificationUrlType !== 'Widget') {
+          verificationVendorList.add(status.Vendor);
         }
       })
-      verificationStatus = getCalculatedStatus(data.Verifications);
-      verificationStatus.VerificationStatuses = data.Verifications.map((verification) => ({
-        Type: verification.Type,
-        Vendor: verification.VendorName,
-        VerificationDocuments: verification.Documents ? [...Object.values(verification.Documents)] : [],
-        VerificationUrlType: verification.Flags?.DeferredUrlTypeKey,
-        VerificationUrl: verification.Flags?.DeferredUrlKey
-      }))
       displayMessages = getMessages()
     })
   }
@@ -163,34 +156,53 @@
   }
 
   const getCalculatedStatus = (verifications) => {
-   if (!verifications || !verifications.length) {
-     return { VerificationSummaryStatus: CustomerVerificationStatus.Unverified }
-   }
+    if (!verifications || !verifications.length) {
+      return { VerificationSummaryStatus: CustomerVerificationStatus.Unverified }
+    }
     const verificationInProgress = getVerificationInProgress(verifications);
     if (verificationInProgress) {
       return {
         VerificationSummaryStatus: CustomerVerificationStatus.InProgress,
-        VerificationUrl : verificationInProgress.Flags?.DeferredUrlKey
+        VerificationUrl: verificationInProgress.Flags?.DeferredUrlKey,
+        VerificationStatuses: getVerificationsFilteredByStatus(verifications, verificationStatusInProgress)
       }
     } else {
       const isVerificationFailed = verifications.some((verification) => verification.Status === CustomerVerificationStatus.Failed )
       return {
-        VerificationSummaryStatus: isVerificationFailed ? CustomerVerificationStatus.Failed : CustomerVerificationStatus.Verified
+        VerificationSummaryStatus: isVerificationFailed ? CustomerVerificationStatus.Failed : CustomerVerificationStatus.Verified,
+        VerificationStatuses: getVerificationsFilteredByStatus(verifications, [CustomerVerificationStatus.Failed])
       }
     }
   }
 
+  const getVerificationsFilteredByStatus = (verifications, statuses) => {
+    return verifications
+            .filter((verification) => statuses.includes(verification.Status))
+            .map((verification) => ({
+              Type: verification.Type,
+              Vendor: verification.VendorName,
+              VerificationDocuments: verification.Documents ? [...Object.values(verification.Documents)] : [],
+              VerificationUrlType: verification.Flags?.DeferredUrlTypeKey,
+              VerificationUrl: verification.Flags?.DeferredUrlKey
+            }))
+  }
+
   const getVerificationInProgress = (verifications) => {
     return verifications.find((verification) => {
       let isInProgress = verificationStatusInProgress.includes(verification.Status);
-      let hasRequestedDocs = false;
-      if (!isInProgress && verification.Documents && verification.VendorName === CustomerVerificationVendors.Manual) {
-        hasRequestedDocs = Object.values(verification.Documents).some((doc) => doc.Status === VerificationDocumentsStatuses.Requested)
+      if (!isInProgress) {
+        return false;
       }
-      return isInProgress || hasRequestedDocs
+      return verification.Flags && verification.Flags.DeferredUrlKey || isManualDocRequested(verification)
     })
   }
 
+  const isManualDocRequested = (verification) => {
+    const isManual = verification.Documents && verification.VendorName === CustomerVerificationVendors.Manual;
+    const hasRequestedDocs = Object.values(verification.Documents).some((doc) => doc.Status === VerificationDocumentsStatuses.Requested)
+    return isManual && hasRequestedDocs
+  }
+
   const getMessages = () => {
     switch (verificationStatus.VerificationSummaryStatus) {
       case CustomerVerificationStatus.InProgress:
@@ -199,23 +211,20 @@
           result.push(getSuccessfulMessageByVendor(vendor));
         });
         return result;
-      case CustomerVerificationStatus.Referred:
-        return ['verification.idenfy.referred-awaiting'];
       case CustomerVerificationStatus.Failed:
-        return ['verification.message.failed'];
+        return [$_('verification.message.failed')];
     }
   }
 
   const getSuccessfulMessageByVendor = (vendor) => {
+    const verifications = verificationStatus.VerificationStatuses.filter(item => item.Vendor === vendor);
     if (vendor === CustomerVerificationVendors.ShuftiPro) {
-      const verifications = verificationStatus.VerificationStatuses.filter(item => item.Vendor === vendor);
       return getShuftiVerificationMessage(verifications);
     } else {
-      const verifications = verificationStatus.VerificationStatuses.filter(item => item.Vendor === vendor),
-              linkName = $_('verification.idenfy.link-name'),
-              params = {
-                link: `<a href="${verifications[0].VerificationUrl}" target="_blank">${linkName}</a>`
-              };
+      const linkName = $_('verification.idenfy.link-name'),
+            params = {
+              link: `<a href="${verifications[0].VerificationUrl}" target="_blank">${linkName}</a>`
+            };
       return $_('verification.idenfy.in-progress', {values: params});
     }
   }
@@ -267,6 +276,7 @@
 
 <div class="CashierVerifications"  bind:this={customStylingContainer}>
   {#if displayMessages}
+    <div>
       {#each displayMessages as message, index}
         <div class="CashierVerificationMessage" class:ShowAll={allVerificationsVisible} on:click={(e) => showAllVerifications(e, index)}>
           <div class="IconVerification"><svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4.39254 16.2614C2.64803 13.1941 1.66074 9.71783 1.51646 6.15051C1.50127 5.77507 1.70918 5.42812 2.04153 5.25282L11.5335 0.246091C11.8254 0.0920859 12.1746 0.0920859 12.4665 0.246091L21.9585 5.25282C22.2908 5.42812 22.4987 5.77507 22.4835 6.15051C22.3393 9.71783 21.352 13.1941 19.6075 16.2614C17.8618 19.3307 15.4169 21.8869 12.4986 23.7001C12.1931 23.8899 11.8069 23.8899 11.5014 23.7001C8.58313 21.8869 6.13817 19.3307 4.39254 16.2614Z" fill="#fa9200"></path> <path d="M8.25 12.75L11.25 15L17.25 9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg></div>
@@ -280,6 +290,7 @@
           {/if}
         </div>
       {/each}
+    </div>
   {/if}
 </div>
 
@@ -306,9 +317,11 @@
     box-shadow: 0 0 4px $color-black-transparency-10;
     width: 100%;
     border-radius: $border-radius-medium-plus;
-    margin-bottom: 20px;
     container-name: method-list;
     container-type: inline-size;
+    &:has(.CashierVerificationMessage) {
+      margin-bottom: 20px;
+    }
   }
   .IconVerification {
     width: 30px;