@fat-zebra/sdk 1.0.0

package/dist/shared/post-message-client.js

@@ -0,0 +1,107 @@
+"use strict";
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostMessageClient = void 0;
+var types_1 = require("../shared/types");
+var domain = process.env.PAYNOW_BASE_URL;
+// NODE_ENV is introduced to PostMessageClient purely for the purpose of bypassing security
+// check on the postMessage event between parent and child frames. Unforunately there is
+// no workaround to override event origin due to lack of support in existing test framework.
+var PostMessageClient = /** @class */ (function () {
+    function PostMessageClient(config) {
+        this.channel = config.channel;
+        this.fzEnv = process.env.NODE_ENV;
+        this.target = config.target;
+    }
+    // Handle event messages that conform to PostMessage format.
+    PostMessageClient.prototype.setEventListeners = function (handlers) {
+        var _this = this;
+        window.addEventListener("message", function (event) { return __awaiter(_this, void 0, void 0, function () {
+            var validationEnabled, isChannelValid, isOriginValid, message, subject, handler;
+            return __generator(this, function (_a) {
+                validationEnabled = ![types_1.NODE_ENV.TEST, types_1.NODE_ENV.LOCALDEV].includes(this.fzEnv);
+                isChannelValid = event.data.channel === this.channel;
+                isOriginValid = event.origin === domain;
+                if (validationEnabled && (!isOriginValid || !isChannelValid)) {
+                    console.log('[WARNING] unmatched event origin or incorrect message channel');
+                    return [2 /*return*/];
+                }
+                message = event.data;
+                subject = message.subject;
+                handler = handlers[subject];
+                if (handler) {
+                    handler(message.data);
+                }
+                else {
+                    // Do not throw error here as it is possible that the parent frame chooses
+                    // not to handle certain messages posted from child frame.
+                    console.log("[WARNING] No handler registered for subject ".concat(subject, ", message ").concat(JSON.stringify(message)));
+                }
+                return [2 /*return*/];
+            });
+        }); });
+    };
+    // Handle event messages that do not conform to PostMessage format.
+    PostMessageClient.prototype.setEventListenersLegacy = function (handlers) {
+        var _this = this;
+        window.addEventListener("message", function (event) {
+            var validationEnabled = ![types_1.NODE_ENV.TEST, types_1.NODE_ENV.LOCALDEV].includes(_this.fzEnv);
+            var isOriginValid = event.origin === domain;
+            if (validationEnabled && !isOriginValid) {
+                console.log('[WARNING] unmatched event origin or incorrect message channel');
+                return;
+            }
+            var message = event.data;
+            var handler = handlers[message.message];
+            if (handler) {
+                handler(message.data);
+            }
+            else {
+                // Do not throw error here as it is possible that the parent frame chooses
+                // not to handle certain messages posted from child frame.
+                console.log("[WARNING] no handler registered for message ".concat(message.message));
+            }
+        });
+    };
+    PostMessageClient.prototype.send = function (message) {
+        this.target.contentWindow.postMessage(message, domain);
+    };
+    return PostMessageClient;
+}());
+exports.PostMessageClient = PostMessageClient;
+//# sourceMappingURL=post-message-client.js.map

