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

package/dist/applepay/applepay.js

@@ -32,6 +32,7 @@ export class ApplePay {
         this.iframe.setAttribute("src", applePayUrl);
         this.iframe.setAttribute("height", '100%');
         this.iframe.setAttribute("width", '100%');
+        this.iframe.setAttribute('allow', 'payment');
         this.postMessageClient = new PostMessageClient({
             channel,
             target: this.iframe,
@@ -60,6 +61,15 @@ export class ApplePay {
         if (options === null || options === void 0 ? void 0 : options.allowed_card_types) {
             query.append('allowed_card_types', options.allowed_card_types.toString());
         }
+        if (options === null || options === void 0 ? void 0 : options.apple_button_type) {
+            query.append('apple_button_type', options.apple_button_type.toString());
+        }
+        if (options === null || options === void 0 ? void 0 : options.apple_button_style) {
+            query.append('apple_button_style', options.apple_button_style.toString());
+        }
+        if (options === null || options === void 0 ? void 0 : options.apple_button_locale) {
+            query.append('apple_button_locale', options.apple_button_locale.toString());
+        }
         query.append('domain_name', this.domain_name);
         return `${base}?${query.toString()}`;
     }

package/dist/applepay/clients/apple-pay-client.js

@@ -30,6 +30,6 @@ const getEligibility = () => {
     return window.ApplePaySession && window.ApplePaySession.canMakePayments();
 };
 const createSession = (payload) => __awaiter(void 0, void 0, void 0, function* () {
-    return yield new window.ApplePaySession(2, payload);
+    return yield new window.ApplePaySession(14, payload);
 });
 export { createSession, getEligibility, MerchantCapability, SupportedNetwork, };

package/dist/click_to_pay/index.d.ts

@@ -22,6 +22,7 @@ declare class ClickToPay {
     private options;
     constructor(config: ClickToPayModuleConfig);
     load(config: ClickToPayLoadParams): void;
+    addMRTListener: (mrt: string) => void;
     getPayNowUrl(options?: {
         [key: string]: any;
     }): string;

package/dist/click_to_pay/index.js

@@ -1,5 +1,5 @@
 import { PostMessageClient } from "../shared/post-message-client";
-import { BridgeEvent, PublicEvent } from "../shared/types";
+import { BridgeEvent, Channel, PublicEvent } from "../shared/types";
 import * as util from '../shared/util';
 import { emit } from "../shared/event-manager";
 export const CLICK_TO_PAY_DEFAULT_OPTIONS = {
@@ -8,13 +8,23 @@ export const CLICK_TO_PAY_DEFAULT_OPTIONS = {
 };
 class ClickToPay {
     constructor(config) {
+        this.addMRTListener = (mrt) => {
+            const handlers = {};
+            handlers[BridgeEvent.CLICK_TO_PAY_REQUEST_MRT] = (data) => {
+                const message = {
+                    channel: Channel.CLICK_TO_PAY,
+                    subject: BridgeEvent.CLICK_TO_PAY_RETURN_MRT,
+                    data: {
+                        mrt
+                    },
+                };
+                this.postMessageClient.send(message);
+            };
+            this.postMessageClient.setEventListeners(handlers);
+        };
         this.paymentIntent = config.paymentIntent;
         this.username = config.username;
         this.test = config.test;
-        this.postMessageClient = new PostMessageClient({
-            channel: 'click_to_pay',
-            target: this.iframe
-        });
     }
     load(config) {
         this.options = config.options;
@@ -22,6 +32,12 @@ class ClickToPay {
         document.getElementById(config.containerId).appendChild(this.iframe);
         const payNowUrl = this.getPayNowUrl(config.options);
         this.iframe.setAttribute("src", payNowUrl);
+        this.postMessageClient = new PostMessageClient({
+            channel: Channel.CLICK_TO_PAY,
+            target: this.iframe
+        });
+        // Adding this before other crossframe event listener setup as we miss handling the MRT request event if we wait for this.iframe.onload to trigger
+        this.addMRTListener(this.options.mrt);
         this.iframe.onload = () => {
             this.setCrossFramesEventListeners();
         };
@@ -93,6 +109,12 @@ class ClickToPay {
                 data
             });
         };
+        handlers[PublicEvent.CLICK_TO_PAY_MRT] = (data) => {
+            emit(PublicEvent.CLICK_TO_PAY_MRT, {
+                message: 'MRT created.',
+                data
+            });
+        };
         this.postMessageClient.setEventListeners(handlers);
     }
     purchase() {

package/dist/click_to_pay/types.d.ts

@@ -13,6 +13,7 @@ interface ClickToPayOptions {
     sharedData?: string;
     submitPaymentButtonText?: string;
     tokenizeOnly?: boolean;
+    mrt?: string;
 }
 interface HppClickToPayParams {
     containerId: string;

package/dist/hpp/hpp.js

@@ -31,6 +31,7 @@ class Hpp {
             this.iframe.onload = () => {
                 this.setCrossFramesEventListeners();
                 this.setPublicEventListeners();
+                emit(PublicEvent.HPP_READY);
             };
         };
         const payNowUrl = this.getPayNowUrl(config.options);