@tap-payments/apple-pay-button 0.0.68-development → 1.0.0-test

package/build/hooks/useApplePay.js

@@ -45,140 +45,96 @@ 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, 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, mapingInterface } from '@tap-payments/acceptance-sdk';
+import { useCallback, useEffect, useState } from 'react';
+import appService from '../api/app.service';
+import { ApplePayVersion } from '../constants';
+import { setAxiosGlobalHeaders } from '../api/httpClient';
+import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
+import { getMerchantCapaplities } from '../utils/defaultValues';
 export var useApplePay = function (_a) {
-    var _b;
-    var buttonProps = _a.buttonProps;
-    var _c = useState(), applePayRequestData = _c[0], setApplePayRequestData = _c[1];
-    var _d = useState(), applePayRequestConfiguration = _d[0], setApplePayRequestConfiguration = _d[1];
-    var _e = useState(), profileData = _e[0], setProfile = _e[1];
-    var _f = useState(false), disabled = _f[0], setDisabled = _f[1];
-    var _g = useState(false), initialLoading = _g[0], setInitialLoading = _g[1];
-    var _h = useState(false), error = _h[0], setError = _h[1];
-    var _j = useState(false), success = _j[0], setSuccess = _j[1];
-    var _k = useState(false), loading = _k[0], setLoading = _k[1];
-    var _l = useState(false), isRounded = _l[0], setIsRounded = _l[1];
-    var mappedProps = __assign(__assign({}, buttonProps), { interface: mapingInterface(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 merchantProfile, payment_options, headers_1, data, err_1;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return __generator(this, function (_o) {
-            switch (_o.label) {
+    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, interfaceObj = _a.interface, customer = _a.customer, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, acceptance = _a.acceptance, metaData = _a.metaData, debug = _a.debug, environment = _a.environment, onReady = _a.onReady, onMerchantValidation = _a.onMerchantValidation, onShippingContactSelected = _a.onShippingContactSelected, onPaymentMethodSelected = _a.onPaymentMethodSelected, onCouponChanged = _a.onCouponChanged;
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(null), profileData = _c[0], setProfile = _c[1];
+    var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
+    var _e = useState(undefined), applePaySession = _e[0], setApplePaySession = _e[1];
+    var abortApplePaySession = useCallback(function () {
+        applePaySession === null || applePaySession === void 0 ? void 0 : applePaySession.abort();
+    }, [applePaySession]);
+    var initialize = useCallback(function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
+        var merchantProfile, payment_options, headers, data, err_1;
+        var _a, _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
                 case 0:
-                    setInitialLoading(true);
-                    _o.label = 1;
+                    setLoading(true);
+                    appService.setEnv(environment);
+                    appService.setBaseUrl();
+                    _h.label = 1;
                 case 1:
-                    _o.trys.push([1, 7, , 8]);
-                    if (!shallRenderApplePay()) {
-                        throw new Error('The device/customer is not eligible to use ApplePay');
-                    }
+                    _h.trys.push([1, 4, 5, 6]);
                     if (metaData) {
-                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
-                        setAxiosGlobalHeaders(__assign({}, headers_1));
+                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers = metaData.headers;
+                        setAxiosGlobalHeaders(__assign({}, headers));
                         setProfile({ merchant: merchantProfile, payment_options: payment_options });
                         return [2];
                     }
-                    if (!headers) return [3, 3];
-                    return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { authorization: operator.publicKey }))];
+                    return [4, appService.setBrowserHeaders({
+                            locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
+                            domain: merchant.domain,
+                            pk: publicKey
+                        })];
                 case 2:
-                    _o.sent();
-                    return [3, 5];
-                case 3: return [4, appService.setBrowserHeaders({
-                        locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
-                        domain: window.location.origin,
-                        pk: operator.publicKey
-                    })];
-                case 4:
-                    _o.sent();
-                    _o.label = 5;
-                case 5: return [4, appService.checkoutProfile({
-                        supported_payment_methods: ['APPLE_PAY'],
-                        supported_currencies: [order.currency],
-                        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),
-                        order: __assign(__assign({ id: order === null || order === void 0 ? void 0 : order.id, amount: Number(order.amount), currency: order.currency, description: order === null || order === void 0 ? void 0 : order.description, metadata: order === null || order === void 0 ? void 0 : order.metadata }, (customer && {
-                            customer: {
-                                id: customer === null || customer === void 0 ? void 0 : customer.id,
-                                email: (_a = customer.contact) === null || _a === void 0 ? void 0 : _a.email,
-                                first_name: ((_b = customer.name) === null || _b === void 0 ? void 0 : _b.length) ? customer.name[0].first : '',
-                                last_name: ((_c = customer.name) === null || _c === void 0 ? void 0 : _c.length) ? customer.name[0].last : '',
-                                phone: {
-                                    country_code: (_f = (_e = (_d = customer.contact) === null || _d === void 0 ? void 0 : _d.phone) === null || _e === void 0 ? void 0 : _e.countryCode) !== null && _f !== void 0 ? _f : '',
-                                    number: (_j = (_h = (_g = customer.contact) === null || _g === void 0 ? void 0 : _g.phone) === null || _h === void 0 ? void 0 : _h.number) !== null && _j !== void 0 ? _j : ''
-                                }
-                            }
-                        })), { merchant: {
-                                id: merchant === null || merchant === void 0 ? void 0 : merchant.id
-                            }, items: [
-                                {
-                                    amount: Number(order.amount),
-                                    currency: order.currency,
-                                    name: "apple pay sdk button order item",
-                                    quantity: 1,
-                                    description: "apple pay sdk button order item description"
+                    _h.sent();
+                    return [4, appService.checkoutProfile({
+                            currency: transaction.currency,
+                            merchant_id: merchant.id,
+                            total_amount: Number(transaction.amount),
+                            order: __assign(__assign({ amount: Number(transaction.amount), currency: transaction.currency }, (customer && {
+                                customer: {
+                                    id: customer.id,
+                                    email: (_a = customer.contact) === null || _a === void 0 ? void 0 : _a.email,
+                                    first_name: ((_b = customer.name) === null || _b === void 0 ? void 0 : _b.length) ? customer.name[0].first : '',
+                                    last_name: ((_c = customer.name) === null || _c === void 0 ? void 0 : _c.length) ? customer.name[0].last : '',
+                                    phone: {
+                                        country_code: ((_e = (_d = customer.contact) === null || _d === void 0 ? void 0 : _d.phone) === null || _e === void 0 ? void 0 : _e.countryCode) || '',
+                                        number: ((_g = (_f = customer.contact) === null || _f === void 0 ? void 0 : _f.phone) === null || _g === void 0 ? void 0 : _g.number) || ''
+                                    }
                                 }
-                            ] })
-                    })];
-                case 6:
-                    data = _o.sent();
+                            })), { merchant: {
+                                    id: merchant.id
+                                }, items: [
+                                    {
+                                        amount: Number(transaction.amount),
+                                        currency: transaction.currency,
+                                        name: 'apple pay sdk order item',
+                                        quantity: 1,
+                                        requiresShipping: 'no'
+                                    }
+                                ] })
+                        })];
+                case 3:
+                    data = _h.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(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: 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 = _o.sent();
-                    onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
-                    console.log('error in initialize', err_1);
-                    return [3, 8];
-                case 8: return [2];
+                    return [3, 6];
+                case 4:
+                    err_1 = _h.sent();
+                    onError && onError(err_1.errors || err_1);
+                    return [3, 6];
+                case 5:
+                    setLoading(false);
+                    onReady && onReady();
+                    return [7];
+                case 6: return [2];
             }
         });
-    }); };
+    }); }, [environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, merchant.domain, publicKey, debug, onError]);
+    useEffect(function () {
+        initialize(metaData);
+    }, [initialize, metaData]);
     var onApplePayButtonClicked = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var ApplePaySession, session_1;