package/dist/shared/post-message-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-message-client.js","sourceRoot":"","sources":["../../src/shared/post-message-client.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yCAA0C;AA2C1C,IAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAA;AAE1C,2FAA2F;AAC3F,wFAAwF;AACxF,4FAA4F;AAE5F;IAKE,2BAAY,MAA+B;QACzC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;QAC7B,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAoB,CAAA;QAC7C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;IAC7B,CAAC;IAED,4DAA4D;IAC5D,6CAAiB,GAAjB,UAAkB,QAAuB;QAAzC,iBAwBC;QAvBC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAM,KAAK;;;gBAEtC,iBAAiB,GAAG,CAAC,CAAC,gBAAQ,CAAC,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC5E,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAAA;gBACpD,aAAa,GAAG,KAAK,CAAC,MAAM,KAAK,MAAM,CAAA;gBAE7C,IAAI,iBAAiB,IAAI,CAAC,CAAC,aAAa,IAAI,CAAC,cAAc,CAAC,EAAE;oBAC5D,OAAO,CAAC,GAAG,CAAC,+DAA+D,CAAC,CAAA;oBAC5E,sBAAM;iBACP;gBAEK,OAAO,GAAG,KAAK,CAAC,IAAmB,CAAA;gBACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAA;gBACzB,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;gBAEjC,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;iBACtB;qBAAM;oBACL,0EAA0E;oBAC1E,0DAA0D;oBAC1D,OAAO,CAAC,GAAG,CAAC,sDAA+C,OAAO,uBAAa,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAE,CAAC,CAAA;iBAC1G;;;aACF,CAAC,CAAA;IACJ,CAAC;IAED,mEAAmE;IACnE,mDAAuB,GAAvB,UAAwB,QAAuB;QAA/C,iBAsBC;QArBC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAC,KAAK;YAEvC,IAAM,iBAAiB,GAAG,CAAC,CAAC,gBAAQ,CAAC,IAAI,EAAE,gBAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAI,CAAC,KAAK,CAAC,CAAA;YAClF,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,KAAK,MAAM,CAAA;YAE7C,IAAI,iBAAiB,IAAI,CAAC,aAAa,EAAE;gBACvC,OAAO,CAAC,GAAG,CAAC,+DAA+D,CAAC,CAAA;gBAC5E,OAAM;aACP;YAED,IAAM,OAAO,GAAG,KAAK,CAAC,IAAyB,CAAA;YAC/C,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YAEzC,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;aACtB;iBAAM;gBACL,0EAA0E;gBAC1E,0DAA0D;gBAC1D,OAAO,CAAC,GAAG,CAAC,sDAA+C,OAAO,CAAC,OAAO,CAAE,CAAC,CAAA;aAC9E;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,gCAAI,GAAJ,UAAK,OAAwC;QAC3C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IACxD,CAAC;IACH,wBAAC;AAAD,CAAC,AAlED,IAkEC;AAOC,8CAAiB"}

package/dist/shared/types.d.ts

