@tap-payments/apple-pay-button 0.0.38-development → 0.0.38-test

package/build/hooks/useApplePay.js

@@ -24,7 +24,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) 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]) {
@@ -45,54 +45,89 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { useCallback, useEffect, useState } from 'react';
-import appService from '../api/app.service';
-import { ApplePayVersion, Scope } from '../constants';
-import { setAxiosGlobalHeaders } from '../api/httpClient';
-import { getApplePayPaymentMethod, getApplePayRequest, validateSupportedNetworks } from '../utils/config';
-import { getMerchantCapabilities } from '../utils/defaultValues';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { ApplePayVersion, MW_BASE_URL } from '../constants';
+import { prepareApplePayRequest, shallRenderApplePay } from '../utils/config';
+import { Scope } from '../@types';
+import { useMerchantApplePay } from './useMerchantApplePay';
+import { getApplePayPaymentMethod, getDefaultThemeMode } from '../utils';
+import appService, { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api';
+import { ChargeCode, mappingInterface } from '@tap-payments/acceptance-sdk';
 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 _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 prepareApplePayRequest = function (_a) {
-        var payment_options = _a.payment_options, merchant = _a.merchant;
-        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
-        });
-        setApplePayRequestData(request);
-    };
-    var initialize = useCallback(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;
-        return __generator(this, function (_m) {
-            switch (_m.label) {
+    var _b, _c;
+    var buttonProps = _a.buttonProps;
+    var _d = useState(), applePayRequestData = _d[0], setApplePayRequestData = _d[1];
+    var _e = useState(), applePayRequestConfiguration = _e[0], setApplePayRequestConfiguration = _e[1];
+    var _f = useState(), profileData = _f[0], setProfile = _f[1];
+    var _g = useState(false), disabled = _g[0], setDisabled = _g[1];
+    var _h = useState(false), initialLoading = _h[0], setInitialLoading = _h[1];
+    var _j = useState(false), error = _j[0], setError = _j[1];
+    var _k = useState(false), success = _k[0], setSuccess = _k[1];
+    var _l = useState(false), loading = _l[0], setLoading = _l[1];
+    var _m = useState(false), isRounded = _m[0], setIsRounded = _m[1];
+    var mappedProps = __assign(__assign({}, buttonProps), { interface: mappingInterface(buttonProps.interface) });
+    var interfaceObj = mappedProps.interface, merchant = mappedProps.merchant, customer = mappedProps.customer, acceptance = mappedProps.acceptance, scope = mappedProps.scope, debug = mappedProps.debug, onError = mappedProps.onError, onSuccess = mappedProps.onSuccess, onCancel = mappedProps.onCancel, onReady = mappedProps.onReady, metaData = mappedProps.metaData, headers = mappedProps.headers, operator = mappedProps.operator, order = mappedProps.order, onOrderCreated = mappedProps.onOrderCreated, transaction = mappedProps.transaction, post = mappedProps.post, redirect = mappedProps.redirect;
+    var isIframeIntegration = buttonProps.integration === 'iframe';
+    useMerchantApplePay({
+        isIframeIntegration: isIframeIntegration,
+        onError: onError,
+        onSuccess: onSuccess,
+        scope: scope,
+        profileData: profileData,
+        merchant: merchant,
+        order: order,
+        customer: customer,
+        transaction: transaction,
+        operator: operator,
+        post: post,
+        redirect: redirect,
+        setError: setError,
+        setSuccess: setSuccess,
+        setLoading: setLoading
+    });
+    var theme = getDefaultThemeMode((_b = mappedProps.interface) === null || _b === void 0 ? void 0 : _b.theme);
+    var applePayPaymentMethodOptions = useMemo(function () {
+        if (!profileData)
+            return null;
+        return getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
+    }, [profileData]);
+    var initialize = function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
+        var headers_1, rest, applePayPreparedData_1, data, applePayPreparedData, err_1;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return __generator(this, function (_o) {
+            switch (_o.label) {
                 case 0:
-                    setLoading(true);
-                    appService.setEnv(environment);
-                    appService.setBaseUrl();
-                    _m.label = 1;
+                    setInitialLoading(true);
+                    _o.label = 1;
                 case 1:
-                    _m.trys.push([1, 7, 8, 9]);
+                    _o.trys.push([1, 7, , 8]);
+                    if (!shallRenderApplePay()) {
+                        throw new Error('The device/customer is not eligible to use ApplePay');
+                    }
                     if (metaData) {
-                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
+                        headers_1 = metaData.headers, rest = __rest(metaData, ["headers"]);
                         setAxiosGlobalHeaders(__assign({}, headers_1));
-                        setProfile({ merchant: merchantProfile, payment_options: payment_options });
+                        setProfile(rest);
+                        applePayPreparedData_1 = prepareApplePayRequest(__assign(__assign({}, rest), { order: order, acceptance: acceptance, customer: customer }));
+                        setApplePayRequestData(applePayPreparedData_1.applePaySessionRequest);
+                        setInitialLoading(false);
                         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();
+                    _o.sent();
                     return [3, 5];
                 case 3: return [4, appService.setBrowserHeaders({
                         locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
@@ -100,12 +135,12 @@ export var useApplePay = function (_a) {
                         pk: operator.publicKey
                     })];
                 case 4:
-                    _m.sent();
-                    _m.label = 5;
+                    _o.sent();
+                    _o.label = 5;
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
-                        transaction_mode: scope.toLowerCase() === Scope.AUTHORIZE ? 'AUTHORIZE_CAPTURE' : 'PURCHASE',
+                        transaction_mode: scope === Scope.AUTHORIZE ? 'AUTHORIZE_CAPTURE' : 'PURCHASE',
                         currency: order.currency,
                         merchant_id: merchant === null || merchant === void 0 ? void 0 : merchant.id,
                         total_amount: Number(order.amount),
@@ -133,28 +168,37 @@ export var useApplePay = function (_a) {
                             ] })
                     })];
                 case 6:
-                    data = _m.sent();
+                    data = _o.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    prepareApplePayRequest(data);
+                    applePayPreparedData = prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer }));
+                    setApplePayRequestData(applePayPreparedData.applePaySessionRequest);
                     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);