+        var ApplePaySession, paymentMethod, currency, cardBrands, request, session_1;
         var _a;
         return __generator(this, function (_b) {
             ApplePaySession = window.ApplePaySession;
@@ -189,171 +145,167 @@ export var useApplePay = function (_a) {
             }
             if (!profileData) {
                 setDisabled(true);
-                console.error('The profile data is not available, please check the network and try again');
-                return [2];
-            }
-            if (!applePayRequestData) {
-                setDisabled(true);
-                console.error("We can't find the apple pay request data, please check the network and try again");
+                console.error('The profile data is not available, please check networks and try again');
                 return [2];
             }
             try {
+                paymentMethod = getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
+                currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
+                cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance.supportedBrands);
+                request = getApplePayRequest({
+                    acceptance: acceptance,
+                    countryCode: profileData.merchant.country_code,
+                    transaction: __assign(__assign({}, transaction), { currency: currency }),
+                    customer: customer,
+                    supportedNetworks: cardBrands,
+                    merchantCapabilities: getMerchantCapaplities(acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedCards),
+                    name: profileData.merchant.name
+                });
                 if (debug) {
-                    console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(applePayRequestData)));
+                    console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(request)));
                 }
-                session_1 = new ApplePaySession(ApplePayVersion, applePayRequestData);
+                session_1 = new ApplePaySession(ApplePayVersion, request);
+                setApplePaySession(session_1);
                 session_1.onvalidatemerchant = function (event) { return __awaiter(void 0, void 0, void 0, function () {
                     var merchantSession, error_1;
                     return __generator(this, function (_a) {
                         switch (_a.label) {
                             case 0:
+                                onMerchantValidation === null || onMerchantValidation === void 0 ? void 0 : onMerchantValidation('initiated');
                                 if (debug) {
                                     console.info('Creating merchant session and validating merchant session');
                                     console.info('onvalidatemerchant event', event);
                                 }
-                                setDisabled(true);
+                                setLoading(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.hostname));
+                                    console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(merchant.domain));
                                 }
-                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id || profileData.merchant.id }), event.validationURL, window.location.hostname)];
+                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, merchant.domain, merchant.identifier || merchant.id)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)
                                     console.info('merchantSession', merchantSession);
                                 session_1.completeMerchantValidation(merchantSession);