@@ -0,0 +1,142 @@
+declare enum NODE_ENV {
+    LOCALDEV = "localdev",
+    PRODUCTION = "production",
+    SANDBOX = "sandbox",
+    STAGING = "staging",
+    TEST = "test"
+}
+declare enum PublicEvent {
+    FORM_VALIDATION_ERROR = "fz.form_validation.error",
+    FORM_VALIDATION_SUCCESS = "fz.form_validation.success",
+    VALIDATION_ERROR = "fz.validation.error",
+    SCA_SUCCESS = "fz.sca.success",
+    SCA_ERROR = "fz.sca.error",
+    TOKENIZATION_SUCCESS = "fz.tokenization.success",
+    TOKENIZATION_ERROR = "fz.tokenization.error",
+    PAYMENT_SUCCESS = "fz.payment.success",
+    PAYMENT_ERROR = "fz.payment.error",
+    BIN_LOOKUP = "fz.bin.lookup"
+}
+declare enum BridgeEvent {
+    TOKENIZE_CARD_REQUEST = "fzi.tc_req",
+    TOKENIZE_CARD_RESPONSE = "fzi.tc_res",
+    CREATE_PAYMENT_REQUEST = "fzi.cp_req",
+    CREATE_PAYMENT_RESPONSE = "fzi.cp_res",
+    TRIGGER_PAYNOW_BUTTON = "fzi.pn_btn",
+    FORM_VALIDATION_ERROR = "fzi.form_validation_error",
+    FORM_VALIDATION_SUCCESS = "fzi.form_validation_success",
+    BIN_LOOKUP = "fzi.bin_lookup"
+}
+declare enum PaymentMethodType {
+    CARD = "card",
+    CARD_ON_FILE = "card_on_file"
+}
+interface Card {
+    number: string;
+    holder: string;
+    expiryMonth: string;
+    expiryYear: string;
+    cvv: string;
+}
+interface CardOnFile {
+    token: string;
+}
+interface Customer {
+    firstName?: string;
+    lastName?: string;
+    email?: string;
+    address?: string;
+    city?: string;
+    postcode?: string;
+    state?: string;
+    country?: string;
+}
+interface CustomerSnakeCase {
+    first_name?: string;
+    last_name?: string;
+    email?: string;
+    address?: string;
+    city?: string;
+    state?: string;
+    postcode?: string;
+    country?: string;
+}
+interface Payment {
+    amount: number;
+    currency: string;
+    reference: string;
+    hide_card_holder?: boolean;
+}
+interface PaymentIntent {
+    payment: Payment;
+    verification: string;
+}
+interface PaymentMethod {
+    type?: PaymentMethodType;
+    data: Card | CardOnFile;
+}
+interface ValidationResult {
+    valid: boolean;
+    errors: string[];
+}
+type TokenizeCardResponse = {
+    bin: string;
+    token: string;
+    errors?: Array<string>;
+};
+type Callback = (event: any) => void;
+type Handlers = Partial<Record<PublicEvent, Callback>>;
+export type VerificationConfig = {
+    accessToken: string;
+    paymentIntent: PaymentIntent;
+    verification: string;
+    options?: Options;
+};
+export type PaymentConfig = {
+    accessToken: string;
+    payment: PaymentIntent;
+    options: Options;
+};
+type Options = Partial<{
+    css: string;
+    cssSignature: string;
+    enableSca: boolean;
+    tokenizeOnly: boolean;
+}>;
+export type TransactionPayload = {
+    transactionId: string;
+    responseCode: string;
+    message: string;
+    amount: number;
+    currency: string;
+    reference: string;
+    cardNumber: string;
+    cardHolder: string;
+    cardExpiry: string;
+    cardType: string;
+    verification: string;
+};
+export type CreatePaymentResponse = {
+    transaction_id: TransactionPayload["transactionId"];
+    response_code: TransactionPayload["responseCode"];
+    message: TransactionPayload["message"];
+    amount: TransactionPayload["amount"];
+    currency: TransactionPayload["currency"];
+    reference: TransactionPayload["reference"];
+    card_number: TransactionPayload["cardNumber"];
+    card_holder: TransactionPayload["cardHolder"];
+    card_expiry: TransactionPayload["cardExpiry"];
+    card_type: TransactionPayload["cardType"];
+    v: TransactionPayload["verification"];
+    errors?: Array<string>;
+};
+declare global {
+    interface Window {
+        ApplePaySession: any;
+        Cardinal: any;
+        FatZebra: any;
+        HPP: any;
+        MerchantUsername: string;
+    }
+}
+export { BridgeEvent, PublicEvent, NODE_ENV, Card, CardOnFile, Customer, CustomerSnakeCase, Handlers, Payment, PaymentIntent, PaymentMethod, PaymentMethodType, TokenizeCardResponse, ValidationResult };