-                    return [3, 9];
+                    setApplePayRequestConfiguration({
+                        BASE_URL: MW_BASE_URL,
+                        headers: getAxiosGlobalHeaders(),
+                        merchant: __assign(__assign({}, data.merchant), { id: merchant.id || ((_m = data.merchant) === null || _m === void 0 ? void 0 : _m.id) })
+                    });
+                    setInitialLoading(false);
+                    onReady === null || onReady === void 0 ? void 0 : onReady();
+                    return [3, 8];
                 case 7:
-                    err_1 = _m.sent();
+                    err_1 = _o.sent();
                     onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
-                    return [3, 9];
-                case 8:
-                    setLoading(false);
-                    onReady === null || onReady === void 0 ? void 0 : onReady();
-                    return [7];
-                case 9: return [2];
+                    console.log('error in initialize', err_1);
+                    return [3, 8];
+                case 8: return [2];
             }
         });
-    }); }, [environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, order, customer, merchant, scope, debug, onError, onReady, onOrderCreated]);
-    useEffect(function () {
-        initialize(metaData);
-    }, [initialize, metaData]);
+    }); };
+    var isTapIdentifier = function (id) { return (id.toLowerCase().includes('knet') ? 'knet' : 'tap'); };
+    var identifier = useMemo(function () {
+        var _a, _b, _c;
+        if (!((_a = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _a === void 0 ? void 0 : _a.payment_methods))
+            return '';
+        return (_c = (_b = getApplePayPaymentMethod(profileData.payment_options.payment_methods)) === null || _b === void 0 ? void 0 : _b.identifier) !== null && _c !== void 0 ? _c : '';
+    }, [(_c = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _c === void 0 ? void 0 : _c.payment_methods]);
     var onApplePayButtonClicked = function () { return __awaiter(void 0, void 0, void 0, function () {
         var ApplePaySession, session_1;
         var _a;
@@ -172,7 +216,7 @@ export var useApplePay = function (_a) {
             }
             if (!applePayRequestData) {
                 setDisabled(true);
-                console.error("We can't find the apple pay request data, please the network and try again");
+                console.error("We can't find the apple pay request data, please check the network and try again");
                 return [2];
             }
             try {
@@ -189,14 +233,14 @@ export var useApplePay = function (_a) {
                                     console.info('Creating merchant session and validating merchant session');
                                     console.info('onvalidatemerchant event', event);
                                 }
-                                setLoading(true);
+                                setDisabled(true);
                                 _a.label = 1;
                             case 1:
                                 _a.trys.push([1, 3, , 4]);
                                 if (debug) {
-                                    console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(window.location.origin));
+                                    console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(window.location.hostname));
                                 }
-                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, window.location.origin)];
+                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id || profileData.merchant.id }), event.validationURL, window.location.hostname, merchant.identifier || merchant.id || profileData.merchant.id, identifier)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)
@@ -211,62 +255,124 @@ export var useApplePay = function (_a) {
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_1;
                             case 4:
-                                setLoading(false);
+                                setDisabled(false);
                                 return [2];
                         }
                     });
                 }); };
                 session_1.onpaymentauthorized = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                    var _a, data, error_2;
