Fingerprint POC

package.json

@@ -103,6 +103,7 @@
  "vitest": "^1.3.1"
  },
  "dependencies": {
+ "@fingerprintjs/fingerprintjs-pro": "^3.8.6",
  "@krakenjs/beaver-logger": "^5.7.0",
  "@krakenjs/belter": "^2.0.0",
  "@krakenjs/cross-domain-utils": "^3.0.0",

src/shopper-insights/fingerprint.js

@@ -0,0 +1,52 @@
+/* @flow */
+/* eslint-disable eslint-comments/disable-enable-pair */
+/* eslint-disable no-restricted-globals, promise/no-native */
+import { load as loadFingerprintJS } from "@fingerprintjs/fingerprintjs-pro";
+
+const __FINGERPRINT_JS_API_KEY__ = "Eh4QKkI51U0rVUUPeQT8";
+
+type FingerprintResults = {|
+ requestId: string,
+|};
+
+type Fingerprinter = {|
+ get: () => Promise<FingerprintResults>,
+|};
+
+export class Fingerprint {
+ fingerprinter: ?Fingerprinter;
+ results: ?FingerprintResults;
+
+ async load(): Promise<void> {
+ if (!this.fingerprinter) {
+ this.fingerprinter = await loadFingerprintJS({
+ apiKey: __FINGERPRINT_JS_API_KEY__,
+ });
+ }
+ }
+
+ async collect(): Promise<FingerprintResults> {
+ if (this.results && this.results.requestId) {
+ return this.results;
+ }
+
+ if (!this.fingerprinter) {
+ await this.load();
+ }
+
+ if (!this.fingerprinter) {
+ throw new Error("fingerprint library failed to load");
+ }
+
+ this.results = await this.fingerprinter.get();
+
+ return this.results;
+ }
+
+ get(): Promise<FingerprintResults> {
+ return this.collect();
+ }
+}
+
+// $FlowIssue flow is bad with classes
+export const fingerprint = new Fingerprint();

src/shopper-insights/interface.js

@@ -15,6 +15,7 @@ import {
 import type { LazyExport } from "../types";
 import { callMemoizedRestAPI } from "../lib";
 
+import { fingerprint } from "./fingerprint";
 import {
  ShopperSession,
  type ShopperInsightsInterface,
@@ -40,6 +41,7 @@ const sessionState = {
 export const ShopperInsights: LazyExport<ShopperInsightsInterface> = {
  __get__: () => {
  const shopperSession = new ShopperSession({
+ fingerprint,
  logger: getLogger(),
  // $FlowIssue ZalgoPromise vs Promise
  request: callMemoizedRestAPI,

src/shopper-insights/shopperSession.js

@@ -13,6 +13,8 @@
 } from "../constants/api";
 import { ValidationError } from "../lib";
 
+import { Fingerprint, fingerprint } from "./fingerprint";
+
 export type MerchantPayloadData = {|
  email?: string,
  phone?: {|
@@ -246,23 +248,27 @@
 }
 
 export class ShopperSession {
+ fingerprint: Fingerprint;
  logger: LoggerType;
  request: Request;
  requestId: string = "";
  sdkConfig: SdkConfig;
  sessionState: Storage;
 
  constructor({
+ fingerprint,
  logger,
  request,
  sdkConfig,
  sessionState,
  }: {|
+ fingerprint: Fingerprint,
  logger: LoggerType,
  request: Request,
  sdkConfig: SdkConfig,
  sessionState: Storage,
  |}) {
+ this.fingerprint = fingerprint;
  this.logger = logger;
  this.request = request;
  this.sdkConfig = parseSdkConfig({ sdkConfig, logger });
@@ -345,4 +351,13 @@
  throw error;
  }
  }
+
+ async identify(): Promise<{||}> {
+ const { requestId } = await this.fingerprint.get();
+
+ this.requestId = requestId;
+
+ // $FlowIssue
+ return {};
+ }
 }

src/shopper-insights/shopperSession.test.js

@@ -39,6 +39,11 @@ const defaultSdkConfig = {
 };
 
 const createShopperSession = ({
+ fingerprint = {
+ load: vi.fn(),
+ collect: vi.fn(),
+ get: vi.fn(),
+ },
  sdkConfig = defaultSdkConfig,
  logger = {
  info: vi.fn(),
@@ -51,6 +56,7 @@ const createShopperSession = ({
  request = mockFindEligiblePaymentsRequest(),
 } = {}) =>
  new ShopperSession({
+ fingerprint,
  sdkConfig,
  // $FlowIssue
  logger,