@payrails/web-sdk 5.8.2 → 5.8.3

package/package.json

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

package/payrails-styles.css

@@ -172,6 +172,7 @@
 #payrails-dropin-component {
   border-radius: 0;
   box-shadow: none;
+  box-sizing: border-box;
   background-color: rgba(246, 247, 248, 1);
 
   display: flex;
@@ -189,6 +190,7 @@
   transition: border 500ms ease-out;
   width: 100%;
   border: 1px solid rgb(223, 224, 225);
+  box-sizing: border-box;
 }
 
 .payrails-dropin-item:hover {

package/payrails.d.ts

@@ -132,14 +132,19 @@ interface WorkflowExecutionResponse {
         version: number;
     };
 }
-interface StorablePaymentCompositionOption<I = CardMetadata | PayPalMetadata, C = undefined | ApplePayConfig | PayPalConfig | GooglePayConfig> {
-    paymentMethodCode?: PAYMENT_METHOD_CODES;
-    description: string;
+interface BasePaymentMethodConfig {
+    paymentMethodCode: PAYMENT_METHOD_CODES;
+}
+interface StorablePaymentCompositionOption<I = CardMetadata | PayPalMetadata, C = undefined | ApplePayConfig | PayPalConfig | GooglePayConfig> extends BasePaymentMethodConfig {
     id: string;
+    description?: string;
     status: PAYMENT_INSTRUMENT_STATUS;
+    integrationType: INTEGRATION_TYPE;
     config: C;
+    clientConfig?: {
+        flow?: PAYMENT_CLIENT_FLOW;
+    };
     paymentInstruments?: Array<StoredPaymentInstrument<I>>;
-    integrationType: string;
 }
 interface GooglePayConfig {
     parameters: {
@@ -177,6 +182,14 @@ interface CardMetadata {
     bin?: string;
     suffix?: string;
     network?: string;
+}
+declare enum PAYMENT_CLIENT_FLOW {
+    'REDIRECT' = "redirect",
+    'DIRECT' = "direct"
+}
+declare enum INTEGRATION_TYPE {
+    API = "api",
+    HPP = "hpp"
 }
 
 interface SaveInstrumentResponse {
@@ -662,21 +675,6 @@ 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;
@@ -717,15 +715,32 @@ 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?: {
         label?: string;
     };
     events?: PaymentEvents;
+    paymentMethod: BasePaymentMethodConfig;
 }
 declare class GenericRedirectButton extends PayrailsElement {
     private sdkConfig;
+    private execution;
     protected options: GenericRedirectButtonOptions;
     private readonly returnInfo?;
     constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options: GenericRedirectButtonOptions, returnInfo?: ReturnInfo | undefined);
@@ -735,9 +750,10 @@ declare class GenericRedirectButton extends PayrailsElement {
 }
 
 interface GenericRedirectDropinOptions {
+    paymentMethod: StorablePaymentCompositionOption;
     styles?: {
         element?: DropinElementStyles;
-        mercadoPago?: ButtonOptions['styles'];
+        button: ButtonOptions['styles'];
     };
     translations?: {
         label?: string;
@@ -816,10 +832,10 @@ declare class Dropin extends PayrailsElement {
     private applePay;
     private cardForm;
     private paypal;
-    private mercadoPago;
     constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions, execution: WorkflowExecution, sdkConfig: SdkConfiguration);
+    private isHppIntegration;
     private createStoredInstrumentElement;
-    private createMercadoPagoButton;
+    private createHppIntegrationElement;
     private get totalPaymentOptions();
     private createCreditCardButton;
     private createGooglePayButton;
@@ -854,6 +870,7 @@ interface DropinOptions {
     returnInfo?: ReturnInfo;
     events?: PayrailsSDKEvents;
     translations?: {
+        [key: string]: any;
         googlePayButton?: GooglePayDropinOptions['translations'];
         cardPaymentButton?: CardPaymentButtonOptions['translations'];
         cardForm?: CardFormOptions['translations'];
@@ -865,19 +882,21 @@ interface DropinOptions {
         mercadoPago?: GenericRedirectDropinOptions['translations'];
     };
     styles?: {
-        container?: {
-            styles?: Partial<CSSStyleDeclaration>;
-        };
+        [key: string]: any;
+        container?: ContainerStyles;
         element?: DropinElementStyles;
         googlePayButton?: GooglePayButtonOptions['styles'];
         paypalButton?: PaypalDropinOptions['styles'];
         applePayButton?: ApplePayButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
-        mercadoPago?: ButtonOptions['styles'];
         authSuccess?: Partial<CSSStyleDeclaration>;
         authFailed?: Partial<CSSStyleDeclaration>;
+        mercadoPago?: GenericRedirectDropinOptions['styles'];
     };
+}
+interface ContainerStyles {
+    styles?: Partial<CSSStyleDeclaration>;
 }
 
 declare class SdkLoader {
@@ -961,7 +980,7 @@ declare class Payrails {
     getAvailablePaymentMethods(): PAYMENT_METHOD_CODES[];
     paymentButton(options: CardPaymentButtonOptions): CardPaymentButton;
     paypalButton(options?: PaypalButtonOptions): PaypalButton;
-    genericRedirectButton(options?: GenericRedirectButtonOptions): GenericRedirectButton;
+    genericRedirectButton(options: GenericRedirectButtonOptions): GenericRedirectButton;
     getSavedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
     fraudNet(pageId: FraudNetPageId): FraudNet;
     private get safeExecution();
@@ -1103,4 +1122,4 @@ interface TokenizeOptions {
     storeInstrument?: boolean;
 }
 
-export { ApplePayButtonOptions, AuthorizationFailureReasons, CardFormOptions, CardListOptions, CardPaymentButtonOptions, DropinOptions, ElementType, GooglePayButtonOptions, InitOptions, PaymentEvents, PaypalButtonOptions, Payrails, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsEnvironment, PayrailsSecureField, PayrailsSecureFieldEvent, SaveInstrumentResponse, WorkflowExecutionResponse };
+export { ApplePayButtonOptions, AuthorizationFailureReasons, CardFormOptions, CardListOptions, CardPaymentButtonOptions, DropinOptions, ElementType, GooglePayButtonOptions, INTEGRATION_TYPE, InitOptions, PAYMENT_METHOD_CODES, PaymentEvents, PaypalButtonOptions, Payrails, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsEnvironment, PayrailsSecureField, PayrailsSecureFieldEvent, SaveInstrumentResponse, WorkflowExecutionResponse };