-                                console.info('merchantSession completed successfully!');
+                                onMerchantValidation === null || onMerchantValidation === void 0 ? void 0 : onMerchantValidation('completed');
+                                if (debug)
+                                    console.info('merchantSession completed successfully!');
                                 return [3, 4];
                             case 3:
                                 error_1 = _a.sent();
+                                onMerchantValidation === null || onMerchantValidation === void 0 ? void 0 : onMerchantValidation('error');
                                 if (debug)
                                     console.error('error in onvalidatemerchant', error_1);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_1;
                             case 4:
-                                setDisabled(false);
+                                setLoading(false);
                                 return [2];
                         }
                     });
                 }); };
                 session_1.onpaymentauthorized = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                    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) {
+                    var _a, data, error_2;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
                             case 0:
+                                setLoading(true);
                                 if (debug)
                                     console.info('onpaymentauthorized event', event);
-                                _t.label = 1;
+                                _b.label = 1;
                             case 1:
-                                _t.trys.push([1, 13, 14, 15]);
+                                _b.trys.push([1, 9, 10, 11]);
                                 _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 'AppleToken': return [3, 2];
+                                    case 'TapToken': return [3, 4];
                                 }
-                                return [3, 11];
-                            case 2:
-                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData);
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [3, 12];
+                                return [3, 7];
+                            case 2: return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData))];
                             case 3:
-                                setLoading(true);
+                                _b.sent();
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [4, appService.tapTokenization(event.payment.token.paymentData)];
-                            case 4:
-                                data = _t.sent();
-                                setSuccess === null || setSuccess === void 0 ? void 0 : setSuccess(true);
-                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
-                                return [3, 12];
+                                return [3, 8];
+                            case 4: return [4, appService.tapTokenization(event.payment.token.paymentData)];
                             case 5:
-                                setLoading(true);
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
-                                return [4, appService.tapTokenization(event.payment.token.paymentData)];
+                                data = _b.sent();
+                                return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data))];
                             case 6:
-                                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)];
+                                _b.sent();
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+                                return [3, 8];
                             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 });
-                                _t.label = 12;
-                            case 12: return [3, 15];
-                            case 13:
-                                error_2 = _t.sent();
+                                _b.label = 8;
+                            case 8: return [3, 11];
+                            case 9:
+                                error_2 = _b.sent();
                                 if (debug)
                                     console.error('error in onpaymentauthorized', error_2);
-                                setError(true);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_2;
-                            case 14:
+                            case 10:
                                 setLoading(false);
                                 return [7];
-                            case 15: return [2];
+                            case 11: return [2];
                         }
                     });
                 }); };
