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

package/README.dev.md

@@ -165,6 +165,28 @@ from here enter your 2FA code and voila! You have published a new version of the
 
 ## Release Management
 
+### Automated release: 
+
+To deploy to npm run this command: 
+
+```
+ npm run npm:publish
+```
+
+![deployment options](deploy-menu.png)
+
+The semantic version will be bumped according to the selected release type. 
+
+| Release type | version      |
+|--------------|--------------|
+| Major        | x-0-0        |
+| Minor        | 0-x-0        |
+| Patch        | 0-0-x        |
+| Beta         | 0-0-0-beta-x |
+
+The publish script will also tag the release and push to the current branch. 
+This process is an automated version of the process below, excluding changelog
+
 The release of the sdk follows a weekly schedule. In the beginning of a new release cycle, do the following
 
 1. Create a release branch, release/vX.X.X

package/dist/applepay/applepaymanager.d.ts

@@ -0,0 +1,28 @@
+import { PaymentRequest } from './clients/apple-pay-client';
+import * as payNow from './clients/paynow-client';
+import { PostMessage } from '../shared/post-message-client';
+declare class ApplePayManager {
+    private merchantId;
+    private canMakePayments;
+    private iframe;
+    private applePaySession;
+    private postMessageClient;
+    private fzPayNowDomain;
+    private username?;
+    private token?;
+    constructor(config: {
+        iframe: HTMLIFrameElement;
+        fzPayNowDomain: string;
+        username?: string;
+        token?: string;
+    });
+    initialize(): Promise<void>;
+    checkApplePayEligibility(): void;
+    notifyApplePayEligibility(): void;
+    registerEventListener(): Promise<void>;
+    purchase(request: PaymentRequest): Promise<void>;
+    extractApplePaymentRequestParams(payload: any): PaymentRequest;
+    extractPayNowPaymentAttributes(payload: any): payNow.PaymentAttributes;
+    sendMessage(payload: PostMessage): void;
+}
+export default ApplePayManager;

package/dist/applepay/applepaymanager.js

@@ -0,0 +1,115 @@
+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 { createSession, getEligibilty, } from './clients/apple-pay-client';
+import * as payNow from './clients/paynow-client';
+import { PostMessageClient } from '../shared/post-message-client';
+// import * as process from "process";
+const channel = 'applepay';
+// const fzPayNowDomain = process.env.PAYNOW_BASE_URL
+// do the domain handling stuff better
+const paynowDomain = 'https://paynow.test';
+const merchantSessionPath = '/v2/apple_pay/payment_session';
+const purchaseTokenPath = '/v2/apple_pay/token';
+class ApplePayManager {
+    constructor(config) {
+        // if (!config.fzPayNowDomain) {
+        //   console.log('hitting i here')
+        //   this.fzPayNowDomain = process?.env?.PAYNOW_BASE_URL;
+        // } else {
+        this.fzPayNowDomain = config.fzPayNowDomain;
+        this.username = config.username;
+        this.token = config.token;
+        // }
+        this.iframe = config.iframe;
+        this.postMessageClient = new PostMessageClient({
+            channel: 'applepay',
+            target: this.iframe
+        });
+        this.initialize();
+    }
+    initialize() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.registerEventListener();
+            this.checkApplePayEligibility();
+            this.notifyApplePayEligibility();
+        });
+    }
+    checkApplePayEligibility() {
+        if (getEligibilty()) {
+            this.canMakePayments = true;
+        }
+    }
+    notifyApplePayEligibility() {
+        const message = {
+            channel,
+            subject: 'eligibility',
+            data: {
+                canMakePayments: this.canMakePayments
+            }
+        };
+        this.postMessageClient.send(message);
+    }
+    registerEventListener() {
+        return new Promise((resolve, reject) => {
+            this.postMessageClient.setEventListeners({
+                'paymentrequest': (data) => __awaiter(this, void 0, void 0, function* () {
+                    yield this.purchase(data);
+                })
+            });
+            resolve();
+        });
+    }
+    purchase(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const applePayPaymentRequest = this.extractApplePaymentRequestParams(request);
+            const payNowPaymentAttributes = this.extractPayNowPaymentAttributes(request);
+            this.applePaySession = yield createSession(applePayPaymentRequest);
+            this.applePaySession.onvalidatemerchant = (event) => __awaiter(this, void 0, void 0, function* () {
+                let merchantSession;
+                try {
+                    merchantSession = yield payNow.getMerchantSession(event.validationURL, Object.assign(Object.assign({}, payNowPaymentAttributes), { merchant: this.username, domain_name: window.location.hostname, display_name: this.username }), `${paynowDomain}${merchantSessionPath}`, this.username, this.token);
+                }
+                catch (e) {
+                    console.log('Unable to establish new merchant session');
+                    return;
+                }
+                this.applePaySession.completeMerchantValidation(merchantSession);
+            });
+            this.applePaySession.onpaymentauthorized = (event) => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    yield payNow.authorizePayment(Object.assign(Object.assign({}, payNowPaymentAttributes), { merchant: this.username, token: event.payment.token }), `${paynowDomain}${purchaseTokenPath}`);
+                    this.applePaySession.completePayment(window.ApplePaySession.STATUS_SUCCESS);
+                }
+                catch (e) {
+                    this.applePaySession.completePayment(window.ApplePaySession.STATUS_FAILURE);
+                }
+            });
+            this.applePaySession.begin();
+        });
+    }
+    extractApplePaymentRequestParams(payload) {
+        const { countryCode, currencyCode, merchantCapabilities, supportedNetworks, total, } = payload;
+        return {
+            countryCode,
+            currencyCode,
+            merchantCapabilities,
+            supportedNetworks,
+            total,
+        };
+    }
+    extractPayNowPaymentAttributes(payload) {
+        const { paymentAttributes } = payload;
+        return paymentAttributes;
+    }
+    sendMessage(payload) {
+        this.iframe.contentWindow.postMessage(payload, this.fzPayNowDomain);
+    }
+}
+export default ApplePayManager;