package/dist/shared/types.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentMethodType = exports.NODE_ENV = exports.PublicEvent = exports.BridgeEvent = void 0;
+var NODE_ENV;
+(function (NODE_ENV) {
+    NODE_ENV["LOCALDEV"] = "localdev";
+    NODE_ENV["PRODUCTION"] = "production";
+    NODE_ENV["SANDBOX"] = "sandbox";
+    NODE_ENV["STAGING"] = "staging";
+    NODE_ENV["TEST"] = "test";
+})(NODE_ENV || (exports.NODE_ENV = NODE_ENV = {}));
+var PublicEvent;
+(function (PublicEvent) {
+    PublicEvent["FORM_VALIDATION_ERROR"] = "fz.form_validation.error";
+    PublicEvent["FORM_VALIDATION_SUCCESS"] = "fz.form_validation.success";
+    PublicEvent["VALIDATION_ERROR"] = "fz.validation.error";
+    PublicEvent["SCA_SUCCESS"] = "fz.sca.success";
+    PublicEvent["SCA_ERROR"] = "fz.sca.error";
+    PublicEvent["TOKENIZATION_SUCCESS"] = "fz.tokenization.success";
+    PublicEvent["TOKENIZATION_ERROR"] = "fz.tokenization.error";
+    PublicEvent["PAYMENT_SUCCESS"] = "fz.payment.success";
+    PublicEvent["PAYMENT_ERROR"] = "fz.payment.error";
+    PublicEvent["BIN_LOOKUP"] = "fz.bin.lookup";
+})(PublicEvent || (exports.PublicEvent = PublicEvent = {}));
+var BridgeEvent;
+(function (BridgeEvent) {
+    BridgeEvent["TOKENIZE_CARD_REQUEST"] = "fzi.tc_req";
+    BridgeEvent["TOKENIZE_CARD_RESPONSE"] = "fzi.tc_res";
+    BridgeEvent["CREATE_PAYMENT_REQUEST"] = "fzi.cp_req";
+    BridgeEvent["CREATE_PAYMENT_RESPONSE"] = "fzi.cp_res";
+    BridgeEvent["TRIGGER_PAYNOW_BUTTON"] = "fzi.pn_btn";
+    BridgeEvent["FORM_VALIDATION_ERROR"] = "fzi.form_validation_error";
+    BridgeEvent["FORM_VALIDATION_SUCCESS"] = "fzi.form_validation_success";
+    BridgeEvent["BIN_LOOKUP"] = "fzi.bin_lookup";
+})(BridgeEvent || (exports.BridgeEvent = BridgeEvent = {}));
+var PaymentMethodType;
+(function (PaymentMethodType) {
+    PaymentMethodType["CARD"] = "card";
+    PaymentMethodType["CARD_ON_FILE"] = "card_on_file";
+})(PaymentMethodType || (exports.PaymentMethodType = PaymentMethodType = {}));
+//# sourceMappingURL=types.js.map

package/dist/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":";;;AACA,IAAK,QAMJ;AAND,WAAK,QAAQ;IACX,iCAAqB,CAAA;IACrB,qCAAyB,CAAA;IACzB,+BAAmB,CAAA;IACnB,+BAAmB,CAAA;IACnB,yBAAa,CAAA;AACf,CAAC,EANI,QAAQ,wBAAR,QAAQ,QAMZ;AAED,IAAK,WAWJ;AAXD,WAAK,WAAW;IACd,iEAAkD,CAAA;IAClD,qEAAsD,CAAA;IACtD,uDAAwC,CAAA;IACxC,6CAA8B,CAAA;IAC9B,yCAA0B,CAAA;IAC1B,+DAAgD,CAAA;IAChD,2DAA4C,CAAA;IAC5C,qDAAsC,CAAA;IACtC,iDAAkC,CAAA;IAClC,2CAA4B,CAAA;AAC9B,CAAC,EAXI,WAAW,2BAAX,WAAW,QAWf;AAED,IAAK,WASJ;AATD,WAAK,WAAW;IACd,mDAAoC,CAAA;IACpC,oDAAqC,CAAA;IACrC,oDAAqC,CAAA;IACrC,qDAAsC,CAAA;IACtC,mDAAoC,CAAA;IACpC,kEAAmD,CAAA;IACnD,sEAAuD,CAAA;IACvD,4CAA6B,CAAA;AAC/B,CAAC,EATI,WAAW,2BAAX,WAAW,QASf;AAED,IAAK,iBAGJ;AAHD,WAAK,iBAAiB;IACpB,kCAAa,CAAA;IACb,kDAA6B,CAAA;AAC/B,CAAC,EAHI,iBAAiB,iCAAjB,iBAAiB,QAGrB"}

package/dist/shared/util.d.ts

@@ -0,0 +1,6 @@
+declare const toCamelCase: (s: string) => string;
+declare const toSnakeCase: (s: string) => string;
+declare const toObjectWithSnakeCaseKeys: (o: any) => any;
+declare const toObjectWithCamelCaseKeys: (o: any) => any;
+declare const getSdkVersionNumber: () => any;
+export { toCamelCase, toSnakeCase, toObjectWithCamelCaseKeys, toObjectWithSnakeCaseKeys, getSdkVersionNumber, };

