@everymatrix/cashier-verifications 1.43.2 → 1.43.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/cashier-verifications",
-  "version": "1.43.2",
+  "version": "1.43.4",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0477411e57fe6c3eda8ff28059aa540dcada8ae0"
+  "gitHead": "8464c47cb49b4ffa1c9debfac3a7dfc3097cf57a"
 }

package/src/CashierVerifications.svelte

@@ -135,6 +135,7 @@
       })
     }
     fetch(url, requestParams).then(res => res.json()).then(data => {
+      data.Verifications = []
       verificationStatus = getCalculatedStatus(data.Verifications);
       verificationStatus.VerificationStatuses.forEach(status => {
         if (status.VerificationUrlType !== 'Widget') {
@@ -162,7 +163,10 @@
 
   const getCalculatedStatus = (verifications) => {
     if (!verifications || !verifications.length) {
-      return { VerificationSummaryStatus: CustomerVerificationStatus.Unverified }
+      return {
+        VerificationSummaryStatus: CustomerVerificationStatus.Unverified,
+        VerificationStatuses: []
+      }
     }
     const verificationsInProgress = getVerificationInProgress(verifications);
     if (verificationsInProgress && verificationsInProgress.length) {
@@ -301,7 +305,7 @@
 
 <div class="CashierVerifications" class:CashierVerificationsDesktop={desktopView} bind:this={customStylingContainer}>
   {#if displayMessages}
-    <div>
+    <div class="CashierVerificationsWrapper">
       {#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>
@@ -337,12 +341,7 @@
   }
 
   .CashierVerifications {
-    display: flex;
-    flex-direction: column;
     box-shadow: 0 0 4px $color-black-transparency-10;
-    width: 100%;
-    container-name: method-list;
-    container-type: inline-size;
     &.CashierVerificationsDesktop {
       border-radius: $border-radius-medium-plus;
       overflow: hidden;
@@ -351,6 +350,13 @@
       }
     }
   }
+
+  .CashierVerificationsWrapper {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
   .IconVerification {
     width: 30px;
     display: flex;
@@ -426,11 +432,4 @@
     transform:rotate(180deg);
   }
 
-  @container method-list (width < 450px) {
-    p {
-      font-size: var(--emw--font-size-x-small, 12px);
-      line-height: calc(var(--emw--size-small, 12px) + 3px);
-    }
-  }
-
 </style>