npm - @fat-zebra/sdk - Versions diffs - 1.0.5 → 1.2.1 - Mend

@fat-zebra/sdk 1.0.5 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (172) hide show

package/CHANGELOG.md +13 -0
package/README.md +162 -0
package/dist/applepay/applepay.d.ts +20 -0
package/dist/applepay/applepay.js +93 -0
package/dist/applepay/clients/apple-pay-client.d.ts +24 -0
package/dist/applepay/clients/apple-pay-client.js +29 -0
package/dist/applepay/clients/paynow-client.d.ts +17 -0
package/dist/applepay/clients/paynow-client.js +55 -0
package/dist/applepay/index.d.ts +1 -0
package/dist/applepay/index.js +1 -0
package/dist/env.d.ts +5 -0
package/dist/env.development.d.ts +5 -0
package/dist/env.development.js +5 -0
package/dist/env.js +5 -0
package/dist/hpp/hpp.d.ts +61 -0
package/dist/hpp/hpp.js +186 -0
package/dist/hpp/index.d.ts +2 -0
package/dist/hpp/index.js +1 -0
package/dist/index.d.ts +5 -2
package/dist/index.js +6 -2
package/dist/local/fatzebra.js +17728 -0
package/dist/local/fatzebra.js.map +1 -0
package/dist/local/index.html +247 -0
package/dist/main.d.ts +38 -0
package/dist/main.js +148 -0
package/dist/paypal/paypal-button.d.ts +31 -0
package/dist/paypal/paypal-button.js +199 -0
package/dist/paypal/paypal-checkout.d.ts +21 -0
package/dist/paypal/paypal-checkout.js +100 -0
package/dist/paypal/types.d.ts +188 -0
package/dist/paypal/types.js +5 -0
package/dist/paypal/validation.d.ts +4 -0
package/dist/paypal/validation.js +65 -0
package/dist/react/VerifyCard.d.ts +2 -4
package/dist/react/VerifyCard.js +3 -3
package/dist/react/url.d.ts +3 -18
package/dist/react/url.js +3 -29
package/dist/react/useFatZebra.d.ts +2 -3
package/dist/react/useFatZebra.js +7 -7
package/dist/sca/cardinal.d.ts +1 -1
package/dist/sca/cardinal.js +1 -1
package/dist/sca/index.d.ts +8 -5
package/dist/sca/index.js +26 -85
package/dist/sca/sca.d.ts +42 -0
package/dist/sca/sca.js +273 -0
package/dist/sca/scenarios/index.d.ts +3 -2
package/dist/sca/types.d.ts +1 -1
package/dist/sca/types.js +1 -1
package/dist/shared/api-gateway-client.d.ts +7 -0
package/dist/shared/api-gateway-client.js +35 -1
package/dist/shared/env.d.ts +5 -0
package/dist/shared/env.development.d.ts +5 -0
package/dist/shared/env.development.js +5 -0
package/dist/shared/env.js +5 -0
package/dist/shared/event-manager.d.ts +1 -1
package/dist/shared/event-manager.js +0 -1
package/dist/shared/post-message-client.d.ts +1 -1
package/dist/shared/post-message-client.js +1 -1
package/dist/shared/types.d.ts +40 -33
package/dist/shared/types.js +7 -1
package/dist/src/applepay/applepay.js +198 -0
package/dist/src/applepay/applepay.js.map +1 -0
package/dist/src/applepay/clients/apple-pay-client.js +66 -0
package/dist/src/applepay/clients/apple-pay-client.js.map +1 -0
package/dist/src/applepay/clients/paynow-client.js +96 -0
package/dist/src/applepay/clients/paynow-client.js.map +1 -0
package/dist/src/applepay/index.js +6 -0
package/dist/src/applepay/index.js.map +1 -0
package/dist/src/hpp/hpp.js +230 -0
package/dist/src/hpp/hpp.js.map +1 -0
package/dist/src/hpp/hpp.test.js +135 -0
package/dist/src/hpp/hpp.test.js.map +1 -0
package/dist/src/hpp/index.js +6 -0
package/dist/src/hpp/index.js.map +1 -0
package/dist/src/index.js +7 -0
package/dist/src/index.js.map +1 -0
package/dist/src/main.js +225 -0
package/dist/src/main.js.map +1 -0
package/dist/src/main.test.js +236 -0
package/dist/src/main.test.js.map +1 -0
package/dist/src/paypal/paypal-button.js +311 -0
package/dist/src/paypal/paypal-button.js.map +1 -0
package/dist/src/paypal/paypal-button.test.js +41 -0
package/dist/src/paypal/paypal-button.test.js.map +1 -0
package/dist/src/paypal/paypal-checkout.js +111 -0
package/dist/src/paypal/paypal-checkout.js.map +1 -0
package/dist/src/paypal/paypal-checkout.test.js +167 -0
package/dist/src/paypal/paypal-checkout.test.js.map +1 -0
package/dist/src/paypal/types.js +9 -0
package/dist/src/paypal/types.js.map +1 -0
package/dist/src/paypal/validation.js +73 -0
package/dist/src/paypal/validation.js.map +1 -0
package/dist/src/sca/__tests__/eci-mappings.test.js +31 -0
package/dist/src/sca/__tests__/eci-mappings.test.js.map +1 -0
package/dist/src/sca/__tests__/index.test.js +558 -0
package/dist/src/sca/__tests__/index.test.js.map +1 -0
package/dist/src/sca/cardinal.js +110 -0
package/dist/src/sca/cardinal.js.map +1 -0
package/dist/src/sca/eci-mappings.js +63 -0
package/dist/src/sca/eci-mappings.js.map +1 -0
package/dist/src/sca/eci-mappings.test.js +31 -0
package/dist/src/sca/eci-mappings.test.js.map +1 -0
package/dist/src/sca/index.js +388 -0
package/dist/src/sca/index.js.map +1 -0
package/dist/src/sca/index.test.js +558 -0
package/dist/src/sca/index.test.js.map +1 -0
package/dist/src/sca/scenarios/enrollment.js +150 -0
package/dist/src/sca/scenarios/enrollment.js.map +1 -0
package/dist/src/sca/scenarios/index.js +8 -0
package/dist/src/sca/scenarios/index.js.map +1 -0
package/dist/src/sca/scenarios/validation.js +128 -0
package/dist/src/sca/scenarios/validation.js.map +1 -0
package/dist/src/sca/types.js +57 -0
package/dist/src/sca/types.js.map +1 -0
package/dist/src/shared/api-gateway-client.js +150 -0
package/dist/src/shared/api-gateway-client.js.map +1 -0
package/dist/src/shared/bridge-client.js +24 -0
package/dist/src/shared/bridge-client.js.map +1 -0
package/dist/src/shared/constants.js +19 -0
package/dist/src/shared/constants.js.map +1 -0
package/dist/src/shared/event-manager.js +15 -0
package/dist/src/shared/event-manager.js.map +1 -0
package/dist/src/shared/post-message-client.js +107 -0
package/dist/src/shared/post-message-client.js.map +1 -0
package/dist/src/shared/post-message-client.test.js +58 -0
package/dist/src/shared/post-message-client.test.js.map +1 -0
package/dist/src/shared/types.js +47 -0
package/dist/src/shared/types.js.map +1 -0
package/dist/src/shared/types.test.js +55 -0
package/dist/src/shared/types.test.js.map +1 -0
package/dist/src/shared/util.js +96 -0
package/dist/src/shared/util.js.map +1 -0
package/dist/src/shared/util.test.js +148 -0
package/dist/src/shared/util.test.js.map +1 -0
package/dist/src/validation/index.js +10 -0
package/dist/src/validation/index.js.map +1 -0
package/dist/src/validation/validation-helper.js +10 -0
package/dist/src/validation/validation-helper.js.map +1 -0
package/dist/src/validation/validation-helper.test.js +34 -0
package/dist/src/validation/validation-helper.test.js.map +1 -0
package/dist/src/validation/validators/hpp-load-params-validator.js +17 -0
package/dist/src/validation/validators/hpp-load-params-validator.js.map +1 -0
package/dist/src/validation/validators/hpp-load-params-validator.test.js +56 -0
package/dist/src/validation/validators/hpp-load-params-validator.test.js.map +1 -0
package/dist/src/validation/validators/verify-card-params-validator.js +18 -0
package/dist/src/validation/validators/verify-card-params-validator.js.map +1 -0
package/dist/tests/helpers/api-gateway-mock.js +36 -0
package/dist/tests/helpers/api-gateway-mock.js.map +1 -0
package/dist/validation/index.d.ts +3 -0
package/dist/validation/index.js +3 -0
package/dist/validation/schemas/customer.json +38 -0
package/dist/validation/schemas/hpp-load-params.json +40 -0
package/dist/validation/schemas/hpp-options.json +48 -0
package/dist/validation/schemas/payment-intent.json +48 -0
package/dist/validation/schemas/payment-method.json +83 -0
package/dist/validation/schemas/verify-card-options.json +15 -0
package/dist/validation/schemas/verify-card-params.json +24 -0
package/dist/validation/validation-helper.d.ts +3 -0
package/dist/validation/validation-helper.js +6 -0
package/dist/validation/validators/hpp-load-params-validator.d.ts +3 -0
package/dist/validation/validators/hpp-load-params-validator.js +14 -0
package/dist/validation/validators/verify-card-params-validator.d.ts +3 -0
package/dist/validation/validators/verify-card-params-validator.js +16 -0
package/docker-compose.yml +16 -0
package/package.json +44 -13
package/tsconfig.json +8 -18
package/tsconfig.package.json +25 -0
package/fat-zebra-sdk-1.0.2.tgz +0 -0
package/fatzebra-sdk-1.0.0.tgz +0 -0
package/index.js +0 -0
package/jest.config.js +0 -16
package/yarn-error.log +0 -2374

