@fat-zebra/sdk 1.5.2 → 1.5.3-beta.3

package/dist/react/ApplePay.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLProps } from "react";
+import * as FatZebra from "../shared/types";
+type FrameProps = {
+    handlers: FatZebra.Handlers;
+    config: FatZebra.PaymentConfig;
+    iframeProps?: HTMLProps<HTMLIFrameElement>;
+};
+declare const ApplePay: ({ handlers, config, iframeProps }: FrameProps) => React.JSX.Element;
+export default ApplePay;

package/dist/react/ApplePay.js

@@ -0,0 +1,11 @@
+import React from "react";
+import useFatZebra from "./useFatZebra";
+const ApplePay = ({ handlers, config, iframeProps }) => {
+    const { applePayUrl } = useFatZebra({
+        config: Object.assign(Object.assign({}, config), { options: Object.assign(Object.assign({}, config.options), { applepay: true }) }),
+        handlers: handlers,
+    });
+    return (React.createElement("div", null,
+        React.createElement("iframe", Object.assign({ src: applePayUrl, allow: "payment", "data-test-id": "apple-pay", title: "apple-pay-button" }, iframeProps))));
+};
+export default ApplePay;

package/dist/react/applePayUrl.d.ts

@@ -0,0 +1,12 @@
+import { Environment } from "../shared/env";
+import { OptionalUrlValues } from '../shared/types';
+type RequiredURLValues = {
+    merchant: string;
+    hash: string;
+    reference: string;
+    amount: number;
+    currency: string;
+};
+type UrlValues = RequiredURLValues & OptionalUrlValues;
+declare const generateApplePayUrl: (values: UrlValues, environment?: Environment) => string;
+export { generateApplePayUrl };

package/dist/react/applePayUrl.js

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

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const version = "1.5.2";
+export declare const version = "1.5.3-beta.3";

package/dist/version.js

@@ -1 +1 @@
-export const version = '1.5.2';
+export const version = '1.5.3-beta.3';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.2",
+  "version": "1.5.3-beta.3",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -9,7 +9,7 @@
     "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": "tsc -p tsconfig.package.json && ENVIRONMENT=production node build-styles.js",
+    "build:package": "tsc -p tsconfig.package.json && REACT=true ENVIRONMENT=production 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'",
@@ -17,7 +17,7 @@
     "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",
-    "npm:publish": "node scripts/release-package.js"
+    "npm:publish": "ts-node scripts/release-package.ts"
   },
   "keywords": [],
   "author": "",
@@ -55,6 +55,9 @@
     "ajv": "^6.12.3",
     "axios": "^1.6.4",
     "custom-event-polyfill": "^1.0.7",
+    "inquirer": "^10.0.1",
+    "simple-git": "^3.25.0",
+    "ts-node": "^10.9.2",
     "ts-polyfill": "^3.8.2",
     "url-template": "^3.1.0"
   },

package/tsconfig.package.json

@@ -4,6 +4,7 @@
     "outDir": "./dist/",
     "jsx": "react",
     "esModuleInterop": true,
+    "skipLibCheck": true,
     "sourceMap": false,
     "noImplicitAny": true,
     "module": "esnext",
