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

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

@@ -38,32 +38,71 @@ export interface Customer {
     };
 }
 export interface Acceptance {
-    supportedBrands?: Array<typeof SupportedNetworks[keyof typeof SupportedNetworks]>;
-    supportedCards?: Array<string>;
-    supportedCardsWithAuthentications?: Array<string>;
+    supportedSchemes?: Array<typeof SupportedNetworks[keyof typeof SupportedNetworks]>;
+    supportedFundSource?: string[];
+    supportedPaymentAuthentications?: string[];
 }
 export interface ApplePayButtonProps {
-    scope?: typeof Scope[keyof typeof Scope];
-    publicKey: string;
-    environment: typeof Environment[keyof typeof Environment];
+    operator: {
+        publicKey: string;
+        hashstring?: string;
+    };
     merchant: {
         id: string;
-        domain: string;
     };
+    scope: typeof Scope[keyof typeof Scope];
+    environment: typeof Environment[keyof typeof Environment];
     interface?: Interface;
     customer?: Customer;
-    acceptance: Acceptance;
-    transaction: {
-        amount: string;
+    acceptance?: Acceptance;
+    transaction?: {
+        authentication?: boolean;
+        authorize?: {
+            auto: {
+                type: string;
+                time: number;
+            };
+        };
+        metadata?: Record<string, string>;
+        reference?: string;
+        paymentAgreement?: {
+            id: string;
+            contract?: {
+                id: string;
+            };
+        };
+        destinations?: Record<string, any>;
+    };
+    invoice?: {
+        id: string;
+    };
+    order: {
+        amount: number;
         currency: string;
+        id?: string;
+        description?: string;
+        metadata?: Record<string, string>;
+        reference?: string;
+    };
+    post?: {
+        url: string;
+    };
+    redirect?: {
+        url: string;
     };
+    onOrderCreated?: (orderId: string) => void;
     onCancel?: () => void;
     onError?: (error: any) => void;
-    onSuccess?: (data: Record<string, any>) => Promise<void>;
-    onClick?: () => void;
+    onSuccess?: (data: Record<string, any>) => void;
+    onClick?: (data?: ApplePayRequestData) => void;
     onReady?: () => void;
     metaData?: MetaData;
     debug?: boolean;
+    integration?: 'merchant' | 'tap';
+    headers?: {
+        mdn: string;
+        application: string;
+    };
 }
 export interface MerchantResponse {
     id: string;
@@ -92,12 +131,18 @@ export interface MetaData {
     headers: Record<string, string>;
 }
 export interface CheckoutProfileRequest {
+    supported_payment_methods: string[];
+    supported_currencies: string[];
+    transaction_mode: string;
     currency: string;
     merchant_id: string;
     total_amount: number;
     order: {
+        id?: string;
         amount: number;
         currency: string;
+        description?: string;
+        metadata?: Record<string, string>;
         customer?: {
             id?: string;
             email?: string;
@@ -113,10 +158,65 @@ export interface CheckoutProfileRequest {
             amount: number;
             currency: string;
             name: string;
-            requiresShipping: string;
+            description: string;
         }[];
         merchant: {
             id: string;
         };
     };
 }
+export interface ChargeRequestBody {
+    source: {
+        id: string;
+    };
+    ipaddress?: string;
+    amount: number;
+    currency: string;
+    selected_amount?: string;
+    selected_currency?: string;
+    product: 'Google-Pay-Button';
+    threeDSecure?: boolean;
+    save_card: boolean;
+    fee: number;
+    customer: {
+        id?: string;
+        first_name?: string;
+        middle_name?: string;
+        last_name?: string;
+        email?: string;
+        phone?: {
+            country_code: string;
+            number: string;
+        };
+    };
+    hashstring?: string;
+    metadata?: Record<string, string>;
+    post?: {
+        url: string;
+    };
+    redirect?: {
+        url: string;
+    };
+    merchant?: {
+        id: string;
+    };
+    order?: {
+        id: string;
+    };
+    payment_agreement?: {
+        id: string;
+        contract?: {
+            id: string;
+        };
+    };
+    destinations?: Record<string, any>;
+    reference?: {
+        order?: string;
+        transaction?: string;
+    };
+    description?: string;
+    auto?: {
+        type: string;
+        time: number;
+    };
+}

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

@@ -7,6 +7,7 @@ declare class APPService extends BaseService {
     setEnv(env: ApplePayButtonProps['environment']): void;
     setBaseUrl(): void;
     getHeaderPublicKey(): "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----" | "" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+    setHttpHeaders(headers: Record<string, string>): Promise<void>;
     setBrowserHeaders({ locale, pk, domain }: {
         locale: string;
         pk: string;

package/build/api/app.service.js

@@ -140,6 +140,19 @@ var APPService = (function (_super) {
             }
         }
     });
+    Object.defineProperty(APPService.prototype, "setHttpHeaders", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (headers) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    setAxiosGlobalHeaders(headers);
+                    return [2];
+                });
+            });
+        }
+    });
     Object.defineProperty(APPService.prototype, "setBrowserHeaders", {
         enumerable: false,
         configurable: true,

package/build/constants/index.d.ts

@@ -1,6 +1,8 @@
 export declare const Scope: {
-    readonly AppleToken: "AppleToken";
-    readonly TapToken: "TapToken";
+    readonly CHARGE: "charge";
+    readonly AUTHORIZE: "authorize";
+    readonly TAP_TOKEN: "taptoken";
+    readonly APPLE_PAY_TOKEN: "applepaytoken";
 };
 export declare const ButtonStyle: {
     readonly Black: "black";
@@ -10,7 +12,17 @@ export declare const ButtonStyle: {
 export declare const Locale: {
     readonly EN: "en";
     readonly AR: "ar";
-    readonly FR: "fr";
+    readonly DYNAMIC: "dynamic";
+};
+export declare const ColorStyle: {
+    readonly COLORED: "colored";
+    readonly MONOCHROME: "monochrome";
+};
+export declare const FullThemeMode: {
+    readonly DARK: "dark";
+    readonly LIGHT: "light";
+    readonly LIGHT_MONO: "light_mono";
+    readonly DARK_COLORED: "dark_colored";
 };
 export declare const ButtonType: {
     readonly BOOK: "book";
@@ -23,6 +35,7 @@ export declare const ButtonType: {
 export declare const ThemeMode: {
     readonly DARK: "dark";
     readonly LIGHT: "light";
+    readonly DYNAMIC: "dynamic";
 };
 export declare const Edges: {
     readonly STRAIGHT: "straight";

package/build/constants/index.js

@@ -1,6 +1,8 @@
 export var Scope = {
-    AppleToken: 'AppleToken',
-    TapToken: 'TapToken'
+    CHARGE: 'charge',
+    AUTHORIZE: 'authorize',
+    TAP_TOKEN: 'taptoken',
+    APPLE_PAY_TOKEN: 'applepaytoken'
 };
 export var ButtonStyle = {
     Black: 'black',
@@ -10,7 +12,17 @@ export var ButtonStyle = {
 export var Locale = {
     EN: 'en',
     AR: 'ar',
-    FR: 'fr'
+    DYNAMIC: 'dynamic'
+};
+export var ColorStyle = {
+    COLORED: 'colored',
+    MONOCHROME: 'monochrome'
+};
+export var FullThemeMode = {
+    DARK: 'dark',
+    LIGHT: 'light',
+    LIGHT_MONO: 'light_mono',
+    DARK_COLORED: 'dark_colored'
 };
 export var ButtonType = {
     BOOK: 'book',
@@ -22,7 +34,8 @@ export var ButtonType = {
 };
 export var ThemeMode = {
     DARK: 'dark',
-    LIGHT: 'light'
+    LIGHT: 'light',
+    DYNAMIC: 'dynamic'
 };
 export var Edges = {
     STRAIGHT: 'straight',

package/build/features/ApplePayButton/ApplePayButton.js

@@ -14,12 +14,13 @@ import * as React from 'react';
 import { createRoot } from 'react-dom/client';
 import { findOrCreateElementAndInject } from '../../utils';
 import { useApplePay } from '../../hooks/useApplePay';
-import './ApplePayButton.css';
 import { getDefaultValues } from '../../utils/defaultValues';
 import { ButtonStyle, Edges, ThemeMode } from '../../constants';
+import './ApplePayButton.css';
 var ApplePay = React.memo(function (props) {
     var mappedProps = getDefaultValues(props);
-    var _a = useApplePay(mappedProps), loading = _a.loading, onApplePayButtonClicked = _a.onApplePayButtonClicked, disabled = _a.disabled;
+    var _a = useApplePay(mappedProps), loading = _a.loading, onApplePayButtonClicked = _a.onApplePayButtonClicked, disabled = _a.disabled, applePayRequestData = _a.applePayRequestData;
+    var isMerchantIntegration = props.integration === 'merchant';
     React.useEffect(function () {
         if (props.debug) {
             console.log('ApplePayButtonProps', props);
@@ -30,9 +31,13 @@ var ApplePay = React.memo(function (props) {
             ApplePayButtonStyle: mappedProps.interface.theme === ThemeMode.DARK ? ButtonStyle.Black : ButtonStyle.White,
             borderRadius: mappedProps.interface.edges === Edges.STRAIGHT ? '0' : '10px'
         }, onClick: function () {
-            var _a;
+            var _a, _b;
+            if (isMerchantIntegration) {
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, applePayRequestData);
+                return;
+            }
             onApplePayButtonClicked();
-            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
+            (_b = props.onClick) === null || _b === void 0 ? void 0 : _b.call(props);
         }, lang: mappedProps.interface.locale, disabled: loading || disabled }));
 });
 export function ApplePayButton(props) {

package/build/hooks/index.d.ts

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

package/build/hooks/index.js

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

package/build/hooks/useApplePay.d.ts

@@ -1,9 +1,10 @@
-import { ApplePayButtonProps } from '../@types';
+import { ApplePayButtonProps, ApplePayRequestData } from '../@types';
 declare type UseApplePayProps = Omit<ApplePayButtonProps, 'buttonStyle'>;
 interface UseApplePayReturnProps {
     loading: boolean;
     onApplePayButtonClicked: () => Promise<void>;
     disabled: boolean;
+    applePayRequestData?: ApplePayRequestData;
 }
-export declare const useApplePay: ({ publicKey, merchant, transaction, interface: interfaceObj, customer, onCancel, onError, onSuccess, scope, acceptance, metaData, debug, environment, onReady }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ environment, interface: interfaceObj, merchant, customer, acceptance, scope, debug, onError, onSuccess, onCancel, onReady, metaData, headers, operator, order, onOrderCreated }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -47,90 +47,116 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { useCallback, useEffect, useState } from 'react';
 import appService from '../api/app.service';
-import { ApplePayVersion } from '../constants';
+import { ApplePayVersion, Scope } from '../constants';
 import { setAxiosGlobalHeaders } from '../api/httpClient';
-import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
-import { getMerchantCapaplities } from '../utils/defaultValues';
+import { getApplePayPaymentMethod, getApplePayRequest, validateSupportedNetworks } from '../utils/config';
+import { getMerchantCapabilities } from '../utils/defaultValues';
 export var useApplePay = function (_a) {
-    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;
+    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(null), profileData = _c[0], setProfile = _c[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, data, err_1;
-        var _a, _b, _c, _d, _e, _f, _g;
-        return __generator(this, function (_h) {
-            switch (_h.label) {
+        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) {
                 case 0:
                     setLoading(true);
                     appService.setEnv(environment);
                     appService.setBaseUrl();
-                    _h.label = 1;
+                    _m.label = 1;
                 case 1:
-                    _h.trys.push([1, 4, 5, 6]);
+                    _m.trys.push([1, 7, 8, 9]);
                     if (metaData) {
-                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers = metaData.headers;
-                        setAxiosGlobalHeaders(__assign({}, headers));
+                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
+                        setAxiosGlobalHeaders(__assign({}, headers_1));
                         setProfile({ merchant: merchantProfile, payment_options: payment_options });
                         return [2];
                     }
-                    return [4, appService.setBrowserHeaders({
-                            locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
-                            domain: merchant.domain,
-                            pk: publicKey
-                        })];
+                    if (!headers) return [3, 3];
+                    return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { pk: operator.publicKey }))];
                 case 2:
-                    _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) || ''
-                                    }
+                    _m.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:
+                    _m.sent();
+                    _m.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',
+                        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.id
-                                }, items: [
-                                    {
-                                        amount: Number(transaction.amount),
-                                        currency: transaction.currency,
-                                        name: 'apple pay sdk order item',
-                                        quantity: 1,
-                                        requiresShipping: 'no'
-                                    }
-                                ] })
-                        })];
-                case 3:
-                    data = _h.sent();
+                            }
+                        })), { 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"
+                                }
+                            ] })
+                    })];
+                case 6:
+                    data = _m.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    return [3, 6];
-                case 4:
-                    err_1 = _h.sent();
-                    onError && onError(err_1.errors || err_1);
-                    return [3, 6];
-                case 5:
+                    prepareApplePayRequest(data);
+                    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];
+                case 7:
+                    err_1 = _m.sent();
+                    onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
+                    return [3, 9];
+                case 8:
                     setLoading(false);
