@tap-payments/connect 2.5.2-test → 2.5.3-test

package/build/api/index.d.ts

@@ -1,2 +1,4 @@
+import { GetResult } from '@fingerprintjs/fingerprintjs';
 import { TokenParams } from '../@types';
+export declare const getFingerPrint: () => Promise<GetResult>;
 export declare const generateConfigToken: (data: TokenParams) => Promise<any>;

package/build/api/index.js

@@ -35,27 +35,51 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import axios from 'axios';
+import FingerprintJS from '@fingerprintjs/fingerprintjs';
 import { CONNECT_MW_URL } from '../constants';
+export var getFingerPrint = function () {
+    return FingerprintJS.load().then(function (fp) {
+        return fp.get().then(function (result) {
+            return result;
+        });
+    });
+};
 export var generateConfigToken = function (data) { return __awaiter(void 0, void 0, void 0, function () {
-    var response, error_1;
+    var visitorId, response, error_1;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
-                _a.trys.push([0, 2, , 3]);
+                _a.trys.push([0, 4, , 5]);
+                return [4, getFingerPrint()];
+            case 1:
+                visitorId = (_a.sent()).visitorId;
+                return [4, axios.post("".concat(CONNECT_MW_URL, "init"), data, {
+                        headers: {
+                            'Content-Type': 'application/json',
+                            'Access-Control-Allow-Headers': true,
+                            authorization: data.public_key,
+                            bi: visitorId || '',
+                            mdn: window.location.origin
+                        }
+                    })];
+            case 2:
+                _a.sent();
                 return [4, axios.post("".concat(CONNECT_MW_URL, "connect"), data, {
                         headers: {
                             'Content-Type': 'application/json',
                             'Access-Control-Allow-Headers': true,
-                            authorization: data.public_key
+                            authorization: data.public_key,
+                            bi: visitorId || '',
+                            mdn: window.location.origin
                         }
                     })];
-            case 1:
+            case 3:
                 response = _a.sent();
                 return [2, response.data];
-            case 2:
+            case 4:
                 error_1 = _a.sent();
                 return [2, { error: error_1 }];
-            case 3: return [2];
+            case 5: return [2];
         }
     });
 }); };

package/build/features/Connect/Connect.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { ConnectProps as ConnectAttrs } from '../../@types';
 export type ConnectProps = Omit<ConnectAttrs, 'elementId'>;
-export declare const TapConnect: React.MemoExoticComponent<(props: ConnectAttrs) => JSX.Element>;
+export declare const TapConnect: React.MemoExoticComponent<(props: ConnectAttrs) => import("react/jsx-runtime").JSX.Element>;
 export declare const renderTapConnect: (props: ConnectProps, elementId: string) => Promise<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/connect",
-	"version": "2.5.2-test",
+	"version": "2.5.3-test",
 	"description": "Tap Connect",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -72,6 +72,7 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"dependencies": {
+		"@fingerprintjs/fingerprintjs": "^3.4.1",
 		"axios": "^1.4.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"