-                    return __generator(this, function (_b) {
-                        switch (_b.label) {
+                    var _a, data, tokenId, supportCurrency, transactionRequest, transactionResponse, _b, successState, error_2;
+                    var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+                    return __generator(this, function (_t) {
+                        switch (_t.label) {
                             case 0:
-                                setLoading(true);
                                 if (debug)
                                     console.info('onpaymentauthorized event', event);
-                                _b.label = 1;
+                                _t.label = 1;
                             case 1:
-                                _b.trys.push([1, 9, 10, 11]);
+                                _t.trys.push([1, 13, 14, 15]);
                                 _a = scope;
                                 switch (_a) {
                                     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, 5];
-                                    case Scope.AUTHORIZE: return [3, 6];
                                 }
-                                return [3, 7];
+                                return [3, 11];
                             case 2:
-                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData);
+                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
-                            case 3: return [4, appService.tapTokenization(event.payment.token.paymentData)];
+                                return [3, 12];
+                            case 3:
+                                setLoading(true);
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+                                return [4, appService.tapTokenization(__assign(__assign(__assign({}, event.payment.token.paymentData), event.payment.token), { paymentData: undefined }))];
                             case 4:
-                                data = _b.sent();
+                                data = _t.sent();
+                                setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
                                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
+                                return [3, 12];
                             case 5:
+                                setLoading(true);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
+                                return [4, appService.tapTokenization(__assign(__assign(__assign({}, event.payment.token.paymentData), event.payment.token), { paymentData: undefined }))];
                             case 6:
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 8];
+                                tokenId = (_t.sent()).id;
+                                supportCurrency = ((_d = (_c = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _c === void 0 ? void 0 : _c.supported_currencies) !== null && _d !== void 0 ? _d : [])[0];
+                                transactionRequest = {
+                                    auto: (_e = transaction === null || transaction === void 0 ? void 0 : transaction.authorize) === null || _e === void 0 ? void 0 : _e.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: (_f = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _f === void 0 ? void 0 : _f.email,
+                                            first_name: ((_g = customer === null || customer === void 0 ? void 0 : customer.name) === null || _g === void 0 ? void 0 : _g.length) ? customer.name[0].first : '',
+                                            last_name: ((_h = customer === null || customer === void 0 ? void 0 : customer.name) === null || _h === void 0 ? void 0 : _h.length) ? customer.name[0].last : '',
+                                            phone: {
+                                                country_code: (_l = (_k = (_j = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _j === void 0 ? void 0 : _j.phone) === null || _k === void 0 ? void 0 : _k.countryCode) !== null && _l !== void 0 ? _l : '',
+                                                number: (_p = (_o = (_m = customer === null || customer === void 0 ? void 0 : customer.contact) === null || _m === void 0 ? void 0 : _m.phone) === null || _o === void 0 ? void 0 : _o.number) !== null && _p !== void 0 ? _p : ''
+                                            }
+                                        },
+                                    fee: 0,
+                                    merchant: {
+                                        id: (_r = (_q = profileData === null || profileData === void 0 ? void 0 : profileData.merchant) === null || _q === void 0 ? void 0 : _q.id) !== null && _r !== void 0 ? _r : ''
+                                    },
+                                    order: (_s = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _s === void 0 ? void 0 : _s.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:
+                                _b = _t.sent();
+                                return [3, 10];
+                            case 8: return [4, appService.createCharge(transactionRequest)];
+                            case 9:
+                                _b = _t.sent();
+                                _t.label = 10;
+                            case 10:
+                                transactionResponse = _b;
+                                successState = scope === Scope.AUTHORIZE ? ChargeCode.AUTHORIZED : ChargeCode.SUCCESS;
+                                if ((transactionResponse === null || transactionResponse === void 0 ? void 0 : transactionResponse.response.code) === successState) {
+                                    setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
+                                }
+                                else {
+                                    setError === null || setError === void 0 ? void 0 : setError(true);
+                                }
+                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(transactionResponse);
+                                return [3, 12];
+                            case 11:
                                 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:
-                                error_2 = _b.sent();
+                                _t.label = 12;
+                            case 12: return [3, 15];
+                            case 13:
+                                error_2 = _t.sent();
                                 if (debug)
                                     console.error('error in onpaymentauthorized', error_2);
+                                setError(true);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_2;
-                            case 10:
+                            case 14:
                                 setLoading(false);
                                 return [7];
-                            case 11: return [2];
+                            case 15: return [2];
                         }
                     });
                 }); };
@@ -289,7 +395,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);
@@ -297,10 +403,46 @@ export var useApplePay = function (_a) {
             return [2];
         });
     }); };
