@payrails/web-sdk 5.1.0-RC.1 → 5.2.0

package/package.json

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

package/payrails-styles.css

@@ -250,6 +250,11 @@
   align-items: center;
 }
 
+.payrails-dropin-item .payrails-store-instrument-icon {
+  width: 24px;
+  margin-right: 7px;
+}
+
 .payrails-dropin-item.payrails-store-instrument {
   display: block;
   margin-top: 20px !important;

package/payrails.d.ts

@@ -167,6 +167,7 @@ interface StoredPaymentInstrument<T = CardMetadata | PayPalMetadata> {
     id: string;
     status: PAYMENT_INSTRUMENT_STATUS;
     paymentMethod: PAYMENT_METHOD_CODES;
+    displayName?: string;
     data?: T;
 }
 interface PayPalMetadata {
@@ -175,6 +176,7 @@ interface PayPalMetadata {
 interface CardMetadata {
     bin?: string;
     suffix?: string;
+    network?: string;
 }
 
 interface SaveInstrumentResponse {
@@ -723,12 +725,12 @@ declare class GooglePayButton extends PayrailsElementWithStoreInstrumentCheckbox
     constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options: GooglePayButtonOptions);
     private sdkLoaded;
     private onLoadPaymentData;
-    private onPaymentButtonClicked;
+    private authorize;
     mount(location: string): void;
     unmount(): void;
 }
 
-interface DropinElementEvents {
+interface DropinElementEvents extends PaymentEvents {
     onActivate?: () => void;
     onDeactivate?: () => void;
 }
@@ -743,7 +745,7 @@ declare abstract class DropinElement extends PayrailsElement {
     protected isActive: boolean;
     input: HTMLInputElement;
     protected label: HTMLLabelElement;
-    protected constructor(id: string, label: string, events?: DropinElementEvents | undefined, styles?: DropinElementStyles | undefined);
+    protected constructor(id: string, label: string, icon?: string, events?: DropinElementEvents | undefined, styles?: DropinElementStyles | undefined);
     get identifier(): string;
     deactivate(): void;
     protected applyBaseStyles(): void;
@@ -779,9 +781,9 @@ interface GenericRedirectDropinOptions {
         label?: string;
         button?: GenericRedirectButtonOptions['translations'];
     };
-    events?: DropinElementEvents;
+    events?: DropinElementEvents & PaymentEvents;
 }
-declare class GenericRedirectDropin extends DropinElement {
+declare class MercadoPagoDropin extends DropinElement {
     private sdkConfig;
     private execution;
     private readonly returnInfo?;
@@ -844,6 +846,7 @@ interface PaypalDropinOptions extends PaypalButtonOptions {
         };
     };
     styles?: PaypalButtonOptions['styles'] & DropinElementStyles;
+    events?: PaypalButtonOptions['events'] & DropinElementEvents;
 }
 
 declare class Dropin extends PayrailsElement {
@@ -858,10 +861,10 @@ declare class Dropin extends PayrailsElement {
     private applePay;
     private cardForm;
     private paypal;
-    private genericRedirect;
+    private mercadoPago;
     constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions, execution: WorkflowExecution, sdkConfig: SdkConfiguration);
     private createStoredInstrumentElement;
-    private createGenericRedirectButton;
+    private createMercadoPagoButton;
     private createCreditCardButton;
     private createGooglePayButton;
     private createPayPalButton;
@@ -869,6 +872,7 @@ declare class Dropin extends PayrailsElement {
     private createApplePayButton;
     private createCardPaymentButton;
     private onAuthorizeSuccess;
+    private getElementEvents;
     private onAuthorizeFailed;
     private isStoredInstrumentEnabled;
     private applyStyles;
@@ -901,7 +905,7 @@ interface DropinOptions {
             fail?: string;
         };
         paypalButton?: PaypalDropinOptions['translations'];
-        genericRedirect?: GenericRedirectDropinOptions['translations'];
+        mercadoPago?: GenericRedirectDropinOptions['translations'];
     };
     styles?: {
         container?: {
@@ -913,7 +917,7 @@ interface DropinOptions {
         applePayButton?: ApplePayButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
-        genericRedirect?: GenericRedirectDropin['styles'];
+        mercadoPago?: MercadoPagoDropin['styles'];
     };
 }