@payrails/web-sdk 5.7.0-RC.0 → 5.7.2

package/package.json

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

package/payrails-styles.css

@@ -266,14 +266,22 @@
   align-items: center;
 }
 
+.payrails-dropin-item.active .payrails-dropin-item-container {
+  margin-top: 10px;
+}
+
 .payrails-dropin-item .payrails-store-instrument-icon {
   width: 24px;
   margin-right: 7px;
 }
 
-.payrails-dropin-item.payrails-store-instrument {
+.payrails-dropin-item .payrails-store-instrument {
   display: block;
-  margin-top: 20px !important;
+  margin-top: 8px;
+}
+
+.payrails-dropin-item .payrails-store-instrument label {
+  margin: 0;
 }
 
 .payrails-dropin-item .payrails-store-instrument input[type='checkbox'] {
@@ -335,6 +343,10 @@
   background-color: #000;
 }
 
+#payrails-dropin-component #payrails-google-pay-button button {
+  margin: 0;
+}
+
 #payrails-dropin-component label {
   line-height: 1;
   min-width: 100px;
@@ -485,6 +497,7 @@ button.payrails-generic-button {
     border: none;
     outline: none;
     box-shadow: none;
+    margin: 0;
 }
 
 .payrails-generic-button * {
@@ -555,7 +568,6 @@ button.payrails-generic-button {
 
 #payrails-paypal-button-wrapper {
   min-height: 44px;
-  margin: 8px 4px;
 }
 
 #payrails-container-wrapper {

package/payrails.d.ts

@@ -943,15 +943,14 @@ 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 sdkConfig;
+    private execution;
     private environment;
-    constructor(pageId: FraudNetPageId, sdkConfig: SdkConfiguration, environment: PayrailsClientOptions['environment']);
+    constructor(pageId: FraudNetPageId, execution: WorkflowExecution, environment: PayrailsClientOptions['environment']);
     readonly guid: any;
     mount(): void;
     unmount(): void;
     private loadFraudnet;
     private readonly fnclsVal;
-    private readonly execution;
     private readonly configId;
     private readonly scriptId;
     private get payPalConfig();
@@ -961,7 +960,7 @@ declare class FraudNet implements Mountable {
 interface PayrailsClientOptions {
     environment?: PayrailsEnvironment;
     events?: {
-        onClientInitialized: (execution: WorkflowExecution) => void;
+        onClientInitialized: (execution?: WorkflowExecution) => void;
     };
     returnInfo?: ReturnInfo;
     telemetry?: {
@@ -1002,6 +1001,7 @@ declare class Payrails {
     genericRedirectButton(options?: GenericRedirectButtonOptions): GenericRedirectButton;
     getSavedPaypalAccounts(): StoredPaymentInstrument<PayPalMetadata>[];
     fraudNet(pageId: FraudNetPageId): FraudNet;
+    private get safeExecution();
     private logIntegrationMode;
     private constructor();
     private getContainerLayout;
@@ -1045,7 +1045,7 @@ interface SdkConfiguration {
             };
         };
     };
-    execution: WorkflowExecutionResponse;
+    execution?: WorkflowExecutionResponse;
 }
 interface PayrailsAmount {
     value: string;
@@ -1093,8 +1093,9 @@ interface CollectContainerOptions {
         base?: Partial<CSSStyleDeclaration>;
     };
 }
+type PayrailsSecureFieldEvent = 'CHANGE' | 'FOCUS' | 'BLUR' | 'READY' | 'SUBMIT';
 interface PayrailsSecureField {
-    on(eventName: string, handler: any): void;
+    on(eventName: PayrailsSecureFieldEvent, handler: any): void;
     mount?: (domElement: any) => void;
     unmount?: () => void;
     getState?: () => {
@@ -1137,4 +1138,4 @@ interface TokenizeOptions {
     storeInstrument?: boolean;
 }
 
-export { ApplePayButtonOptions, AuthorizationFailureReasons, CardFormOptions, CardListOptions, CardPaymentButtonOptions, DropinOptions, ElementType, GooglePayButtonOptions, InitOptions, PaymentEvents, PaypalButtonOptions, Payrails, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsEnvironment, PayrailsSecureField, SaveInstrumentResponse, WorkflowExecutionResponse };
+export { ApplePayButtonOptions, AuthorizationFailureReasons, CardFormOptions, CardListOptions, CardPaymentButtonOptions, DropinOptions, ElementType, GooglePayButtonOptions, InitOptions, PaymentEvents, PaypalButtonOptions, Payrails, PayrailsAmount, PayrailsClientOptions, PayrailsContainerType, PayrailsEnvironment, PayrailsSecureField, PayrailsSecureFieldEvent, SaveInstrumentResponse, WorkflowExecutionResponse };