package/dist/react/ApplePayButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import * as FatZebra from "../shared/types";
+type FrameProps = {
+    handlers: FatZebra.Handlers;
+    config: FatZebra.PaymentConfig;
+    username: string;
+    token: string;
+};
+declare const ApplePayButton: ({ handlers, config, username, token }: FrameProps) => React.JSX.Element;
+export default ApplePayButton;

package/dist/react/ApplePayButton.js

@@ -0,0 +1,33 @@
+import React, { useEffect } from "react";
+import ApplePayManager from "../applepay/applepaymanager";
+import useFatZebra from "./useFatZebra";
+const ApplePayButton = ({ handlers, config, username, token }) => {
+    const ref = React.createRef();
+    // construct apple pay url
+    const { applePayUrl } = useFatZebra({
+        config: Object.assign(Object.assign({}, config), { options: Object.assign(Object.assign({}, config.options), { applepay: true }) }),
+        handlers: handlers,
+    });
+    useEffect(() => {
+        const iframe = ref.current;
+        const handleLoad = () => {
+            // this registers events
+            // fires off a message to paynow to display the apple button
+            // listens for click on paynow side
+            new ApplePayManager({
+                iframe: ref.current,
+                fzPayNowDomain: 'https://paynow.test',
+                username,
+                token
+            });
+        };
+        // Add event listener for load event
+        iframe.addEventListener('load', handleLoad);
+        return () => {
+            iframe.removeEventListener('load', handleLoad);
+        };
+    }, [ref]);
+    // this is the size of the button
+    return React.createElement("iframe", { ref: ref, src: applePayUrl, allow: "payment", style: { height: '30px', width: '100px' } });
+};
+export default ApplePayButton;

package/dist/react/applePayUrl.js

@@ -2,14 +2,6 @@ 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];
@@ -20,14 +12,6 @@ const generateApplePayUrl = (values, environment) => {
         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;

package/dist/version.d.ts

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

package/dist/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fat-zebra/sdk",
-  "version": "1.5.3-beta.3",
+  "version": "1.5.4",
   "description": "",
   "main": "index.js",
   "scripts": {