@fat-zebra/sdk 1.5.0 → 1.5.2

package/dist/staging/fatzebra.js

@@ -14145,23 +14145,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.CLICK_TO_PAY_DEFAULT_OPTIONS = void 0;
+var post_message_client_1 = __webpack_require__("./src/shared/post-message-client.ts");
 var types_1 = __webpack_require__("./src/shared/types.ts");
 var util = __importStar(__webpack_require__("./src/shared/util.ts"));
-var CLICK_TO_PAY_DEFAULT_OPTIONS = {
+var event_manager_1 = __webpack_require__("./src/shared/event-manager.ts");
+exports.CLICK_TO_PAY_DEFAULT_OPTIONS = {
     iframe: true,
+    postmessage: true,
 };
 var ClickToPay = /** @class */ (function () {
     function ClickToPay(config) {
         this.paymentIntent = config.paymentIntent;
         this.username = config.username;
         this.test = config.test;
+        this.postMessageClient = new post_message_client_1.PostMessageClient({
+            channel: 'click_to_pay',
+            target: this.iframe
+        });
     }
     ClickToPay.prototype.load = function (config) {
+        var _this = this;
         this.options = config.options;
         this.iframe = document.createElement('iframe');
         document.getElementById(config.containerId).appendChild(this.iframe);
         var payNowUrl = this.getPayNowUrl(config.options);
         this.iframe.setAttribute("src", payNowUrl);
+        this.iframe.onload = function () {
+            _this.setCrossFramesEventListeners();
+        };
     };
     ClickToPay.prototype.getPayNowUrl = function (options) {
         var payment = this.paymentIntent.payment;
@@ -14172,18 +14184,53 @@ var ClickToPay = /** @class */ (function () {
             this.username,
             payment.reference,
             payment.currency,
-            payment.amount,
+            // If amount is left as 0 (type: Number), it will be filtered out later
+            // So we convert to string as "0" will be allowed through the filter
+            // Yes, we do want $0 purchases (especially for tokenizeOnly / auth flows)
+            payment.amount.toString(),
             this.paymentIntent.verification
         ].filter(function (part) { return part; }).join('/');
-        var queryString;
-        if (options) {
-            var _options_1 = __assign(__assign({}, CLICK_TO_PAY_DEFAULT_OPTIONS), options);
-            queryString = Object.keys(_options_1).map(function (key) {
-                return util.toSnakeCase(key) + '=' + _options_1[key];
-            }).join('&');
-        }
-        var searchParams = new URLSearchParams(queryString);
-        return queryString ? "".concat(base, "?").concat(searchParams.toString()) : "".concat(base);
+        var searchParams = new URLSearchParams();
+        var combinedOptions = __assign(__assign({}, exports.CLICK_TO_PAY_DEFAULT_OPTIONS), options);
+        Object.keys(combinedOptions).map(function (key) {
+            if (combinedOptions[key] !== null && combinedOptions[key] !== undefined) {
+                searchParams.append(util.toSnakeCase(key), combinedOptions[key]);
+            }
+        });
+        return searchParams.toString().length > 0 ? "".concat(base, "?").concat(searchParams.toString()) : "".concat(base);
+    };
+    ClickToPay.prototype.setCrossFramesEventListeners = function () {
+        var handlers = {};
+        handlers[types_1.BridgeEvent.TOKENIZE_CARD_RESPONSE] = function (data) {
+            if (data.errors) {
+                (0, event_manager_1.emit)(types_1.PublicEvent.TOKENIZATION_ERROR, {
+                    message: 'Card tokenization failed.',
+                    errors: data.errors,
+                    data: null,
+                });
+                return;
+            }
+            else {
+                (0, event_manager_1.emit)(types_1.PublicEvent.TOKENIZATION_SUCCESS, {
+                    message: 'Card tokenization success.',
+                    data: data
+                });
+            }
+        };
+        handlers[types_1.PublicEvent.CLICK_TO_PAY_TOKENIZATION_ERROR] = function (data) {
+            (0, event_manager_1.emit)(types_1.PublicEvent.CLICK_TO_PAY_TOKENIZATION_ERROR, {
+                message: 'Card tokenization failed.',
+                errors: data.errors,
+                data: null,
+            });
+        };
+        handlers[types_1.PublicEvent.CLICK_TO_PAY_TOKENIZATION_SUCCESS] = function (data) {
+            (0, event_manager_1.emit)(types_1.PublicEvent.CLICK_TO_PAY_TOKENIZATION_SUCCESS, {
+                message: 'Card tokenization success.',
+                data: data
+            });
+        };
+        this.postMessageClient.setEventListeners(handlers);
     };
     ClickToPay.prototype.purchase = function () {
         var message = {
@@ -14401,6 +14448,8 @@ var Hpp = /** @class */ (function () {
     Hpp.prototype.setPublicEventListeners = function () {
         var _this = this;
         var handler = function (event) {
+            if (_this.hppOptions.tokenizeOnly)
+                return;
             var threedsData = event.detail.data;
             var extra = util.toObjectWithSnakeCaseKeys(threedsData);
             _this.createPurchase(extra);
@@ -14547,7 +14596,6 @@ var bridge = __importStar(__webpack_require__("./src/shared/bridge-client.ts"));
 var validation_1 = __webpack_require__("./src/validation/index.ts");
 var api_gateway_client_1 = __importDefault(__webpack_require__("./src/shared/api-gateway-client.ts"));
 var hpp_1 = __webpack_require__("./src/hpp/index.ts");
-var paypal_checkout_1 = __webpack_require__("./src/paypal/paypal-checkout.ts");
 var click_to_pay_1 = __importDefault(__webpack_require__("./src/click_to_pay/index.ts"));
 var FatZebra = /** @class */ (function () {
     function FatZebra(config) {
@@ -14689,24 +14737,6 @@ var FatZebra = /** @class */ (function () {
     FatZebra.prototype.checkout = function () {
         window.HPP.purchase();
     };
-    FatZebra.prototype.setupPayPal = function (config) {
-        var paypalCheckout = new paypal_checkout_1.PayPalCheckout({
-            currency: config.currency,
-            payment: config.payment,
-            containerId: config.containerId,
-            style: config.style
-        });
-        paypalCheckout.load()
-            .then(function () {
-            paypalCheckout.render();
-        })
-            .catch(function (error) {
-            (0, event_manager_1.emit)(types_1.PublicEvent.PAYPAL_ERROR, {
-                errors: [error].flat(),
-                data: null
-            });
-        });
-    };
     FatZebra.prototype.on = function (event, callback) {
         (0, event_manager_1.on)(event, callback);
     };
@@ -14722,538 +14752,6 @@ exports.FatZebra = FatZebra;
 exports["default"] = FatZebra;
 
 
-/***/ }),
-
-/***/ "./src/paypal/paypal-button.ts":
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"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 = __webpack_require__("./src/shared/event-manager.ts");
-var types_1 = __webpack_require__("./src/paypal/types.ts");
-var api_gateway_client_1 = __importDefault(__webpack_require__("./src/shared/api-gateway-client.ts"));
-var types_2 = __webpack_require__("./src/shared/types.ts");
-var util = __importStar(__webpack_require__("./src/shared/util.ts"));
-var constants_1 = __webpack_require__("./src/shared/constants.ts");
-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;
-
-
-/***/ }),
-
-/***/ "./src/paypal/paypal-checkout.ts":
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-// This is the implementation of PayPal Checkout
-//
-// https://developer.paypal.com/docs/checkout/
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.PayPalCheckout = void 0;
-var event_manager_1 = __webpack_require__("./src/shared/event-manager.ts");
-var types_1 = __webpack_require__("./src/shared/types.ts");
-var paypal_button_1 = __webpack_require__("./src/paypal/paypal-button.ts");
-var validation_1 = __webpack_require__("./src/paypal/validation.ts");
-var PayPalCheckout = /** @class */ (function () {
-    function PayPalCheckout(config) {
-        var _a, _b, _c, _d, _e;
-        if (!this.validatePayPalSetup(config)) {
-            (0, event_manager_1.emit)(types_1.PublicEvent.PAYPAL_ERROR, {
-                errors: this.errors(),
-                data: null
-            });
-            return;
-        }
-        this.billingAgreement = (((_b = (_a = config === null || config === void 0 ? void 0 : config.payment) === null || _a === void 0 ? void 0 : _a.paymentMethod) === null || _b === void 0 ? void 0 : _b.type) === types_1.PaymentMethodType.PAYPAL_BILLING);
-        this.payment = config === null || config === void 0 ? void 0 : config.payment;
-        this.intent = (_e = (_d = (_c = config === null || config === void 0 ? void 0 : config.payment) === null || _c === void 0 ? void 0 : _c.paymentMethod) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.intent;
-        this.currency = config === null || config === void 0 ? void 0 : config.currency;
-        this.containerId = config === null || config === void 0 ? void 0 : config.containerId;
-        this.buttonStyle = config === null || config === void 0 ? void 0 : config.style;
-        if (!this.validatePayPalRequest()) {
-            (0, event_manager_1.emit)(types_1.PublicEvent.PAYPAL_ERROR, {
-                errors: this.errors(),
-                data: null
-            });
-            return;
-        }
-    }
-    Object.defineProperty(PayPalCheckout.prototype, "paypal", {
-        get: function () {
-            return this.paypalButton;
-        },
-        set: function (paypal) {
-            this.paypalButton = paypal;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    PayPalCheckout.prototype.load = function () {
-        var _this = this;
-        if (this.errors()) {
-            return;
-        }
-        if (this.intent && !this.billingAgreement) {
-            var data = this.payment.paymentMethod.data;
-            data.intent = this.intent.toUpperCase();
-        }
-        var self = this;
-        return new Promise(function (resolve, reject) {
-            var script = document.createElement('script');
-            script.type = 'text/javascript';
-            var source = "https://www.paypal.com/sdk/js?commit=true&disable-funding=card&integration-date=2019-06-01" + '&client-id=' + "AWsk87oTy_rKljt2tK_pr0t7nKiytr3VKD4ouI6HFXh149iowjuQidXsJSf-udidfPBUEBtJyC0lxxBf" + '&debug=' + "true";
-            if (_this.currency)
-                source += '&currency=' + _this.currency;
-            if (_this.intent && !_this.billingAgreement)
-                source += '&intent=' + _this.intent;
-            if (_this.billingAgreement === true)
-                source += '&vault=true';
-            script.setAttribute('data-partner-attribution-id', "FatZebra_PSP");
-            script.src = source;
-            script.async = true;
-            document.body.appendChild(script);
-            script.onload = function () {
-                self.paypalButton = new paypal_button_1.PayPalButton(self.payment.paymentMethod.data, self.payment.paymentIntent, self.billingAgreement, self.buttonStyle);
-                resolve(null);
-            };
-            script.onerror = function () {
-                reject(['Loading PayPal failed']);
-            };
-        });
-    };
-    PayPalCheckout.prototype.render = function () {
-        if (this.errors()) {
-            return;
-        }
-        this.paypalButton.render(this.containerId);
-    };
-    PayPalCheckout.prototype.validatePayPalSetup = function (config) {
-        var validations = (0, validation_1.validatePayPalSetup)(config);
-        this.validationErrors = null;
-        if (!validations.valid) {
-            this.validationErrors = validations.errors;
-            return false;
-        }
-        return true;
-    };
-    PayPalCheckout.prototype.validatePayPalRequest = function () {
-        var validations = (0, validation_1.validatePayPalRequest)(this.payment, this.billingAgreement);
-        this.validationErrors = null;
-        if (!validations.valid) {
-            this.validationErrors = validations.errors;
-            return false;
-        }
-        return true;
-    };
-    PayPalCheckout.prototype.errors = function () {
-        if (this.validationErrors !== null)
-            return this.validationErrors;
-        return null;
-    };
-    return PayPalCheckout;
-}());
-exports.PayPalCheckout = PayPalCheckout;
-exports["default"] = PayPalCheckout;
-
-
-/***/ }),
-
-/***/ "./src/paypal/types.ts":
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.PayPalIntent = void 0;
-var PayPalIntent;
-(function (PayPalIntent) {
-    PayPalIntent["CAPTURE"] = "CAPTURE";
-    PayPalIntent["AUTHORIZE"] = "AUTHORIZE";
-})(PayPalIntent || (exports.PayPalIntent = PayPalIntent = {}));
-
-
-/***/ }),
-
-/***/ "./src/paypal/validation.ts":
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.validatePayPalRequest = exports.validatePayPalSetup = void 0;
-var types_1 = __webpack_require__("./src/paypal/types.ts");
-var PaypalConfigRequiredProps = ['currency', 'containerId', 'payment'];
-var PaypalOrderRequiredProps = ['intent', 'purchases'];
-var PaypalBillingRequiredProps = ['shippingAddress'];
-var validatePayPalSetup = function (props) {
-    var errors = [];
-    var keys = Object.keys(props);
-    for (var _i = 0, PaypalConfigRequiredProps_1 = PaypalConfigRequiredProps; _i < PaypalConfigRequiredProps_1.length; _i++) {
-        var requiredProp = PaypalConfigRequiredProps_1[_i];
-        // @ts-ignore
-        if (!keys.includes(requiredProp) || props[requiredProp] === undefined) {
-            errors.push("".concat(requiredProp, " is missing."));
-        }
-    }
-    return {
-        valid: errors.length == 0,
-        errors: errors
-    };
-};
-exports.validatePayPalSetup = validatePayPalSetup;
-var validatePayPalRequest = function (props, billing) {
-    var errors = [];
-    var keys = Object.keys(props);
-    if (!keys.includes('paymentMethod')) {
-        errors.push("paymentMethod is missing.");
-    }
-    if (!keys.includes('paymentIntent') && !billing) {
-        errors.push("paymentIntent is missing.");
-    }
-    if (props.paymentMethod) {
-        var orderKeys = Object.keys(props.paymentMethod.data);
-        if (orderKeys.includes('intent')) {
-            var intent = props.paymentMethod.data.intent.toLowerCase();
-            var intents = Object.values(types_1.PayPalIntent).map(function (v) { return v.toLowerCase(); });
-            if (!intents.includes(intent)) {
-                errors.push("intent is invalid, must be one of [".concat(intents.join(', '), "]."));
-            }
-        }
-        if (!props.paymentMethod.type) {
-            errors.push("paymentMethod.type is missing.");
-        }
-    }
-    if (errors.length > 0) {
-        return {
-            valid: errors.length == 0,
-            errors: errors
-        };
-    }
-    var paymentMethod = props.paymentMethod.data;
-    var providedKeys = Object.keys(paymentMethod);
-    var requiredProps;
-    if (billing === true) {
-        requiredProps = PaypalBillingRequiredProps;
-    }
-    else {
-        requiredProps = PaypalOrderRequiredProps;
-    }
-    for (var _i = 0, requiredProps_1 = requiredProps; _i < requiredProps_1.length; _i++) {
-        var requiredProp = requiredProps_1[_i];
-        if (!providedKeys.includes(requiredProp)) {
-            errors.push("".concat(requiredProp, " is missing."));
-        }
-    }
-    return {
-        valid: errors.length == 0,
-        errors: errors
-    };
-};
-exports.validatePayPalRequest = validatePayPalRequest;
-
-
 /***/ }),
 
 /***/ "./src/sca/cardinal.ts":
@@ -15360,6 +14858,7 @@ var CardinalManager = /** @class */ (function () {
     };
     CardinalManager.prototype.onPaymentValidated = function (handler) {
         window.Cardinal.on('payments.validated', function (data, jwt) {
+            window.Cardinal.off('payments.validated');
             if (data.ErrorDescription.toLowerCase() === 'success') {
                 handler({
                     processorTransactionId: data.Payment.ProcessorTransactionId,
@@ -16407,50 +15906,6 @@ var GatewayClient = /** @class */ (function () {
             });
         });
     };
-    /**************** PayPal /****************/
-    GatewayClient.prototype.createPayPalOrder = function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.client.post("/paypal/orders", data, {
-                        timeout: constants_1.LongRequestTimeout,
-                    })];
-            });
-        });
-    };
-    GatewayClient.prototype.capturePayPalOrder = function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.client.post("/paypal/orders/".concat(data.id, "/capture"), null, {
-                        timeout: constants_1.LongRequestTimeout,
-                    })];
-            });
-        });
-    };
-    GatewayClient.prototype.authorizePayPalOrder = function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.client.post("/paypal/orders/".concat(data.id, "/authorize"), null, {
-                        timeout: constants_1.LongRequestTimeout,
-                    })];
-            });
-        });
-    };
-    GatewayClient.prototype.createPayPalBillingAgreement = function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.client.post("/paypal/billing_agreements", data, {
-                        timeout: constants_1.LongRequestTimeout,
-                    })];
-            });
-        });
-    };
-    GatewayClient.prototype.approvePayPalBillingAgreement = function (data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, this.client.post("/paypal/billing_agreements/".concat(data.id, "/approve"), null, { timeout: constants_1.LongRequestTimeout })];
-            });
-        });
-    };
     return GatewayClient;
 }());
 exports["default"] = GatewayClient;
