@motopays/pay-form 2.2.0-rc.0 → 2.2.0-rc.2

package/CHANGELOG.md

@@ -1,9 +1,15 @@
 # Changelog
+
 ## 2.2.0
+
 ### Added
+- fingerprint and deviceInfo additional fields for payment request
 - paymentFlow field to settings model. Read more details in README.md
 - createInvoice callback to moto-payment-form component for overriding invoice generation
 - makePayment callback to moto-payment-form component for overriding payment flow
+### Changed
+- requisites encryption only instead of whole payment request
+
 
 
 

package/README.md

@@ -26,12 +26,22 @@ yarn add @motopays/pay-form
 </body>
 <script src="motopays/pay-form/index.js" type="text/javascript"></script>
 <script type="text/javascript">
+    async function createInvoice(request) {
+        //create invoice
+    }
+
+    async function makePayment(request) {
+        //make payment
+    }
+
     const targetElement = document.getElementById("moto-payment-form");
     const paymentFormElement = document.createElement("moto-payment-form");
     paymentFormElement.id = "moto-payment-form";
 
     paymentFormElement.payment = {...};
     paymentFormElement.settings = {...};
+    paymentFormElement.createInvoice = createInvoice;
+    paymentFormElement.makePayment = makePayment;
 
     paymentFormElement.addEventListener("close", (event) => {
         console.log(event);
@@ -130,6 +140,8 @@ import { IPaymentSettings, ISettings } from '@motopays/pay-form/index.js';
       <moto-payment-form 
         [payment]="payment" 
         [settings]="settings"
+        [createInvoice]="createInvoice"
+        [makePayment]="makePayment"
         (close)="onClose()"
         (analyticsTracked)="onAnalyticsTracked($event)"
         (error)="onError($event)"
@@ -143,6 +155,18 @@ export class AppComponent {
   protected payment: IPaymentSettings = {...};
   protected settings: ISettings = {...};
 
+  constructor() {
+    this.createInvoice = this.createInvoice.bind(this);
+    this.makePayment = this.makePayment.bind(this);
+  }
+
+  protected createInvoice(request: IPaymentRequest): Promise<IPaymentRequest | IInvoiceRequest> {
+    //create invoice
+  }
+
+  protected makePayment(request: IPaymentRequest): Promise<IPaymentResponse> {
+    //make payment
+  }
 
   protected onClose(): void {
     console.log('close');
@@ -229,6 +253,9 @@ export class AppComponent {
 | events.analytics           | { optional: boolean; required: boolean; } | The analytics events configuration. Optional is responsible for 'focus' events. Required is responsible for 'click' events. Read more about analytics events in the Analytics section |
 | events.error               | boolean | The error events configuration. If true, the error events will be emitted; otherwise, they will not  |
 | apmsCollapse               | boolean | The apms collapse configuration. If true, the 'or use alternative methods' text will be clickable and will control whether the apms are shown or not. By default, if true, the apms will be collapsed.   |
+| paymentFlow                | IPaymentFlowSettings | The payment flow configuration |
+| paymentFlow.tokenizeCard   | boolean | If true, than for not 'default' paymentFlow.type card requisites will be tokenized (only for 'invoice-overridden' and 'payment-overridden' paymentFlow.type) |
+| paymentFlow.type           | TPaymentFlow | If 'invoice-overridden' and createInvoice callback provided to the payment form, the createInvoice callback will be called with the invoice generated by the payment form. After receiving the invoice from the createInvoice callback, the payment process will proceed according to the default scenario. If 'payment-overridden' and makePayment callback provided to the payment form, the entire payment process will be handled through the makePayment callback with the invoice generated by the payment form |
 
 ### Example
 
@@ -431,6 +458,10 @@ const settings: ISettings = {
           defaultValue: false
         }
       ]
+    },
+    paymentFlow: {
+      tokenizeCard: false,
+      type: 'default'
     }
   };
 ```

package/index.d.ts

@@ -170,6 +170,31 @@ export interface IPaymentSettings {
 	signature?: string;
 	billingAddress?: IBillingAddress;
 }
+declare enum ChallengeWindowSizeType {
+	SMALL = 1,
+	MEDIUM = 2,
+	LARGE = 3,
+	EXTRA_LARGE = 4,
+	FULL_SCREEN = 5
+}
+export interface IBrowserInfo {
+	timezoneOffsetUtcMinutes: number;
+	locale: string;
+	userAgent: string;
+	javaEnabled: boolean;
+	javaScriptEnabled: boolean;
+	colorDepth: number;
+	height: number;
+	width: number;
+	challengeWindowSize: ChallengeWindowSizeType;
+}
+export interface IDeviceInfo {
+	id?: string;
+	fonts?: string[];
+	networkParameters?: string;
+	batteryLevelAndChargingStatus?: string;
+	browserData: IBrowserInfo;
+}
 export interface IRedirectData {
 	location: string;
 }
@@ -235,27 +260,6 @@ interface IBillingAddress$1 {
 	country: string;
 	zip: string;
 }
-declare enum ChallengeWindowSizeType {
-	SMALL = 1,
-	MEDIUM = 2,
-	LARGE = 3,
-	EXTRA_LARGE = 4,
-	FULL_SCREEN = 5
-}
-export interface IBrowserInfo {
-	timezoneOffsetUtcMinutes: number;
-	locale: string;
-	userAgent: string;
-	javaEnabled: boolean;
-	javaScriptEnabled: boolean;
-	colorDepth: number;
-	height: number;
-	width: number;
-	challengeWindowSize: ChallengeWindowSizeType;
-}
-export interface IDeviceInfo {
-	browserData: IBrowserInfo;
-}
 type TAmountType$1 = "GrossWithoutGst" | "Net" | "Gross";
 type TOrderType$1 = "Regular" | "FreeTrial" | "Gems";
 interface IOrder$1 {
@@ -299,6 +303,13 @@ export interface IPaymentRequest {
 	signature?: string;
 	rejectionPreferences: IRejectionPreferences;
 }
+export interface IInvoiceRequest {
+	invoice: string;
+	ei?: 1 | 2;
+	es?: {
+		uo?: boolean;
+	};
+}
 declare class ServiceAction<Type extends string, Payload = unknown | undefined> {
 	type: Type;
 	payload?: Payload | undefined;