@payrails/web-sdk 5.39.2 → 5.40.0

package/package.json

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

package/payrails-styles.css

@@ -767,6 +767,85 @@ button.payrails-generic-button {
   border: 0;
 }
 
+button.payrails-lean-button {
+  border: none;
+  outline: none;
+  box-shadow: none;
+  margin: 0;
+  text-transform: unset;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.payrails-lean-button * {
+  box-sizing: border-box;
+}
+
+.payrails-lean-button .dot-flashing-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+}
+
+.payrails-lean-button .dot-flashing-text {
+  visibility: hidden;
+}
+
+.payrails-lean-button .dot-flashing {
+  position: absolute;
+  left: auto;
+  right: auto;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: lean-dot-flashing 1s infinite linear alternate;
+  animation-delay: 0.5s;
+}
+
+.payrails-lean-button .dot-flashing::before,
+.payrails-lean-button .dot-flashing::after {
+  content: '';
+  display: inline-block;
+  position: absolute;
+  top: 0;
+}
+
+.payrails-lean-button .dot-flashing::before {
+  left: -15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: lean-dot-flashing 1s infinite alternate;
+  animation-delay: 0s;
+}
+
+.payrails-lean-button .dot-flashing::after {
+  left: 15px;
+  width: 10px;
+  height: 10px;
+  border-radius: 5px;
+  background-color: currentColor;
+  color: currentColor;
+  animation: lean-dot-flashing 1s infinite alternate;
+  animation-delay: 1s;
+}
+
+@keyframes lean-dot-flashing {
+  0% {
+    opacity: 1;
+  }
+  50%,
+  100% {
+    opacity: 0.2;
+  }
+}
+
 #payrails-paypal-button-wrapper {
   min-height: 44px;
 }

package/payrails.d.ts

@@ -1,5 +1,3 @@
-import { FraudProvider } from '@payrails/fraud-sdk';
-
 declare const UI_POSITION_FIELD = "ui:position";
 
 type JSONSchemaType = JSONSchemaProperty & {
@@ -89,6 +87,7 @@ declare enum PAYMENT_METHOD_CODES {
     'PAYPAL' = "payPal",
     'APPLE_PAY' = "applePay",
     'GENERIC_REDIRECT' = "genericRedirect",
+    'LEAN' = "lean",
     'MERCADO_PAGO' = "mercadoPago",
     'PIX' = "pix",
     'BANK_ACCOUNT' = "bankAccount",
@@ -344,6 +343,12 @@ interface WorkflowExecutionResponse {
                     orderId?: string;
                     tokenId?: string;
                 };
+                paymentId?: string;
+                sdkToken?: string;
+                appToken?: string;
+                successUrl?: string;
+                failureUrl?: string;
+                sandbox?: boolean;
             };
         };
         redirect?: string;
@@ -585,15 +590,6 @@ interface ReturnInfo {
     error?: string;
     pending?: string;
 }
-declare global {
-    interface Window {
-        PayrailsData: {
-            riskIds: {
-                [key in FraudProvider]?: string;
-            };
-        };
-    }
-}
 interface PayoutResponse {
     name: 'payout';
     executedAt: string;
@@ -734,11 +730,6 @@ interface ApplePayButtonOptions extends StoreInstrumentElementOptions {
         style?: 'white' | 'whiteOutline' | 'black' | 'automatic';
     } & StoreInstrumentElementOptions['styles'];
 }
