@finteqhub/sdk-js 0.1.1

package/README.md

@@ -0,0 +1,18 @@
+# processing-sdk
+
+Use `new FinteqHubProcessing(apiUrl: string, fingerprintVisitorId: string, merchantId: string, sessionId: string)` to create an instance of the FinteqHubProcessing object. The FinteqHubProcessing object is your entrypoint to FinteqHub processing SDK.
+
+```
+const processing = new FinteqHubProcessing('api-url', 'fingerprint-visitor-id', 'merchant-id', 'session-id');
+```
+
+## processing.submitForm(data)
+
+Use `processing.submitForm` to submit transaction. When called, `processing.submitForm` will attempt to complete any required actions to process transaction. This method returns a Promise which resolves with a string (redirect url) or Error that describes the failure.
+
+```
+processing
+  .submitForm(data)
+  .then(redirectUrl => window.location.replace(redirectUrl))
+  .catch(error => console.warn(error));
+```

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/processing";
+export * from "./src/typings";

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./src/processing";
+export * from "./src/typings";

package/dist/src/processing.d.ts

@@ -0,0 +1,11 @@
+import { SubmitData } from "./typings";
+export declare class FinteqHubProcessing {
+    private apiUrl;
+    private fingerprintVisitorId;
+    private merchantId;
+    private sessionId;
+    constructor(apiUrl: string, fingerprintVisitorId: string, merchantId: string, sessionId: string);
+    submitForm(data: SubmitData): Promise<string>;
+    private processOperation;
+    private sendPost;
+}

package/dist/src/processing.js

@@ -0,0 +1,83 @@
+import { uuid } from "./utils";
+export class FinteqHubProcessing {
+    constructor(apiUrl, fingerprintVisitorId, merchantId, sessionId) {
+        this.apiUrl = apiUrl;
+        this.fingerprintVisitorId = fingerprintVisitorId;
+        this.merchantId = merchantId;
+        this.sessionId = sessionId;
+    }
+    submitForm(data) {
+        const promise = new Promise((resolve, reject) => {
+            this.sendPost(`${this.apiUrl}/v2/transactions/submit-form`, data)
+                .then((response) => {
+                if (response.status === 200) {
+                    response.json().then((result) => {
+                        if (result.error) {
+                            reject(new Error(result.error));
+                        }
+                        else {
+                            this.processOperation(`${this.apiUrl}/v1/operations/${result.operationId}`, resolve, reject);
+                        }
+                    });
+                }
+                else {
+                    response
+                        .json()
+                        .then((result) => reject(new Error(result.error)))
+                        .catch((error) => reject(error));
+                }
+            })
+                .catch((error) => reject(error));
+        });
+        return promise;
+    }
+    processOperation(url, resolve, reject) {
+        this.sendPost(url, {})
+            .then((response) => {
+            if (response.status === 200) {
+                response.json().then((result) => {
+                    if (result.type === "redirect") {
+                        resolve(result.redirectUrl);
+                    }
+                    else if (result.type === "submitForm") {
+                        let iframe = document.createElement("iframe");
+                        iframe.src = result.formUrl;
+                        iframe.style.display = "none";
+                        document.body.appendChild(iframe);
+                        iframe.onload = () => {
+                            this.processOperation(url, resolve, reject);
+                            if (iframe) {
+                                document.body.removeChild(iframe);
+                                iframe = null;
+                            }
+                        };
+                    }
+                    else {
+                        reject(new Error("unknown process operation type"));
+                    }
+                });
+            }
+            else if (response.status === 400) {
+                response
+                    .json()
+                    .then((result) => reject(new Error(result.error)))
+                    .catch((error) => reject(error));
+            }
+        })
+            .catch((error) => reject(error));
+    }
+    sendPost(url, data) {
+        return fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json;charset=UTF-8",
+                "x-merchant-id": this.merchantId,
+                "x-request-id": uuid(),
+                "x-fingerprint": this.fingerprintVisitorId,
+                "x-session-id": this.sessionId,
+                "x-project-id": "017cdbcb-ca22-68f1-95a9-edb698dd063c", // todo: fix it
+            },
+            body: JSON.stringify(data),
+        });
+    }
+}

package/dist/src/typings.d.ts

@@ -0,0 +1,29 @@
+export declare type Card = {
+    number: string;
+    holderName: string;
+    expiryMonth: number;
+    expiryYear: number;
+    CVV: string;
+};
+export declare type Payer = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    country: string;
+    birthDate: string;
+    phoneNumber: string;
+    phoneCode: string;
+};
+export declare type BillingAddress = {
+    address: string;
+    city: string;
+    state: string;
+    country: string;
+    zipCode: string;
+};
+export declare type SubmitData = {
+    type: string;
+    card: Card;
+    billingAddress: BillingAddress;
+    payer: Payer;
+};

package/dist/src/typings.js

@@ -0,0 +1 @@
+export {};

package/dist/src/utils.d.ts

@@ -0,0 +1 @@
+export declare function uuid(): string;

package/dist/src/utils.js

@@ -0,0 +1,11 @@
+export function uuid() {
+    let seed = Date.now();
+    if (window.performance && typeof window.performance.now === "function") {
+        seed += performance.now();
+    }
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        const random = (seed + Math.random() * 16) % 16 | 0;
+        seed = Math.floor(seed / 16);
+        return (c === "x" ? random : random & (0x3 | 0x8)).toString(16);
+    });
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@finteqhub/sdk-js",
+  "version": "0.1.1",
+  "description": "SDK for interacting with FinteqHub processing API",
+  "main": "./dist/index.js",
+  "repository": "https://github.com/finteqhub/sdk-js.git",
+  "typings": "./dist/index.d.ts",
+  "files": [
+    "dist/*"
+  ],
+  "author": "FinteqHub",
+  "devDependencies": {
+    "typescript": "^4.8.3"
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  }
+}