package/dist/local/index.html ADDED Viewed

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Merchant XYZ Checkout Page</title>
+    <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+    <style type="text/css">
+      iframe {
+        height: 600px;
+        width: 700px;
+      }
+    </style>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/hmac-md5.js"></script>
+    <script>
+      window.localStorage.setItem('fz-access-token', "<DO NOT USE>")
+      // card tokens will be filled out
+      var actionItems = {
+        tokens: [
+          {
+            token: 'whatever',
+            number: '4000000000001000',
+            description: 'Successful Frictionless Authentication'
+          },
+          {
+            token: '',
+            number: '4000000000001026',
+            description: 'Attempts Stand-In Frictionless'
+          },
+          {
+            token: '',
+            number: '4000000000001034',
+            description: 'Unavailable Frictionless'
+          },
+          {
+            token: '',
+            number: '4000000000001059',
+            description: 'Authentication Not Available on Lookup'
+          },
+          {
+            token: '',
+            number: '4000000000001067',
+            description: 'Error on Lookup'
+          },
+          {
+            token: '',
+            number: '4000000000001075',
+            description: 'Timeout on cmpi_lookup'
+          },
+          {
+            token: '',
+            number: '4000000000001083',
+            description: 'Bypassed Authentication'
+          },
+          {
+            token: '',
+            number: '4000000000001018',
+            description: 'Failed Frictionless'
+          },
+          {
+            token: '',
+            number: '4000000000001042',
+            description: 'Rejected Frictionless'
+          },
+          {
+            token: 'ahq94qb60fs0xaruga3h',
+            number: '4000000000001091',
+            description: 'Challenge'
+          }
+        ],
+        cards: [
+          {
+            number: '4000000000001000',
+            description: 'Successful Frictionless Authentication'
+          },
+          {
+            number: '4000000000001026',
+            description: 'Attempts Stand-In Frictionless'
+          },
+          {
+            number: '4000000000001034',
+            description: 'Unavailable Frictionless'
+          },
+          {
+            number: '4000000000001059',
+            description: 'Authentication Not Available on Lookup'
+          },
+          {
+            number: '4000000000001067',
+            description: 'Error on Lookup'
+          },
+          {
+            number: '4000000000001075',
+            description: 'Timeout on cmpi_lookup'
+          },
+          {
+            number: '4000000000001083',
+            description: 'Bypassed Authentication'
+          },
+          {
+            number: '4000000000001018',
+            description: 'Failed Frictionless'
+          },
+          {
+            number: '4000000000001042',
+            description: 'Rejected Frictionless'
+          },
+          {
+            number: '4000000000001091',
+            description: 'Challenge'
+          }
+        ]
+      }
+    </script>
+  <script src="fatzebra.js"></script></head>
+  <body>
+    <table id="options" class="table table-bordered">
+      <thead>
+        <tr>
+          <th scope="col">Card Token</th>
+          <th scope="col">New Card</th>
+          <th scope="col">Description</th>
+        </tr>
+      </thead>
+      <tbody>
+      </tbody>
+    </table>
+    <button type="button" class="btn btn-primary" id='doCheckout'>Primary</button>
+    <script>
+      var selectedMode = undefined
+      var selectedValue = undefined
+      $(document).ready(function() {
+        for (var i = 0; i < actionItems.tokens.length; i ++ ) {
+          const row = "<tr><td><input type='checkbox' class='option' data-mode='token' value='" + actionItems.tokens[i].token + "'><label>token for " + actionItems.tokens[i].number + "</label></td>" +
+                      "<td><input type='checkbox' class='option' data-mode='card' value='" + actionItems.cards[i].number + "'><label>" + actionItems.cards[i].number + "</label></td>" +
+                      "<td><label>" + actionItems.cards[i].description + "</label></td></tr>";
+          $('#options').append(row)
+        }
+        $('.option').change(function() {
+          if ($(this).prop("checked") == true) {
+            if (selectedValue === undefined) {
+              selectedMode = $(this).data('mode');
+              selectedValue = $(this).val();
+            } else {
+              $(this).prop("checked", false)
+              alert("There can only be one checkbox selected!");
+            }
+          } else {
+            selectedMode = undefined;
+            selectedValue = undefined;
+          }
+          console.log('selectedMode: ' + selectedMode);
+          console.log('selectedValue: ' + selectedValue);
+        })
+      })
+    </script>
+  </body>
+  <footer>
+      <script>
+        var fz = new FatZebra({
+          username: 'TEST'
+        });
+        $('#doCheckout').click(function() {
+          if (selectedMode === undefined || selectedValue == undefined) {
+            alert('Please select an option.');
+            return
+          }
+          var paymentMethod = undefined;
+          if (selectedMode === 'card') {
+            paymentMethod = {
+              type: 'card',
+              data: {
+                number: selectedValue,
+                holder: 'John Doe',
+                expiryMonth: '01',
+                expiryYear: '2022',
+                cvv: '123'
+              }
+            }
+          } else {
+            paymentMethod = {
+              type: 'card_on_file',
+              data: {
+                token: selectedValue
+              }
+            }
+          }
+          function randomString(length) {
+            return Math.round((Math.pow(36, length + 1) - Math.random() * Math.pow(36, length))).toString(36).slice(1);
+          }
+          const reference = randomString(16);
+          const amount = 1200000;
+          const currency = 'AUD';
+          const message = [reference, amount, currency].join(':')
+          const verification = CryptoJS.HmacMD5(message, "033bd94b11").toString();
+          fz.verifyCard({
+            customer: {
+              firstName: 'Captain',
+              lastName: 'America',
+              email: 'sos@fatzebra.com.au',
+              address: '123 Get High Blvd.',
+              city: 'Red Light District',
+              postcode: '6666',
+              state: 'NSW',
+              country: 'Australia'
+            },
+            paymentIntent: {
+              payment: {
+                amount: amount,
+                currency: currency,
+                reference: reference
+              },
+              verification: verification
+            },
+            paymentMethod: paymentMethod
+          })
+        })
+        fz.on('fz.sca.error', function(event) {
+          console.log(JSON.stringify(event.detail))
+        })
+        fz.on('fz.sca.success', function(event) {
+          console.log(JSON.stringify(event.detail))
+        })
+        fz.on('fz.validation.error', function(event) {
+          console.log(JSON.stringify(event.detail))
+        })
+      </script>
+  </footer>
+</html>