-declare global {
-    interface Window {
-        ApplePaySession?: ApplePaySession;
-    }
-}
 declare class ApplePayButton extends PayrailsElementWithStoreInstrumentCheckbox {
     protected options: ApplePayButtonOptions;
     private appleButton;
@@ -1544,6 +1535,58 @@ 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 LeanCustomization = {
+    themeColor?: string;
+    buttonTextColor?: string;
+    buttonBorderRadius?: string;
+    linkColor?: string;
+    overlayColor?: string;
+};
+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 initializeLeanSDK;
+    private static preloadLeanSDK;
+    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;
@@ -1658,6 +1701,14 @@ interface GooglePayDropinOptions extends GooglePayButtonOptions {
     events?: GooglePayButtonOptions['events'] & DropinElementEvents;
 }
 
+interface LeanDropinOptions extends Omit<LeanButtonOptions, 'styles' | 'returnInfo'> {
+    paymentMethod: StorablePaymentCompositionOption;
+    translations?: LeanButtonOptions['translations'];
+    events?: LeanButtonOptions['events'] & DropinElementEvents;
+    styles?: LeanButtonOptions['styles'];
+    elementStyles?: DropinElementStyles;
+}
+
 interface PaypalButtonOptions extends StoreInstrumentElementOptions {
     events?: PaymentEvents & UIEvents & {
         onPaypalAvailable?: () => void;
@@ -1733,6 +1784,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();
@@ -1746,6 +1798,7 @@ declare class Dropin extends PayrailsElement {
     private createCreditCardButton;
     private createGooglePayButton;
     private createPayPalButton;
+    private createLeanButton;
     private createCardForm;
     private createApplePayButton;
     private createCardPaymentButton;
@@ -1764,6 +1817,7 @@ interface StorablePaymentMethodConfiguration extends StoreInstrumentElementOptio
     showStoredInstruments?: boolean;
     showPaymentMethodLogo?: boolean;
 }
+type LeanPaymentMethodConfiguration = Omit<StorablePaymentMethodConfiguration, 'showPaymentMethodLogo'>;
 interface DropinOptions {
     paymentMethodsConfiguration?: {
         [key: string]: any;
@@ -1785,6 +1839,7 @@ interface DropinOptions {
         applePay?: {
             clientDomain?: string;
         } & StorablePaymentMethodConfiguration;
+        lean?: LeanPaymentMethodConfiguration;
     };
     returnInfo?: ReturnInfo;
     events?: PayrailsSDKEvents;
@@ -1802,6 +1857,7 @@ interface DropinOptions {
         mercadoPago?: GenericRedirectDropinOptions['translations'];
         addressSelector?: AddressSelectorElementOptions['translations'];
         applePayButton?: ApplePayDropinOptions['translations'];
+        leanButton?: LeanDropinOptions['translations'];
         errorMessages?: {
             [key in ERROR_RESULT]?: string;
         };
@@ -1813,6 +1869,7 @@ interface DropinOptions {
         googlePayButton?: GooglePayButtonOptions['styles'];
         paypalButton?: PaypalDropinOptions['styles'];
         applePayButton?: ApplePayButtonOptions['styles'];
+        leanButton?: LeanButtonOptions['styles'];
         cardForm?: CardFormOptions['styles'];
         cardPaymentButton?: CardPaymentButtonOptions['styles'];
         authSuccess?: Partial<CSSStyleDeclaration>;
@@ -1941,8 +1998,10 @@ declare class SdkLoader {
     private static readonly scriptMap;
     static load<T = void>(sdk: ThirdPartySDK, params?: PayPalScriptConfig): Promise<T>;
     static reset(): void;
+    static invalidate(sdk: ThirdPartySDK): void;
     static preloadCardForm(): void;
     private static loadScript;
+    private static getScriptKey;
     private static loadPayPalScript;
     private constructor();
     private static logLoadError;
@@ -1956,7 +2015,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> {
@@ -1992,6 +2052,7 @@ declare class Payrails {
     private __cardList;
     private __cardPaymentButton;
     private __paypalButton;
+    private __leanButton;
     private __genericRedirectButton;
     private __dynamicElementForm;
     private __dropin;
@@ -2019,6 +2080,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>[];
@@ -2134,4 +2196,4 @@ interface PayrailsClientOptions {
 }
 
 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, PaymentEvents, PaypalButtonOptions, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsSecureField, PayrailsSecureFieldEvent, ReturnInfo, SaveInstrumentResponse, WorkflowExecutionResponse };
+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 };