+                session_1.onshippingcontactselected = function (_a) {
+                    var shippingContact = _a.shippingContact;
+                    return __awaiter(void 0, void 0, void 0, function () {
+                        var response;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0: return [4, (onShippingContactSelected === null || onShippingContactSelected === void 0 ? void 0 : onShippingContactSelected(shippingContact))];
+                                case 1:
+                                    response = _b.sent();
+                                    if (response) {
+                                        session_1.completeShippingContactSelection(response);
+                                    }
+                                    return [2];
+                            }
+                        });
+                    });
+                };
+                session_1.onpaymentmethodselected = function (_a) {
+                    var paymentMethod = _a.paymentMethod;
+                    return __awaiter(void 0, void 0, void 0, function () {
+                        var response;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0: return [4, (onPaymentMethodSelected === null || onPaymentMethodSelected === void 0 ? void 0 : onPaymentMethodSelected(paymentMethod))];
+                                case 1:
+                                    response = _b.sent();
+                                    if (response) {
+                                        session_1.completePaymentMethodSelection(response);
+                                    }
+                                    return [2];
+                            }
+                        });
+                    });
+                };
+                session_1.oncouponcodechanged = function (_a) {
+                    var couponCode = _a.couponCode;
+                    return __awaiter(void 0, void 0, void 0, function () {
+                        var response;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0: return [4, (onCouponChanged === null || onCouponChanged === void 0 ? void 0 : onCouponChanged(couponCode))];
+                                case 1:
+                                    response = _b.sent();
+                                    if (response) {
+                                        session_1.completeCouponCodeChange(response);
+                                    }
+                                    return [2];
+                            }
+                        });
+                    });
+                };
                 session_1.oncancel = function (event) {
                     console.info('oncancel event', event);
                     if (onCancel)
@@ -373,7 +325,7 @@ export var useApplePay = function (_a) {
                     return [2];
                 }
                 if (e.message) {
-                    onError([{ message: e.message, code: '400' }]);
+                    onError([{ description: e.message, code: '400' }]);
                     return [2];
                 }
                 onError(e);
@@ -381,46 +333,10 @@ 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,
+        disabled: !profileData || disabled,
         onApplePayButtonClicked: onApplePayButtonClicked,
-        disabled: !profileData || disabled || !applePayRequestData,
-        applePayRequestData: applePayRequestData,
-        applePayRequestConfiguration: applePayRequestConfiguration,
-        mappedProps: mappedProps,
-        theme: theme,
-        initialLoading: initialLoading,
-        isRounded: isRounded,
-        success: success,
-        error: error,
-        applePayPaymentMethodOptions: applePayPaymentMethodOptions,
-        profileData: profileData
+        abortApplePaySession: abortApplePaySession
     };
 };

package/build/hooks/useGetEvents.d.ts

@@ -0,0 +1,4 @@
+export declare enum GetEvents {
+    ABORT = "applepaySDK:abort"
+}
+export declare const useGetEvents: (onEventReceieved: (event: GetEvents) => void) => void;

package/build/hooks/useGetEvents.js

@@ -0,0 +1,15 @@
+import { useCallback, useEffect } from 'react';
+export var GetEvents;
+(function (GetEvents) {
+    GetEvents["ABORT"] = "applepaySDK:abort";
+})(GetEvents || (GetEvents = {}));
+export var useGetEvents = function (onEventReceieved) {
+    var onEventReceievedFun = useCallback(function (msg) {
+        var event = msg.data.event;
+        onEventReceieved(event);
+    }, [onEventReceieved]);
+    useEffect(function () {
+        window.addEventListener('message', onEventReceievedFun);
+        return function () { return window.removeEventListener('message', onEventReceievedFun); };
+    }, [onEventReceievedFun]);
+};

package/build/hooks/useScript.d.ts

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

package/build/hooks/useScript.js

@@ -0,0 +1,39 @@
+import { useEffect, useState } from 'react';
+export function useScript(src, async) {
+    if (async === void 0) { async = true; }
+    var _a = useState(src ? 'loading' : 'idle'), status = _a[0], setStatus = _a[1];
+    useEffect(function () {
+        if (!src) {
+            setStatus('idle');
+            return;
+        }
+        var script = document.querySelector("script[src=\"".concat(src, "\"]"));
+        if (!script) {
+            script = document.createElement('script');
+            script.src = src;
+            script.async = async;
+            script.setAttribute('data-status', 'loading');
+            document.body.appendChild(script);
+            var setAttributeFromEvent = function (event) {
+                script.setAttribute('data-status', event.type === 'load' ? 'ready' : 'error');
+            };
+            script.addEventListener('load', setAttributeFromEvent);
+            script.addEventListener('error', setAttributeFromEvent);
+        }
+        else {
+            setStatus(script.getAttribute('data-status'));
+        }
+        var setStateFromEvent = function (event) {
+            setStatus(event.type === 'load' ? 'ready' : 'error');
+        };
+        script.addEventListener('load', setStateFromEvent);
+        script.addEventListener('error', setStateFromEvent);
+        return function () {
+            if (script) {
+                script.removeEventListener('load', setStateFromEvent);
+                script.removeEventListener('error', setStateFromEvent);
+            }
+        };
+    }, [src]);
+    return status;
+}

package/build/index.d.ts

@@ -1,4 +1,4 @@
-import { ApplePayButtonProps, ApplePayButton, ApplePayRequestData } from './features/ApplePayButton';
-import { ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities } from './@types/enums';
-export type { ApplePayButtonProps, ApplePayRequestData };
-export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities };
+import { ApplePayButtonProps, ApplePayButton, abortApplePaySession } from './features/ApplePayButton';
+import { ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities } from './constants';
+export type { ApplePayButtonProps };
+export { ApplePayButton, abortApplePaySession, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities };