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

package/build/@types/index.d.ts

@@ -132,6 +132,7 @@ export interface PaymentOptionsResponse {
     country: string;
     currency: string;
     payment_methods: PaymentMethod[];
+    [other: string]: any;
 }
 export interface MetaData {
     merchant: MerchantResponse;
@@ -182,7 +183,7 @@ export interface ChargeRequestBody {
     currency: string;
     selected_amount?: string;
     selected_currency?: string;
-    product: 'Google-Pay-Button';
+    product: string;
     threeDSecure?: boolean;
     save_card: boolean;
     fee: number;
@@ -223,6 +224,8 @@ export interface ChargeRequestBody {
         transaction?: string;
     };
     description?: string;
+}
+export interface AuthorizeRequestBody extends ChargeRequestBody {
     auto?: {
         type: string;
         time: number;

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

@@ -1,4 +1,4 @@
-import { MerchantResponse, ApplePayButtonProps, CheckoutProfileRequest } from '../@types';
+import { MerchantResponse, ApplePayButtonProps, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from '../@types';
 import BaseService from './base';
 declare class APPService extends BaseService {
     private baseUrl;
@@ -20,6 +20,8 @@ declare class APPService extends BaseService {
     }>;
     appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
     tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
+    createCharge(request: ChargeRequestBody): Promise<any>;
+    createAuthorize(request: AuthorizeRequestBody): Promise<any>;
 }
 declare const appService: APPService;
 export default appService;

package/build/api/app.service.js

@@ -268,6 +268,46 @@ var APPService = (function (_super) {
             });
         }
     });
+    Object.defineProperty(APPService.prototype, "createCharge", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, this.post(this.baseUrl + '/charge', request)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "createAuthorize", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (request) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, this.post(this.baseUrl + '/authorize', request)];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data.errors)
+                                throw data;
+                            return [2, data];
+                    }
+                });
+            });
+        }
+    });
     return APPService;
 }(BaseService));
 var appService = new APPService();

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, integration }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ environment, interface: interfaceObj, merchant, customer, acceptance, scope, debug, onError, onSuccess, onCancel, onReady, metaData, headers, operator, order, onOrderCreated, integration, transaction, post, redirect }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -52,13 +52,26 @@ import { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api/httpClient'
 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, integration = _a.integration;
+    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, transaction = _a.transaction, post = _a.post, redirect = _a.redirect;
     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];
-    useMerchantApplePay({ isIframeIntegration: integration === 'iframe', onError: onError, onSuccess: onSuccess, scope: scope });
+    useMerchantApplePay({
+        isIframeIntegration: integration === 'iframe',
+        onError: onError,
+        onSuccess: onSuccess,
+        scope: scope,
+        profileData: profileData,
+        merchant: merchant,
+        order: order,
+        customer: customer,
+        transaction: transaction,
+        operator: operator,
+        post: post,
+        redirect: redirect
+    });
     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;
@@ -78,7 +91,7 @@ export var useApplePay = function (_a) {
                         return [2];
                     }
                     if (!headers) return [3, 3];
-                    return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { pk: operator.publicKey }))];
+                    return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { authorization: operator.publicKey }))];
                 case 2:
                     _m.sent();
                     return [3, 5];

package/build/hooks/useMerchantApplePay.d.ts

@@ -1,9 +1,18 @@
 import { Scope } from '../constants';
+import { MetaData, ApplePayButtonProps } from '../@types';
 interface ApplePayRequestData {
     isIframeIntegration: boolean;
     onError?: (error: any) => void;
     onSuccess?: (data: Record<string, any>) => void;
     scope: typeof Scope[keyof typeof Scope];
+    profileData?: Pick<MetaData, 'merchant' | 'payment_options'>;
+    merchant: Pick<MetaData['merchant'], 'id'>;
+    order: ApplePayButtonProps['order'];
+    customer: ApplePayButtonProps['customer'];
+    transaction: ApplePayButtonProps['transaction'];
+    operator: ApplePayButtonProps['operator'];
+    redirect?: ApplePayButtonProps['redirect'];
+    post?: ApplePayButtonProps['post'];
 }
-export declare const useMerchantApplePay: ({ isIframeIntegration, onError, onSuccess, scope }: ApplePayRequestData) => void;
+export declare const useMerchantApplePay: ({ isIframeIntegration, onError, onSuccess, scope, profileData, order, customer, transaction, operator, redirect, post }: ApplePayRequestData) => void;
 export {};

package/build/hooks/useMerchantApplePay.js

