@tap-payments/apple-pay-button 0.0.36-test → 0.0.37-development

package/build/api/app.service.d.ts

@@ -16,7 +16,7 @@ declare class APPService extends BaseService {
         merchant: any;
         payment_options: any;
     }>;
-    appleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
+    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
     tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
 }
 declare const appService: APPService;

package/build/hooks/index.d.ts

@@ -1 +1,3 @@
 export * from './useScript';
+export * from './useApplePay';
+export * from './useApplePayFromMerchantSide';

package/build/hooks/index.js

@@ -1 +1,3 @@
 export * from './useScript';
+export * from './useApplePay';
+export * from './useApplePayFromMerchantSide';

package/build/hooks/useApplePayFromMerchantSide.d.ts

@@ -0,0 +1,11 @@
+export declare enum ApplePayGetFromMerchantEvents {
+    APPLE_PAY_CLICKED = "APPLE_PAY_CLICKED"
+}
+export declare enum ApplePayPostFromMerchantEvents {
+    APPLE_PAY_BUTTON_READY = "APPLE_PAY_BUTTON_READY",
+    APPLE_PAY_BUTTON_SUCCESS = "APPLE_PAY_BUTTON_SUCCESS",
+    APPLE_PAY_BUTTON_MERCHANT_VALIDATION_SUCCESS = "APPLE_PAY_BUTTON_MERCHANT_VALIDATION_SUCCESS",
+    APPLE_PAY_BUTTON_ERROR = "APPLE_PAY_BUTTON_ERROR",
+    APPLE_PAY_BUTTON_CANCELLED = "APPLE_PAY_BUTTON_CANCELLED"
+}
+export declare const useApplePayFromMerchantSide: (frameId: string) => void;

package/build/hooks/useApplePayFromMerchantSide.js

@@ -0,0 +1,177 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useEffect } from 'react';
+import appService from '../api/app.service';
+import { setAxiosGlobalHeaders } from '../api/httpClient';
+export var ApplePayGetFromMerchantEvents;
+(function (ApplePayGetFromMerchantEvents) {
+    ApplePayGetFromMerchantEvents["APPLE_PAY_CLICKED"] = "APPLE_PAY_CLICKED";
+})(ApplePayGetFromMerchantEvents || (ApplePayGetFromMerchantEvents = {}));
+export var ApplePayPostFromMerchantEvents;
+(function (ApplePayPostFromMerchantEvents) {
+    ApplePayPostFromMerchantEvents["APPLE_PAY_BUTTON_READY"] = "APPLE_PAY_BUTTON_READY";
+    ApplePayPostFromMerchantEvents["APPLE_PAY_BUTTON_SUCCESS"] = "APPLE_PAY_BUTTON_SUCCESS";
+    ApplePayPostFromMerchantEvents["APPLE_PAY_BUTTON_MERCHANT_VALIDATION_SUCCESS"] = "APPLE_PAY_BUTTON_MERCHANT_VALIDATION_SUCCESS";
+    ApplePayPostFromMerchantEvents["APPLE_PAY_BUTTON_ERROR"] = "APPLE_PAY_BUTTON_ERROR";
+    ApplePayPostFromMerchantEvents["APPLE_PAY_BUTTON_CANCELLED"] = "APPLE_PAY_BUTTON_CANCELLED";
+})(ApplePayPostFromMerchantEvents || (ApplePayPostFromMerchantEvents = {}));
+var usePostEventsToIframe = function (frameId) {
+    var send = function (event, data) {
+        var _a;
+        var frame = document.getElementById(frameId);
+        if (!frame)
+            return;
+        (_a = frame.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({ event: event, data: data }, frame.src);
+    };
+    return {
+        send: send
+    };
+};
+export var useApplePayFromMerchantSide = function (frameId) {
+    var send = usePostEventsToIframe(frameId).send;
+    var onApplePayButtonClicked = function (applePaymentOptionsMetaData) { return __awaiter(void 0, void 0, void 0, function () {
+        var ApplePaySession, _a, merchant, supportedNetworks, transaction, billingContact, merchantCapabilities, debug, applePaySDKVersion, headers, merchantRegisteredDomain, environment, request, session;
+        return __generator(this, function (_b) {
+            send(ApplePayPostFromMerchantEvents.APPLE_PAY_BUTTON_READY, {});
+            ApplePaySession = window.ApplePaySession;
+            if (!ApplePaySession) {
+                console.error('ApplePaySession is not available, please check if you are using Safari browser');
+                return [2];
+            }
+            if (!applePaymentOptionsMetaData) {
+                console.error('Make sure you have passed prerequisites options for Apple Pay');
+                return [2];
+            }
+            _a = __assign(__assign({}, applePaymentOptionsMetaData), { merchantRegisteredDomain: window.location.hostname }), merchant = _a.merchant, supportedNetworks = _a.supportedNetworks, transaction = _a.transaction, billingContact = _a.billingContact, merchantCapabilities = _a.merchantCapabilities, debug = _a.debug, applePaySDKVersion = _a.applePaySDKVersion, headers = _a.headers, merchantRegisteredDomain = _a.merchantRegisteredDomain, environment = _a.environment;
+            if (debug)
+                console.log('apple payment options metadata', applePaymentOptionsMetaData);
+            appService.setEnv(environment);
+            appService.setBaseUrl();
+            request = {
+                countryCode: merchant.country_code,
+                currencyCode: transaction.currency,
+                merchantCapabilities: merchantCapabilities,
+                supportedNetworks: supportedNetworks,
+                billingContact: billingContact && {
+                    phoneNumber: billingContact.phoneNumber,
+                    emailAddress: billingContact.emailAddress,
+                    givenName: billingContact.givenName,
+                    familyName: billingContact.familyName
+                },
+                total: {
+                    amount: Number(transaction.amount),
+                    label: merchant.name
+                }
+            };
+            if (debug) {
+                console.info("Creating ApplePaySession with version: ".concat(applePaySDKVersion, " and request: ").concat(JSON.stringify(request)));
+            }
+            session = new ApplePaySession(applePaySDKVersion, request);
+            session.onvalidatemerchant = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+                var data, error_1;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (debug) {
+                                console.info('Creating merchant session and validating merchant session');
+                                console.info('onvalidatemerchant event', event);
+                            }
+                            _b.label = 1;
+                        case 1:
+                            _b.trys.push([1, 3, , 4]);
+                            setAxiosGlobalHeaders(headers);
+                            return [4, appService.appleSession(__assign({}, merchant), event.validationURL, merchantRegisteredDomain)];
+                        case 2:
+                            data = _b.sent();
+                            if (debug)
+                                console.info('merchant session created', data);
+                            session.completeMerchantValidation(data);
+                            send(ApplePayPostFromMerchantEvents.APPLE_PAY_BUTTON_MERCHANT_VALIDATION_SUCCESS, data);
+                            return [3, 4];
+                        case 3:
+                            error_1 = _b.sent();
+                            if (debug)
+                                console.error('error in onvalidatemerchant', error_1);
+                            session.completePayment({ status: ApplePaySession.STATUS_FAILURE });
+                            send(ApplePayPostFromMerchantEvents.APPLE_PAY_BUTTON_ERROR, ((_a = error_1.response) === null || _a === void 0 ? void 0 : _a.data) || error_1.message);
+                            return [3, 4];
+                        case 4: return [2];
+                    }
+                });
+            }); };
+            session.onpaymentauthorized = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (debug)
+                        console.info('onpaymentauthorized event', event);
+                    send(ApplePayPostFromMerchantEvents.APPLE_PAY_BUTTON_SUCCESS, event.payment.token.paymentData);
+                    session.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+                    return [2];
+                });
+            }); };
+            session.oncancel = function (event) {
+                console.info('oncancel event', event);
+                send(ApplePayPostFromMerchantEvents.APPLE_PAY_BUTTON_CANCELLED, event);
+            };
+            session.begin();
+            return [2];
+        });
+    }); };
+    var onMessage = useCallback(function (message) {
+        var _a = message.data, event = _a.event, data = _a.data;
+        if (event === ApplePayGetFromMerchantEvents.APPLE_PAY_CLICKED) {
+            onApplePayButtonClicked(data);
+        }
+    }, []);
+    useEffect(function () {
+        window.addEventListener('message', onMessage);
+        return function () {
+            window.removeEventListener('message', onMessage);
+        };
+    }, []);
+};

