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

package/dist/hpp/hpp.js

@@ -10,9 +10,11 @@ import { emit, off, 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 "../logging/logMethod";
 import { setTransactionReference } from "../logging/logger-context";
+import { logMethod } from "../logging/logMethod";
 import ThreeDSecure from "../three_d_secure";
+import env from "../shared/env";
+import { configureLogger } from "../logging/instrument";
 const HPP_DEFAULT_OPTIONS = {
     enableSca: false,
     hideButton: false,
@@ -34,6 +36,9 @@ class Hpp {
             channel: 'sca',
             target: this.iframe
         });
+        configureLogger({
+            baseUrl: env[process.env.API_ENV].payNowUrl
+        });
     }
     setListenersAndEmitReady() {
         const message = {
@@ -147,8 +152,7 @@ class Hpp {
                         merchantUsername: this.username,
                         cardToken: this.cardToken,
                         test: this.test,
-                        challengeWindowSize: this.challengeWindowSize,
-                        tokenizeOnly: false
+                        challengeWindowSize: this.challengeWindowSize
                     });
                     return; // do not continue execution to old 3DS
                 }

package/dist/logging/instrument.d.ts

@@ -1,7 +1,11 @@
-type LogOptions = {
-    endpoint?: string;
-    mapArgs?: (args: unknown[]) => unknown;
+export type LogOptions<A extends unknown[]> = {
+    endpoint?: string | ((...args: A) => string);
+    mapArgs?: (args: A) => unknown;
     enabled?: () => boolean;
 };
-export declare function instrumentFunction<A extends any[], R>(methodName: string, fn: (...args: A) => R, opts?: LogOptions): (...args: A) => R;
+type LoggerConfig = {
+    baseUrl?: string;
+};
+export declare function configureLogger(config: LoggerConfig): void;
+export declare function instrumentFunction<A extends unknown[], R>(methodName: string, fn: (...args: A) => R, opts?: LogOptions<A>): (...args: A) => R;
 export {};

package/dist/logging/instrument.js

@@ -1,7 +1,13 @@
 import axios from "axios";
 import { getLoggerUsername, getTransactionReference } from "./logger-context";
+let loggerConfig = {};
+export function configureLogger(config) {
+    loggerConfig = config;
+}
 function defaultEndpoint() {
-    return `${process.env.PAYNOW_BASE_URL}/log_sdk`;
+    return loggerConfig.baseUrl
+        ? `${loggerConfig.baseUrl}/log_sdk`
+        : `${process.env.PAYNOW_BASE_URL}/log_sdk`;
 }
 function sendLog(endpoint, payload) {
     try {
@@ -20,12 +26,15 @@ function sendLog(endpoint, payload) {
     }
 }
 export function instrumentFunction(methodName, fn, opts = {}) {
-    var _a, _b, _c;
-    const endpoint = (_a = opts.endpoint) !== null && _a !== void 0 ? _a : defaultEndpoint();
-    const enabled = (_b = opts.enabled) !== null && _b !== void 0 ? _b : (() => true);
-    const mapArgs = (_c = opts.mapArgs) !== null && _c !== void 0 ? _c : ((a) => a);
+    var _a, _b;
+    const enabled = (_a = opts.enabled) !== null && _a !== void 0 ? _a : (() => true);
+    const mapArgs = (_b = opts.mapArgs) !== null && _b !== void 0 ? _b : ((a) => a);
     return function instrumented(...args) {
+        var _a;
         if (enabled()) {
+            const endpoint = typeof opts.endpoint === "function"
+                ? opts.endpoint(...args)
+                : (_a = opts.endpoint) !== null && _a !== void 0 ? _a : defaultEndpoint();
             const payload = {
                 username: getLoggerUsername(),
                 reference: getTransactionReference(),

package/dist/logging/logMethod.d.ts

@@ -1,7 +1,7 @@
-type LogOptions = {
-    endpoint?: string;
-    mapArgs?: (args: unknown[]) => unknown;
+type LogOptions<A extends unknown[]> = {
+    endpoint?: string | ((args: A) => string);
+    mapArgs?: (args: A) => unknown;
     enabled?: () => boolean;
 };
-export declare function logMethod(opts?: LogOptions): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
+export declare function logMethod(opts?: LogOptions<unknown[]>): (target: any, propertyKey: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
 export {};

package/dist/logging/logMethod.js

@@ -35,6 +35,7 @@ export function logMethod(opts = {}) {
         const original = descriptor.value;
         if (typeof original !== "function") {
             console.error(`@logMethod can only decorate methods (${propertyKey})`);
+            return descriptor;
         }
         descriptor.value = instrumentFunction(propertyKey, original, Object.assign(Object.assign({}, opts), { mapArgs: (_a = opts.mapArgs) !== null && _a !== void 0 ? _a : ((args) => args.map((a) => {
                 if (!a || typeof a !== "object")

package/dist/main.d.ts

@@ -27,10 +27,9 @@ export default class FatZebra {
     private sca;
     private fzConfig;
     private gatewayClient;
-    private headless;
     constructor(config: FZConfig);
-    tokenizeCard(card: Card): void;
-    cardDidTokenize(callback: (data: any) => void): void;
+    tokenizeCard(card: Card, headless: HTMLIFrameElement): void;
+    cardDidTokenize(headless: HTMLIFrameElement, callback: (data: any) => void): void;
     verifyCard(params: VerifyCardParams): Promise<void>;
     renderPaymentsPage(params: HppLoadParams): void;
     renderApplePayButton(params: ApplePayParams): void;

package/dist/main.js

@@ -27,7 +27,6 @@ import { validateApplePayLoadParams } from "./validation/validators/apple-pay-lo
 import { ApplePay } from "./applepay";
 import { setLoggerUsername } from "./logging/logger-context";
 import { logMethod } from "./logging/logMethod";
-import ThreeDSecure from "./three_d_secure";
 export default class FatZebra {
     constructor(config) {
         setLoggerUsername(config.username);
@@ -41,28 +40,29 @@ export default class FatZebra {
             gatewayClient: this.gatewayClient,
         });
         this.sca.loadScript();
-        this.headless = bridge.load(process.env.PAYNOW_BRIDGE_URL);
     }
-    tokenizeCard(card) {
+    tokenizeCard(card, headless) {
         const channel = 'sca';
-        const message = {
-            channel,
-            subject: BridgeEvent.TOKENIZE_CARD_REQUEST,
-            data: {
-                access_token: window.localStorage.getItem(LocalStorageAccessTokenKey),
-                card_holder: card.holder,
-                card_number: card.number,
-                card_expiry: `${card.expiryMonth}/${card.expiryYear}`,
-                cvv: card.cvv,
-            }
+        headless.onload = () => {
+            const message = {
+                channel,
+                subject: BridgeEvent.TOKENIZE_CARD_REQUEST,
+                data: {
+                    access_token: window.localStorage.getItem(LocalStorageAccessTokenKey),
+                    card_holder: card.holder,
+                    card_number: card.number,
+                    card_expiry: `${card.expiryMonth}/${card.expiryYear}`,
+                    cvv: card.cvv,
+                }
+            };
+            headless.contentWindow.postMessage(message, '*');
         };
-        this.headless.contentWindow.postMessage(message, '*');
     }
-    cardDidTokenize(callback) {
+    cardDidTokenize(headless, callback) {
         const channel = 'sca';
         const postMessageClient = new PostMessageClient({
             channel,
-            target: this.headless
+            target: headless
         });
         const handlers = {};
         handlers[BridgeEvent.TOKENIZE_CARD_RESPONSE] = (data) => {
@@ -81,44 +81,35 @@ export default class FatZebra {
                 });
                 return;
             }
-            const threeDSecure = new ThreeDSecure({
-                bridge: this.headless,
-                environment: process.env.API_ENV
-            });
             switch (params.paymentMethod.type) {
                 case PaymentMethodType.CARD:
+                    const headless = bridge.load(process.env.PAYNOW_BRIDGE_URL);
                     const card = params.paymentMethod.data;
-                    this.cardDidTokenize((data) => __awaiter(this, void 0, void 0, function* () {
+                    this.cardDidTokenize(headless, (data) => __awaiter(this, void 0, void 0, function* () {
                         var _a;
-                        threeDSecure.run({
-                            paymentIntent: params.paymentIntent,
+                        const bin = card.number.substr(0, 6);
+                        this.sca.run({
                             cardToken: data.token,
-                            merchantUsername: this.fzConfig.username,
+                            customer: params.customer,
+                            paymentIntent: params.paymentIntent,
+                            bin,
                             challengeWindowSize: (_a = params.options) === null || _a === void 0 ? void 0 : _a.challengeWindowSize,
-                            test: this.fzConfig.test,
-                            tokenizeOnly: true
                         });
                     }));
-                    this.tokenizeCard(card);
+                    this.tokenizeCard(card, headless);
                     break;
                 case PaymentMethodType.CARD_ON_FILE:
                     const cardToken = params.paymentMethod.data.token;
-                    threeDSecure.run({
+                    const bin = (yield this.gatewayClient.getCard({ card_token: cardToken })).data.bin;
+                    this.sca.run({
+                        cardToken,
+                        customer: params.customer,
                         paymentIntent: params.paymentIntent,
-                        cardToken: cardToken,
-                        merchantUsername: this.fzConfig.username,
+                        bin,
                         challengeWindowSize: (_a = params.options) === null || _a === void 0 ? void 0 : _a.challengeWindowSize,
-                        test: this.fzConfig.test,
-                        tokenizeOnly: true
                     });
                     break;
             }
-            const channel = 'sca';
-            const postMessageClient = new PostMessageClient({
-                channel,
-                target: this.headless
-            });
-            postMessageClient.setEventListeners(threeDSecure.messageHandlers());
         });
     }
     renderPaymentsPage(params) {

package/dist/react/useFatZebra.js

@@ -5,8 +5,12 @@ import Sca from "../sca";
 import GatewayClient from "../shared/api-gateway-client";
 import { generateVerifyURL } from "./verifyUrl";
 import useMessage from "./useMessage";
-import { instrumentFunction } from "../logging/instrument";
-const logUseFatZebra = instrumentFunction("useFatZebra", (meta) => meta, { mapArgs: ([meta]) => [meta] });
+import { configureLogger, instrumentFunction } from "../logging/instrument";
+import env from "../shared/env";
+const logUseFatZebra = instrumentFunction("useFatZebra", (meta) => meta, {
+    mapArgs: ([meta]) => meta,
+    endpoint: (meta) => `${env[meta.environment].payNowUrl}/log_sdk`,
+});
 const useFatZebra = ({ config, handlers, cardToken }) => {
     const { options, accessToken, paymentIntent, username } = config;
     const sca = useMemo(() => {
@@ -25,6 +29,9 @@ const useFatZebra = ({ config, handlers, cardToken }) => {
         config
     });
     useEffect(() => {
+        configureLogger({
+            baseUrl: env[config.environment].payNowUrl
+        });
         logUseFatZebra({
             environment: config.environment,
             reference: config.paymentIntent.payment.reference,

package/dist/react/useMessage.js

@@ -44,8 +44,7 @@ const useMessage = ({ paymentIntent, options, handlers, sca, config }) => {
                 paymentIntent,
                 cardToken: data.token,
                 merchantUsername: config.username,
-                test: config.environment !== Environment.production,
-                tokenizeOnly: config.options.tokenize_only
+                test: config.environment !== Environment.production
             });
             return;
         }

package/dist/three_d_secure/index.d.ts

@@ -20,16 +20,14 @@ declare class ThreeDSecure {
     private challengeWindowSize;
     private successCallback;
     private failureCallback;
-    private tokenizeOnly;
     private iframe?;
     constructor({ successCallback, failureCallback, environment, bridge, iframe }: ThreeDSecureConfig);
-    run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test, tokenizeOnly }: {
+    run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test }: {
         paymentIntent: PaymentIntent;
         cardToken: string;
         merchantUsername: string;
         challengeWindowSize?: ChallengeWindowSize;
         test: boolean;
-        tokenizeOnly?: boolean;
     }): void;
     setupResponse(data: DeviceDataCollectionMessage): void;
     messageHandlers(): {

package/dist/three_d_secure/index.js

@@ -19,7 +19,6 @@ import { ChallengeWindowSize } from "../sca/types";
 import * as util from "../shared/util";
 class ThreeDSecure {
     constructor({ successCallback, failureCallback, environment, bridge, iframe }) {
-        this.tokenizeOnly = false;
         this.headlessBridge = bridge;
         this.environment = environment;
         this.successCallback = successCallback;
@@ -27,8 +26,7 @@ class ThreeDSecure {
         this.iframe = iframe;
         DeviceDataCollection.listenDataCollectionResponse(environment);
     }
-    run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test, tokenizeOnly }) {
-        this.tokenizeOnly = tokenizeOnly;
+    run({ paymentIntent, cardToken, merchantUsername, challengeWindowSize, test }) {
         this.setLoading();
         this.paymentIntent = paymentIntent;
         this.test = test;
@@ -126,8 +124,6 @@ class ThreeDSecure {
         if (scenario.outcome.success) {
             this.reportSuccess(`FatZebra.3DS: 3DS success - ${scenario.description}.`, threeDSecureData);
             const extra = util.toObjectWithSnakeCaseKeys(threeDSecureData);
-            if (this.tokenizeOnly)
-                return; // DO NO process purchase if tokenizing only.
             this.createPurchase(extra);
             return;
         }
@@ -153,8 +149,6 @@ class ThreeDSecure {
         const extra = util.toObjectWithSnakeCaseKeys(threeDSecureData);
         if (scenario.outcome.success) {
             this.reportSuccess(`FatZebra.3DS: 3DS success - ${scenario.description}.`, threeDSecureData);
-            if (this.tokenizeOnly)
-                return; // DO NO process purchase if tokenizing only.
             this.createPurchase(extra);
         }
         else {

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

@@ -14,6 +14,7 @@ export default class DeviceDataCollection {
     static listenDataCollectionResponse(environment: Environment): void;
     private static hasEmittedProfileReady;
     private static handleDataCollectionResponse;
+    private static handleCollectionResponse;
     static collectDeviceData(): DeviceDataType;
     static setIframeUrl(url: string, jwt: string): void;
     static getForm(): HTMLFormElement | null;

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

@@ -1,6 +1,13 @@
+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 { PublicEvent } from "../../shared/types";
 import { emit } from "../../shared/event-manager";
 import env from "../../shared/env";
+import { logMethod } from "../../logging/logMethod";
 class DeviceDataCollection {
     // Create elements if they don't already exist
     createIframe() {
@@ -45,15 +52,19 @@ class DeviceDataCollection {
             return;
         if (this.hasEmittedProfileReady)
             return;
+        this.handleCollectionResponse(event);
+    }
+    static handleCollectionResponse(event) {
         const response = JSON.parse(event.data);
         if (response["MessageType"] == "profile.completed") {
+            this.hasEmittedProfileReady = true;
             emit(PublicEvent.DEVICE_PROFILE_READY_THREE_D_SECURE_EVENT, { message: null, data: null });
         }
-        // Still proceed, even if status is false (as per recommendations from cybersource support team.
-        if (response["Status"] === false) {
+        else if (response["Status"] == false) {
+            this.hasEmittedProfileReady = true;
+            // Still proceed, even if status is false (as per recommendations from cybersource support team.
             emit(PublicEvent.DEVICE_PROFILE_READY_THREE_D_SECURE_EVENT, { message: null, data: null });
         }
-        this.hasEmittedProfileReady = true;
     }
     static collectDeviceData() {
         var _a, _b, _c, _d;
@@ -117,3 +128,11 @@ DeviceDataCollection.FORM_ID = "cardinal_collection_form";
 DeviceDataCollection.INPUT_ID = "cardinal_collection_form_input";
 DeviceDataCollection.hasEmittedProfileReady = false;
 export default DeviceDataCollection;
+__decorate([
+    logMethod({
+        mapArgs: (args) => {
+            const params = args[0]; // grab the first argument.
+            return JSON.parse(params.data);
+        },
+    })
+], DeviceDataCollection, "handleCollectionResponse", null);

package/package.json

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