@everymatrix/cashier-verifications 1.42.0 → 1.43.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-verifications",
-  "version": "1.42.0",
+  "version": "1.43.1",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "59f256966699eecf6d6eced70feb8c6829808414"
+  "gitHead": "e0be02e594f762ecb10851537d8690d5e66f4e5d"
 }

package/src/CashierVerifications.svelte

@@ -3,6 +3,9 @@
 
   import { _, addNewMessages, setLocale, setupI18n } from './i18n';
   import { TRANSLATIONS } from './translations';
+  import dayjs from 'dayjs';
+  import utc from 'dayjs/plugin/utc';
+  dayjs.extend(utc);
 
   export let endpoint: string;
   export let lang:string = 'en';
@@ -11,6 +14,7 @@
   export let clientstylingurl:string = '';
   export let session: string = '';
   export let customerid: string = '';
+  export let ismobileview: string = '';
 
   let customStylingContainer:HTMLElement;
   let verificationVendorList = new Set<string>();
@@ -18,6 +22,7 @@
   let verificationStatus: Verifications;
   let displayMessages;
   let allVerificationsVisible = true;
+  let desktopView: boolean = true;
 
   enum CustomerVerificationVendors {
     'Manual' = 'Manual',
@@ -66,7 +71,6 @@
     VerificationUrlType: string,
     VerificationUrl: string
   }