@@ -16831,11 +16286,9 @@ var PublicEvent;
     PublicEvent["TOKENIZATION_ERROR"] = "fz.tokenization.error";
     PublicEvent["PAYMENT_SUCCESS"] = "fz.payment.success";
     PublicEvent["PAYMENT_ERROR"] = "fz.payment.error";
-    PublicEvent["PAYPAL_CANCEL"] = "fz.paypal.cancel";
-    PublicEvent["PAYPAL_SUCCESS"] = "fz.paypal.success";
-    PublicEvent["PAYPAL_ERROR"] = "fz.paypal.error";
-    PublicEvent["PAYPAL_PROCESSESING"] = "fz.paypal.processing";
     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 || (exports.PublicEvent = PublicEvent = {}));
 var BridgeEvent;
 (function (BridgeEvent) {
@@ -16847,13 +16300,12 @@ var BridgeEvent;
     BridgeEvent["FORM_VALIDATION_ERROR"] = "fzi.form_validation_error";
     BridgeEvent["FORM_VALIDATION_SUCCESS"] = "fzi.form_validation_success";
     BridgeEvent["BIN_LOOKUP"] = "fzi.bin_lookup";
+    BridgeEvent["CLICK_TO_PAY_TOKENIZATION"] = "fzi.c2p.tc_res";
 })(BridgeEvent || (exports.BridgeEvent = BridgeEvent = {}));
 var PaymentMethodType;
 (function (PaymentMethodType) {
     PaymentMethodType["CARD"] = "card";
     PaymentMethodType["CARD_ON_FILE"] = "card_on_file";
-    PaymentMethodType["PAYPAL_ORDER"] = "paypal_order";
-    PaymentMethodType["PAYPAL_BILLING"] = "paypal_billing";
 })(PaymentMethodType || (exports.PaymentMethodType = PaymentMethodType = {}));
 
 
