@fat-zebra/sdk 1.5.10-beta.2 → 1.5.11-beta.0

package/dist/decorators.d.ts

@@ -0,0 +1 @@
+export declare function logMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor): PropertyDescriptor;

package/dist/decorators.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import axios from 'axios';
+import { getLoggerUsername, getTransactionReference } from "./logger-context";
+export function logMethod(target, propertyKey, descriptor) {
+    const originalMethod = descriptor.value;
+    const LOGGING_ENDPOINT = `${process.env.PAYNOW_BASE_URL}/log_sdk`;
+    descriptor.value = function (...args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const username = getLoggerUsername();
+                const reference = getTransactionReference();
+                axios.post(LOGGING_ENDPOINT, {
+                    username,
+                    reference,
+                    method: propertyKey,
+                    arguments: args,
+                    timestamp: new Date().toISOString(),
+                });
+            }
+            catch (error) {
+                console.warn('Logging failed for sdk:', error);
+            }
+            return originalMethod.apply(this, args);
+        });
+    };
+    return descriptor;
+}

package/dist/hpp/hpp.d.ts

@@ -49,6 +49,7 @@ declare class Hpp {
     private headlessLoaded;
     private headlessPreviouslyLoaded;
     private iframeLoaded;
+    private newThreedsFlow;
     constructor(config: HppModuleConfig);
     setListenersAndEmitReady(): void;
     load(config: HppLoadParams): void;

package/dist/hpp/hpp.js

@@ -1,9 +1,17 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import * as bridge from '../shared/bridge-client';
 import { LocalStorageAccessTokenKey } from '../shared/constants';
 import { emit, on } from '../shared/event-manager';
 import { PostMessageClient } from '../shared/post-message-client';
 import { BridgeEvent, PublicEvent, } from '../shared/types';
 import * as util from '../shared/util';
+import { logMethod } from "../decorators";
+import { setTransactionReference } from "../logger-context";
 const HPP_DEFAULT_OPTIONS = {
     enableSca: false,
     hideButton: false,
@@ -11,6 +19,7 @@ const HPP_DEFAULT_OPTIONS = {
 };
 class Hpp {
     constructor(config) {
+        this.newThreedsFlow = false;
         this.paymentIntent = config.paymentIntent;
         this.customer = config.customer;
         this.username = config.username;
@@ -26,19 +35,27 @@ class Hpp {
         });
     }
     setListenersAndEmitReady() {
+        const message = {
+            channel: 'sca',
+            subject: BridgeEvent.READY,
+            data: {}
+        };
         if (this.headlessLoaded && this.iframeLoaded) {
             // initial headless load
             this.setCrossFramesEventListeners();
             this.setPublicEventListeners();
             emit(PublicEvent.HPP_READY);
+            this.iframe.contentWindow.postMessage(message, '*');
         }
         else if (this.headlessPreviouslyLoaded && this.iframeLoaded) {
+            this.iframe.contentWindow.postMessage(message, '*');
             // subsequent iframe loads after headless has been previously loaded
             // this caters for the SPA scenario
             emit(PublicEvent.HPP_READY);
         }
     }
     load(config) {
+        setTransactionReference(config.paymentIntent.payment.reference);
         this.hppOptions = config.options;
         const { el, isExisting } = bridge.load2(process.env.PAYNOW_BRIDGE_URL);
         this.headless = el;
@@ -112,6 +129,10 @@ class Hpp {
             if (this.hppOptions.tokenizeOnly)
                 return;
             if (this.hppOptions.enableSca) {
+                if (this.newThreedsFlow) {
+                    console.log("New threeds flow for setCrossFramesEventListeners"); // call the newSca class from here
+                    // I do not want to put a return statement here while this branch is not implemented yet.
+                }
                 this.sca.run({
                     cardToken: data.token,
                     customer: this.customer,
@@ -171,6 +192,9 @@ class Hpp {
                 data: data,
             });
         };
+        handlers[BridgeEvent.NEW_THREEDS_ENABLED] = (data) => {
+            this.newThreedsFlow = typeof data === "boolean" ? data : false;
+        };
         this.postMessageClient.setEventListeners(handlers);
     }
     setPublicEventListeners() {
@@ -184,6 +208,11 @@ class Hpp {
         on(PublicEvent.SCA_SUCCESS, handler);
     }
     createPurchase(extra = null) {
+        if (this.newThreedsFlow) {
+            // insert new functionality
+            console.log("New threeds flow for createPurchase");
+            // I do not want to put a return statement here while this branch is not implemented yet.
+        }
         const message = {
             channel: 'sca',
             subject: BridgeEvent.CREATE_PAYMENT_REQUEST,
@@ -204,4 +233,7 @@ class Hpp {
         this.headless.contentWindow.postMessage(message, '*');
     }
 }
+__decorate([
+    logMethod
+], Hpp.prototype, "createPurchase", null);
 export { Hpp, HPP_DEFAULT_OPTIONS, };

package/dist/logger-context.d.ts

@@ -0,0 +1,4 @@
+export declare function setLoggerUsername(username: string): void;
+export declare function setTransactionReference(reference: string): void;
+export declare function getLoggerUsername(): string | undefined;
+export declare function getTransactionReference(): string | undefined;

package/dist/logger-context.js

@@ -0,0 +1,14 @@
+let globalLoggerUsername;
+let globalTransactionReference;
+export function setLoggerUsername(username) {
+    globalLoggerUsername = username;
+}
+export function setTransactionReference(reference) {
+    globalTransactionReference = reference;
+}
+export function getLoggerUsername() {
+    return globalLoggerUsername;
+}
+export function getTransactionReference() {
+    return globalTransactionReference;
+}

package/dist/main.js

@@ -19,8 +19,10 @@ import { Hpp } from './hpp';
 import ClickToPay from './click_to_pay';
 import { validateApplePayLoadParams } from "./validation/validators/apple-pay-load-params-button-validator";
 import { ApplePay } from "./applepay";
+import { setLoggerUsername } from "./logger-context";
 export default class FatZebra {
     constructor(config) {
+        setLoggerUsername(config.username);
         this.fzConfig = config;
         window.MerchantUsername = config.username;
         this.gatewayClient = new GatewayClient({

package/dist/shared/types.d.ts

@@ -32,7 +32,9 @@ declare enum BridgeEvent {
     FORM_VALIDATION_ERROR = "fzi.form_validation_error",
     FORM_VALIDATION_SUCCESS = "fzi.form_validation_success",
     BIN_LOOKUP = "fzi.bin_lookup",
-    CLICK_TO_PAY_TOKENIZATION = "fzi.c2p.tc_res"
+    CLICK_TO_PAY_TOKENIZATION = "fzi.c2p.tc_res",
+    NEW_THREEDS_ENABLED = "fzi.new_threeds_enabled",
+    READY = "fzi.ready"
 }
 declare enum PaymentMethodType {
     CARD = "card",

package/dist/shared/types.js

@@ -34,6 +34,8 @@ var BridgeEvent;
     BridgeEvent["FORM_VALIDATION_SUCCESS"] = "fzi.form_validation_success";
     BridgeEvent["BIN_LOOKUP"] = "fzi.bin_lookup";
     BridgeEvent["CLICK_TO_PAY_TOKENIZATION"] = "fzi.c2p.tc_res";
+    BridgeEvent["NEW_THREEDS_ENABLED"] = "fzi.new_threeds_enabled";
+    BridgeEvent["READY"] = "fzi.ready";
 })(BridgeEvent || (BridgeEvent = {}));
 var PaymentMethodType;
 (function (PaymentMethodType) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.10-beta.2",
+  "version": "1.5.11-beta.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/tsconfig.json

@@ -6,6 +6,7 @@
     "noImplicitAny": true,
     "module": "commonjs",
     "esModuleInterop": true,
+    "experimentalDecorators": true,
     "resolveJsonModule": true,
     "jsx": "react",
     "target": "es5",

package/tsconfig.package.json

@@ -10,6 +10,7 @@
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
+    "experimentalDecorators": true,
     "target": "es6",
     "lib": [
       "esnext",