package/dist/shared/util.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSdkVersionNumber = exports.toObjectWithSnakeCaseKeys = exports.toObjectWithCamelCaseKeys = exports.toSnakeCase = exports.toCamelCase = void 0;
+var _package = require('../../package.json');
+var toCamelCase = function (s) {
+    return s.replace(/_([a-z])/g, function (g) { return g[1].toUpperCase(); });
+};
+exports.toCamelCase = toCamelCase;
+var toSnakeCase = function (s) {
+    return s.replace(/[A-Z]/g, function (char) { return "_".concat(char.toLowerCase()); });
+};
+exports.toSnakeCase = toSnakeCase;
+var primitiveTypes = ['string', 'number', 'boolean', 'undefined', 'symbol', 'bigint'];
+var toObjectWithSnakeCaseKeys = function (o) {
+    var objectType = typeof o;
+    if (primitiveTypes.includes(objectType) || o == null) {
+        return o;
+    }
+    var converted = {};
+    var _loop_1 = function (key) {
+        switch (typeof o[key]) {
+            case 'object':
+                if (Array.isArray(o[key])) {
+                    converted[toSnakeCase(key)] = [];
+                    Object.keys(o[key]).forEach(function (k) {
+                        var c = toObjectWithSnakeCaseKeys(o[key][k]);
+                        converted[toSnakeCase(key)].push(c);
+                    });
+                }
+                else {
+                    if (o[key] == null) {
+                        converted[toSnakeCase(key)] = o[key];
+                    }
+                    else {
+                        converted[toSnakeCase(key)] = toObjectWithSnakeCaseKeys(o[key]);
+                    }
+                }
+                break;
+            case 'string':
+            case 'number':
+            case 'boolean':
+            case 'undefined':
+                converted[toSnakeCase(key)] = o[key];
+                break;
+        }
+    };
+    for (var key in o) {
+        _loop_1(key);
+    }
+    return converted;
+};
+exports.toObjectWithSnakeCaseKeys = toObjectWithSnakeCaseKeys;
+var toObjectWithCamelCaseKeys = function (o) {
+    var objectType = typeof o;
+    if (primitiveTypes.includes(objectType) || o == null) {
+        return o;
+    }
+    var converted = {};
+    var _loop_2 = function (key) {
+        switch (typeof o[key]) {
+            case 'object':
+                if (Array.isArray(o[key])) {
+                    converted[toCamelCase(key)] = [];
+                    Object.keys(o[key]).forEach(function (k) {
+                        var c = toObjectWithCamelCaseKeys(o[key][k]);
+                        converted[toCamelCase(key)].push(c);
+                    });
+                }
+                else {
+                    if (o[key] == null) {
+                        converted[toCamelCase(key)] = o[key];
+                    }
+                    else {
+                        converted[toCamelCase(key)] = toObjectWithCamelCaseKeys(o[key]);
+                    }
+                }
+                break;
+            case 'string':
+            case 'number':
+            case 'boolean':
+            case 'undefined':
+                converted[toCamelCase(key)] = o[key];
+                break;
+        }
+    };
+    for (var key in o) {
+        _loop_2(key);
+    }
+    return converted;
+};
+exports.toObjectWithCamelCaseKeys = toObjectWithCamelCaseKeys;
+var getSdkVersionNumber = function () {
+    return _package.version;
+};
+exports.getSdkVersionNumber = getSdkVersionNumber;
+//# sourceMappingURL=util.js.map

package/dist/shared/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/shared/util.ts"],"names":[],"mappings":"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"}

package/jest.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+  roots: [
+    "<rootDir>/src",
+  ],
+  setupFiles: [
+    "<rootDir>/.jest/setup-env-vars.js",
+    "jest-localstorage-mock"
+  ],
+  testMatch: [
+    "**/__tests__/**/*.+(ts|tsx|js)",
+    "**/?(*.)+(spec|test).+(ts|tsx|js)"
+  ],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  }
+}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@fat-zebra/sdk",
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "private": false,
+
+  "scripts": {
+    "test": "jest --clearCache && jest --passWithNoTests --verbose"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/jest": "^29.5.3",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
+    "jest-localstorage-mock": "^2.4.26",
+    "nock": "^13.3.2",
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.1.6"
+  },
+  "dependencies": {
+    "axios": "^1.4.0",
+    "url-template": "^3.1.0"
+  },
+  "optionalDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+import { Payment, PaymentIntent, VerificationConfig, Handlers, PublicEvent } from "../src/shared/types"
+
+export {
+  Payment,
+  PaymentIntent,
+  VerificationConfig,
+  Handlers,
+  PublicEvent,
+}