package/dist/main.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import { Customer, PaymentIntent, PaymentMethod, PublicEvent } from './shared/types';
+import { HppLoadParams } from './hpp';
+import { PayPalConfig } from './paypal/types';
+import { ChallengeWindowSize } from './sca/types';
+export interface FZConfig {
+    username: string;
+    test?: boolean;
+}
+interface Card {
+    number: string;
+    holder: string;
+    expiryMonth: string;
+    expiryYear: string;
+    cvv: string;
+}
+interface VerifyCardParams {
+    customer: Customer;
+    paymentIntent: PaymentIntent;
+    paymentMethod: PaymentMethod;
+    options?: VerifyCardOptions;
+}
+interface VerifyCardOptions {
+    challengeWindowSize?: ChallengeWindowSize;
+}
+export default class FatZebra {
+    private sca;
+    private fzConfig;
+    private gatewayClient;
+    constructor(config: FZConfig);
+    tokenizeCard(card: Card, headless: HTMLIFrameElement): void;
+    cardDidTokenize(headless: HTMLIFrameElement, callback: (data: any) => void): void;
+    verifyCard(params: VerifyCardParams): Promise<void>;
+    renderPaymentsPage(params: HppLoadParams): void;
+    checkout(): void;
+    setupPayPal(config: PayPalConfig): void;
+    on(event: PublicEvent, callback: (e: any) => void): void;
+}
+export { type HppLoadParams, FatZebra, };