-
   const verificationStatusInProgress = [CustomerVerificationStatus.InProgress, CustomerVerificationStatus.Referred, CustomerVerificationStatus.AwaitingForResponse]
 
   const setTranslationUrl = () => {
@@ -119,6 +123,7 @@
     const headers = new Headers();
     headers.append("accept", "application/json");
     headers.append("Content-Type", "application/json");
+    headers.append("X-Client-Request-Timestamp", dayjs.utc().format("YYYY-MM-DD HH:mm:ss.SSS"));
     const requestParams:RequestInit = {
       method: "POST",
       headers: headers,
@@ -159,12 +164,13 @@
     if (!verifications || !verifications.length) {
       return { VerificationSummaryStatus: CustomerVerificationStatus.Unverified }
     }
-    const verificationInProgress = getVerificationInProgress(verifications);
-    if (verificationInProgress) {
+    const verificationsInProgress = getVerificationInProgress(verifications);
+    if (verificationsInProgress && verificationsInProgress.length) {
+      const lastVerification = getLastVerification(verificationsInProgress)
       return {
-        VerificationSummaryStatus: CustomerVerificationStatus.InProgress,
-        VerificationUrl: verificationInProgress.Flags?.DeferredUrlKey,
-        VerificationStatuses: getVerificationsFilteredByStatus(verifications, verificationStatusInProgress)
+        VerificationSummaryStatus: lastVerification.Status,
+        VerificationUrl: lastVerification.Flags?.DeferredUrlKey,
+        VerificationStatuses: getVerificationsFilteredByStatus(verificationsInProgress, lastVerification.Status)
       }
     } else {
       const isVerificationFailed = verifications.some((verification) => verification.Status === CustomerVerificationStatus.Failed )
@@ -175,6 +181,11 @@
     }
   }
 
+  const getLastVerification = (verifications) => {
+    return verifications.reduce((acc, curr) => {
+      return acc ? (new Date(acc) < new Date(curr) ? curr : acc) : curr
+    }, 0)
+  }
   const getVerificationsFilteredByStatus = (verifications, statuses) => {
     return verifications
             .filter((verification) => statuses.includes(verification.Status))
@@ -188,12 +199,12 @@
   }
 
   const getVerificationInProgress = (verifications) => {
-    return verifications.find((verification) => {
+    return verifications.filter((verification) => {
       let isInProgress = verificationStatusInProgress.includes(verification.Status);
       if (!isInProgress) {
         return false;
       }
-      return verification.Flags && verification.Flags.DeferredUrlKey || isManualDocRequested(verification)
+      return verification.Flags && verification.Flags.DeferredUrlKey || isManualDocRequested(verification) || isShuftiPro(verification)
     })
   }
 
@@ -203,6 +214,10 @@
     return isManual && hasRequestedDocs
   }
 
+  const isShuftiPro = (verification) => {
+    return verification.VendorName === CustomerVerificationVendors.ShuftiPro && verification.Status === CustomerVerificationStatus.Referred
+  }
+
   const getMessages = () => {
     switch (verificationStatus.VerificationSummaryStatus) {
       case CustomerVerificationStatus.InProgress:
@@ -211,6 +226,8 @@
           result.push(getSuccessfulMessageByVendor(vendor));
         });
         return result;
+      case CustomerVerificationStatus.Referred:
+        return [$_('verification.idenfy.referred-awaiting')];
       case CustomerVerificationStatus.Failed:
         return [$_('verification.message.failed')];
     }
@@ -255,10 +272,12 @@
 
   const showAllVerifications = (event, index) => {
     event.stopPropagation()
-    if (event.target && (event.target.href || event.target.closest('a')) && event.target.closest('.verificationLink')) {
-      const type = event.target.className.split(' ')[1];
-      clickedVerificationsLink.add(type)
-      displayMessages = getMessages();
+    if (event.target && (event.target.href || event.target.closest('a'))) {
+      if (event.target.closest('.verificationLink')) {
+        const type = event.target.className.split(' ')[1];
+        clickedVerificationsLink.add(type)
+        displayMessages = getMessages();
+      }
       return;
     }
     if (index === 0) {
@@ -266,15 +285,21 @@
     }
   }
 
+  const setDevice = () => {
+    desktopView = ismobileview === 'false';
+  }
+
   $: lang && setActiveLanguage();
   $: endpoint && session && getVerifications();
   $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
+  $: ismobileview && setDevice()
+
 </script>
 
 
-<div class="CashierVerifications"  bind:this={customStylingContainer}>
+<div class="CashierVerifications" class:CashierVerificationsDesktop={desktopView} bind:this={customStylingContainer}>
   {#if displayMessages}
     <div>
       {#each displayMessages as message, index}
@@ -316,11 +341,14 @@
     flex-direction: column;
     box-shadow: 0 0 4px $color-black-transparency-10;
     width: 100%;
-    border-radius: $border-radius-medium-plus;
     container-name: method-list;
     container-type: inline-size;
-    &:has(.CashierVerificationMessage) {
-      margin-bottom: 20px;
+    &.CashierVerificationsDesktop {
+      border-radius: $border-radius-medium-plus;
+      overflow: hidden;
+      &:has(.CashierVerificationMessage) {
+        margin-bottom: var(--emw--spacing-small, 12px);
+      }
     }
   }
   .IconVerification {
@@ -339,16 +367,11 @@
 
     &:first-child {
       cursor: pointer;
-      border-radius: $border-radius-medium-plus $border-radius-medium-plus 0 0;
       &:hover {
         background: linear-gradient(0, var(--emw--color-gray-50, #F7F8FA) 0%, var(--emw--color-white, #fff) 100%);
       }
     }
 
-    &:last-child {
-      border-radius: 0 0 $border-radius-medium-plus $border-radius-medium-plus;
-    }
-
     &:not(.ShowAll):not(:first-child) {
       max-height: 0;
       overflow: hidden;
@@ -369,14 +392,15 @@
   }
 
   p {
-
     color: var(--mmw--color-grey-10, #111);
     font-size: var(--emw--font-size-small, 14px);
     font-family: inherit;
     line-height: calc(var(--emw--size-small, 14px) + 3px);
     margin: var(--emw--spacing-small, 12px);
   }
-
+  .text {
+    word-break: break-word;
+  }
   .CashierVerificationChevron {
     cursor: pointer;
     margin-left: auto;