@payrails/web-sdk 5.4.0 → 5.6.0

package/package.json

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

package/payrails-styles.css

@@ -16,10 +16,11 @@
 
   width: 100%;
   height: 40px;
+  box-shadow: none;
 
   background: #015bbb;
   border-radius: 4px;
-  box-shadow: none;
+  border: none;
 
   font-size: 14px;
   color: #fff;
@@ -214,6 +215,10 @@
   background-color: rgba(59, 64, 71, 1);
 }
 
+.payrails-dropin-component--single input[type='radio'] {
+  display: none;
+}
+
 .payrails-dropin-item input[type='radio'] {
   appearance: none;
   -webkit-appearance: none;
@@ -476,6 +481,12 @@
   }
 }
 
+button.payrails-generic-button {
+    border: none;
+    outline: none;
+    box-shadow: none;
+}
+
 .payrails-generic-button * {
     box-sizing: border-box;
 }

package/payrails.d.ts

@@ -392,6 +392,7 @@ interface ICollectOptions$1 {
 declare class CollectContainer extends Container {
     #private;
     type: string;
+    private bus;
     constructor(options: any, metaData: any, skyflowElements: any, context: any);
     create: (input: CollectElementInput$1, options?: any) => CollectElement;
     collect: (options?: ICollectOptions$1) => Promise<unknown>;
@@ -426,6 +427,7 @@ interface ICollectOptions {
 declare class ComposableContainer extends Container {
     #private;
     type: string;
+    private bus;
     constructor(options: any, metaData: any, skyflowElements: any, context: any);
     create: (input: CollectElementInput, options?: any) => ComposableElement;
     on: (eventName: string, handler: any) => void;
@@ -446,6 +448,7 @@ interface ISkyflow {
 }
 declare class Skyflow {
     #private;
+    private bus;
     constructor(config: ISkyflow);
     static init(config: ISkyflow): Skyflow;
     container(type: ContainerType, options?: Record<string, any>): CollectContainer | ComposableContainer;
@@ -698,6 +701,21 @@ declare enum AuthorizationFailureReasons {
     UNKNOWN_ERROR = "UNKNOWN_ERROR"
 }
 
+interface ButtonOptions {
+    id: string;
+    events?: PayrailsSDKEvents & {
+        onClick?: () => Promise<void>;
+    };
+    translations: {
+        label: string;
+    };
+    styles?: {
+        base?: Partial<CSSStyleDeclaration>;
+        loading?: Partial<CSSStyleDeclaration>;
+        hover?: Partial<CSSStyleDeclaration>;
+    };
+}
+
 interface GooglePayButtonOptions extends StoreInstrumentElementOptions {
     environment?: PayrailsEnvironment;
     merchantInfo?: google.payments.api.MerchantInfo;
@@ -731,27 +749,13 @@ declare class GooglePayButton extends PayrailsElementWithStoreInstrumentCheckbox
 interface DropinElementEvents extends PaymentEvents {
     onActivate?: () => void;
     onDeactivate?: () => void;
+    onAvailable?: () => void;
 }
 interface DropinElementStyles {
     base?: Partial<CSSStyleDeclaration>;
     active?: Partial<CSSStyleDeclaration>;
 }
 
-interface ButtonOptions {
-    id: string;
-    events?: PayrailsSDKEvents & {
-        onClick?: () => Promise<void>;
-    };
-    translations: {
-        label: string;
-    };
-    styles?: {
-        base?: Partial<CSSStyleDeclaration>;
-        loading?: Partial<CSSStyleDeclaration>;
-        hover?: Partial<CSSStyleDeclaration>;
-    };
-}
-
 interface GenericRedirectButtonOptions {
     styles?: ButtonOptions['styles'];
     translations?: {
@@ -771,7 +775,10 @@ declare class GenericRedirectButton extends PayrailsElement {
 }
 
 interface GenericRedirectDropinOptions {
-    styles?: DropinElementStyles;
+    styles?: {
+        element?: DropinElementStyles;
+        mercadoPago?: ButtonOptions['styles'];
+    };
     translations?: {
         label?: string;
         button?: GenericRedirectButtonOptions['translations'];
@@ -853,6 +860,7 @@ declare class Dropin extends PayrailsElement {
     constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions, execution: WorkflowExecution, sdkConfig: SdkConfiguration);
     private createStoredInstrumentElement;
     private createMercadoPagoButton;
+    private get totalPaymentOptions();
     private createCreditCardButton;
     private createGooglePayButton;
     private createPayPalButton;
@@ -870,6 +878,7 @@ interface StorablePaymentMethodConfiguration extends StoreInstrumentElementOptio
 }
 interface DropinOptions {
     paymentMethodsConfiguration?: {
+        preselectFirstPaymentOption?: boolean;
         cards?: {
             showCardHolderName?: boolean;
             showExistingCards?: boolean;
@@ -905,7 +914,7 @@ interface DropinOptions {
         applePayButton?: ApplePayButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
-        mercadoPago?: GenericRedirectDropinOptions['styles'];
+        mercadoPago?: ButtonOptions['styles'];
     };
 }