package/src/react/VerifyCard.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import useFatZebra from "./useFatZebra";
+import * as FatZebra from "../shared/types";
+
+type FrameProps = {
+  handlers: FatZebra.Handlers;
+  username: string;
+  accessToken: string;
+  config: FatZebra.VerificationConfig;
+};
+
+const Frame = ({ username, handlers, config }: FrameProps) => {
+  const bridgeRef = React.useRef<HTMLIFrameElement>(null);
+
+  const { url } = useFatZebra({
+    username: username,
+    config,
+    handlers: handlers,
+    bridge: bridgeRef,
+  });
+
+  return (
+    <div>
+      <iframe src={url} width="100%" height="700px" title="verification-form" />
+      <iframe
+        title="bridge-form"
+        src="http://paynow.test:3004/sdk/bridge"
+        width="100%"
+        height="700px"
+        ref={bridgeRef}
+      />
+    </div>
+  );
+};
+
+export default Frame;

package/src/react/index.ts

@@ -0,0 +1,3 @@
+import VerifyCard from "./VerifyCard";
+
+export { VerifyCard }

package/src/react/url.ts

@@ -0,0 +1,97 @@
+import { parseTemplate } from 'url-template';
+type RequiredURLValues = {
+  merchant: string;
+  hash: string;
+  reference: string;
+  amount: number;
+  currency: string;
+}
+
+type VerificationURLValues = OptionalURLValues & {
+  merchant: string;
+  timestamp: string;
+  verification: string;
+};
+
+type OptionalURLValues = Partial<{
+  hide_card_holder: string;
+  return_path: string
+  card_types: Array<string>;
+  surcharge_enabled: string;
+  sca_enabled: boolean;
+  css: string;
+  css_signature: string;
+  tokenize_only: boolean;
+}>
+
+type UrlValues = RequiredURLValues & OptionalURLValues
+
+const generatePaymentURL = (values: UrlValues) => {
+  const queryParts = [
+    "tokenize_only",
+    "css",
+    "css_signature",
+    "iframe",
+    "postmessage",
+    "hide_card_holder",
+    "return_path",
+    "card_types",
+    "surcharge_enabled",
+    "sca_enabled",
+  ]
+
+  const urlTemplate = parseTemplate(
+    `http://paynow.test:3004/sdk/v3/{merchant}/{reference}/{currency}/{amount}/{verification}{?${queryParts.join(",")}}`
+  );
+
+  const url = urlTemplate.expand({
+    merchant: values.merchant,
+    reference: values.reference,
+    currency: values.currency,
+    amount: values.amount,
+    verification: values.hash,
+    sca_enabled: values.sca_enabled,
+    css: values.css,
+    css_signature: values.css_signature,
+    iframe: true,
+    postmessage: true,
+    tokenize_only: values.tokenize_only,
+  });
+
+  return url;
+};
+
+const generateVerificationURL = (values: VerificationURLValues) => {
+  const queryParts = [
+    "tokenize_only",
+    "css",
+    "css_signature",
+    "iframe",
+    "postmessage",
+    "hide_card_holder",
+    "return_path",
+    "card_types",
+    "surcharge_enabled",
+    "sca_enabled",
+  ]
+
+  const urlTemplate = parseTemplate(
+    `http://paynow.test:3004/sdk/v3/{merchant}/verification/{timestamp}/{verification}{?${queryParts.join(",")}}`
+  );
+
+  const url = urlTemplate.expand({
+    merchant: values.merchant,
+    timestamp: values.timestamp,
+    verification: values.verification,
+    sca_enabled: values.sca_enabled,
+    css: values.css,
+    css_signature: values.css_signature,
+    iframe: true,
+    postmessage: true,
+    tokenize_only: values.tokenize_only,
+  });
+
+  return url;
+};
+
+export { generatePaymentURL, generateVerificationURL };