@@ -16,7 +17,7 @@
     "isolatedModules": true,
   },
   "include": [
-    "./src/**/*"
+    "./src/**/*",
   ],
   "exclude": [
     "node_modules",

package/dist/paypal/paypal-button.d.ts

@@ -1,31 +0,0 @@
-import { PayPalPaymentMethod } from './types';
-import { PaymentIntent } from '../shared/types';
-interface PayPal {
-    render(containerId: string): void;
-}
-interface PayPalButtonStyle {
-    [key: string]: any;
-}
-export default class PayPalButton {
-    private validationErrorRaised;
-    private _paypalButtons;
-    private paymentMethod;
-    private paymentIntent;
-    private buttonStyle;
-    private billingAgreement;
-    private client;
-    private actions;
-    constructor(paymentMethod?: PayPalPaymentMethod, paymentIntent?: PaymentIntent, billingAgreement?: boolean, buttonStyle?: PayPalButtonStyle);
-    get paypalButtons(): any;
-    get paypalActions(): any;
-    render(containerId: string): void;
-    getContainer(containerId: string): any;
-    private createButton;
-    private createOrder;
-    private approveOrder;
-    private createBillingAgreement;
-    private approveBillingAgreement;
-    private formatError;
-}
-export { PayPalButton };
-export type { PayPal, PayPalButtonStyle, };

package/dist/paypal/paypal-button.js

@@ -1,199 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { emit } from '../shared/event-manager';
-import { PayPalIntent } from './types';
-import GatewayClient from '../shared/api-gateway-client';
-import { PublicEvent } from '../shared/types';
-import * as util from '../shared/util';
-import { LocalStorageAccessTokenKey } from '../shared/constants';
-const defaultStyle = {
-    layout: 'horizontal',
-    color: 'gold',
-    shape: 'pill',
-    label: 'paypal',
-};
-export default class PayPalButton {
-    constructor(paymentMethod, paymentIntent, billingAgreement, buttonStyle) {
-        this.paymentMethod = paymentMethod;
-        this.paymentIntent = paymentIntent;
-        this.billingAgreement = billingAgreement;
-        this.buttonStyle = buttonStyle;
-        this.client = new GatewayClient({ accessToken: window.localStorage.getItem(LocalStorageAccessTokenKey),
-            username: window.MerchantUsername,
-        });
-        this.createButton();
-    }
-    get paypalButtons() {
-        return this._paypalButtons;
-    }
-    get paypalActions() {
-        return this.actions;
-    }
-    render(containerId) {
-        let container = this.getContainer(containerId);
-        if (typeof (container) != 'undefined' && container != null) {
-            this._paypalButtons.render('#' + container.id);
-        }
-        else {
-            emit(PublicEvent.PAYPAL_ERROR, {
-                errors: [`Container with id #${containerId} does not exist.`],
-                data: null
-            });
-        }
-    }
-    getContainer(containerId) {
-        return document.getElementById(containerId);
-    }
-    createButton() {
-        let button = ({});
-        button.style = (this.buttonStyle ? this.buttonStyle : defaultStyle);
-        if (this.billingAgreement === true) {
-            button.createBillingAgreement = () => __awaiter(this, void 0, void 0, function* () {
-                return this.createBillingAgreement();
-            });
-            button.onApprove = (data, actions) => __awaiter(this, void 0, void 0, function* () {
-                emit(PublicEvent.PAYPAL_PROCESSESING, { data: {}, message: 'The request is being processed.' });
-                return this.approveBillingAgreement(data);
-            });
-            button.onCancel = (data, actions) => {
-                emit(PublicEvent.PAYPAL_CANCEL, { data: { id: data.orderID }, message: 'PayPal Billing Agreement cancelled.' });
-            };
-        }
-        else {
-            button.createOrder = () => __awaiter(this, void 0, void 0, function* () {
-                return this.createOrder();
-            });
-            button.onApprove = (data, actions) => __awaiter(this, void 0, void 0, function* () {
-                emit(PublicEvent.PAYPAL_PROCESSESING, { data: {}, message: 'The request is being processed.' });
-                return this.approveOrder(data);
-            });
-            button.onCancel = (data, actions) => {
-                emit(PublicEvent.PAYPAL_CANCEL, { data: { id: data.orderID }, message: 'PayPal Order cancelled.' });
-            };
-        }
-        button.onError = (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) {
-                emit(PublicEvent.PAYPAL_ERROR, {
-                    errors: ['PayPal Checkout failed.'],
-                    data: null
-                });
-            }
-        };
-        this._paypalButtons = window.paypal.Buttons(button);
-    }
-    createOrder() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.validationErrorRaised = false;
-                let payload = util.toObjectWithSnakeCaseKeys(this.paymentMethod);
-                payload.payment_intent = this.paymentIntent;
-                const response = (yield this.client.createPayPalOrder({
-                    order: payload
-                })).data;
-                return response.id;
-            }
-            catch (error) {
-                this.validationErrorRaised = true;
-                emit(PublicEvent.PAYPAL_ERROR, {
-                    errors: this.formatError(error),
-                    data: null
-                });
-                return null;
-            }
-        });
-    }
-    approveOrder(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.validationErrorRaised = false;
-                let response = undefined;
-                if (this.paymentMethod.intent.toUpperCase() === PayPalIntent.CAPTURE) {
-                    response = (yield this.client.capturePayPalOrder({
-                        id: data.orderID
-                    })).data;
-                }
-                else if (this.paymentMethod.intent.toUpperCase() === PayPalIntent.AUTHORIZE) {
-                    response = (yield this.client.authorizePayPalOrder({
-                        id: data.orderID
-                    })).data;
-                }
-                emit(PublicEvent.PAYPAL_SUCCESS, {
-                    data: util.toObjectWithCamelCaseKeys(response),
-                    message: 'PayPal order approved.'
-                });
-                return;
-            }
-            catch (error) {
-                this.validationErrorRaised = true;
-                emit(PublicEvent.PAYPAL_ERROR, {
-                    errors: this.formatError(error),
-                    data: null
-                });
-                return;
-            }
-        });
-    }
-    createBillingAgreement() {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.validationErrorRaised = false;
-                let payload = util.toObjectWithSnakeCaseKeys(this.paymentMethod);
-                delete payload.billing_agreement;
-                let response = (yield this.client.createPayPalBillingAgreement({
-                    billing: payload
-                })).data;
-                return response.token_id;
-            }
-            catch (error) {
-                this.validationErrorRaised = true;
-                emit(PublicEvent.PAYPAL_ERROR, {
-                    errors: this.formatError(error),
-                    data: null
-                });
-                return;
-            }
-        });
-    }
-    approveBillingAgreement(data) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                this.validationErrorRaised = false;
-                let response = (yield this.client.approvePayPalBillingAgreement({
-                    id: data.billingToken
-                })).data;
-                emit(PublicEvent.PAYPAL_SUCCESS, {
-                    data: util.toObjectWithCamelCaseKeys(response),
-                    message: 'PayPal Billing Agreement created.'
-                });
-                return;
-            }
-            catch (error) {
-                this.validationErrorRaised = true;
-                emit(PublicEvent.PAYPAL_ERROR, {
-                    errors: this.formatError(error),
-                    data: null
-                });
-                return;
-            }
-        });
-    }
-    formatError(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;
-    }
-}
-export { PayPalButton };