@@ -39,53 +39,105 @@ 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 isIframeIntegration = _a.isIframeIntegration, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, profileData = _a.profileData, order = _a.order, customer = _a.customer, transaction = _a.transaction, operator = _a.operator, redirect = _a.redirect, post = _a.post;
     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) {
+            var _b, event, data, _c, response, tokenId, supportCurrency, transactionRequest, transactionResponse, _d, e_1;
+            var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+            return __generator(this, function (_w) {
+                switch (_w.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;
+                        _w.label = 1;
                     case 1:
-                        _e.trys.push([1, 9, , 10]);
+                        _w.trys.push([1, 13, , 14]);
                         _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];
+                            case Scope.CHARGE: return [3, 5];
                         }
-                        return [3, 7];
+                        return [3, 11];
                     case 2:
                         onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
-                        return [3, 8];
+                        return [3, 12];
                     case 3: return [4, appService.tapTokenization(data)];
                     case 4:
-                        response = _e.sent();
+                        response = _w.sent();
                         onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
-                        return [3, 8];
-                    case 5: return [3, 8];
-                    case 6: return [3, 8];
+                        return [3, 12];
+                    case 5: return [4, appService.tapTokenization(data)];
+                    case 6:
+                        tokenId = (_w.sent()).id;
+                        supportCurrency = ((_f = (_e = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _e === void 0 ? void 0 : _e.supported_currencies) !== null && _f !== void 0 ? _f : [])[0];
+                        transactionRequest = {
+                            auto: (_g = transaction === null || transaction === void 0 ? void 0 : transaction.authorize) === null || _g === void 0 ? void 0 : _g.auto,
+                            amount: order.amount,
+                            currency: order.currency,
+                            selected_amount: supportCurrency === null || supportCurrency === void 0 ? void 0 : supportCurrency.amount,
+                            selected_currency: supportCurrency === null || supportCurrency === void 0 ? void 0 : supportCurrency.currency,
+                            customer: (customer === null || customer === void 0 ? void 0 : customer.id)
+                                ? { id: customer === null || customer === void 0 ? void 0 : customer.id }
+                                : {
+                                    email: (_h = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _h === void 0 ? void 0 : _h.email,
+                                    first_name: ((_j = customer === null || customer === void 0 ? void 0 : customer.name) === null || _j === void 0 ? void 0 : _j.length) ? customer.name[0].first : '',
+                                    last_name: ((_k = customer === null || customer === void 0 ? void 0 : customer.name) === null || _k === void 0 ? void 0 : _k.length) ? customer.name[0].last : '',
+                                    phone: {
+                                        country_code: (_o = (_m = (_l = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _l === void 0 ? void 0 : _l.phone) === null || _m === void 0 ? void 0 : _m.countryCode) !== null && _o !== void 0 ? _o : '',
+                                        number: (_r = (_q = (_p = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _p === void 0 ? void 0 : _p.phone) === null || _q === void 0 ? void 0 : _q.number) !== null && _r !== void 0 ? _r : ''
+                                    }
+                                },
+                            fee: 0,
+                            merchant: {
+                                id: (_t = (_s = profileData === null || profileData === void 0 ? void 0 : profileData.merchant) === null || _s === void 0 ? void 0 : _s.id) !== null && _t !== void 0 ? _t : ''
+                            },
+                            order: (_u = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _u === void 0 ? void 0 : _u.order,
+                            product: 'Apple-Pay-Button',
+                            save_card: false,
+                            source: { id: tokenId !== null && tokenId !== void 0 ? tokenId : '' },
+                            threeDSecure: transaction === null || transaction === void 0 ? void 0 : transaction.authentication,
+                            hashstring: operator.hashstring,
+                            redirect: redirect,
+                            metadata: transaction === null || transaction === void 0 ? void 0 : transaction.metadata,
+                            post: post,
+                            payment_agreement: transaction === null || transaction === void 0 ? void 0 : transaction.paymentAgreement,
+                            destinations: transaction === null || transaction === void 0 ? void 0 : transaction.destinations,
+                            reference: {
+                                order: order === null || order === void 0 ? void 0 : order.reference,
+                                transaction: transaction === null || transaction === void 0 ? void 0 : transaction.reference
+                            }
+                        };
+                        if (!(scope === Scope.AUTHORIZE)) return [3, 8];
+                        return [4, appService.createAuthorize(transactionRequest)];
                     case 7:
+                        _d = _w.sent();
+                        return [3, 10];
+                    case 8: return [4, appService.createCharge(transactionRequest)];
+                    case 9:
+                        _d = _w.sent();
+                        _w.label = 10;
+                    case 10:
+                        transactionResponse = _d;
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(transactionResponse);
+                        return [3, 12];
+                    case 11:
                         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();
+                        return [3, 12];
+                    case 12: return [3, 14];
+                    case 13:
+                        e_1 = _w.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) {
+                        if ((_v = e_1.response) === null || _v === void 0 ? void 0 : _v.data.errors) {
                             onError(e_1.response.data.errors);
                             return [2];
                         }
@@ -94,8 +146,8 @@ export var useMerchantApplePay = function (_a) {
                             return [2];
                         }
                         onError(e_1);
-                        return [3, 10];
-                    case 10: return [2];
+                        return [3, 14];
+                    case 14: return [2];
                 }
             });
         });
@@ -105,5 +157,5 @@ export var useMerchantApplePay = function (_a) {
             return;
         window.addEventListener('message', onMessageReceived);
         return function () { return window.removeEventListener('message', onMessageReceived); };
-    }, []);
+    }, [isIframeIntegration]);
 };

package/package.json

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