@fat-zebra/sdk 1.5.16-beta.0 → 1.5.16-beta.2

package/dist/hpp/hpp.js

@@ -45,6 +45,7 @@ class Hpp {
             // initial headless load
             this.ThreeDSecure = new ThreeDSecure({
                 bridge: this.headless,
+                iframe: this.iframe, // to handle loading spinner
                 environment: process.env.API_ENV
             });
             this.setCrossFramesEventListeners();

package/dist/shared/types.d.ts

@@ -43,7 +43,8 @@ declare enum BridgeEvent {
     VALIDATE_THREE_D_SECURE_REQUEST = "fzi.3ds_val8_req",
     VALIDATE_THREE_D_SECURE_RESPONSE = "fzi.3ds_val8_res",
     THREE_D_SECURE_FAILURE_RESPONSE = "fzi.3ds_fail",
-    THREE_D_SECURE_CHALLENGE_COMPLETE = "fzi.3ds_chlnge_cmplte"
+    THREE_D_SECURE_CHALLENGE_COMPLETE = "fzi.3ds_chlnge_cmplte",
+    LOADING_THREE_D_SECURE = "fzi.loading_three_d_secure"
 }
 declare enum PaymentMethodType {
     CARD = "card",

package/dist/shared/types.js

@@ -45,6 +45,7 @@ var BridgeEvent;
     BridgeEvent["VALIDATE_THREE_D_SECURE_RESPONSE"] = "fzi.3ds_val8_res";
     BridgeEvent["THREE_D_SECURE_FAILURE_RESPONSE"] = "fzi.3ds_fail";
     BridgeEvent["THREE_D_SECURE_CHALLENGE_COMPLETE"] = "fzi.3ds_chlnge_cmplte";
+    BridgeEvent["LOADING_THREE_D_SECURE"] = "fzi.loading_three_d_secure";
 })(BridgeEvent || (BridgeEvent = {}));
 var PaymentMethodType;
 (function (PaymentMethodType) {

package/dist/three_d_secure/index.d.ts

@@ -7,6 +7,7 @@ interface ThreeDSecureConfig {
     failureCallback?: EventCallback | null;
     environment?: Environment;
     bridge: HTMLIFrameElement;
+    iframe?: HTMLIFrameElement;
 }
 declare class ThreeDSecure {
     private headlessBridge;
@@ -19,7 +20,8 @@ declare class ThreeDSecure {
     private challengeWindowSize;
     private successCallback;
     private failureCallback;
-    constructor({ successCallback, failureCallback, environment, bridge }: ThreeDSecureConfig);
+    private iframe?;
+    constructor({ successCallback, failureCallback, environment, bridge, iframe }: ThreeDSecureConfig);
     run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test }: {
         paymentIntent: PaymentIntent;
         cardToken: string;
@@ -39,5 +41,6 @@ declare class ThreeDSecure {
     private validateAuthentication;
     private validationAuthenticationResponse;
     private createPurchase;
+    private setLoading;
 }
 export default ThreeDSecure;

package/dist/three_d_secure/index.js

@@ -18,14 +18,16 @@ import { getThreeDSecureValidationResult } from "./utility/getValidationResult";
 import { ChallengeWindowSize } from "../sca/types";
 import * as util from "../shared/util";
 class ThreeDSecure {
-    constructor({ successCallback, failureCallback, environment, bridge }) {
+    constructor({ successCallback, failureCallback, environment, bridge, iframe }) {
         this.headlessBridge = bridge;
         this.environment = environment;
         this.successCallback = successCallback;
         this.failureCallback = failureCallback;
+        this.iframe = iframe;
         DeviceDataCollection.listenDataCollectionResponse(environment);
     }
     run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test }) {
+        this.setLoading();
         this.paymentIntent = paymentIntent;
         this.test = test;
         this.cardToken = cardToken;
@@ -71,7 +73,7 @@ class ThreeDSecure {
         else {
             emit(PublicEvent.SCA_SUCCESS, { message, data });
         }
-        console.log(message);
+        this.setLoading(false);
     }
     reportFailure(message, data) {
         if (this.failureCallback) {
@@ -81,7 +83,7 @@ class ThreeDSecure {
         else {
             emit(PublicEvent.SCA_ERROR, { errors: [message], data: data });
         }
-        console.log(message);
+        this.setLoading(false);
     }
     setup() {
         const message = {
@@ -174,6 +176,16 @@ class ThreeDSecure {
         message.data.extra = Object.assign(Object.assign({}, extra), { sli: toFzSli(extra.eci) });
         this.headlessBridge.contentWindow.postMessage(message, '*');
     }
+    setLoading(loading = true) {
+        var _a;
+        if ((_a = this === null || this === void 0 ? void 0 : this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow) {
+            this.iframe.contentWindow.postMessage({
+                channel: 'sca',
+                subject: BridgeEvent.LOADING_THREE_D_SECURE,
+                data: loading
+            }, '*');
+        }
+    }
 }
 __decorate([
     logMethod()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.16-beta.0",
+  "version": "1.5.16-beta.2",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -48,7 +48,16 @@
   },
   "overrides": {
     "test-exclude": "^7.0.1",
-    "minimatch": "^10.2.2"
+    "minimatch": "^10.2.2",
+    "jest-util": {
+      "picomatch": "^4.0.4"
+    },
+    "micromatch": {
+      "picomatch": "^2.3.2"
+    },
+    "anymatch": {
+      "picomatch": "^2.3.2"
+    }
   },
   "dependencies": {
     "ajv": "^8.17.1",