@payrails/web-sdk 5.35.0-RC.0 → 5.36.0

package/package.json

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

package/payrails-styles.css

@@ -84,69 +84,6 @@
   }
 }
 
-#payrails-popup {
-  background-color: #fefefe;
-  margin: auto;
-  padding: 0;
-  overflow: hidden;
-  border: 1px solid #888;
-  border-radius: 4px;
-  position: relative;
-}
-
-#payrails-popup-background {
-  position: fixed;
-  z-index: 10000;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  background-color: rgb(0, 0, 0);
-  background-color: rgba(0, 0, 0, 0.4);
-  display: flex;
-  align-content: center;
-}
-
-#payrails-popup-cancel-button {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  width: 32px;
-  height: 32px;
-  background: none;
-  border: none;
-  cursor: pointer;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  transition: background-color 0.2s ease;
-}
-
-#payrails-popup-cancel-button::before,
-#payrails-popup-cancel-button::after {
-  content: '';
-  position: absolute;
-  width: 14px;
-  height: 2px;
-  transition: background-color 0.2s ease;
-  background-color: #667da6;
-}
-
-#payrails-popup-cancel-button::before {
-  transform: rotate(45deg);
-}
-
-#payrails-popup-cancel-button::after {
-  transform: rotate(-45deg);
-}
-
-#payrails-frame {
-  border: 0;
-}
-
 .payrails-store-instrument-checkbox {
   margin-right: 4px;
 }
@@ -756,6 +693,69 @@ button.payrails-generic-button {
   }
 }
 
+#payrails-popup {
+  background-color: #fefefe;
+  margin: auto;
+  padding: 0;
+  overflow: hidden;
+  border: 1px solid #888;
+  border-radius: 4px;
+  position: relative;
+}
+
+#payrails-popup-background {
+  position: fixed;
+  z-index: 10000;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgb(0, 0, 0);
+  background-color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-content: center;
+}
+
+#payrails-popup-cancel-button {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 32px;
+  height: 32px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: background-color 0.2s ease;
+}
+
+#payrails-popup-cancel-button::before,
+#payrails-popup-cancel-button::after {
+  content: '';
+  position: absolute;
+  width: 14px;
+  height: 2px;
+  transition: background-color 0.2s ease;
+  background-color: #667da6;
+}
+
+#payrails-popup-cancel-button::before {
+  transform: rotate(45deg);
+}
+
+#payrails-popup-cancel-button::after {
+  transform: rotate(-45deg);
+}
+
+#payrails-frame {
+  border: 0;
+}
+
 #payrails-paypal-button-wrapper {
   min-height: 44px;
 }

package/payrails.d.ts

@@ -120,6 +120,7 @@ declare class WorkflowExecution {
                 payoutCompositionOptions?: Array<StorablePaymentCompositionOption>;
             };
             links: {
+                execution: string;
                 authorize?: {
                     href: string;
                     method: "POST";
@@ -128,7 +129,14 @@ declare class WorkflowExecution {
                     href: string;
                     method: "POST";
                 };
-                execution: string;
+                startPaymentSession?: {
+                    href: string;
+                    method: "POST";
+                };
+                createInstrument?: {
+                    href: string;
+                    method: "POST";
+                };
             };
             name: "lookup";
         };
@@ -168,6 +176,7 @@ declare class WorkflowExecution {
     static get authorizeLink(): string | undefined;
     static get payoutLink(): string | undefined;
     static get createSessionLink(): string | undefined;
+    static get createInstrumentLink(): string | undefined;
     static get storedPaymentInstruments(): StoredPaymentInstrument<PayPalMetadata & CardMetadata>[];
     static get storedDropinInstruments(): StoredPaymentInstrument<PayPalMetadata & CardMetadata>[];
     static getFullPaymentMethodConfig(paymentMethod: PAYMENT_METHOD_CODES): StorablePaymentCompositionOption<CardMetadata | PayPalMetadata, ApplePayConfig | PayPalConfig | GooglePayConfig | undefined> | undefined;
@@ -247,6 +256,7 @@ interface WorkflowExecutionResponse {
                 payoutCompositionOptions?: Array<StorablePaymentCompositionOption>;
             };
             links: {
+                execution: string;
                 authorize?: {
                     href: string;
                     method: 'POST';
@@ -255,7 +265,14 @@ interface WorkflowExecutionResponse {
                     href: string;
                     method: 'POST';
                 };
-                execution: string;
+                startPaymentSession?: {
+                    href: string;
+                    method: 'POST';
+                };
+                createInstrument?: {
+                    href: string;
+                    method: 'POST';
+                };
             };
             name: 'lookup';
         };
@@ -265,6 +282,10 @@ interface WorkflowExecutionResponse {
             href: string;
             method: 'POST';
         };
+        createInstrument?: {
+            href: string;
+            method: 'POST';
+        };
         confirm?: {
             href: string;
             action?: {
@@ -1222,6 +1243,7 @@ interface SdkConfiguration {
         instrumentDelete?: Links;
         instrumentUpdate?: Links;
     };
+    type?: 'tokenization' | 'dropIn' | 'secureFields';
     vaultConfiguration: {
         cardTableName: string;
         token: string;
@@ -1451,6 +1473,7 @@ interface GenericRedirectButtonOptions {
     events?: PaymentEvents;
     paymentMethod: BasePaymentMethodConfig;
     openInNewTab?: boolean;
+    returnInfo?: ReturnInfo;
 }
 declare class GenericRedirectButton extends PayrailsElement {
     protected options: GenericRedirectButtonOptions;
@@ -1879,7 +1902,7 @@ declare class Payrails {
     getAvailablePaymentMethods(): PAYMENT_METHOD_CODES[];
     paymentButton(options: CardPaymentButtonOptions): CardPaymentButton;
     paypalButton(options?: PaypalButtonOptions): PaypalButton;
-    genericRedirectButton(options: GenericRedirectButtonOptions, returnInfo?: ReturnInfo): GenericRedirectButton;
+    genericRedirectButton(options: GenericRedirectButtonOptions): GenericRedirectButton;
     dynamicElement(options: DynamicElementOptions): DynamicElementForm;
     getSavedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
     private logIntegrationMode;
@@ -1891,14 +1914,44 @@ interface ClientEvents {
     onClientInitialized?: (execution?: typeof WorkflowExecution) => void;
     onSessionExpired?: () => Promise<InitOptions>;
 }
-interface PaymentEvents {
+declare enum PayrailsElementAction {
+    AUTHORIZE = "AUTHORIZE",
+    TOKENIZE = "TOKENIZE"
+}
+interface GenericElementActionEvents {
+    onPending?: (action: PayrailsElementAction, e?: any) => void;
+    onRequestStart?: (action: PayrailsElementAction) => Promise<boolean>;
+    onSuccess?: (action: PayrailsElementAction, e?: any) => void;
+    onFailed?: (action: PayrailsElementAction, e?: any) => void;
+    onButtonClicked?: (action: PayrailsElementAction, e?: {
+        bin?: string;
+    }) => Promise<boolean>;
+}
+interface PaymentAuthorizeEvents {
+    /**
+     * @deprecated Marked as deprecated and will be removed in future releases. Use `onPending` instead.
+     */
+    onAuthorizePending?: (e?: any) => void;
+    /**
+     * @deprecated Marked as deprecated and will be removed in future releases. Use `onRequestStart` instead.
+     */
+    onAuthorizeRequestStart?: () => Promise<boolean>;
+    /**
+     * @deprecated Marked as deprecated and will be removed in future releases. Use `onSuccess` instead.
+     */
     onAuthorizeSuccess?: (e?: any) => void;
+    /**
+     * @deprecated Marked as deprecated and will be removed in future releases. Use `onFailed` instead.
+     */
     onAuthorizeFailed?: (e?: any) => void;
-    onAuthorizePending?: (e?: any) => void;
+}
+interface PaymentEvents extends PaymentAuthorizeEvents, GenericElementActionEvents {
+    /**
+     * @deprecated Marked as deprecated and will be removed in future releases. Use `onButtonClicked` instead.
+     */
     onPaymentButtonClicked?: (e?: {
         bin?: string;
     }) => Promise<boolean>;
-    onAuthorizeRequestStart?: () => Promise<boolean>;
     onPaymentSessionExpired?: () => void;
     onThreeDSecureChallenge?: () => void;
 }
@@ -1978,14 +2031,17 @@ declare class ApplePayButton extends PayrailsElementWithStoreInstrumentCheckbox
     protected options: ApplePayButtonOptions;
     private appleButton;
     private paymentExecutor;
+    private action;
     static isApplePayAvailable(): Promise<boolean>;
     constructor(options: ApplePayButtonOptions);
     mount(location: string): void;
     unmount(): void;
     private mountApplePayButton;
-    private createOnAuthorizeFailedHandler;
+    private onAuthorizeFailedHandler;
     private createApplePaySession;
     private onApplePayAuthorized;
+    private doAuthorizedPayment;
+    private doTokenize;
 }
 
 export { AuthorizationFailureReasons, ElementType, INTEGRATION_TYPE, PAYMENT_METHOD_CODES, Payrails, PayrailsEnvironment };