@fat-zebra/sdk 1.5.5-beta.0 → 1.5.5

package/dist/react/index.js

@@ -1,5 +1,4 @@
 import VerifyCard from "./VerifyCard";
 import VerifyExistingCard from "./VerifyExistingCard";
 import submitForm from "./submitForm";
-import ApplePayButton from "./ApplePayButton";
-export { VerifyCard, VerifyExistingCard, submitForm, ApplePayButton };
+export { VerifyCard, VerifyExistingCard, submitForm };

package/dist/react/{applePayUrl.d.ts → url.d.ts}

@@ -8,5 +8,5 @@ type RequiredURLValues = {
     currency: string;
 };
 type UrlValues = RequiredURLValues & OptionalUrlValues;
-declare const generateApplePayUrl: (values: UrlValues, environment?: Environment) => string;
-export { generateApplePayUrl };
+declare const generatePaymentURL: (values: UrlValues, environment?: Environment) => string;
+export { generatePaymentURL };

package/dist/react/url.js

@@ -0,0 +1,33 @@
+import { parseTemplate } from 'url-template';
+import env, { Environment } from "../shared/env";
+const generatePaymentURL = (values, environment) => {
+    const queryParts = [
+        "tokenize_only",
+        "css",
+        "css_signature",
+        "iframe",
+        "postmessage",
+        "hide_card_holder",
+        "hide_button",
+        "sca_enabled",
+    ];
+    const environmentConfig = env[environment || Environment.sandbox];
+    const urlTemplate = parseTemplate(`${environmentConfig.payNowUrl}/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,
+        hide_card_holder: values.hide_card_holder,
+        hide_button: values.hide_button,
+    });
+    return url;
+};
+export { generatePaymentURL };

package/dist/react/useFatZebra.js

@@ -1,10 +1,9 @@
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import * as FatZebra from "../shared/types";
 import { generatePaymentURL } from "./paymentUrl";
 import Sca from "../sca";
 import GatewayClient from "../shared/api-gateway-client";
 import { generateVerifyURL } from "./verifyUrl";
-import useMessage from "./useMessage";
 const useFatZebra = ({ config, handlers, cardToken }) => {
     const { options, accessToken, paymentIntent, username } = config;
     const sca = useMemo(() => {
@@ -15,12 +14,62 @@ const useFatZebra = ({ config, handlers, cardToken }) => {
         scaObj.loadScript();
         return scaObj;
     }, [config, username]);
-    useMessage({
-        paymentIntent,
-        options,
-        handlers,
-        sca
-    });
+    const emit = (event, data) => {
+        const handler = handlers[event];
+        if (handler) {
+            handler(new CustomEvent(event, { detail: data }));
+        }
+    };
+    const handleTokenizeCardResponse = (data) => {
+        if (data.errors) {
+            emit(FatZebra.PublicEvent.TOKENIZATION_ERROR, {
+                message: "Card tokenization failed.",
+                errors: data.errors,
+                data: null,
+            });
+            return;
+        }
+        else {
+            emit(FatZebra.PublicEvent.TOKENIZATION_SUCCESS, {
+                message: "Card tokenization success.",
+                data
+            });
+        }
+        if (options.sca_enabled) {
+            sca.run({ paymentIntent, bin: data.bin, cardToken: data.token });
+        }
+    };
+    const messageHandler = (event) => {
+        if (event.data &&
+            event.data.source &&
+            event.data.source.includes("react-devtools"))
+            return;
+        if (event.data.subject === FatZebra.BridgeEvent.BIN_LOOKUP)
+            return;
+        if (event.data.subject === FatZebra.BridgeEvent.FORM_VALIDATION_ERROR) {
+            emit(FatZebra.PublicEvent.FORM_VALIDATION_ERROR, {
+                errors: event.data.data,
+                data: null,
+            });
+            return;
+        }
+        if (event.data.subject === FatZebra.BridgeEvent.FORM_VALIDATION_SUCCESS) {
+            emit(FatZebra.PublicEvent.FORM_VALIDATION_SUCCESS, {
+                errors: event.data.data,
+                data: null,
+            });
+            return;
+        }
+        if (event.data.subject === FatZebra.BridgeEvent.TOKENIZE_CARD_RESPONSE) {
+            handleTokenizeCardResponse(event.data.data);
+        }
+    };
+    useEffect(() => {
+        window.addEventListener("message", messageHandler);
+        return () => {
+            window.removeEventListener("message", messageHandler);
+        };
+    }, [paymentIntent]);
     const payment = paymentIntent.payment;
     const verifyUrl = generateVerifyURL(Object.assign({ token: cardToken, verification: paymentIntent.verification, merchant: username }, options), config.environment);
     const paymentUrl = generatePaymentURL(Object.assign({ merchant: username, reference: payment.reference, amount: payment.amount, currency: payment.currency, hash: paymentIntent.verification }, options), config.environment);

package/dist/shared/env.development.d.ts

@@ -1,5 +1,5 @@
-declare const bridgeUrl = "https://paynow.test";
-declare const apiUrl = "https://api.test/sdk";
-declare const payNowUrl = "https://paynow.test";
+declare const bridgeUrl = "http://paynow.test";
+declare const apiUrl = "http://api.test:3002/sdk";
+declare const payNowUrl = "http://paynow.test:3004";
 declare const songbirdUrl = "https://songbirdstag.cardinalcommerce.com/edge/v1/songbird.js";
 export { bridgeUrl, apiUrl, payNowUrl, songbirdUrl };

package/dist/shared/env.development.js

@@ -1,5 +1,5 @@
-const bridgeUrl = "https://paynow.test";
-const apiUrl = "https://api.test/sdk";
-const payNowUrl = "https://paynow.test";
+const bridgeUrl = "http://paynow.test";
+const apiUrl = "http://api.test:3002/sdk";
+const payNowUrl = "http://paynow.test:3004";
 const songbirdUrl = "https://songbirdstag.cardinalcommerce.com/edge/v1/songbird.js";
 export { bridgeUrl, apiUrl, payNowUrl, songbirdUrl };

package/dist/shared/envs/local.d.ts

@@ -1,5 +1,5 @@
-declare const bridgeUrl = "https://paynow.test";
-declare const apiUrl = "https://api.test:3002/sdk";
-declare const payNowUrl = "https://paynow.test";
+declare const bridgeUrl = "http://paynow.test";
+declare const apiUrl = "http://api.test:3002/sdk";
+declare const payNowUrl = "http://paynow.test:3004";
 declare const songbirdUrl = "https://songbirdstag.cardinalcommerce.com/edge/v1/songbird.js";
 export { bridgeUrl, apiUrl, payNowUrl, songbirdUrl };

package/dist/shared/envs/local.js

@@ -1,5 +1,5 @@
-const bridgeUrl = "https://paynow.test";
-const apiUrl = "https://api.test:3002/sdk";
-const payNowUrl = "https://paynow.test";
+const bridgeUrl = "http://paynow.test";
+const apiUrl = "http://api.test:3002/sdk";
+const payNowUrl = "http://paynow.test:3004";
 const songbirdUrl = "https://songbirdstag.cardinalcommerce.com/edge/v1/songbird.js";
 export { bridgeUrl, apiUrl, payNowUrl, songbirdUrl };

package/dist/shared/post-message-client.d.ts

@@ -1,4 +1,3 @@
-import { Environment } from "./env";
 interface PostMessage {
     channel: string;
     subject: string;
@@ -12,7 +11,6 @@ interface PostMessageLegacy {
 }
 interface PostMessageClientConfig {
     channel: string;
-    environment?: Environment;
     target?: HTMLIFrameElement;
 }
 interface EventHandlers {

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

@@ -11,7 +11,7 @@ import env, { Environment } from "./env";
 class PostMessageClient {
     constructor(config) {
         this.channel = config.channel;
-        this.fzEnv = config.environment || process.env.API_ENV;
+        this.fzEnv = process.env.API_ENV;
         this.domain = env[this.fzEnv].payNowUrl;
         this.target = config.target;
     }

package/dist/shared/types.d.ts

@@ -1,5 +1,4 @@
 import { Environment } from './env';
-import { MerchantCapability, SupportedNetwork } from "../applepay/clients/apple-pay-client";
 declare enum PublicEvent {
     FORM_VALIDATION_ERROR = "fz.form_validation.error",
     FORM_VALIDATION_SUCCESS = "fz.form_validation.success",
@@ -12,9 +11,7 @@ declare enum PublicEvent {
     PAYMENT_ERROR = "fz.payment.error",
     BIN_LOOKUP = "fz.bin.lookup",
     CLICK_TO_PAY_TOKENIZATION_SUCCESS = "fz.click_to_pay.tokenization.success",
-    CLICK_TO_PAY_TOKENIZATION_ERROR = "fz.click_to_pay.tokenization.error",
-    CLICK_TO_PAY_RESIZE = "fz.click_to_pay.resize",
-    CLICK_TO_PAY_DCF_LOADED = "fz.click_to_pay.dcf"
+    CLICK_TO_PAY_TOKENIZATION_ERROR = "fz.click_to_pay.tokenization.error"
 }
 declare enum BridgeEvent {
     TOKENIZE_CARD_REQUEST = "fzi.tc_req",
@@ -92,9 +89,6 @@ export type OptionalUrlValues = {
     hide_card_holder?: boolean;
     hide_button?: boolean;
     return_path?: string;
-    allowed_card_networks?: Array<SupportedNetwork>;
-    allowed_card_types?: Array<MerchantCapability>;
-    domain_name?: string;
     card_types?: Array<string>;
     surcharge_enabled?: string;
     sca_enabled?: boolean;
@@ -108,7 +102,6 @@ declare global {
         Cardinal: any;
         FatZebra: any;
         HPP: any;
-        ApplePayButton: any;
         MerchantUsername: string;
     }
 }
@@ -144,10 +137,5 @@ type TokenizeCardResponse = {
     token: string;
     errors?: Array<string>;
 };
-type ApplePayPaymentResponse = {
-    message: string;
-    errors?: Array<string>;
-    data?: string;
-};
 export { BridgeEvent, PublicEvent, PaymentMethodType, };
-export type { PaymentMethod, PaymentIntent, Payment, Card, CardOnFile, CustomerSnakeCase, Customer, Handlers, ValidationResult, TokenizeCardResponse, ApplePayPaymentResponse };
+export type { PaymentMethod, PaymentIntent, Payment, Card, CardOnFile, CustomerSnakeCase, Customer, Handlers, ValidationResult, TokenizeCardResponse, };

package/dist/shared/types.js

@@ -12,8 +12,6 @@ var PublicEvent;
     PublicEvent["BIN_LOOKUP"] = "fz.bin.lookup";
     PublicEvent["CLICK_TO_PAY_TOKENIZATION_SUCCESS"] = "fz.click_to_pay.tokenization.success";
     PublicEvent["CLICK_TO_PAY_TOKENIZATION_ERROR"] = "fz.click_to_pay.tokenization.error";
-    PublicEvent["CLICK_TO_PAY_RESIZE"] = "fz.click_to_pay.resize";
-    PublicEvent["CLICK_TO_PAY_DCF_LOADED"] = "fz.click_to_pay.dcf";
 })(PublicEvent || (PublicEvent = {}));
 var BridgeEvent;
 (function (BridgeEvent) {

package/dist/src/paypal/paypal-button.js

@@ -0,0 +1,311 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PayPalButton = void 0;
+var event_manager_1 = require("../shared/event-manager");
+var types_1 = require("./types");
+var api_gateway_client_1 = __importDefault(require("../shared/api-gateway-client"));
+var types_2 = require("../shared/types");
+var util = __importStar(require("../shared/util"));
+var constants_1 = require("../shared/constants");
+var defaultStyle = {
+    layout: 'horizontal',
+    color: 'gold',
+    shape: 'pill',
+    label: 'paypal',
+};
+var PayPalButton = /** @class */ (function () {
+    function PayPalButton(paymentMethod, paymentIntent, billingAgreement, buttonStyle) {
+        this.paymentMethod = paymentMethod;
+        this.paymentIntent = paymentIntent;
+        this.billingAgreement = billingAgreement;
+        this.buttonStyle = buttonStyle;
+        this.client = new api_gateway_client_1.default({ accessToken: window.localStorage.getItem(constants_1.LocalStorageAccessTokenKey),
+            username: window.MerchantUsername,
+        });
+        this.createButton();
+    }
+    Object.defineProperty(PayPalButton.prototype, "paypalButtons", {
+        get: function () {
+            return this._paypalButtons;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(PayPalButton.prototype, "paypalActions", {
+        get: function () {
+            return this.actions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    PayPalButton.prototype.render = function (containerId) {
+        var container = this.getContainer(containerId);
+        if (typeof (container) != 'undefined' && container != null) {
+            this._paypalButtons.render('#' + container.id);
+        }
+        else {
+            (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                errors: ["Container with id #".concat(containerId, " does not exist.")],
+                data: null
+            });
+        }
+    };
+    PayPalButton.prototype.getContainer = function (containerId) {
+        return document.getElementById(containerId);
+    };
+    PayPalButton.prototype.createButton = function () {
+        var _this = this;
+        var button = ({});
+        button.style = (this.buttonStyle ? this.buttonStyle : defaultStyle);
+        if (this.billingAgreement === true) {
+            button.createBillingAgreement = function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.createBillingAgreement()];
+                });
+            }); };
+            button.onApprove = function (data, actions) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_PROCESSESING, { data: {}, message: 'The request is being processed.' });
+                    return [2 /*return*/, this.approveBillingAgreement(data)];
+                });
+            }); };
+            button.onCancel = function (data, actions) {
+                (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_CANCEL, { data: { id: data.orderID }, message: 'PayPal Billing Agreement cancelled.' });
+            };
+        }
+        else {
+            button.createOrder = function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.createOrder()];
+                });
+            }); };
+            button.onApprove = function (data, actions) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_PROCESSESING, { data: {}, message: 'The request is being processed.' });
+                    return [2 /*return*/, this.approveOrder(data)];
+                });
+            }); };
+            button.onCancel = function (data, actions) {
+                (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_CANCEL, { data: { id: data.orderID }, message: 'PayPal Order cancelled.' });
+            };
+        }
+        button.onError = function (error) {
+            // This flag is used to prevent emitting general error from PayPal
+            // if an error has already been raised and emitted.
+            if (_this.validationErrorRaised === false) {
+                (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                    errors: ['PayPal Checkout failed.'],
+                    data: null
+                });
+            }
+        };
+        this._paypalButtons = window.paypal.Buttons(button);
+    };
+    PayPalButton.prototype.createOrder = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var payload, response, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        this.validationErrorRaised = false;
+                        payload = util.toObjectWithSnakeCaseKeys(this.paymentMethod);
+                        payload.payment_intent = this.paymentIntent;
+                        return [4 /*yield*/, this.client.createPayPalOrder({
+                                order: payload
+                            })];
+                    case 1:
+                        response = (_a.sent()).data;
+                        return [2 /*return*/, response.id];
+                    case 2:
+                        error_1 = _a.sent();
+                        this.validationErrorRaised = true;
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                            errors: this.formatError(error_1),
+                            data: null
+                        });
+                        return [2 /*return*/, null];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    PayPalButton.prototype.approveOrder = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, error_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 5, , 6]);
+                        this.validationErrorRaised = false;
+                        response = undefined;
+                        if (!(this.paymentMethod.intent.toUpperCase() === types_1.PayPalIntent.CAPTURE)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this.client.capturePayPalOrder({
+                                id: data.orderID
+                            })];
+                    case 1:
+                        response = (_a.sent()).data;
+                        return [3 /*break*/, 4];
+                    case 2:
+                        if (!(this.paymentMethod.intent.toUpperCase() === types_1.PayPalIntent.AUTHORIZE)) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.client.authorizePayPalOrder({
+                                id: data.orderID
+                            })];
+                    case 3:
+                        response = (_a.sent()).data;
+                        _a.label = 4;
+                    case 4:
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_SUCCESS, {
+                            data: util.toObjectWithCamelCaseKeys(response),
+                            message: 'PayPal order approved.'
+                        });
+                        return [2 /*return*/];
+                    case 5:
+                        error_2 = _a.sent();
+                        this.validationErrorRaised = true;
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                            errors: this.formatError(error_2),
+                            data: null
+                        });
+                        return [2 /*return*/];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    PayPalButton.prototype.createBillingAgreement = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var payload, response, error_3;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        this.validationErrorRaised = false;
+                        payload = util.toObjectWithSnakeCaseKeys(this.paymentMethod);
+                        delete payload.billing_agreement;
+                        return [4 /*yield*/, this.client.createPayPalBillingAgreement({
+                                billing: payload
+                            })];
+                    case 1:
+                        response = (_a.sent()).data;
+                        return [2 /*return*/, response.token_id];
+                    case 2:
+                        error_3 = _a.sent();
+                        this.validationErrorRaised = true;
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                            errors: this.formatError(error_3),
+                            data: null
+                        });
+                        return [2 /*return*/];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    PayPalButton.prototype.approveBillingAgreement = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response, error_4;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        this.validationErrorRaised = false;
+                        return [4 /*yield*/, this.client.approvePayPalBillingAgreement({
+                                id: data.billingToken
+                            })];
+                    case 1:
+                        response = (_a.sent()).data;
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_SUCCESS, {
+                            data: util.toObjectWithCamelCaseKeys(response),
+                            message: 'PayPal Billing Agreement created.'
+                        });
+                        return [2 /*return*/];
+                    case 2:
+                        error_4 = _a.sent();
+                        this.validationErrorRaised = true;
+                        (0, event_manager_1.emit)(types_2.PublicEvent.PAYPAL_ERROR, {
+                            errors: this.formatError(error_4),
+                            data: null
+                        });
+                        return [2 /*return*/];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    PayPalButton.prototype.formatError = function (error) {
+        var _a, _b;
+        var message = [(_b = (_a = error === null || error === void 0 ? void 0 : error.request) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors].flat();
+        if (typeof message[0] === 'undefined')
+            message = [error === null || error === void 0 ? void 0 : error.message].flat();
+        if (typeof message[0] === 'undefined')
+            message = ['Unknown error'];
+        return message;
+    };
+    return PayPalButton;
+}());
+exports.PayPalButton = PayPalButton;
+exports.default = PayPalButton;
+//# sourceMappingURL=paypal-button.js.map

package/dist/src/paypal/paypal-button.js.map

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

package/dist/src/paypal/paypal-button.test.js

@@ -0,0 +1,41 @@
+"use strict";
+/**
+ * @jest-environment jsdom
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var types_1 = require("../shared/types");
+var paypal_button_1 = require("./paypal-button");
+var eventManager = require('../../src/shared/event-manager');
+eventManager.emit = jest.fn();
+describe('PayPalButton', function () {
+    var instance;
+    beforeEach(function () {
+        jest.clearAllMocks();
+        window.paypal = jest.fn();
+        window.paypal.Buttons = jest.fn().mockImplementation(function () {
+            return {
+                render: function () { return true; }
+            };
+        });
+        instance = new paypal_button_1.PayPalButton();
+        localStorage.setItem('x-fz-token', 'TOKEN');
+    });
+    describe('render()', function () {
+        it('should emit fz.paypal.error if container does not exist', function () {
+            instance.render('invalid-container-id');
+            var eventDetail = {
+                errors: ["Container with id #invalid-container-id does not exist."]
+            };
+            expect(eventManager.emit).toHaveBeenCalledTimes(1);
+            expect(eventManager.emit.mock.calls[0][0]).toBe(types_1.PublicEvent.PAYPAL_ERROR);
+            expect(eventManager.emit.mock.calls[0][1]).toMatchObject(eventDetail);
+        });
+        it('calls paypal.render()', function () {
+            instance.getContainer = jest.fn().mockReturnValue(Object);
+            var spy = jest.spyOn(instance.paypalButtons, 'render');
+            instance.render('containerID');
+            expect(spy).toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=paypal-button.test.js.map

package/dist/src/paypal/paypal-button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paypal-button.test.js","sourceRoot":"","sources":["../../../src/paypal/paypal-button.test.ts"],"names":[],"mappings":";AAAA;;GAEG;;AAEH,yCAA6C;AAC7C,iDAA8C;AAC9C,IAAM,YAAY,GAAG,OAAO,CAAC,gCAAgC,CAAC,CAAA;AAC9D,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;AAE7B,QAAQ,CAAC,cAAc,EAAE;IACvB,IAAI,QAAsB,CAAA;IAE1B,UAAU,CAAC;QACT,IAAI,CAAC,aAAa,EAAE,CAAA;QAEpB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QACzB,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC;YACnD,OAAO;gBACL,MAAM,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;aACnB,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,QAAQ,GAAG,IAAI,4BAAY,EAAE,CAAA;QAC7B,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,QAAQ,CAAC,UAAU,EAAE;QACnB,EAAE,CAAC,yDAAyD,EAAE;YAC5D,QAAQ,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAA;YAEvC,IAAM,WAAW,GAAG;gBAClB,MAAM,EAAE,CAAC,yDAAyD,CAAC;aACpE,CAAA;YAED,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;YAClD,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAW,CAAC,YAAY,CAAC,CAAA;YACzE,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QACvE,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,uBAAuB,EAAE;YAC1B,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;YACzD,IAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;YACxD,QAAQ,CAAC,MAAM,CAAC,aAAa,CAAC,CAAA;YAE9B,MAAM,CAAC,GAAG,CAAC,CAAC,gBAAgB,EAAE,CAAA;QAChC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}