@tap-payments/apple-pay-button 0.0.1 → 0.0.2

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

@@ -1,4 +1,4 @@
-import { Scope, ButtonStyle, MerchantCapabilities, SupportedNetworks, ButtonType, Locale } from '../constants';
+import { Scope, ButtonStyle, MerchantCapabilities, SupportedNetworks, ButtonType, Locale, Environment } from '../constants';
 export interface ApplePayRequestData {
     countryCode: string;
     currencyCode: string;
@@ -17,6 +17,7 @@ export interface ApplePayRequestData {
 }
 export interface ApplePayButtonProps {
     publicKey: string;
+    environment: typeof Environment[keyof typeof Environment];
     merchantIdentifier: string;
     merchant: {
         id?: string;
@@ -47,7 +48,8 @@ export interface ApplePayButtonProps {
     onError?: (error: any) => void;
     onSuccess?: (data: Record<string, any>) => Promise<void>;
     onClick?: () => void;
-    metaData?: ProfileResponse;
+    onReady?: () => void;
+    metaData?: MetaData;
     type?: typeof ButtonType[keyof typeof ButtonType];
     locale?: typeof Locale[keyof typeof Locale];
     debug?: boolean;
@@ -73,7 +75,8 @@ export interface PaymentOptionsResponse {
     currency: string;
     payment_methods: PaymentMethod[];
 }
-export interface ProfileResponse {
+export interface MetaData {
     merchant: MerchantResponse;
     payment_options: PaymentOptionsResponse;
+    headers: Record<string, string>;
 }

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

@@ -1,11 +1,23 @@
-import { MerchantResponse, ApplePayRequestData, ProfileResponse } from '../@types';
+import { MerchantResponse, ApplePayButtonProps } from '../@types';
 import BaseService from './base';
 declare class APPService extends BaseService {
+    private baseUrl;
+    private env;
     constructor();
-    init(publicKey: string, merchantId?: string): Promise<ProfileResponse>;
+    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-----";
+    setBrowserHeaders({ locale, pk, domain }: {
+        locale: string;
+        pk: string;
+        domain: string;
+    }): Promise<void>;
+    checkoutProfile(merchantId?: string): Promise<{
+        merchant: any;
+        payment_options: any;
+    }>;
     appleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string): Promise<any>;
-    tapTokenization(applePaymentData: Record<string, string>, merchant: MerchantResponse): Promise<any>;
-    createCharge(publicKey: string, merchant: MerchantResponse, request: ApplePayRequestData, cardToken: string): Promise<import("axios").AxiosResponse<any, any>>;
+    tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
 }
 declare const appService: APPService;
 export default appService;

package/build/api/app.service.js

@@ -49,36 +49,146 @@ 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 };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import BaseService from './base';
-import httpClient from './httpClient';
+import httpClient, { setAxiosGlobalHeaders, MW_BASE_BETA_URL, MW_BASE_DEV_URL, MW_BASE_LIVE_URL, MW_BASE_STAGING_URL, MW_BASE_SANDBOX_URL } from './httpClient';
+import BrowserInfo from '@tap-payments/browser-info';
+import { generateApplicationHeader, rsaSetup } from '../utils/config';
+import { RSA_BETA_MW_PUBLIC_KEY, RSA_DEV_MW_PUBLIC_KEY, RSA_PRODUCTION_MW_PUBLIC_KEY, RSA_SANDBOX_MW_PUBLIC_KEY, RSA_STAGING_MW_PUBLIC_KEY } from '../constants';
 var APPService = (function (_super) {
     __extends(APPService, _super);
     function APPService() {
-        return _super.call(this, httpClient) || this;
+        var _this = _super.call(this, httpClient) || this;
+        Object.defineProperty(_this, "baseUrl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(_this, "env", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        _this.baseUrl = MW_BASE_LIVE_URL;
+        _this.env = 'production';
+        return _this;
     }
-    Object.defineProperty(APPService.prototype, "init", {
+    Object.defineProperty(APPService.prototype, "setEnv", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (env) {
+            this.env = env;
+        }
+    });
+    Object.defineProperty(APPService.prototype, "setBaseUrl", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (!this.env)
+                throw new Error('Environment is not set');
+            switch (this.env) {
+                case 'staging':
+                    this.baseUrl = MW_BASE_STAGING_URL;
+                    break;
+                case 'beta':
+                    this.baseUrl = MW_BASE_BETA_URL;
+                    break;
+                case 'development':
+                    this.baseUrl = MW_BASE_DEV_URL;
+                    break;
+                case 'sandbox':
+                    this.baseUrl = MW_BASE_SANDBOX_URL;
+                    break;
+                default:
+                    this.baseUrl = MW_BASE_LIVE_URL;
+                    break;
+            }
+        }
+    });
+    Object.defineProperty(APPService.prototype, "getHeaderPublicKey", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            if (!this.env)
+                throw new Error('Environment is not set');
+            switch (this.env) {
+                case 'staging':
+                    return RSA_STAGING_MW_PUBLIC_KEY;
+                case 'beta':
+                    return RSA_BETA_MW_PUBLIC_KEY;
+                case 'development':
+                    return RSA_DEV_MW_PUBLIC_KEY;
+                case 'sandbox':
+                    return RSA_SANDBOX_MW_PUBLIC_KEY;
+                default:
+                    return RSA_PRODUCTION_MW_PUBLIC_KEY;
+            }
+        }
+    });
+    Object.defineProperty(APPService.prototype, "setBrowserHeaders", {
         enumerable: false,
         configurable: true,
         writable: true,
-        value: function (publicKey, merchantId) {
+        value: function (_a) {
+            var locale = _a.locale, pk = _a.pk, domain = _a.domain;
             return __awaiter(this, void 0, void 0, function () {
-                var body, data;
+                var encryptString, encryptedHeaders, mdn, authorization, rest, application;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            encryptString = rsaSetup(this.getHeaderPublicKey());
+                            return [4, new BrowserInfo.BrowserInfo({
+                                    app: { name: '@tap-payments/apple-pay-button', language: locale },
+                                    credentials: { mdn: domain, pk: pk },
+                                    encrypt: function (_key, value) { return encryptString(value); }
+                                }).get()];
+                        case 1:
+                            encryptedHeaders = _b.sent();
+                            mdn = encryptedHeaders.mdn, authorization = encryptedHeaders.authorization, rest = __rest(encryptedHeaders, ["mdn", "authorization"]);
+                            application = generateApplicationHeader(rest);
+                            setAxiosGlobalHeaders({
+                                authorization: pk,
+                                mdn: mdn,
+                                application: application
+                            });
+                            return [2];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "checkoutProfile", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (merchantId) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data, merchant, payment_options, session;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
-                            body = {
-                                headers: { authorization: "Bearer ".concat(publicKey) },
-                                reqBody: { public_key: publicKey, merchant_id: merchantId }
-                            };
-                            return [4, this.post('/init', body)];
+                        case 0: return [4, this.post(this.baseUrl + '/checkoutprofile', { merchant_id: merchantId !== null && merchantId !== void 0 ? merchantId : '' })];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
                                 throw data;
-                            return [2, {
-                                    merchant: data.merchant,
-                                    payment_options: data.payment_options
-                                }];
+                            merchant = data.merchant, payment_options = data.payment_options, session = data.session;
+                            setAxiosGlobalHeaders({ session: session });
+                            return [2, { merchant: merchant, payment_options: payment_options }];
                     }
                 });
             });
@@ -99,10 +209,9 @@ var APPService = (function (_super) {
                                 origin: merchantRegisteredDomain,
                                 merchantIdentifier: merchantIdentifier,
                                 merchantId: merchant.id,
-                                merchantName: merchant.name,
-                                session_token: merchant.session_token
+                                merchantName: merchant.name
                             };
-                            return [4, this.post('/session', body)];
+                            return [4, this.post(this.baseUrl + '/validatemerchant', body)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -117,24 +226,17 @@ var APPService = (function (_super) {
         enumerable: false,
         configurable: true,
         writable: true,
-        value: function (applePaymentData, merchant) {
+        value: function (applePaymentData) {
             return __awaiter(this, void 0, void 0, function () {
                 var body, data;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             body = {
-                                method: 'POST',
-                                path: '/v2/token',
-                                headers: {
-                                    session_token: merchant.session_token
-                                },
-                                reqBody: {
-                                    type: 'applepay',
-                                    token_data: applePaymentData
-                                }
+                                type: 'applepay',
+                                token_data: applePaymentData
                             };
-                            return [4, this.post('/api', body)];
+                            return [4, this.post(this.baseUrl + '/token', body)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -145,72 +247,6 @@ var APPService = (function (_super) {
             });
         }
     });
-    Object.defineProperty(APPService.prototype, "createCharge", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (publicKey, merchant, request, cardToken) {
-            var body = {
-                method: 'POST',
-                path: '/v2/charge',
-                headers: {
-                    session_token: merchant.session_token
-                },
-                reqBody: {
-                    id: null,
-                    amount: request.total.amount,
-                    currency: request.currencyCode,
-                    public_key: publicKey,
-                    product: 'GOSELL',
-                    threeDSecure: true,
-                    save_card: false,
-                    fee: 0,
-                    statement_descriptor: 'Sample',
-                    description: 'Test Description',
-                    metadata: {},
-                    reference: {
-                        transaction: 'txn_0001',
-                        order: 'ord_0001'
-                    },
-                    receipt: {
-                        email: false,
-                        sms: true
-                    },
-                    customer: {
-                        id: null,
-                        first_name: 'Hala',
-                        middle_name: null,
-                        last_name: 'Q.',
-                        email: 'email@email.com',
-                        phone: {
-                            country_code: '965',
-                            number: '00000000'
-                        }
-                    },
-                    source: {
-                        id: cardToken
-                    },
-                    hashstring: null,
-                    post: {
-                        url: null
-                    },
-                    redirect: {
-                        url: 'https://jslib.gosell.io/demo?token=63cce645332aa501e6cf768f&mode=popup'
-                    },
-                    ipaddress: null,
-                    selected_currency: request.currencyCode,
-                    selected_amount: request.total.amount,
-                    merchant: {
-                        id: merchant.id
-                    },
-                    order: {
-                        id: 'ord_06CO2023731xt7V22SC0X487'
-                    }
-                }
-            };
-            return this.post('/api', body);
-        }
-    });
     return APPService;
 }(BaseService));
 var appService = new APPService();

package/build/api/httpClient.d.ts

@@ -1,2 +1,8 @@
+export declare const MW_BASE_LIVE_URL = "https://mw-sdk.tap.company/v2/checkout";
+export declare const MW_BASE_STAGING_URL = "https://mw-sdk.staing.tap.company/v2/checkout";
+export declare const MW_BASE_DEV_URL = "https://mw-sdk.dev.tap.company/v2/checkout";
+export declare const MW_BASE_BETA_URL = "https://mw-sdk.dev.tap.company/v2/checkout";
+export declare const MW_BASE_SANDBOX_URL = "https://mw-sdk.sandbox.tap.company/v2/checkout";
 declare const httpClient: import("axios").AxiosInstance;
+export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
 export default httpClient;

package/build/api/httpClient.js

@@ -1,7 +1,21 @@
+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);
+};
 import axios from 'axios';
-var MW_BASE_URL = 'https://checkout.payments.tap.company/api';
+export var MW_BASE_LIVE_URL = 'https://mw-sdk.tap.company/v2/checkout';
+export var MW_BASE_STAGING_URL = 'https://mw-sdk.staing.tap.company/v2/checkout';
+export var MW_BASE_DEV_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
+export var MW_BASE_BETA_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
+export var MW_BASE_SANDBOX_URL = 'https://mw-sdk.sandbox.tap.company/v2/checkout';
 var httpClient = axios.create({
-    baseURL: MW_BASE_URL,
     headers: {
         'Content-Type': 'application/json',
         Accept: 'application/json'
@@ -13,4 +27,7 @@ httpClient.interceptors.request.use(function (config) {
 httpClient.interceptors.response.use(function (response) {
     return response;
 });
+export var setAxiosGlobalHeaders = function (headers) {
+    httpClient.defaults.headers.common = __assign(__assign({}, httpClient.defaults.headers.common), headers);
+};
 export default httpClient;

package/build/constants/index.d.ts

@@ -37,3 +37,15 @@ export declare const SupportedNetworks: {
     readonly Maestro: "maestro";
 };
 export declare const ApplePayVersion = 5;
+export declare const Environment: {
+    readonly Production: "production";
+    readonly Sandbox: "sandbox";
+    readonly Beta: "beta";
+    readonly Development: "development";
+    readonly Staging: "staging";
+};
+export declare const RSA_DEV_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
+export declare const RSA_SANDBOX_MW_PUBLIC_KEY = "";
+export declare const RSA_PRODUCTION_MW_PUBLIC_KEY = "";
+export declare const RSA_BETA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
+export declare const RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";

package/build/constants/index.js

@@ -37,3 +37,15 @@ export var SupportedNetworks = {
     Maestro: 'maestro'
 };
 export var ApplePayVersion = 5;
+export var Environment = {
+    Production: 'production',
+    Sandbox: 'sandbox',
+    Beta: 'beta',
+    Development: 'development',
+    Staging: 'staging'
+};
+export var RSA_DEV_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
+export var RSA_SANDBOX_MW_PUBLIC_KEY = "";
+export var RSA_PRODUCTION_MW_PUBLIC_KEY = "";
+export var RSA_BETA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
+export var RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";

package/build/features/ApplePayButton/ApplePayButton.css

@@ -1,4 +1,3 @@
-
 .button-applepay-tap {
 	-webkit-appearance: -apple-pay-button;
 	display: block;
@@ -20,4 +19,3 @@
 	-apple-pay-button-style: white;
 	border: solid 1px gray;
 }
-

package/build/features/ApplePayButton/ApplePayButton.js

@@ -17,7 +17,7 @@ import { useApplePay } from '../../hooks/useApplePay';
 import { ButtonStyle, ButtonType, Locale, Scope } from '../../constants';
 import './ApplePayButton.css';
 var ApplePay = React.memo(function (_a) {
-    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, onClick = _a.onClick, metaData = _a.metaData, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c, _d = _a.type, type = _d === void 0 ? ButtonType.PLAIN : _d, _e = _a.locale, locale = _e === void 0 ? Locale.EN : _e, debug = _a.debug, merchantIdentifier = _a.merchantIdentifier;
+    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, onClick = _a.onClick, metaData = _a.metaData, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c, _d = _a.type, type = _d === void 0 ? ButtonType.PLAIN : _d, _e = _a.locale, locale = _e === void 0 ? Locale.EN : _e, debug = _a.debug, merchantIdentifier = _a.merchantIdentifier, environment = _a.environment, onReady = _a.onReady;
     var _f = useApplePay({
         publicKey: publicKey,
         merchant: merchant,
@@ -30,7 +30,10 @@ var ApplePay = React.memo(function (_a) {
         scope: scope,
         metaData: metaData,
         debug: debug,
-        merchantIdentifier: merchantIdentifier
+        merchantIdentifier: merchantIdentifier,
+        environment: environment,
+        locale: locale,
+        onReady: onReady
     }), loading = _f.loading, onApplePayButtonClicked = _f.onApplePayButtonClicked, disabled = _f.disabled;
     React.useEffect(function () {
         if (debug) {

package/build/hooks/useApplePay.d.ts

@@ -5,5 +5,5 @@ interface UseApplePayReturnProps {
     onApplePayButtonClicked: () => Promise<void>;
     disabled: boolean;
 }
-export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks, metaData, debug, merchantIdentifier }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks, metaData, debug, merchantIdentifier, environment, locale, onReady }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -48,36 +48,55 @@ 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 { setAxiosGlobalHeaders } from '../api/httpClient';
 import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
 export var useApplePay = function (_a) {
-    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, supportedNetworks = _a.supportedNetworks, metaData = _a.metaData, debug = _a.debug, merchantIdentifier = _a.merchantIdentifier;
+    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, supportedNetworks = _a.supportedNetworks, metaData = _a.metaData, debug = _a.debug, merchantIdentifier = _a.merchantIdentifier, environment = _a.environment, locale = _a.locale, onReady = _a.onReady;
     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 getMerchantData = useCallback(function () {
-        setLoading(true);
-        appService
-            .init(publicKey, merchant.id)
-            .then(function (data) {
-            if (debug)
-                console.log('Merchant response: ', data);
-            setProfile(data);
-        })
-            .catch(function (error) {
-            onError && onError(error.errors || error);
-        })
-            .finally(function () {
-            setLoading(false);
+    var initialize = useCallback(function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
+        var merchantProfile, payment_options, headers, data, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    appService.setEnv(environment);
+                    appService.setBaseUrl();
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, 5, 6]);
+                    if (metaData) {
+                        merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers = metaData.headers;
+                        setAxiosGlobalHeaders(__assign({}, headers));
+                        setProfile({ merchant: merchantProfile, payment_options: payment_options });
+                        return [2];
+                    }
+                    return [4, appService.setBrowserHeaders({ locale: locale, domain: merchant.domain, pk: publicKey })];
+                case 2:
+                    _a.sent();
+                    return [4, appService.checkoutProfile()];
+                case 3:
+                    data = _a.sent();
+                    if (debug)
+                        console.log('merchant configuration: ', data);
+                    setProfile(data);
+                    return [3, 6];
+                case 4:
+                    err_1 = _a.sent();
+                    onError && onError(err_1.errors || err_1);
+                    return [3, 6];
+                case 5:
+                    setLoading(false);
+                    onReady && onReady();
+                    return [7];
+                case 6: return [2];
+            }
         });
-    }, [merchant, onError, publicKey]);
+    }); }, [environment, locale, merchant.domain, publicKey, debug, onError]);
     useEffect(function () {
-        if (metaData) {
-            setProfile(metaData);
-        }
-        else {
-            getMerchantData();
-        }
-    }, [getMerchantData, metaData]);
+        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 _a;
@@ -126,7 +145,7 @@ export var useApplePay = function (_a) {
                                 }
                                 return [4, appService.appleSession(profileData.merchant, event.validationURL, merchant.domain, merchantIdentifier)];
                             case 2:
-                                merchantSession = (_a.sent()).body;
+                                merchantSession = _a.sent();
                                 if (debug)
                                     console.info('merchantSession', merchantSession);
                                 session_1.completeMerchantValidation(merchantSession);
@@ -154,7 +173,7 @@ export var useApplePay = function (_a) {
                                     console.info('onpaymentauthorized event', event);
                                 _b.label = 1;
                             case 1:
-                                _b.trys.push([1, 9, , 10]);
+                                _b.trys.push([1, 9, 10, 11]);
                                 _a = scope;
                                 switch (_a) {
                                     case 'AppleToken': return [3, 2];
@@ -166,7 +185,7 @@ export var useApplePay = function (_a) {
                                 _b.sent();
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
-                            case 4: return [4, appService.tapTokenization(event.payment.token.paymentData, profileData.merchant)];
+                            case 4: return [4, appService.tapTokenization(event.payment.token.paymentData)];
                             case 5:
                                 data = _b.sent();
                                 return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data))];
@@ -179,7 +198,7 @@ export var useApplePay = function (_a) {
                                 console.info('Completing payment with status: STATUS_FAILURE');
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 _b.label = 8;
-                            case 8: return [3, 10];
+                            case 8: return [3, 11];
                             case 9:
                                 error_2 = _b.sent();
                                 if (debug)
@@ -188,7 +207,8 @@ export var useApplePay = function (_a) {
                                 throw error_2;
                             case 10:
                                 setLoading(false);
-                                return [2];
+                                return [7];
+                            case 11: return [2];
                         }
                     });
                 }); };

package/build/index.d.ts

@@ -1,4 +1,4 @@
 import { ApplePayButtonProps, ApplePayButton } from './features/ApplePayButton';
-import { ButtonStyle, Scope, SupportedNetworks } from './constants';
+import { ButtonStyle, Scope, SupportedNetworks, Environment } from './constants';
 export type { ApplePayButtonProps };
-export { ApplePayButton, ButtonStyle, Scope, SupportedNetworks };
+export { ApplePayButton, ButtonStyle, Scope, SupportedNetworks, Environment };

package/build/index.js

@@ -1,9 +1,10 @@
 import { ApplePayButton, renderApplePayButton } from './features/ApplePayButton';
-import { ButtonStyle, Scope, SupportedNetworks } from './constants';
-export { ApplePayButton, ButtonStyle, Scope, SupportedNetworks };
+import { ButtonStyle, Scope, SupportedNetworks, Environment } from './constants';
+export { ApplePayButton, ButtonStyle, Scope, SupportedNetworks, Environment };
 window['TapSDKs'] = {
     renderApplePayButton: renderApplePayButton,
     ButtonStyle: ButtonStyle,
     Scope: Scope,
-    SupportedNetworks: SupportedNetworks
+    SupportedNetworks: SupportedNetworks,
+    Environment: Environment
 };

package/build/utils/config.d.ts

@@ -7,3 +7,5 @@ export declare const getApplePayRequest: ({ transaction, billingContact, support
     name: string;
 }) => ApplePayRequestData;
 export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;
+export declare const rsaSetup: (key: string) => (string: string) => string;
+export declare function generateApplicationHeader(obj: Record<string, string | any>): string;

package/build/utils/config.js

@@ -1,4 +1,5 @@
 import { MerchantCapabilities } from '../constants';
+import { JSEncrypt } from 'jsencrypt';
 export var validateSupportedNetworks = function (supportedNetworksConfig, supportedNetworks) {
     var toLowerCase = function (item) { return item.toLowerCase(); };
     if (!supportedNetworks)
@@ -52,3 +53,20 @@ export var getApplePayPaymentMethod = function (paymentMethods) {
     }
     return paymentMethod;
 };
+export var rsaSetup = function (key) {
+    var rsa = new JSEncrypt();
+    rsa.setPublicKey(key);
+    return function (string) {
+        if (typeof string !== 'string')
+            throw new Error('string should be from type string');
+        var encrypted = rsa.encrypt(string);
+        if (!encrypted)
+            throw new Error('encryption data reached max allowed length');
+        return encrypted;
+    };
+};
+export function generateApplicationHeader(obj) {
+    return Object.keys(obj)
+        .map(function (key) { return "".concat(key, "=").concat(obj[key]); })
+        .join('|');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tap-payments/apple-pay-button",
-	"version": "0.0.1",
+	"version": "0.0.2",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -72,7 +72,9 @@
 		"webpack-merge": "^5.8.0"
 	},
 	"dependencies": {
+		"@tap-payments/browser-info": "^1.0.2",
 		"axios": "^1.2.2",
+		"jsencrypt": "^3.3.2",
 		"react": ">=17.0.2",
 		"react-dom": ">=17.0.2"
 	},