@payrails/web-sdk 5.39.0 → 5.39.2-RC.0

package/package.json

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

package/payrails-styles.css

@@ -6,6 +6,17 @@
   align-items: center;
 }
 
+.payrails-container-wrapper {
+  width: 100%;
+  min-height: 90px;
+}
+
+.with-card-holder .payrails-container-wrapper {
+  width: 100%;
+  height: min-content;
+  min-height: 120px;
+}
+
 #payrails-card-payment-button {
   display: flex;
   flex-direction: row;
@@ -879,14 +890,3 @@ button.payrails-generic-button {
   background-color: unset;
   color: unset;
 }
-
-.payrails-container-wrapper {
-  width: 100%;
-  min-height: 90px;
-}
-
-.with-card-holder .payrails-container-wrapper {
-  width: 100%;
-  height: min-content;
-  min-height: 120px;
-}

package/payrails.d.ts

@@ -1,6 +1,4 @@
-import { LogLevel as LogLevel$1 } from '@payrails/logger';
 import { FraudProvider } from '@payrails/fraud-sdk';
-import * as _payrails_iframe_event_bus from '@payrails/iframe-event-bus';
 
 declare const UI_POSITION_FIELD = "ui:position";
 
@@ -91,6 +89,7 @@ declare enum PAYMENT_METHOD_CODES {
     'PAYPAL' = "payPal",
     'APPLE_PAY' = "applePay",
     'GENERIC_REDIRECT' = "genericRedirect",
+    'LEAN' = "lean",
     'MERCADO_PAGO' = "mercadoPago",
     'PIX' = "pix",
     'BANK_ACCOUNT' = "bankAccount",
@@ -346,6 +345,12 @@ interface WorkflowExecutionResponse {
                     orderId?: string;
                     tokenId?: string;
                 };
+                paymentId?: string;
+                sdkToken?: string;
+                app_token?: string;
+                successUrl?: string;
+                failureUrl?: string;
+                sandbox?: boolean;
             };
         };
         redirect?: string;
@@ -617,6 +622,11 @@ interface PayoutReqBody {
 }
 type ERROR_RESULT = 'Unknown' | 'UnexpectedProviderResponse' | 'ProviderUnknownError' | 'ProviderConnectionError' | 'Timeout' | 'ProviderTimeout' | 'GenericRejection' | 'DuplicateOperation' | 'OperationNotAllowed' | 'NetworkTransactionReferenceRejected' | 'PayerCanceled' | 'LimitExceeded' | 'InstrumentNotAllowed' | 'InvalidInstrument' | 'InsufficientBalance' | 'BlockedInstrument' | 'ExpiredInstrument' | 'ValidationError' | 'ParamsError' | 'ProviderConfigError' | 'InvalidSignature' | 'InternalServerError' | 'AuthenticationError' | 'PaymentMethodNotSupported' | 'PayerAuthenticationRequired' | 'PayerAuthenticationFailed' | 'FraudRisk';
 
