@fat-zebra/sdk 2.0.3 → 2.0.4-beta.1

package/dist/three_d_secure/index.d.ts

@@ -32,6 +32,7 @@ declare class ThreeDSecure {
     private failureCallback;
     private tokenizeOnly;
     private iframe?;
+    private deviceProfileReadyHandler;
     constructor({ successCallback, failureCallback, environment, bridge }: ThreeDSecureConfig);
     run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test, tokenizeOnly, iframe }: ThreeDSecureRunProps): void;
     setupResponse(data: DeviceDataCollectionMessage): void;

package/dist/three_d_secure/index.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { BridgeEvent, PublicEvent } from "../shared/types";
 import DeviceDataCollection from "./utility/device-data-collection";
 import { LocalStorageAccessTokenKey } from "../shared/constants";
-import { emit, on } from "../shared/event-manager";
+import { emit, off, on } from "../shared/event-manager";
 import { logMethod } from "../logging/logMethod";
 import ThreeDSecureChallengeWindow from "./utility/three_d_secure_challenge_window";
 import { toFzSli } from "../sca/eci-mappings";
@@ -20,12 +20,12 @@ import * as util from "../shared/util";
 class ThreeDSecure {
     constructor({ successCallback, failureCallback, environment, bridge }) {
         this.tokenizeOnly = false;
+        this.deviceProfileReadyHandler = null;
         this.headlessBridge = bridge;
         this.environment = environment;
         this.successCallback = successCallback;
         this.failureCallback = failureCallback;
         DeviceDataCollection.listenDataCollectionResponse(environment);
-        this.listenDeviceCollectionReady();
     }
     run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test, tokenizeOnly, iframe }) {
         console.log('Running 3DS (ThreeDSecure)');
@@ -37,6 +37,7 @@ class ThreeDSecure {
         this.cardToken = cardToken;
         this.merchantUsername = merchantUsername;
         this.challengeWindowSize = challengeWindowSize;
+        this.listenDeviceCollectionReady();
         this.setup();
     }
     setupResponse(data) {
@@ -179,12 +180,16 @@ class ThreeDSecure {
         this.headlessBridge.contentWindow.postMessage(message, '*');
     }
     listenDeviceCollectionReady() {
-        on(PublicEvent.DEVICE_PROFILE_READY_THREE_D_SECURE_EVENT, () => this.checkEnrollment({
+        if (this.deviceProfileReadyHandler) {
+            off(PublicEvent.DEVICE_PROFILE_READY_THREE_D_SECURE_EVENT, this.deviceProfileReadyHandler);
+        }
+        this.deviceProfileReadyHandler = () => this.checkEnrollment({
             paymentIntent: this.paymentIntent,
             cardToken: this.cardToken,
             merchantUsername: this.merchantUsername,
             cybersourceReferenceId: this.cybersourceReferenceId,
-        }));
+        });
+        on(PublicEvent.DEVICE_PROFILE_READY_THREE_D_SECURE_EVENT, this.deviceProfileReadyHandler);
     }
     setLoading(loading = true) {
         var _a;

package/dist/three_d_secure/utility/device-data-collection.d.ts

@@ -11,6 +11,7 @@ export default class DeviceDataCollection {
     private static readonly IFRAME_NAME;
     private static readonly FORM_ID;
     private static readonly INPUT_ID;
+    private static messageHandler;
     createIframe(): void;
     static listenDataCollectionResponse(environment: Environment): void;
     private static handleDataCollectionResponse;

package/dist/three_d_secure/utility/device-data-collection.js

@@ -44,7 +44,11 @@ class DeviceDataCollection {
         }
     }
     static listenDataCollectionResponse(environment) {
-        window.addEventListener("message", (event) => this.handleDataCollectionResponse(event, environment), false);
+        if (this.messageHandler) {
+            window.removeEventListener("message", this.messageHandler, false);
+        }
+        this.messageHandler = (event) => this.handleDataCollectionResponse(event, environment);
+        window.addEventListener("message", this.messageHandler, false);
     }
     static handleDataCollectionResponse(event, environment) {
         // https://developer.cybersource.com/docs/cybs/en-us/payer-authentication/developer/all/so/payer-auth/pa2-ccdc-ddc-intro.html#reference_qmk_jrl_xpb
@@ -124,6 +128,7 @@ DeviceDataCollection.IFRAME_ID = "cardinal_collection_iframe";
 DeviceDataCollection.IFRAME_NAME = "collectionIframe";
 DeviceDataCollection.FORM_ID = "cardinal_collection_form";
 DeviceDataCollection.INPUT_ID = "cardinal_collection_form_input";
+DeviceDataCollection.messageHandler = null;
 export default DeviceDataCollection;
 __decorate([
     logMethod({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "2.0.3",
+  "version": "2.0.4-beta.1",
   "description": "",
   "main": "index.js",
   "scripts": {