@tap-payments/apple-pay-button 0.0.52-development → 0.0.53-development

package/build/hooks/useApplePay.d.ts

@@ -7,5 +7,5 @@ interface UseApplePayReturnProps {
     applePayRequestData?: ApplePayRequestData;
     applePayRequestConfiguration?: Omit<ApplePayDataToLunchSDKFromMerchantSide, 'applePayRequestData'>;
 }
-export declare const useApplePay: ({ environment, interface: interfaceObj, merchant, customer, acceptance, scope, debug, onError, onSuccess, onCancel, onReady, metaData, headers, operator, order, onOrderCreated }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ environment, interface: interfaceObj, merchant, customer, acceptance, scope, debug, onError, onSuccess, onCancel, onReady, metaData, headers, operator, order, onOrderCreated, integration }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -49,33 +49,16 @@ import { useEffect, useState } from 'react';
 import appService from '../api/app.service';
 import { ApplePayVersion, Scope } from '../constants';
 import { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api/httpClient';
-import { getApplePayPaymentMethod, getApplePayRequest, validateSupportedNetworks } from '../utils/config';
-import { getMerchantCapabilities } from '../utils/defaultValues';
+import { prepareApplePayRequest } from '../utils/config';
+import { useMerchantApplePay } from './useMerchantApplePay';
 export var useApplePay = function (_a) {
-    var environment = _a.environment, interfaceObj = _a.interface, merchant = _a.merchant, customer = _a.customer, acceptance = _a.acceptance, scope = _a.scope, debug = _a.debug, onError = _a.onError, onSuccess = _a.onSuccess, onCancel = _a.onCancel, onReady = _a.onReady, metaData = _a.metaData, headers = _a.headers, operator = _a.operator, order = _a.order, onOrderCreated = _a.onOrderCreated;
+    var environment = _a.environment, interfaceObj = _a.interface, merchant = _a.merchant, customer = _a.customer, acceptance = _a.acceptance, scope = _a.scope, debug = _a.debug, onError = _a.onError, onSuccess = _a.onSuccess, onCancel = _a.onCancel, onReady = _a.onReady, metaData = _a.metaData, headers = _a.headers, operator = _a.operator, order = _a.order, onOrderCreated = _a.onOrderCreated, integration = _a.integration;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(), profileData = _c[0], setProfile = _c[1];
     var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
     var _e = useState(), applePayRequestData = _e[0], setApplePayRequestData = _e[1];
     var _f = useState(), applePayRequestConfiguration = _f[0], setApplePayRequestConfiguration = _f[1];
-    var prepareApplePayRequest = function (_a) {
-        var payment_options = _a.payment_options, merchant = _a.merchant;
-        var paymentMethod = getApplePayPaymentMethod(payment_options.payment_methods || []);
-        if (debug)
-            console.log('payment method: ', paymentMethod);
-        var supportedNetworks = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedSchemes);
-        var request = getApplePayRequest({
-            countryCode: merchant.country_code,
-            order: order,
-            customer: customer,
-            supportedNetworks: supportedNetworks,
-            merchantCapabilities: getMerchantCapabilities(acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedFundSource),
-            name: merchant.name
-        });
-        if (debug)
-            console.log('apple pay request data: ', request);
-        setApplePayRequestData(request);
-    };
+    useMerchantApplePay({ isIframeIntegration: integration === 'iframe', onError: onError, onSuccess: onSuccess, scope: scope });
     var initialize = function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
         var merchantProfile, payment_options, headers_1, data, err_1;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -142,7 +125,7 @@ export var useApplePay = function (_a) {
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    prepareApplePayRequest(data);
+                    setApplePayRequestData(prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer })));
                     onOrderCreated === null || onOrderCreated === void 0 ? void 0 : onOrderCreated((_l = (_k = data.payment_options) === null || _k === void 0 ? void 0 : _k.order) === null || _l === void 0 ? void 0 : _l.id);
                     setApplePayRequestConfiguration({
                         BASE_URL: appService.getBaseUrl(),
@@ -237,47 +220,39 @@ export var useApplePay = function (_a) {
                                     console.info('onpaymentauthorized event', event);
                                 _b.label = 1;
                             case 1:
-                                _b.trys.push([1, 9, 10, 11]);
+                                _b.trys.push([1, 7, 8, 9]);
                                 _a = scope;
                                 switch (_a) {
                                     case Scope.APPLE_PAY_TOKEN: return [3, 2];
                                     case Scope.TAP_TOKEN: return [3, 3];
-                                    case Scope.CHARGE: return [3, 5];
-                                    case Scope.AUTHORIZE: return [3, 6];
                                 }
-                                return [3, 7];
+                                return [3, 5];
                             case 2:
                                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
+                                return [3, 6];
                             case 3: return [4, appService.tapTokenization(event.payment.token.paymentData)];
                             case 4:
                                 data = _b.sent();
                                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
+                                return [3, 6];
                             case 5:
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
-                            case 6:
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
-                            case 7:
                                 console.error('We only support AppleToken and TapToken for now');
                                 console.info('Completing payment with status: STATUS_FAILURE');
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
-                                _b.label = 8;
-                            case 8: return [3, 11];
-                            case 9:
+                                _b.label = 6;
+                            case 6: return [3, 9];
+                            case 7:
                                 error_2 = _b.sent();
                                 if (debug)
                                     console.error('error in onpaymentauthorized', error_2);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_2;
-                            case 10:
+                            case 8:
                                 setLoading(false);
                                 return [7];
-                            case 11: return [2];
+                            case 9: return [2];
                         }
                     });
                 }); };