package/dist/paypal/paypal-checkout.d.ts

@@ -1,21 +0,0 @@
-import { PayPalButton } from './paypal-button';
-import { PayPalConfig } from './types';
-export default class PayPalCheckout {
-    private paypalButton;
-    private validationErrors;
-    private intent;
-    private currency;
-    private payment;
-    private billingAgreement;
-    private containerId;
-    private buttonStyle;
-    constructor(config: PayPalConfig);
-    get paypal(): PayPalButton;
-    set paypal(paypal: PayPalButton);
-    load(): Promise<any>;
-    render(): void;
-    private validatePayPalSetup;
-    private validatePayPalRequest;
-    private errors;
-}
-export { PayPalCheckout };

package/dist/paypal/paypal-checkout.js

@@ -1,100 +0,0 @@
-// This is the implementation of PayPal Checkout
-//
-// https://developer.paypal.com/docs/checkout/
-import { emit } from '../shared/event-manager';
-import { PaymentMethodType, PublicEvent } from '../shared/types';
-import { PayPalButton, } from './paypal-button';
-import { validatePayPalSetup, validatePayPalRequest, } from './validation';
-export default class PayPalCheckout {
-    constructor(config) {
-        var _a, _b, _c, _d, _e;
-        if (!this.validatePayPalSetup(config)) {
-            emit(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) === 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()) {
-            emit(PublicEvent.PAYPAL_ERROR, {
-                errors: this.errors(),
-                data: null
-            });
-            return;
-        }
-    }
-    get paypal() {
-        return this.paypalButton;
-    }
-    set paypal(paypal) {
-        this.paypalButton = paypal;
-    }
-    load() {
-        if (this.errors()) {
-            return;
-        }
-        if (this.intent && !this.billingAgreement) {
-            let data = this.payment.paymentMethod.data;
-            data.intent = this.intent.toUpperCase();
-        }
-        let self = this;
-        return new Promise((resolve, reject) => {
-            const script = document.createElement('script');
-            script.type = 'text/javascript';
-            let source = process.env.PAYPAL_SDK_URL + '&client-id=' + process.env.PAYPAL_CLIENT_ID + '&debug=' + process.env.PAYPAL_DEBUG;
-            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', process.env.PAYPAL_PARTNER_ID);
-            script.src = source;
-            script.async = true;
-            document.body.appendChild(script);
-            script.onload = () => {
-                self.paypalButton = new PayPalButton(self.payment.paymentMethod.data, self.payment.paymentIntent, self.billingAgreement, self.buttonStyle);
-                resolve(null);
-            };
-            script.onerror = () => {
-                reject(['Loading PayPal failed']);
-            };
-        });
-    }
-    render() {
-        if (this.errors()) {
-            return;
-        }
-        this.paypalButton.render(this.containerId);
-    }
-    validatePayPalSetup(config) {
-        const validations = validatePayPalSetup(config);
-        this.validationErrors = null;
-        if (!validations.valid) {
-            this.validationErrors = validations.errors;
-            return false;
-        }
-        return true;
-    }
-    validatePayPalRequest() {
-        const validations = validatePayPalRequest(this.payment, this.billingAgreement);
-        this.validationErrors = null;
-        if (!validations.valid) {
-            this.validationErrors = validations.errors;
-            return false;
-        }
-        return true;
-    }
-    errors() {
-        if (this.validationErrors !== null)
-            return this.validationErrors;
-        return null;
-    }
-}
-export { PayPalCheckout };