@@ -17110,7 +16562,7 @@ module.exports = JSON.parse('{"name":"axios","version":"0.21.4","description":"P
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"name":"@fat-zebra/sdk","version":"1.4.9","description":"","main":"index.js","scripts":{"test":"jest --clearCache && jest --passWithNoTests --verbose","build:local":"cp .env.local .env && export ENVIRONMENT=local && npx webpack --config webpack.config.dev.js && node build-styles.js","build:staging":"cp .env.staging .env && export ENVIRONMENT=staging && npx webpack --config webpack.config.dev.js && node build-styles.js","build:sandbox":"cp .env.sandbox .env && export ENVIRONMENT=sandbox && npx webpack --config webpack.config.prod.js && node build-styles.js","build:production":"cp .env.production .env && export ENVIRONMENT=production && npx webpack --config webpack.config.prod.js && node build-styles.js","build:package":"yarn tsc -p tsconfig.package.json && node build-styles.js","start:local:api":"export MERCHANT_MODE=api && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:local:hpp":"export MERCHANT_MODE=hpp && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:local:paypal":"export MERCHANT_MODE=paypal && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open \'Firefox\'","start:staging:api":"export MERCHANT_MODE=api && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:staging:hpp":"export MERCHANT_MODE=hpp && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:staging:es5":"export MERCHANT_MODE=es5 && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:docker":"npm run build:dev --watch && webpack serve --config webpack.config.dev.js --host 0.0.0.0","generate:jwt":"node scripts/generate-access-token.js"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@types/ajv":"^1.0.0","@types/axios":"^0.14.0","@types/dotenv":"^8.2.0","@types/jest":"^24.0.23","@types/jsdom":"^21.1.1","@types/nock":"^11.1.0","@types/react":"^18.2.15","@types/react-dom":"^18.2.7","audit-ci":"^3.0.0","dotenv":"^16.0.1","dotenv-webpack":"^8.0.0","ejs":"^3.0.1","html-webpack-plugin":"^5.3.1","jest":"^29.6.1","jest-environment-jsdom":"^29.6.1","jest-localstorage-mock":"^2.4.22","jsdom":"^16.2.1","jsonwebtoken":"^9.0.0","nock":"^12.0.1","source-map-loader":"^0.2.4","terser-webpack-plugin":"^4.1.0","ts-jest":"^29.1.1","ts-loader":"^9.4.4","typescript":"^5.1.6","webpack":"^5.76.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.7.4"},"dependencies":{"ajv":"^6.12.3","axios":"^0.21.1","custom-event-polyfill":"^1.0.7","ts-polyfill":"^3.8.2","url-template":"^3.1.0"},"peerDependencies":{"react":">= 16","react-dom":">= 16"}}');
+module.exports = JSON.parse('{"name":"@fat-zebra/sdk","version":"1.6.0","description":"","main":"index.js","scripts":{"test":"jest --clearCache && jest --passWithNoTests --verbose","build:local":"cp .env.local .env && export ENVIRONMENT=local && npx webpack --config webpack.config.dev.js && node build-styles.js","build:staging":"cp .env.staging .env && export ENVIRONMENT=staging && npx webpack --config webpack.config.dev.js && node build-styles.js","build:sandbox":"cp .env.sandbox .env && export ENVIRONMENT=sandbox && npx webpack --config webpack.config.prod.js && node build-styles.js","build:production":"cp .env.production .env && export ENVIRONMENT=production && npx webpack --config webpack.config.prod.js && node build-styles.js","build:package":"yarn tsc -p tsconfig.package.json && node build-styles.js","start:local:api":"export MERCHANT_MODE=api && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:local:hpp":"export MERCHANT_MODE=hpp && npm run build:local --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:staging:api":"export MERCHANT_MODE=api && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:staging:hpp":"export MERCHANT_MODE=hpp && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:staging:es5":"export MERCHANT_MODE=es5 && npm run build:staging --watch && webpack serve --config webpack.config.dev.js --open \'Google Chrome\'","start:docker":"npm run build:dev --watch && webpack serve --config webpack.config.dev.js --host 0.0.0.0","generate:jwt":"node scripts/generate-access-token.js"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@types/ajv":"^1.0.0","@types/axios":"^0.14.0","@types/dotenv":"^8.2.0","@types/jest":"^24.0.23","@types/jsdom":"^21.1.1","@types/nock":"^11.1.0","@types/react":"^18.2.15","@types/react-dom":"^18.2.7","audit-ci":"^3.0.0","dotenv":"^16.0.1","dotenv-webpack":"^8.0.0","ejs":"^3.0.1","html-webpack-plugin":"^5.3.1","jest":"^29.6.1","jest-environment-jsdom":"^29.6.1","jest-localstorage-mock":"^2.4.22","jsdom":"^16.2.1","jsonwebtoken":"^9.0.0","nock":"^12.0.1","source-map-loader":"^0.2.4","terser-webpack-plugin":"^4.1.0","ts-jest":"^29.1.1","ts-loader":"^9.4.4","typescript":"^5.1.6","webpack":"^5.76.0","webpack-cli":"^4.10.0","webpack-dev-server":"^4.7.4"},"dependencies":{"ajv":"^6.12.3","axios":"^0.21.1","custom-event-polyfill":"^1.0.7","ts-polyfill":"^3.8.2","url-template":"^3.1.0"},"peerDependencies":{"react":">= 16","react-dom":">= 16"}}');
 
 /***/ }),
 
