@payrails/web-sdk 5.4.0 → 5.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payrails/web-sdk",
-  "version": "5.4.0",
+  "version": "5.5.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;
@@ -476,6 +477,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;
@@ -737,21 +755,6 @@ interface DropinElementStyles {
     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 +774,10 @@ declare class GenericRedirectButton extends PayrailsElement {
 }
 
 interface GenericRedirectDropinOptions {
-    styles?: DropinElementStyles;
+    styles?: {
+        element?: DropinElementStyles;
+        mercadoPago?: ButtonOptions['styles'];
+    };
     translations?: {
         label?: string;
         button?: GenericRedirectButtonOptions['translations'];
@@ -905,7 +911,7 @@ interface DropinOptions {
         applePayButton?: ApplePayButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
-        mercadoPago?: GenericRedirectDropinOptions['styles'];
+        mercadoPago?: ButtonOptions['styles'];
     };
 }