@@ -300,7 +275,7 @@ export var useApplePay = function (_a) {
                     return [2];
                 }
                 if (e.message) {
-                    onError([{ description: e.message, code: '400' }]);
+                    onError([{ message: e.message, code: '400' }]);
                     return [2];
                 }
                 onError(e);
@@ -308,8 +283,6 @@ export var useApplePay = function (_a) {
             return [2];
         });
     }); };
-    if (debug)
-        console.log('useApplePay return hooks', { loading: loading, disabled: disabled, applePayRequestData: applePayRequestData, applePayRequestConfiguration: applePayRequestConfiguration });
     return {
         loading: loading,
         onApplePayButtonClicked: onApplePayButtonClicked,

package/build/hooks/useMerchantApplePay.d.ts

@@ -0,0 +1,9 @@
+import { Scope } from '../constants';
+interface ApplePayRequestData {
+    isIframeIntegration: boolean;
+    onError?: (error: any) => void;
+    onSuccess?: (data: Record<string, any>) => void;
+    scope: typeof Scope[keyof typeof Scope];
+}
+export declare const useMerchantApplePay: ({ isIframeIntegration, onError, onSuccess, scope }: ApplePayRequestData) => void;
+export {};

package/build/hooks/useMerchantApplePay.js

@@ -0,0 +1,109 @@
+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 * as React from 'react';
+import { Scope } from '../constants';
+import appService from '../api/app.service';
+var EVENT_NAME = 'TAP_BUTTON::APPLE_PAY_ON_PAYMENT_AUTHORIZED';
+export var useMerchantApplePay = function (_a) {
+    var isIframeIntegration = _a.isIframeIntegration, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope;
+    var onMessageReceived = function (_a) {
+        var message = _a.data;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var _b, event, data, _c, response, e_1;
+            var _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        _b = message !== null && message !== void 0 ? message : {}, event = _b.event, data = _b.data;
+                        if (!data || event !== EVENT_NAME)
+                            return [2];
+                        _e.label = 1;
+                    case 1:
+                        _e.trys.push([1, 9, , 10]);
+                        _c = scope;
+                        switch (_c) {
+                            case Scope.APPLE_PAY_TOKEN: return [3, 2];
+                            case Scope.TAP_TOKEN: return [3, 3];
+                            case Scope.AUTHORIZE: return [3, 5];
+                            case Scope.CHARGE: return [3, 6];
+                        }
+                        return [3, 7];
+                    case 2:
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                        return [3, 8];
+                    case 3: return [4, appService.tapTokenization(data)];
+                    case 4:
+                        response = _e.sent();
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                        return [3, 8];
+                    case 5: return [3, 8];
+                    case 6: return [3, 8];
+                    case 7:
+                        console.error("We only support: ".concat(Object.values(Scope).join(', '), " for now"));
+                        onError === null || onError === void 0 ? void 0 : onError({ message: "We only support: ".concat(Object.values(Scope).join(', '), " for now"), code: '400' });
+                        return [3, 8];
+                    case 8: return [3, 10];
+                    case 9:
+                        e_1 = _e.sent();
+                        if (!onError)
+                            return [2];
+                        if (e_1.errors) {
+                            onError(e_1.errors);
+                            return [2];
+                        }
+                        if ((_d = e_1.response) === null || _d === void 0 ? void 0 : _d.data.errors) {
+                            onError(e_1.response.data.errors);
+                            return [2];
+                        }
+                        if (e_1.message) {
+                            onError([{ message: e_1.message, code: '400' }]);
+                            return [2];
+                        }
+                        onError(e_1);
+                        return [3, 10];
+                    case 10: return [2];
+                }
+            });
+        });
+    };
+    React.useEffect(function () {
+        if (!isIframeIntegration)
+            return;
+        window.addEventListener('message', onMessageReceived);
+        return function () { return window.removeEventListener('message', onMessageReceived); };
+    }, []);
+};

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/utils/config.d.ts

@@ -1,4 +1,4 @@
-import { Acceptance, ApplePayButtonProps, ApplePayRequestData, PaymentMethod } from '../@types';
+import { Acceptance, ApplePayButtonProps, ApplePayRequestData, MetaData, PaymentMethod } from '../@types';
 export declare const validateSupportedNetworks: (supportedNetworksOptions: Acceptance['supportedSchemes'], merchantSupportedNetworks?: Acceptance['supportedSchemes']) => Acceptance['supportedSchemes'];
 export declare const getApplePayRequest: ({ order, customer, supportedNetworks, merchantCapabilities, countryCode, name }: Pick<ApplePayButtonProps, "order" | "customer"> & {
     supportedNetworks: Acceptance['supportedSchemes'];
@@ -9,3 +9,4 @@ export declare const getApplePayRequest: ({ order, customer, supportedNetworks,
 export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;
 export declare const rsaSetup: (key: string) => (string: string) => string;
 export declare function generateApplicationHeader(obj: Record<string, string | any>): string;
+export declare const prepareApplePayRequest: ({ payment_options, merchant, order, customer, acceptance }: Pick<MetaData, 'merchant' | 'payment_options'> & Pick<ApplePayButtonProps, 'order' | 'customer' | 'acceptance'>) => ApplePayRequestData;

package/build/utils/config.js

@@ -1,4 +1,5 @@
 import { JSEncrypt } from 'jsencrypt';
+import { getMerchantCapabilities } from './defaultValues';
 export var validateSupportedNetworks = function (supportedNetworksOptions, merchantSupportedNetworks) {
     var toLowerCase = function (item) { return item.toLowerCase(); };
     if (!supportedNetworksOptions)
@@ -62,3 +63,17 @@ export function generateApplicationHeader(obj) {
         .map(function (key) { return "".concat(key, "=").concat(obj[key]); })
         .join('|');
 }
+export var prepareApplePayRequest = function (_a) {
+    var payment_options = _a.payment_options, merchant = _a.merchant, order = _a.order, customer = _a.customer, acceptance = _a.acceptance;
+    var paymentMethod = getApplePayPaymentMethod(payment_options.payment_methods || []);
+    var supportedNetworks = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedSchemes);
+    var request = getApplePayRequest({
+        countryCode: merchant.country_code,
+        order: order,
+        customer: customer,
+        supportedNetworks: supportedNetworks,
+        merchantCapabilities: getMerchantCapabilities(acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedFundSource),
+        name: merchant.name
+    });
+    return request;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.52-development",
+	"version": "0.0.53-development",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",