+    var handleClick = useCallback(function () {
+        var _a, _b;
+        if (isIframeIntegration) {
+            (_a = buttonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonProps, __assign(__assign({}, applePayRequestConfiguration), { applePayRequestData: applePayRequestData }));
+            return;
+        }
+        onApplePayButtonClicked();
+        (_b = buttonProps.onClick) === null || _b === void 0 ? void 0 : _b.call(buttonProps);
+    }, [applePayRequestConfiguration, applePayRequestData, buttonProps, isIframeIntegration, onApplePayButtonClicked]);
+    useEffect(function () {
+        initialize(metaData);
+    }, []);
+    useEffect(function () {
+        setIsRounded(error || success || loading);
+    }, [error, success, loading]);
+    useEffect(function () {
+        if (!error)
+            return;
+        var timer = setTimeout(function () {
+            setError(false);
+            setLoading(false);
+            setIsRounded(false);
+        }, 2000);
+        return function () { return clearTimeout(timer); };
+    }, [error, loading]);
     return {
+        onClick: handleClick,
         loading: loading,
+        isIframeIntegration: isIframeIntegration,
         onApplePayButtonClicked: onApplePayButtonClicked,
         disabled: !profileData || disabled || !applePayRequestData,
-        applePayRequestData: applePayRequestData
+        applePayRequestData: applePayRequestData,
+        applePayRequestConfiguration: applePayRequestConfiguration,
+        mappedProps: mappedProps,
+        theme: theme,
+        initialLoading: initialLoading,
+        isRounded: isRounded,
+        success: success,
+        error: error,
+        applePayPaymentMethodOptions: applePayPaymentMethodOptions,
+        profileData: profileData
     };
 };

package/build/hooks/useMerchantApplePay.d.ts

@@ -0,0 +1,20 @@
+import { MetaData, ApplePayButtonProps, Scope } from '../@types';
+interface ApplePayRequestData {
+    isIframeIntegration: boolean;
+    onError?: (error: any) => void;
+    onSuccess?: (data: Record<string, any>) => void;
+    setLoading?: (loading: boolean) => void;
+    setSuccess?: (success: boolean) => void;
+    setError?: (error: boolean) => 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, setLoading, setError, setSuccess, scope, profileData, order, customer, transaction, operator, redirect, post }: ApplePayRequestData) => void;
+export {};

package/build/hooks/useMerchantApplePay.js

@@ -0,0 +1,176 @@
+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 (g && (g = 0, op[0] && (_ = 0)), _) 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 appService from '../api';
+import { Scope, CHARGE_CODE } from '../@types';
+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, setLoading = _a.setLoading, setError = _a.setError, setSuccess = _a.setSuccess, 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 = React.useCallback(function (_a) {
+        var message = _a.data;
+        return __awaiter(void 0, void 0, void 0, function () {
+            var _b, event, data, _c, response, tokenId, supportCurrency, transactionRequest, transactionResponse, _d, successState, 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];
+                        _w.label = 1;
+                    case 1:
+                        _w.trys.push([1, 13, 14, 15]);
+                        _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, 5];
+                        }
+                        return [3, 11];
+                    case 2:
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                        return [3, 12];
+                    case 3:
+                        setLoading === null || setLoading === void 0 ? void 0 : setLoading(true);
+                        return [4, appService.tapTokenization(data)];
+                    case 4:
+                        response = _w.sent();
+                        setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
+                        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(response);
+                        return [3, 12];
+                    case 5:
+                        setLoading === null || setLoading === void 0 ? void 0 : setLoading(true);
+                        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;
+                        successState = scope === Scope.AUTHORIZE ? CHARGE_CODE.AUTHORIZED : CHARGE_CODE.SUCCESS;
+                        if ((transactionResponse === null || transactionResponse === void 0 ? void 0 : transactionResponse.response.code) === successState) {
+                            setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
+                        }
+                        else {
+                            setError === null || setError === void 0 ? void 0 : setError(true);
+                        }
+                        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: '000' });
+                        return [3, 12];
+                    case 12: return [3, 15];
+                    case 13:
+                        e_1 = _w.sent();
+                        if (!onError)
+                            return [2];
+                        if (e_1.errors) {
+                            onError(e_1.errors);
+                            return [2];
+                        }
+                        if ((_v = e_1.response) === null || _v === void 0 ? void 0 : _v.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, 15];
+                    case 14:
+                        setLoading === null || setLoading === void 0 ? void 0 : setLoading(false);
+                        return [7];
+                    case 15: return [2];
+                }
+            });
+        });
+    }, [onError, onSuccess, scope, profileData, order, customer, transaction, operator, redirect, post]);
+    React.useEffect(function () {
+        if (!isIframeIntegration)
+            return;
+        window.addEventListener('message', onMessageReceived);
+        return function () { return window.removeEventListener('message', onMessageReceived); };
+    }, [isIframeIntegration, onMessageReceived]);
+};