-                    onReady && onReady();
+                    onReady === null || onReady === void 0 ? void 0 : onReady();
                     return [7];
-                case 6: return [2];
+                case 9: return [2];
             }
         });
-    }); }, [environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, merchant.domain, publicKey, debug, onError]);
+    }); }, [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 onApplePayButtonClicked = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var ApplePaySession, paymentMethod, currency, cardBrands, request, session_1;
+        var ApplePaySession, session_1;
         var _a;
         return __generator(this, function (_b) {
             ApplePaySession = window.ApplePaySession;
@@ -141,25 +167,19 @@ export var useApplePay = function (_a) {
             }
             if (!profileData) {
                 setDisabled(true);
-                console.error('The profile data is not available, please check networks and try again');
+                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 the network 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({
-                    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(request)));
+                    console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(applePayRequestData)));
                 }
-                session_1 = new ApplePaySession(ApplePayVersion, request);
+                session_1 = new ApplePaySession(ApplePayVersion, applePayRequestData);
                 session_1.onvalidatemerchant = function (event) { return __awaiter(void 0, void 0, void 0, function () {
                     var merchantSession, error_1;
                     return __generator(this, function (_a) {
@@ -174,9 +194,9 @@ export var useApplePay = function (_a) {
                             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(merchant.domain));
+                                    console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(window.location.origin));
                                 }
-                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, merchant.domain)];
+                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, window.location.origin)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)
@@ -209,21 +229,26 @@ export var useApplePay = function (_a) {
                                 _b.trys.push([1, 9, 10, 11]);
                                 _a = scope;
                                 switch (_a) {
-                                    case 'AppleToken': return [3, 2];
-                                    case 'TapToken': return [3, 4];
+                                    case Scope.APPLE_PAY_TOKEN: return [3, 2];
+                                    case Scope.TAP_TOKEN: return [3, 3];
+                                    case Scope.CHARGE: return [3, 5];
+                                    case Scope.AUTHORIZE: return [3, 6];
                                 }
                                 return [3, 7];
-                            case 2: return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData))];
-                            case 3:
-                                _b.sent();
+                            case 2:
+                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
-                            case 4: return [4, appService.tapTokenization(event.payment.token.paymentData)];
-                            case 5:
+                            case 3: return [4, appService.tapTokenization(event.payment.token.paymentData)];
+                            case 4:
                                 data = _b.sent();