package/dist/paypal/types.d.ts

@@ -1,188 +0,0 @@
-import { PaymentMethod, PaymentIntent } from '../shared/types';
-export interface PayPalConfig {
-    currency: string;
-    payment: PayPalOrderParams;
-    containerId: string;
-    style?: {
-        [key: string]: any;
-    };
-}
-export interface PayPalOrderParams {
-    paymentIntent?: PaymentIntent;
-    paymentMethod: PaymentMethod;
-}
-export declare enum PayPalIntent {
-    CAPTURE = "CAPTURE",
-    AUTHORIZE = "AUTHORIZE"
-}
-export type PayPalPaymentMethod = PayPalOrderRequest | PayPalBillingAgreementRequest;
-/***************** PayPal Order Object ******************/
-export interface PayPalOrderRequest {
-    intent: 'capture' | 'authorize';
-    options?: {
-        brandName?: string;
-        landingPage?: string;
-        payeePreferredPayment?: string;
-        shippingPreference?: string;
-    };
-    purchases: Purchases[];
-}
-interface Purchases {
-    description?: string;
-    softDescriptor?: string;
-    amount: Amount;
-    items?: Item[];
-    shippingAddress: {
-        name?: string;
-        method?: string;
-        address: Address;
-    };
-    payee?: {
-        emailAddress: string;
-        merchantId: string;
-    };
-}
-interface Amount {
-    itemTotal?: number;
-    shipping?: number;
-    handling?: number;
-    taxTotal?: number;
-    shippingDiscount?: number;
-    insurance?: number;
-    discount?: number;
-}
-interface Address {
-    firstName?: string;
-    lastName?: string;
-    address_1?: string;
-    address_2?: string;
-    city?: string;
-    state?: string;
-    postcode?: string;
-    country: string;
-}
-interface Item {
-    name: string;
-    description?: string;
-    sku?: string;
-    unitAmount: number;
-    tax?: number;
-    qty: string;
-    category?: string;
-}
-export interface CreatePayPalOrderRequest {
-    order: PayPalOrderRequest;
-}
-export interface PayPalOrderResponse {
-    id: string;
-    intent: PayPalIntent;
-}
-/***************** PayPal Capture Object ******************/
-export interface CapturePayPalOrderRequest {
-    id: string;
-}
-export interface CapturePayPalOrderResponse {
-    id: string;
-    intent: string;
-    reference: string;
-    paypal_reference: string;
-    invoice_id: string;
-    amount: number;
-    decimal_amount: number;
-    captured_amount: number;
-    captured: boolean;
-    successful: boolean;
-    status: string;
-    message: string;
-    currency: string;
-    transaction_id: string;
-    transaction_date: Date;
-    response_code: string;
-    paypal_fee: number;
-    seller_receivable_net_amount: number;
-    note_to_payer: string;
-    is_final_capture: boolean;
-    refunded_amount: number;
-    balance_available_for_refund: number;
-    balance_available_for_capture: number;
-    authorization: string;
-    order: string;
-}
-/***************** PayPal Authorize Object ******************/
-export interface AuthorizePayPalOrderRequest {
-    id: string;
-}
-export interface AuthorizePayPalOrderResponse {
-    id: string;
-    intent: string;
-    reference: string;
-    paypal_reference: string;
-    invoice_id: string;
-    amount: number;
-    decimal_amount: number;
-    captured_amount: number;
-    captured: boolean;
-    successful: boolean;
-    status: string;
-    message: string;
-    currency: string;
-    transaction_id: string;
-    transaction_date: Date;
-    response_code: string;
-    refunded_amount: number;
-    balance_available_for_capture: number;
-    order: string;
-}
-/***************** PayPal Billing Agreement Object ******************/
-export interface PayPalBillingAgreementRequest {
-    name?: string;
-    description?: string;
-    shippingAddress: BillingAddress;
-    merchantCustomData?: string;
-}
-export interface CreatePayPalBillingAgreementRequest {
-    billing: PayPalBillingAgreementRequest;
-}
-interface BillingAddress {
-    firstName?: string;
-    lastName?: string;
-    address_1: string;
-    address_2?: string;
-    city: string;
-    state: string;
-    postcode: string;
-    country: string;
-}
-export interface PayPalBillingAgreementResponse {
-    token_id: string;
-}
-export interface ApprovePayPalBillingAgreementRequest {
-    id: string;
-}
-export interface ApprovePayPalBillingAgreementResponse {
-    token: string;
-    name?: string;
-    description?: string;
-    state: string;
-    payer?: {
-        payer_info: {
-            email: string;
-            first_name: string;
-            last_name: string;
-            payer_id: string;
-        };
-    };
-    shipping_address?: {
-        first_name?: string;
-        last_name?: string;
-        address_1: string;
-        address_2?: string;
-        city: string;
-        state: string;
-        postcode: string;
-        country: string;
-    };
-    merchant_custom_data?: string;
-    created_at: Date;
-}
-export {};

package/dist/paypal/types.js

@@ -1,5 +0,0 @@
-export var PayPalIntent;
-(function (PayPalIntent) {
-    PayPalIntent["CAPTURE"] = "CAPTURE";
-    PayPalIntent["AUTHORIZE"] = "AUTHORIZE";
-})(PayPalIntent || (PayPalIntent = {}));