@payrails/web-sdk 5.35.0 → 5.36.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payrails/web-sdk",
-  "version": "5.35.0",
+  "version": "5.36.1",
   "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;
@@ -2009,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 };