-                                return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data))];
+                                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data);
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+                                return [3, 8];
+                            case 5:
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
+                                return [3, 8];
                             case 6:
-                                _b.sent();
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
                             case 7:
@@ -272,5 +297,10 @@ export var useApplePay = function (_a) {
             return [2];
         });
     }); };
-    return { loading: loading, onApplePayButtonClicked: onApplePayButtonClicked, disabled: !profileData || disabled };
+    return {
+        loading: loading,
+        onApplePayButtonClicked: onApplePayButtonClicked,
+        disabled: !profileData || disabled || !applePayRequestData,
+        applePayRequestData: applePayRequestData
+    };
 };

package/build/hooks/useScript.d.ts

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

package/build/index.d.ts

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

package/build/index.js

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

package/build/utils/config.d.ts

@@ -1,9 +1,7 @@
 import { Acceptance, ApplePayButtonProps, ApplePayRequestData, PaymentMethod } from '../@types';
-import { SupportedNetworks } from '../constants';
-export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: Acceptance['supportedBrands']) => ("amex" | "mada" | "masterCard" | "visa" | "chinaUnionPay" | "discover" | "electron" | "jcb" | "maestro")[];
-export declare const validateCurrency: (currency: string, currencies: string[]) => string;
-export declare const getApplePayRequest: ({ transaction, customer, supportedNetworks, merchantCapabilities, countryCode, name }: Pick<ApplePayButtonProps, "transaction" | "customer"> & {
-    supportedNetworks: Acceptance['supportedBrands'];
+export declare const validateSupportedNetworks: (supportedNetworksOptions: Acceptance['supportedSchemes'], merchantSupportedNetworks?: Acceptance['supportedSchemes']) => Acceptance['supportedSchemes'];
+export declare const getApplePayRequest: ({ order, customer, supportedNetworks, merchantCapabilities, countryCode, name }: Pick<ApplePayButtonProps, "order" | "customer"> & {
+    supportedNetworks: Acceptance['supportedSchemes'];
     merchantCapabilities: ApplePayRequestData['merchantCapabilities'];
     countryCode: string;
     name: string;

package/build/utils/config.js

@@ -1,34 +1,26 @@
 import { JSEncrypt } from 'jsencrypt';
-export var validateSupportedNetworks = function (supportedNetworksConfig, supportedNetworks) {
+export var validateSupportedNetworks = function (supportedNetworksOptions, merchantSupportedNetworks) {
     var toLowerCase = function (item) { return item.toLowerCase(); };
-    if (!supportedNetworks)
-        return supportedNetworksConfig.map(toLowerCase);
-    if (supportedNetworks.length === 0)
-        return supportedNetworksConfig.map(toLowerCase);
-    if (supportedNetworks.length > supportedNetworksConfig.length) {
-        throw new Error("The supported networks list is not valid");
-    }
-    supportedNetworks.forEach(function (network) {
-        var isSupported = supportedNetworksConfig.some(function (item) { return item.toLowerCase() === network.toLowerCase(); });
-        if (!isSupported) {
-            throw new Error("The supported network ".concat(network, " is not supported"));
-        }
+    if (!supportedNetworksOptions)
+        throw new Error("There is no supported networks available in your acceptance object");
+    if (!merchantSupportedNetworks)
+        return supportedNetworksOptions.map(toLowerCase);
+    if (merchantSupportedNetworks.length === 0)
+        return supportedNetworksOptions.map(toLowerCase);
+    var supportedNetworks = supportedNetworksOptions.filter(function (item) {
+        return merchantSupportedNetworks.find(function (network) { return network.toLowerCase() === item.toLowerCase(); });
     });
-    return supportedNetworks;
-};
-export var validateCurrency = function (currency, currencies) {
-    var isSupported = currencies.some(function (item) { return item.toLowerCase() === currency.toLowerCase(); });
-    if (!isSupported) {
-        throw new Error("The currency \"".concat(currency, "\" is not supported, you have to use one of these currencies: ").concat(currencies));
+    if (supportedNetworks.length === 0) {
+        throw new Error("It seems that there is no supported networks available in based on your acceptance object");
     }
-    return currency;
+    return supportedNetworks.map(toLowerCase);
 };
 export var getApplePayRequest = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var transaction = _a.transaction, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name;
+    var order = _a.order, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name;
     return {
         countryCode: countryCode,
-        currencyCode: transaction.currency,
+        currencyCode: order.currency,
         merchantCapabilities: merchantCapabilities,
         supportedNetworks: supportedNetworks,
         billingContact: customer && {
@@ -38,7 +30,7 @@ export var getApplePayRequest = function (_a) {
             familyName: ((_j = customer.name) === null || _j === void 0 ? void 0 : _j.length) ? (_k = customer.name[0]) === null || _k === void 0 ? void 0 : _k.last : ''
         },
         total: {
-            amount: Number(transaction.amount),
+            amount: Number(order.amount.toFixed(2)),
             label: name
         }
     };

package/build/utils/defaultValues.d.ts

@@ -1,30 +1,69 @@
-import { ApplePayButtonProps } from '../@types';
+import { ApplePayRequestData, ApplePayButtonProps } from '../@types';
 export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
     interface: {
-        locale?: "en" | "ar" | "fr" | undefined;
-        theme?: "dark" | "light" | undefined;
+        locale?: "en" | "ar" | "dynamic" | undefined;
+        theme?: "dynamic" | "dark" | "light" | undefined;
         edges?: "straight" | "curved" | undefined;
         type?: "book" | "buy" | "check-out" | "pay" | "plain" | "subscribe" | undefined;
     };
-    scope?: "AppleToken" | "TapToken" | undefined;
-    publicKey: string;
-    environment: "production" | "sandbox" | "beta" | "development" | "staging";
+    operator: {
+        publicKey: string;
+        hashstring?: string | undefined;
+    };
     merchant: {
         id: string;
-        domain: string;
     };
+    scope: "charge" | "authorize" | "taptoken" | "applepaytoken";
+    environment: "production" | "sandbox" | "beta" | "development" | "staging";
     customer?: import("../@types").Customer | undefined;
-    acceptance: import("../@types").Acceptance;
-    transaction: {
-        amount: string;
+    acceptance?: import("../@types").Acceptance | undefined;
+    transaction?: {
+        authentication?: boolean | undefined;
+        authorize?: {
+            auto: {
+                type: string;
+                time: number;
+            };
+        } | undefined;
+        metadata?: Record<string, string> | undefined;
+        reference?: string | undefined;
+        paymentAgreement?: {
+            id: string;
+            contract?: {
+                id: string;
+            } | undefined;
+        } | undefined;
+        destinations?: Record<string, any> | undefined;
+    } | undefined;
+    invoice?: {
+        id: string;
+    } | undefined;
+    order: {
+        amount: number;
         currency: string;
+        id?: string | undefined;
+        description?: string | undefined;
+        metadata?: Record<string, string> | undefined;
+        reference?: string | undefined;
     };
+    post?: {
+        url: string;
+    } | undefined;
+    redirect?: {
+        url: string;
+    } | undefined;
+    onOrderCreated?: ((orderId: string) => void) | undefined;
     onCancel?: (() => void) | undefined;
     onError?: ((error: any) => void) | undefined;
-    onSuccess?: ((data: Record<string, any>) => Promise<void>) | undefined;
-    onClick?: (() => void) | undefined;
+    onSuccess?: ((data: Record<string, any>) => void) | undefined;
+    onClick?: ((data?: ApplePayRequestData | undefined) => void) | undefined;
     onReady?: (() => void) | undefined;
     metaData?: import("../@types").MetaData | undefined;
     debug?: boolean | undefined;
+    integration?: "merchant" | "tap" | undefined;
+    headers?: {
+        mdn: string;
+        application: string;
+    } | undefined;
 };
-export declare const getMerchantCapaplities: (supportedCards?: Array<string>) => ("supports3DS" | "supportsCredit" | "supportsDebit")[];
+export declare const getMerchantCapabilities: (supportedCards?: Array<string>) => ("supports3DS" | "supportsCredit" | "supportsDebit")[];

package/build/utils/defaultValues.js

@@ -30,19 +30,20 @@ export var getDefaultValues = function (mainObject) {
     };
     return __assign(__assign({}, mainObject), { interface: __assign(__assign({}, defaultInterface), mainObject.interface) });
 };
-export var getMerchantCapaplities = function (supportedCards) {
-    var merchantCapaplities = [MerchantCapabilities.Supports3DS];
+export var getMerchantCapabilities = function (supportedCards) {
+    var merchantCapabilities = [MerchantCapabilities.Supports3DS];
     if (!supportedCards) {
-        merchantCapaplities = __spreadArray(__spreadArray([], merchantCapaplities, true), [
+        merchantCapabilities = __spreadArray(__spreadArray([], merchantCapabilities, true), [
             MerchantCapabilities.SupportsCredit,
             MerchantCapabilities.SupportsDebit
         ], false);
+        return merchantCapabilities;
     }
-    else if (supportedCards.includes('CREDIT')) {
-        merchantCapaplities.push(MerchantCapabilities.SupportsCredit);
+    if (supportedCards.includes('CREDIT')) {
+        merchantCapabilities.push(MerchantCapabilities.SupportsCredit);
     }
-    else if (supportedCards.includes('DEBIT')) {
-        merchantCapaplities.push(MerchantCapabilities.SupportsDebit);
+    if (supportedCards.includes('DEBIT')) {
+        merchantCapabilities.push(MerchantCapabilities.SupportsDebit);
     }
-    return merchantCapaplities;
+    return merchantCapabilities;
 };

package/package.json

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

package/build/hooks/useApplePayFromMerchantSide.d.ts

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

package/build/hooks/useApplePayFromMerchantSide.js

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