@payrails/web-sdk 5.25.0 → 5.25.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payrails/web-sdk",
-  "version": "5.25.0",
+  "version": "5.25.2",
   "description": "SDK providing tokenization options on the client for merchants",
   "main": "index.js",
   "types": "payrails.d.ts",

package/payrails-styles.css

@@ -80,7 +80,7 @@
   }
   50%,
   100% {
-    opacity: .2;
+    opacity: 0.2;
   }
 }
 
@@ -259,6 +259,7 @@
   width: 24px;
   margin-right: 7px;
 }
+
 #payrails-dropin-component {
   border-radius: 0;
   box-shadow: none;
@@ -647,76 +648,76 @@
 }
 
 button.payrails-generic-button {
-    border: none;
-    outline: none;
-    box-shadow: none;
-    margin: 0;
+  border: none;
+  outline: none;
+  box-shadow: none;
+  margin: 0;
 }
 
 .payrails-generic-button * {
-    box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 .payrails-generic-button .dot-flashing-container {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
 }
 
 .payrails-generic-button .dot-flashing-text {
-    visibility: hidden;
+  visibility: hidden;
 }
 
 .payrails-generic-button .dot-flashing {
-    position: absolute;
-    left: auto;
-    right: auto;
-    width: 10px;
-    height: 10px;
-    border-radius: 5px;
-    background-color: currentColor;
-    color: currentColor;
-    animation: dot-flashing 1s infinite linear alternate;
-    animation-delay: 0.5s;
+  position: absolute;
+  left: auto;
+  right: auto;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: dot-flashing 1s infinite linear alternate;
+  animation-delay: 0.5s;
 }
 .payrails-generic-button .dot-flashing::before,
 .payrails-generic-button .dot-flashing::after {
-    content: '';
-    display: inline-block;
-    position: absolute;
-    top: 0;
+  content: '';
+  display: inline-block;
+  position: absolute;
+  top: 0;
 }
 .payrails-generic-button .dot-flashing::before {
-    left: -15px;
-    width: 10px;
-    height: 10px;
-    border-radius: 5px;
-    background-color: currentColor;
-    color: currentColor;
-    animation: dot-flashing 1s infinite alternate;
-    animation-delay: 0s;
+  left: -15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 0s;
 }
 .payrails-generic-button .dot-flashing::after {
-    left: 15px;
-    width: 10px;
-    height: 10px;
-    border-radius: 5px;
-    background-color: currentColor;
-    color: currentColor;
-    animation: dot-flashing 1s infinite alternate;
-    animation-delay: 1s;
+  left: 15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: dot-flashing 1s infinite alternate;
+  animation-delay: 1s;
 }
 
 @keyframes dot-flashing {
-    0% {
-        opacity: 1;
-    }
-    50%,
-    100% {
-        opacity: .2;
-    }
+  0% {
+    opacity: 1;
+  }
+  50%,
+  100% {
+    opacity: 0.2;
+  }
 }
 
 #payrails-paypal-button-wrapper {

package/payrails.d.ts

@@ -612,7 +612,7 @@ declare class PayrailsCollectContainer implements Mountable {
     private attachCustomEventHandler;
     private formatBin;
     private get elementToFieldMap();
-    fetchBinLookup: (bin: string) => Promise<string | BinLookupResponse | {
+    fetchBinLookup: (bin: string) => Promise<BinLookupResponse | {
         bin: string;
     }>;
 }
@@ -1324,6 +1324,7 @@ interface PaymentEvents {
     onPaymentButtonClicked?: (e?: {
         bin?: string;
     }) => Promise<boolean>;
+    onAuthorizeRequestStart?: () => void;
     onPaymentSessionExpired?: () => void;
     onThreeDSecureChallenge?: () => void;
 }