package/dist/main.js ADDED Viewed

@@ -0,0 +1,148 @@
+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 Sca from './sca';
+import { PostMessageClient, } from './shared/post-message-client';
+import { BridgeEvent, PaymentMethodType, PublicEvent, } from './shared/types';
+import { LocalStorageAccessTokenKey } from './shared/constants';
+import { emit, on } from './shared/event-manager';
+import * as bridge from './shared/bridge-client';
+import { validateHppLoadParams, validateVerifyCardParams, toHumanizedErrors, } from './validation';
+import GatewayClient from './shared/api-gateway-client';
+import { Hpp } from './hpp';
+import { PayPalCheckout } from './paypal/paypal-checkout';
+export default class FatZebra {
+    constructor(config) {
+        this.fzConfig = config;
+        window.MerchantUsername = config.username;
+        this.gatewayClient = new GatewayClient({
+            accessToken: window.localStorage.getItem(LocalStorageAccessTokenKey),
+            username: config.username,
+        });
+        this.sca = new Sca({
+            gatewayClient: this.gatewayClient,
+        });
+        this.sca.loadScript();
+    }
+    tokenizeCard(card, headless) {
+        const channel = 'sca';
+        headless.onload = () => {
+            const message = {
+                channel,
+                subject: BridgeEvent.TOKENIZE_CARD_REQUEST,
+                data: {
+                    access_token: window.localStorage.getItem(LocalStorageAccessTokenKey),
+                    card_holder: card.holder,
+                    card_number: card.number,
+                    card_expiry: `${card.expiryMonth}/${card.expiryYear}`,
+                    cvv: card.cvv,
+                }
+            };
+            headless.contentWindow.postMessage(message, '*');
+        };
+    }
+    cardDidTokenize(headless, callback) {
+        const channel = 'sca';
+        const postMessageClient = new PostMessageClient({
+            channel,
+            target: headless
+        });
+        const handlers = {};
+        handlers[BridgeEvent.TOKENIZE_CARD_RESPONSE] = (data) => {
+            callback(data);
+        };
+        postMessageClient.setEventListeners(handlers);
+    }
+    verifyCard(params) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            const valid = validateVerifyCardParams(params);
+            if (!valid) {
+                emit(PublicEvent.VALIDATION_ERROR, {
+                    errors: toHumanizedErrors(validateVerifyCardParams.errors),
+                    data: null
+                });
+                return;
+            }
+            switch (params.paymentMethod.type) {
+                case PaymentMethodType.CARD:
+                    const headless = bridge.load(process.env.PAYNOW_BRIDGE_URL);
+                    const card = params.paymentMethod.data;
+                    this.cardDidTokenize(headless, (data) => __awaiter(this, void 0, void 0, function* () {
+                        var _b;
+                        const bin = card.number.substr(0, 6);
+                        this.sca.run({
+                            cardToken: data.token,
+                            customer: params.customer,
+                            paymentIntent: params.paymentIntent,
+                            bin,
+                            challengeWindowSize: (_b = params.options) === null || _b === void 0 ? void 0 : _b.challengeWindowSize,
+                        });
+                    }));
+                    this.tokenizeCard(card, headless);
+                    break;
+                case PaymentMethodType.CARD_ON_FILE:
+                    const cardToken = params.paymentMethod.data.token;
+                    const bin = (yield this.gatewayClient.getCard({ card_token: cardToken })).data.bin;
+                    this.sca.run({
+                        cardToken,
+                        customer: params.customer,
+                        paymentIntent: params.paymentIntent,
+                        bin,
+                        challengeWindowSize: (_a = params.options) === null || _a === void 0 ? void 0 : _a.challengeWindowSize,
+                    });
+                    break;
+            }
+        });
+    }
+    renderPaymentsPage(params) {
+        const valid = validateHppLoadParams(params);
+        if (!valid) {
+            emit(PublicEvent.VALIDATION_ERROR, {
+                errors: toHumanizedErrors(validateHppLoadParams.errors),
+                data: null
+            });
+            return;
+        }
+        window.HPP = new Hpp({
+            version: params.version,
+            paymentIntent: params.paymentIntent,
+            customer: params.customer,
+            username: this.fzConfig.username,
+            sca: this.sca,
+            test: this.fzConfig.test,
+        });
+        window.HPP.load(params);
+    }
+    checkout() {
+        window.HPP.purchase();
+    }
+    setupPayPal(config) {
+        const paypalCheckout = new PayPalCheckout({
+            currency: config.currency,
+            payment: config.payment,
+            containerId: config.containerId,
+            style: config.style
+        });
+        paypalCheckout.load()
+            .then(function () {
+            paypalCheckout.render();
+        })
+            .catch(function (error) {
+            emit(PublicEvent.PAYPAL_ERROR, {
+                errors: [error].flat(),
+                data: null
+            });
+        });
+    }
+    on(event, callback) {
+        on(event, callback);
+    }
+}
+export { FatZebra, };

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

@@ -0,0 +1,31 @@
+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 ADDED Viewed

@@ -0,0 +1,199 @@
+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 ADDED Viewed

@@ -0,0 +1,21 @@
+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 };