@payrails/web-sdk 5.12.0-RC.1 → 5.12.0-RC.2

package/package.json

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

package/payrails-styles.css

@@ -133,8 +133,10 @@
 .payrails-payment-installments-dropdown select {
   width: 100%;
   padding: 10px 15px;
+  margin: 0;
   border: 1px solid #eae8ee;
   border-radius: 4px;
+  box-shadow: none;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -142,19 +144,20 @@
 }
 
 .payrails-payment-installments-dropdown::after {
-  content: '\25BC';
+  content: '';
+  width: 10px;
+  height: 10px;
+  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
+  background-color: black;
   position: absolute;
-  top: 18px;
-  transform: translateY(-50%);
+  top: calc(50% - 4px);
   pointer-events: none;
-  color: rgba(25, 25, 25, 1);
   right: 20px;
 }
 
 .payrails-card-form-payment-installments-container {
   position: relative;
   width: 100%;
-  margin-bottom: 8px;
 }
 
 #payrails-card-list * {
@@ -306,6 +309,12 @@
   margin-top: 10px;
 }
 
+.payrails-dropin-item-container .payrails-stored-instrument-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
 .payrails-dropin-item .payrails-store-instrument-icon {
   width: 24px;
   margin-right: 7px;

package/payrails.d.ts

@@ -703,7 +703,9 @@ declare class CardForm extends PayrailsElementWithStoreInstrumentCheckbox {
     }>;
     protected get selectedInstallment(): number | undefined;
     private enforceEnrollInstrumentToNetworkOffersForMasterCard;
-    fetchBinLookup(): Promise<string | BinLookupResponse>;
+    fetchBinLookup(): Promise<string | {
+        bin: string;
+    }>;
     get isPaymentInstallmentsEnabled(): boolean | undefined;
     private getinstallmentOptions;
 }
@@ -972,10 +974,13 @@ declare class Dropin extends PayrailsElement {
     private createCardPaymentButton;
     private onAuthorizeSuccess;
     private getElementEvents;
+    private onAuthorizePending;
     private onAuthorizeFailed;
     private isStoredInstrumentEnabled;
     private applyStyles;
-    fetchBinLookup(): Promise<string | BinLookupResponse | undefined>;
+    fetchBinLookup(): Promise<string | {
+        bin: string;
+    } | undefined>;
 }
 interface StorablePaymentMethodConfiguration extends StoreInstrumentElementOptions {
     showStoredInstruments?: boolean;
@@ -1005,6 +1010,7 @@ interface DropinOptions {
         paymentResult?: {
             success?: string;
             fail?: string;
+            pending?: string;
         };
         paypalButton?: PaypalDropinOptions['translations'];
         mercadoPago?: GenericRedirectDropinOptions['translations'];
@@ -1125,6 +1131,7 @@ interface InitOptions {
 interface PaymentEvents {
     onAuthorizeSuccess?: (e?: any) => void;
     onAuthorizeFailed?: (e?: any) => void;
+    onAuthorizePending?: (e?: any) => void;
     onPaymentButtonClicked?: (e?: {
         bin?: string;
     }) => Promise<boolean>;
@@ -1150,7 +1157,7 @@ interface SdkConfiguration {
     holderReference: string;
     usePayrailsFrames: boolean;
     links?: {
-        binLookup: {
+        binLookup?: {
             method: 'GET' | 'POST';
             href: string;
         };
@@ -1260,7 +1267,9 @@ declare class PayrailsCollectContainer implements Mountable {
     private attachCustomEventHandler;
     private formatBin;
     private get elementToFieldMap();
-    fetchBinLookup: (bin: string) => Promise<string | BinLookupResponse>;
+    fetchBinLookup: (bin: string) => Promise<string | BinLookupResponse | {
+        bin: string;
+    }>;
 }
 interface TokenizeOptions {
     futureUsage?: 'CardOnFile' | 'Subscription' | 'UnscheduledCardOnFile';