package/build/hooks/useScript.d.ts

@@ -1 +1 @@
-export declare function useScript(src: string, async?: boolean): "loading" | "ready" | "idle" | "error";
+export declare function useScript(src: string, async?: boolean): "error" | "loading" | "ready" | "idle";

package/build/index.d.ts

@@ -1,4 +1,6 @@
+import { ApplePayGetFromMerchantEvents } from './hooks/useApplePayFromMerchantSide';
 import { ApplePayButtonProps, ApplePayButton } from './features/ApplePayButton';
+import { ApplePayPostFromMerchantEvents, useApplePayFromMerchantSide } from './hooks/useApplePayFromMerchantSide';
 import { ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities } from './constants';
 export type { ApplePayButtonProps };
-export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities };
+export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities, ApplePayPostFromMerchantEvents, useApplePayFromMerchantSide, ApplePayGetFromMerchantEvents };

package/build/index.js

@@ -1,6 +1,8 @@
+import { ApplePayGetFromMerchantEvents } from './hooks/useApplePayFromMerchantSide';
 import { ApplePayButton, renderApplePayButton } from './features/ApplePayButton';
+import { ApplePayPostFromMerchantEvents, useApplePayFromMerchantSide } from './hooks/useApplePayFromMerchantSide';
 import { ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities } from './constants';
-export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities };
+export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities, ApplePayPostFromMerchantEvents, useApplePayFromMerchantSide, ApplePayGetFromMerchantEvents };
 window['TapSDKs'] = {
     renderApplePayButton: renderApplePayButton,
     Scope: Scope,
@@ -10,5 +12,8 @@ window['TapSDKs'] = {
     ButtonType: ButtonType,
     ThemeMode: ThemeMode,
     Edges: Edges,
-    MerchantCapabilities: MerchantCapabilities
+    MerchantCapabilities: MerchantCapabilities,
+    ApplePayPostFromMerchantEvents: ApplePayPostFromMerchantEvents,
+    useApplePayFromMerchantSide: useApplePayFromMerchantSide,
+    ApplePayGetFromMerchantEvents: ApplePayGetFromMerchantEvents
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.36-test",
+	"version": "0.0.37-development",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -20,7 +20,7 @@
 		"copy:files": "copyfiles -u 1 src/**/*.css build/",
 		"tsc:alias": "tsc-alias -p tsconfig.json",
 		"ts:build": "rm -rf build && tsc && yarn tsc:alias && yarn copy:files",
-		"push": "npm publish --access public --tag test"
+		"push": "npm publish --access public --tag development"
 	},
 	"keywords": [],
 	"author": {