@fat-zebra/sdk 1.5.6 → 1.5.7-beta.0

package/.idea/fatzebra-js.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/fatzebra-js.iml" filepath="$PROJECT_DIR$/.idea/fatzebra-js.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

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/click_to_pay/index.js

@@ -6,14 +6,15 @@ export const CLICK_TO_PAY_DEFAULT_OPTIONS = {
     iframe: true,
     postmessage: true,
 };
+const OPTIONS_EXCLUDED_FROM_URL_PARAMS = ["mrt"];
 class ClickToPay {
     constructor(config) {
         this.addMRTListener = (mrt) => {
             const handlers = {};
-            handlers[BridgeEvent.CLICK_TO_PAY_REQUEST_MRT] = (data) => {
+            handlers[PublicEvent.CLICK_TO_PAY_INITIAL_MRT_REQUEST] = (data) => {
                 const message = {
                     channel: Channel.CLICK_TO_PAY,
-                    subject: BridgeEvent.CLICK_TO_PAY_RETURN_MRT,
+                    subject: PublicEvent.CLICK_TO_PAY_INITIAL_MRT_RESPONSE,
                     data: {
                         mrt
                     },
@@ -30,7 +31,8 @@ class ClickToPay {
         this.options = config.options;
         this.iframe = document.createElement('iframe');
         document.getElementById(config.containerId).appendChild(this.iframe);
-        const payNowUrl = this.getPayNowUrl(config.options);
+        const urlParams = Object.fromEntries(Object.entries(config.options).filter(([key]) => !OPTIONS_EXCLUDED_FROM_URL_PARAMS.includes(key)));
+        const payNowUrl = this.getPayNowUrl(urlParams);
         this.iframe.setAttribute("src", payNowUrl);
         this.postMessageClient = new PostMessageClient({
             channel: Channel.CLICK_TO_PAY,

package/dist/hpp/hpp.d.ts

@@ -46,7 +46,11 @@ declare class Hpp {
     private postMessageClient;
     private test;
     private hppOptions;
+    private headlessLoaded;
+    private headlessPreviouslyLoaded;
+    private iframeLoaded;
     constructor(config: HppModuleConfig);
+    setListenersAndEmitReady(): void;
     load(config: HppLoadParams): void;
     purchase(): void;
     getPayNowUrl(options?: {

package/dist/hpp/hpp.js

@@ -17,25 +17,45 @@ class Hpp {
         this.sca = config.sca;
         this.test = config.test;
         this.version = config.version || 2;
+        this.headlessLoaded = false;
+        this.headlessPreviouslyLoaded = false;
+        this.iframeLoaded = false;
         this.postMessageClient = new PostMessageClient({
             channel: 'sca',
             target: this.iframe
         });
     }
+    setListenersAndEmitReady() {
+        if (this.headlessLoaded && this.iframeLoaded) {
+            // initial headless load
+            this.setCrossFramesEventListeners();
+            this.setPublicEventListeners();
+            emit(PublicEvent.HPP_READY);
+        }
+        else if (this.headlessPreviouslyLoaded && this.iframeLoaded) {
+            // subsequent iframe loads after headless has been previously loaded
+            // this caters for the SPA scenario
+            emit(PublicEvent.HPP_READY);
+        }
+    }
     load(config) {
         this.hppOptions = config.options;
-        this.headless = bridge.load(process.env.PAYNOW_BRIDGE_URL);
+        const { el, isExisting } = bridge.load2(process.env.PAYNOW_BRIDGE_URL);
+        this.headless = el;
+        this.headlessPreviouslyLoaded = isExisting;
         this.iframe = document.createElement('iframe');
         document.getElementById(config.containerId).appendChild(this.iframe);
         this.headless.onload = () => {
-            this.iframe.onload = () => {
-                this.setCrossFramesEventListeners();
-                this.setPublicEventListeners();
-                emit(PublicEvent.HPP_READY);
-            };
+            this.headlessLoaded = true;
+            this.setListenersAndEmitReady();
+        };
+        this.iframe.onload = () => {
+            this.iframeLoaded = true;
+            this.setListenersAndEmitReady();
         };
         const payNowUrl = this.getPayNowUrl(config.options);
         this.iframe.setAttribute("src", payNowUrl);
+        this.iframe.setAttribute('allow', 'payment');
     }
     purchase() {
         const message = {