+type IframeEventBusLike = {
+    emit: (...args: any[]) => unknown;
+    on: (...args: any[]) => unknown;
+    off?: (...args: any[]) => unknown;
+};
 interface Mountable {
     mount(selector: string | PayrailsElement): void;
     unmount(): void;
@@ -632,7 +642,7 @@ declare class PayrailsElement implements Mountable {
     protected subElements: Array<Mountable>;
     readonly id: string | undefined;
     readonly dataTestId: string | undefined;
-    protected eventBus: _payrails_iframe_event_bus.IframeEventBus;
+    protected eventBus: IframeEventBusLike;
     constructor(elementType: string, { id, className, dataTestId }?: ElementOptions);
     get parentElement(): HTMLElement | null;
     get selector(): string;
@@ -1361,6 +1371,7 @@ declare class CardForm extends PayrailsElementWithStoreInstrumentCheckbox {
     update(options: Partial<Pick<CardFormOptions, 'styles' | 'translations' | 'events'>>): void;
     updateInstallmentConfig(installmentConfig?: InstallmentUpdateConfig): void;
     private createFormField;
+    private isFieldRequired;
     private initializeCustomLayout;
     private hasFieldBeenUsed;
     private initializeDefaultLayout;
@@ -1540,6 +1551,92 @@ declare class GooglePayButton extends PayrailsElementWithStoreInstrumentCheckbox
     unmount(): void;
 }
 
+interface LeanButtonOptions {
+    id?: string;
+    events?: PaymentEvents;
+    translations?: {
+        label?: string;
+    };
+    styles?: {
+        button?: {
+            base?: Partial<CSSStyleDeclaration>;
+            loading?: Partial<CSSStyleDeclaration>;
+            hover?: Partial<CSSStyleDeclaration>;
+        };
+        dialog?: LeanCustomization;
+    };
+    returnInfo?: ReturnInfo;
+}
+type LeanCallbackResponse = {
+    status?: string;
+    message?: string;
+    last_api_response?: string;
+    exit_point?: string;
+    secondary_status?: string;
+    bank?: {
+        bank_identifier?: string;
+        is_supported?: boolean;
+    };
+};
+type LeanCheckoutPayload = {
+    app_token: string;
+    access_token: string;
+    payment_intent_id: string;
+    success_redirect_url: string;
+    fail_redirect_url: string;
+    sandbox?: boolean;
+    bank_identifier?: string;
+    customization?: LeanCustomizationPayload;
+    callback: (response: LeanCallbackResponse) => void;
+};
+type LeanCustomization = {
+    themeColor?: string;
+    buttonTextColor?: string;
+    buttonBorderRadius?: string;
+    linkColor?: string;
+    overlayColor?: string;
+};
+type LeanCustomizationPayload = {
+    theme_color?: string;
+    button_text_color?: string;
+    button_border_radius?: string;
+    link_color?: string;
+    overlay_color?: string;
+};
+declare global {
+    interface Window {
+        Lean?: {
+            checkout: (payload: LeanCheckoutPayload) => void;
+        };
+    }
+}
+declare class LeanButton extends PayrailsElement {
+    private static leanSdkClient;
+    private readonly options;
+    private isLoading;
+    private readonly paymentExecutor;
+    private readonly handleClick;
+    private readonly handleMouseEnter;
+    private readonly handleMouseLeave;
+    private readonly handleSessionExpired;
+    constructor(options: LeanButtonOptions);
+    mount(location: string): void;
+    unmount(): void;
+    private static getLeanSDK;
+    static resetLeanSDK(): void;
+    private bindEvents;
+    private unbindEvents;
+    private setStyles;
+    private removeStyles;
+    private triggerLoading;
+    private renderLoadingMarkup;
+    private getConfirmActionParameters;
+    private startLeanCheckout;
+    private handleLeanCheckoutResponse;
+    private toLeanCustomizationPayload;
+    private onClick;
+}
+
 interface DropinElementEvents extends PaymentEvents {
     onActivate?: () => void;
     onDeactivate?: () => void;
@@ -1654,6 +1751,15 @@ interface GooglePayDropinOptions extends GooglePayButtonOptions {
     events?: GooglePayButtonOptions['events'] & DropinElementEvents;
 }
 
+interface LeanDropinOptions extends Omit<LeanButtonOptions, 'styles'> {
+    paymentMethod: StorablePaymentCompositionOption;
+    translations?: LeanButtonOptions['translations'];
+    events?: LeanButtonOptions['events'] & DropinElementEvents;
+    styles?: LeanButtonOptions['styles'];
+    elementStyles?: DropinElementStyles;
+    returnInfo?: ReturnInfo;
+}
+
 interface PaypalButtonOptions extends StoreInstrumentElementOptions {
     events?: PaymentEvents & UIEvents & {
         onPaypalAvailable?: () => void;
@@ -1729,6 +1835,7 @@ declare class Dropin extends PayrailsElement {
     private applePay;
     private cardForm;
     private paypal;
+    private lean;
     private loadingScreen;
     constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions);
     private get returnInfo();
@@ -1742,6 +1849,7 @@ declare class Dropin extends PayrailsElement {
     private createCreditCardButton;
     private createGooglePayButton;
     private createPayPalButton;
+    private createLeanButton;
     private createCardForm;
     private createApplePayButton;
     private createCardPaymentButton;
@@ -1760,6 +1868,7 @@ interface StorablePaymentMethodConfiguration extends StoreInstrumentElementOptio
     showStoredInstruments?: boolean;
     showPaymentMethodLogo?: boolean;
 }
+type LeanPaymentMethodConfiguration = Omit<StorablePaymentMethodConfiguration, 'showPaymentMethodLogo'>;
 interface DropinOptions {
     paymentMethodsConfiguration?: {
         [key: string]: any;
@@ -1781,6 +1890,7 @@ interface DropinOptions {
         applePay?: {
             clientDomain?: string;
         } & StorablePaymentMethodConfiguration;
+        lean?: LeanPaymentMethodConfiguration;
     };
     returnInfo?: ReturnInfo;
     events?: PayrailsSDKEvents;
@@ -1798,6 +1908,7 @@ interface DropinOptions {
         mercadoPago?: GenericRedirectDropinOptions['translations'];
         addressSelector?: AddressSelectorElementOptions['translations'];
         applePayButton?: ApplePayDropinOptions['translations'];
+        leanButton?: LeanDropinOptions['translations'];
         errorMessages?: {
             [key in ERROR_RESULT]?: string;
         };
@@ -1809,6 +1920,7 @@ interface DropinOptions {
         googlePayButton?: GooglePayButtonOptions['styles'];
         paypalButton?: PaypalDropinOptions['styles'];
         applePayButton?: ApplePayButtonOptions['styles'];
+        leanButton?: LeanButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
         authSuccess?: Partial<CSSStyleDeclaration>;
@@ -1952,7 +2064,8 @@ interface PayPalScriptConfig {
 declare enum ThirdPartySDK {
     ApplePay = "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js",
     GooglePay = "https://pay.google.com/gp/p/js/pay.js",
-    PayPal = "paypal-sdk"
+    PayPal = "paypal-sdk",
+    Lean = "https://cdn.leantech.me/link/loader/prod/ae/latest/lean-link-loader.min.js"
 }
 
 interface QueryDefinition<T> {
@@ -1988,6 +2101,7 @@ declare class Payrails {
     private __cardList;
     private __cardPaymentButton;
     private __paypalButton;
+    private __leanButton;
     private __genericRedirectButton;
     private __dynamicElementForm;
     private __dropin;
@@ -2015,6 +2129,7 @@ declare class Payrails {
     getAvailablePaymentMethods(): PaymentMethodCode[];
     paymentButton(options: CardPaymentButtonOptions): CardPaymentButton;
     paypalButton(options?: PaypalButtonOptions): PaypalButton;
+    leanButton(options: LeanButtonOptions): LeanButton;
     genericRedirectButton(options: GenericRedirectButtonOptions): GenericRedirectButton;
     dynamicElement(options: DynamicElementOptions): DynamicElementForm;
     getSavedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
@@ -2116,6 +2231,7 @@ declare enum PayrailsEnvironment {
     PRODUCTION = "PRODUCTION"
 }
 
+type TelemetryLogLevel = 'debug' | 'error';
 interface PayrailsClientOptions {
     environment?: PayrailsEnvironment;
     events?: ClientEvents;
@@ -2123,10 +2239,10 @@ interface PayrailsClientOptions {
     returnInfo?: ReturnInfo;
     telemetry?: {
         enabled?: boolean;
-        logLevel?: LogLevel$1;
+        logLevel?: TelemetryLogLevel;
         collectMetadata?: boolean;
     };
 }
 
-export { AuthorizationFailureReasons, ElementType, INTEGRATION_TYPE, PAYMENT_METHOD_CODES, Payrails, PayrailsEnvironment };
-export type { ApplePayButtonOptions, CardFormOptions, CardListOptions, CardPaymentButtonOptions, DropinOptions, ExecutionMeta, ExecutionMetaCustomer, ExecutionMetaKey, GenericRedirectButtonOptions, GooglePayButtonOptions, InitOptions, PaymentEvents, PaypalButtonOptions, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsSecureField, PayrailsSecureFieldEvent, ReturnInfo, SaveInstrumentResponse, WorkflowExecutionResponse };
+export { AuthorizationFailureReasons, ElementType, INTEGRATION_TYPE, PAYMENT_METHOD_CODES, Payrails, PayrailsCollectContainer, PayrailsEnvironment };
+export type { ApplePayButtonOptions, CardFormOptions, CardListOptions, CardPaymentButtonOptions, CollectContainerOptions, DropinOptions, ExecutionMeta, ExecutionMetaCustomer, ExecutionMetaKey, GenericRedirectButtonOptions, GooglePayButtonOptions, InitOptions, LeanButtonOptions, PaymentEvents, PaypalButtonOptions, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsSecureField, PayrailsSecureFieldEvent, ReturnInfo, SaveInstrumentResponse, WorkflowExecutionResponse };