@payrails/web-sdk 5.16.0 → 5.17.0

package/package.json

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

package/payrails-styles.css

@@ -158,6 +158,21 @@
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 8px center;
+  width: 100%;
+  padding: 10px 15px;
+  margin: 0;
+  border: 1px solid #eae8ee;
+  border-radius: 4px;
+  box-shadow: none;
+  cursor: pointer;
+}
+
+.payrails-postal-code-input {
+  width: 100%;
+  padding: 10px 15px;
+  margin: 0;
+  border: 1px solid #eae8ee;
+  border-radius: 4px;
 }
 
 .payrails-payment-installments-dropdown {

package/payrails.d.ts

@@ -17,9 +17,10 @@ declare enum PAYMENT_INSTRUMENT_STATUS {
     'TRANSIENT' = "transient"
 }
 declare class WorkflowExecution {
-    private executionResponse;
-    constructor(executionResponse: WorkflowExecutionResponse);
-    get lookup(): {
+    private static _response;
+    static get response(): WorkflowExecutionResponse;
+    static setResponse(response: WorkflowExecutionResponse): typeof WorkflowExecution;
+    static get lookup(): {
         httpCode: number;
         body: {
             data: {
@@ -35,24 +36,23 @@ declare class WorkflowExecution {
             name: "lookup";
         };
     } | undefined;
-    get holderReference(): string;
-    get savedCreditCards(): StoredPaymentInstrument<CardMetadata>[];
-    get savedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
-    get savedGooglePayAccounts(): StoredPaymentInstrument<CardMetadata>[];
-    get savedApplePayAccounts(): StoredPaymentInstrument<CardMetadata>[];
-    get paypalConfig(): PayPalConfig;
-    get googlePayConfig(): GooglePayConfig[];
-    isPaymentMethodAvailable(paymentMethod: PAYMENT_METHOD_CODES): boolean;
-    get applePayConfig(): {
+    static get holderReference(): string;
+    static get savedCreditCards(): StoredPaymentInstrument<CardMetadata>[];
+    static get savedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
+    static get savedGooglePayAccounts(): StoredPaymentInstrument<CardMetadata>[];
+    static get savedApplePayAccounts(): StoredPaymentInstrument<CardMetadata>[];
+    static get paypalConfig(): PayPalConfig;
+    static get googlePayConfig(): GooglePayConfig[];
+    static isPaymentMethodAvailable(paymentMethod: PAYMENT_METHOD_CODES): boolean;
+    static get applePayConfig(): {
         merchantIdentifier: string;
         supportedNetworks: string[];
         countryCode: string;
         merchantCapabilities: ApplePayJS.ApplePayMerchantCapability[];
         requiredBillingContactFields?: ApplePayJS.ApplePayContactField[];
     };
-    get url(): string;
-    get response(): WorkflowExecutionResponse;
-    get meta(): {
+    static get url(): string;
+    static get meta(): {
         customer?: {
             country?: {
                 code?: string;
@@ -66,15 +66,15 @@ declare class WorkflowExecution {
             };
         };
     };
-    get availablePaymentMethods(): StorablePaymentCompositionOption<CardMetadata | PayPalMetadata, ApplePayConfig | PayPalConfig | GooglePayConfig | undefined>[];
-    get authorizeLink(): string | undefined;
-    get createSessionLink(): string | undefined;
-    get storedPaymentInstruments(): StoredPaymentInstrument<PayPalMetadata & CardMetadata>[];
-    getFullPaymentMethodConfig(paymentMethod: PAYMENT_METHOD_CODES): StorablePaymentCompositionOption<CardMetadata | PayPalMetadata, ApplePayConfig | PayPalConfig | GooglePayConfig | undefined> | undefined;
-    isPaymentInstallmentsEnabled(paymentMethod: PAYMENT_METHOD_CODES): boolean | undefined;
-    getPaymentInstallmentOptions(paymentMethod: PAYMENT_METHOD_CODES): PaymentInstallmentsConfig;
-    private getStoredInstrumentForPaymentMethod;
-    getPaymentMethodForStoredInstrument<T extends CardMetadata | PayPalMetadata>(instrument: StoredPaymentInstrument<T>): {
+    static get availablePaymentMethods(): StorablePaymentCompositionOption<CardMetadata | PayPalMetadata, ApplePayConfig | PayPalConfig | GooglePayConfig | undefined>[];
+    static get authorizeLink(): string | undefined;
+    static get createSessionLink(): string | undefined;
+    static get storedPaymentInstruments(): StoredPaymentInstrument<PayPalMetadata & CardMetadata>[];
+    static getFullPaymentMethodConfig(paymentMethod: PAYMENT_METHOD_CODES): StorablePaymentCompositionOption<CardMetadata | PayPalMetadata, ApplePayConfig | PayPalConfig | GooglePayConfig | undefined> | undefined;
+    static isPaymentInstallmentsEnabled(paymentMethod: PAYMENT_METHOD_CODES): boolean | undefined;
+    static getPaymentInstallmentOptions(paymentMethod: PAYMENT_METHOD_CODES): PaymentInstallmentsConfig;
+    private static getStoredInstrumentForPaymentMethod;
+    static getPaymentMethodForStoredInstrument<T extends CardMetadata | PayPalMetadata>(instrument: StoredPaymentInstrument<T>): {
         id: string;
         description?: string;
         status: PAYMENT_INSTRUMENT_STATUS;
@@ -88,7 +88,7 @@ declare class WorkflowExecution {
         };
         paymentMethodCode: PAYMENT_METHOD_CODES;
     } | undefined;
-    getPaymentMethodConfig(paymentMethod: StorablePaymentCompositionOption): {
+    static getPaymentMethodConfig(paymentMethod: StorablePaymentCompositionOption): {
         id: string;
         description?: string;
         status: PAYMENT_INSTRUMENT_STATUS;
@@ -502,14 +502,6 @@ declare class Skyflow {
     static get ValidationRuleType(): typeof ValidationRuleType;
 }
 
-declare enum ElementType {
-    CARD_NUMBER = "CARD_NUMBER",
-    CARDHOLDER_NAME = "CARDHOLDER_NAME",
-    CVV = "CVV",
-    EXPIRATION_MONTH = "EXPIRATION_MONTH",
-    EXPIRATION_YEAR = "EXPIRATION_YEAR"
-}
-
 interface Mountable {
     mount(selector: string | PayrailsElement): void;
     unmount(): void;
@@ -619,12 +611,11 @@ declare global {
 }
 declare class ApplePayButton extends PayrailsElementWithStoreInstrumentCheckbox {
     private sdkConfig;
-    private execution;
     protected options: ApplePayButtonOptions;
     private appleButton;
     private paymentExecutor;
     static isApplePayAvailable(): Promise<boolean>;
-    constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options: ApplePayButtonOptions);
+    constructor(sdkConfig: SdkConfiguration, options: ApplePayButtonOptions);
     mount(location: string): void;
     unmount(): void;
     private mountApplePayButton;
@@ -645,6 +636,14 @@ declare const regexes: {
 };
 type CardNetwork = keyof typeof regexes;
 
+declare enum ElementType {
+    CARD_NUMBER = "CARD_NUMBER",
+    CARDHOLDER_NAME = "CARDHOLDER_NAME",
+    CVV = "CVV",
+    EXPIRATION_MONTH = "EXPIRATION_MONTH",
+    EXPIRATION_YEAR = "EXPIRATION_YEAR"
+}
+
 interface PaymentInstallmentsElementOptions extends ElementOptions {
     showPaymentInstallmentsDropdown?: boolean;
     installmentOptions?: BaseInstallmentOption[] | null;
@@ -691,7 +690,6 @@ interface OnChange {
 interface CardFormOptions extends StoreInstrumentElementOptions {
     showCardHolderName?: boolean;
     enrollInstrumentToNetworkOffers?: boolean;
-    execution?: WorkflowExecution;
     translations?: {
         placeholders?: {
             [key in ElementType]?: string;
@@ -751,8 +749,8 @@ declare class CardForm extends PayrailsElementWithStoreInstrumentCheckbox {
     get cardNetwork(): "" | "visa" | "mastercard" | "amex" | "diners" | "discover" | "jcb" | "hipercard" | "unionpay" | "maestro";
     onChange(): void;
     private updateInstallments;
-    collectValues(): Promise<{
-        cardData: EncryptedCollectResult | TokenizedCollectResult;
+    collectValues<T extends TokenizedCollectResult | EncryptedCollectResult = EncryptedCollectResult>(): Promise<{
+        cardData: T;
         storeInstrument: boolean;
         selectedInstallment: number | undefined;
         enrollInstrumentToNetworkOffers: boolean;
@@ -783,9 +781,8 @@ interface CardListOptions {
     onCardChange: (selectedCard: StoredPaymentInstrument<CardMetadata>) => void;
 }
 declare class CardList extends PayrailsElement {
-    private readonly workflowExecution;
     private listItems;
-    constructor(workflowExecution: WorkflowExecution, options?: CardListOptions);
+    constructor(options?: CardListOptions);
     reset(): void;
 }
 
@@ -822,15 +819,14 @@ interface CardPaymentButtonOptions {
 }
 declare class CardPaymentButton extends PayrailsElement {
     private readonly sdkConfig;
-    private readonly execution;
     private readonly options;
     private readonly returnInfo?;
     selectedInstrument: StoredPaymentInstrument | null;
     paymentInstallmentElement: PayrailsElementWithPaymentInstallmentsDropdown | null;
     get bin(): string | undefined;
-    private paymentExecutor;
+    private readonly paymentExecutor;
     private cardForm;
-    constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options: CardPaymentButtonOptions, returnInfo?: ReturnInfo | undefined);
+    constructor(sdkConfig: SdkConfiguration, options: CardPaymentButtonOptions, returnInfo?: ReturnInfo | undefined);
     setDisabled(isDisabled: boolean): void;
     setSavedCreditCard(savedCard: StoredPaymentInstrument<CardMetadata>): void;
     setSavedInstrument(savedInstrument: StoredPaymentInstrument): void;
@@ -838,7 +834,7 @@ declare class CardPaymentButton extends PayrailsElement {
     private removeStyles;
     setLabel(label: string): void;
     setCardForm(cardForm: CardForm): void;
-    setPaymentInstallmentsDropdown(paymentInsallmentsDropdown: PayrailsElementWithPaymentInstallmentsDropdown): void;
+    setPaymentInstallmentsDropdown(paymentInstallmentsDropdown: PayrailsElementWithPaymentInstallmentsDropdown): void;
     triggerLoading(isLoading: boolean): void;
     private onAuthorizationFailed;
     private onPay;
@@ -870,14 +866,13 @@ interface GooglePayButtonOptions extends StoreInstrumentElementOptions {
 }
 declare class GooglePayButton extends PayrailsElementWithStoreInstrumentCheckbox {
     private sdkConfig;
-    private execution;
     protected options: GooglePayButtonOptions;
     private googleButton;
     private readonly paymentExecutor;
     private static googleSDKClient;
     private static getSDKClient;
     static isGooglePayAvailable(allowedPaymentMethods: google.payments.api.IsReadyToPayPaymentMethodSpecification[], environment?: PayrailsEnvironment, merchantInfo?: google.payments.api.MerchantInfo): Promise<boolean>;
-    constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options: GooglePayButtonOptions);
+    constructor(sdkConfig: SdkConfiguration, options: GooglePayButtonOptions);
     private sdkLoaded;
     private onLoadPaymentData;
     private authorize;
@@ -921,10 +916,9 @@ interface GenericRedirectButtonOptions {
 }
 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);
+    constructor(sdkConfig: SdkConfiguration, options: GenericRedirectButtonOptions, returnInfo?: ReturnInfo | undefined);
     private popup;
     private buildRedirectButton;
     private readonly paymentExecutor;
@@ -976,9 +970,8 @@ interface PaypalButtonOptions extends StoreInstrumentElementOptions {
 }
 declare class PaypalButton extends PayrailsElementWithStoreInstrumentCheckbox {
     private sdkConfig;
-    private execution;
     protected options?: PaypalButtonOptions | undefined;
-    constructor(sdkConfig: SdkConfiguration, execution: WorkflowExecution, options?: PaypalButtonOptions | undefined);
+    constructor(sdkConfig: SdkConfiguration, options?: PaypalButtonOptions | undefined);
     fraudNetGuid: string | undefined;
     private paymentExecutor;
     private button;
@@ -1014,7 +1007,6 @@ declare class Dropin extends PayrailsElement {
     private collectContainer;
     private readonly clientConfig;
     private readonly dropinConfig;
-    private readonly execution;
     private readonly sdkConfig;
     private cardPaymentButton;
     private creditCard;
@@ -1022,8 +1014,7 @@ declare class Dropin extends PayrailsElement {
     private applePay;
     private cardForm;
     private paypal;
-    private paymentInstallmentsDropdown;
-    constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions, execution: WorkflowExecution, sdkConfig: SdkConfiguration);
+    constructor(collectContainer: PayrailsCollectContainer, clientConfig: PayrailsClientOptions, dropinConfig: DropinOptions, sdkConfig: SdkConfiguration);
     private isHppIntegration;
     private createStoredInstrumentElement;
     private createInstallmentsDropdown;
@@ -1127,9 +1118,8 @@ declare enum ThirdPartySDK {
 type FraudNetPageId = 'home-page' | 'search-result-page' | 'category-page' | 'product-detail-page' | 'cart-page' | 'inline-cart-page' | 'checkout-page';
 declare class FraudNet implements Mountable {
     private pageId;
-    private execution;
     private environment;
-    constructor(pageId: FraudNetPageId, execution: WorkflowExecution, environment: PayrailsClientOptions['environment']);
+    constructor(pageId: FraudNetPageId, environment: PayrailsClientOptions['environment']);
     readonly guid: any;
     mount(): void;
     unmount(): void;
@@ -1137,7 +1127,6 @@ declare class FraudNet implements Mountable {
     private readonly fnclsVal;
     private readonly configId;
     private readonly scriptId;
-    private get payPalConfig();
     private createFraudnetConfig;
 }
 
@@ -1156,7 +1145,6 @@ interface PayrailsClientOptions {
 declare class Payrails {
     private sdkConfiguration;
     private vaultClient;
-    private execution;
     private options?;
     private __container;
     private __cardForm;
@@ -1187,7 +1175,6 @@ declare class Payrails {
     genericRedirectButton(options: GenericRedirectButtonOptions): GenericRedirectButton;
     getSavedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
     fraudNet(pageId: FraudNetPageId): FraudNet;
-    private get safeExecution();
     private logIntegrationMode;
     private constructor();
     private getContainerLayout;
@@ -1332,7 +1319,7 @@ declare class PayrailsCollectContainer implements Mountable {
     createCollectElement(options: CollectElementOptions): PayrailsSecureField;
     mount(selector: string): void;
     unmount(): void;
-    collect(): Promise<TokenizedCollectResult | EncryptedCollectResult>;
+    collect<T extends EncryptedCollectResult | TokenizedCollectResult = EncryptedCollectResult>(): Promise<T>;
     private collectSkyflowData;
     private collectPayrailsData;
     tokenize(opts: TokenizeOptions): Promise<SaveInstrumentResponse>;