@@ -17134,7 +16586,7 @@ module.exports = JSON.parse('{"$id":"https://www.fatzebra.com/schemas/click-to-p
 /***/ ((module) => {
 
 "use strict";
-module.exports = JSON.parse('{"$id":"https://www.fatzebra.com/schemas/click-to-pay/payment-intent.json","type":"object","additionalProperties":false,"definitions":{"PaymentIntent":{"type":"object","additionalProperties":false,"properties":{"payment":{"type":"object","additionalProperties":false,"required":["amount","currency","reference"],"properties":{"amount":{"type":"number","minimum":0.01},"currency":{"type":"string"},"reference":{"type":"string"}}},"verification":{"type":"string","minLength":5}},"required":["payment","verification"]}}}');
+module.exports = JSON.parse('{"$id":"https://www.fatzebra.com/schemas/click-to-pay/payment-intent.json","type":"object","additionalProperties":false,"definitions":{"PaymentIntent":{"type":"object","additionalProperties":false,"properties":{"payment":{"type":"object","additionalProperties":false,"required":["amount","currency","reference"],"properties":{"amount":{"type":"number","minimum":0},"currency":{"type":"string"},"reference":{"type":"string"}}},"verification":{"type":"string","minLength":5}},"required":["payment","verification"]}}}');
 
 /***/ }),
 
@@ -17255,7 +16707,7 @@ module.exports = JSON.parse('{"$id":"https://www.fatzebra.com/schemas/hpp-load-p
 /******/ 	
 /******/ 	/* webpack/runtime/getFullHash */
 /******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("913fe291c9fd6f506009")
+/******/ 		__webpack_require__.h = () => ("02801acfe7d1ac0ae815")
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/global */