@tap-payments/apple-pay-button 0.0.64-development → 0.0.66-development

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

@@ -1,5 +1,5 @@
 import { CheckoutProfileResponse } from './checkoutProfile';
-import { Locale, Environment, ThemeMode, Edges, Scope, MerchantCapabilities, SupportedNetworks, ButtonType, ColorStyle } from './enums';
+import { Locale, ThemeMode, Edges, Scope, MerchantCapabilities, SupportedNetworks, ButtonType, ColorStyle } from './enums';
 export interface ApplePayRequestData {
     countryCode: string;
     currencyCode: string;
@@ -62,7 +62,6 @@ export interface ApplePayButtonProps {
         id: string;
     };
     scope: Scope;
-    environment: Environment;
     interface?: Interface;
     customer?: Customer;
     acceptance?: Acceptance;

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

@@ -10,19 +10,13 @@ export declare enum ThemeMode {
 }
 export declare enum Edges {
     STRAIGHT = "straight",
-    CURVED = "curved"
+    CURVED = "curved",
+    CIRCULAR = "circular"
 }
 export declare enum ColorStyle {
     COLORED = "colored",
     MONOCHROME = "monochrome"
 }
-export declare enum Environment {
-    Beta = "beta",
-    Staging = "staging",
-    Sandbox = "sandbox",
-    Production = "production",
-    Development = "development"
-}
 export declare enum Scope {
     CHARGE = "charge",
     AUTHORIZE = "authorize",

package/build/@types/enums.js

@@ -14,20 +14,13 @@ export var Edges;
 (function (Edges) {
     Edges["STRAIGHT"] = "straight";
     Edges["CURVED"] = "curved";
+    Edges["CIRCULAR"] = "circular";
 })(Edges || (Edges = {}));
 export var ColorStyle;
 (function (ColorStyle) {
     ColorStyle["COLORED"] = "colored";
     ColorStyle["MONOCHROME"] = "monochrome";
 })(ColorStyle || (ColorStyle = {}));
-export var Environment;
-(function (Environment) {
-    Environment["Beta"] = "beta";
-    Environment["Staging"] = "staging";
-    Environment["Sandbox"] = "sandbox";
-    Environment["Production"] = "production";
-    Environment["Development"] = "development";
-})(Environment || (Environment = {}));
 export var Scope;
 (function (Scope) {
     Scope["CHARGE"] = "charge";

package/build/api.d.ts

@@ -0,0 +1,34 @@
+import { MerchantResponse, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from './@types';
+export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
+export declare const getAxiosGlobalHeaders: () => {
+    [x: string]: (string | number | boolean | string[] | import("axios").AxiosHeaders | null) | undefined;
+    head?: import("axios").AxiosHeaders | undefined;
+    link?: import("axios").AxiosHeaders | undefined;
+    post?: import("axios").AxiosHeaders | undefined;
+    get?: import("axios").AxiosHeaders | undefined;
+    delete?: import("axios").AxiosHeaders | undefined;
+    options?: import("axios").AxiosHeaders | undefined;
+    put?: import("axios").AxiosHeaders | undefined;
+    patch?: import("axios").AxiosHeaders | undefined;
+    purge?: import("axios").AxiosHeaders | undefined;
+    unlink?: import("axios").AxiosHeaders | undefined;
+    common?: import("axios").AxiosHeaders | undefined;
+};
+declare class APPService {
+    setHttpHeaders(headers: Record<string, string>): Promise<void>;
+    setBrowserHeaders({ locale, pk, domain }: {
+        locale: string;
+        pk: string;
+        domain: string;
+    }): Promise<void>;
+    checkoutProfile(request: CheckoutProfileRequest): Promise<{
+        merchant: any;
+        payment_options: any;
+    }>;
+    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
+    tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
+    createCharge(request: ChargeRequestBody): Promise<any>;
+    createAuthorize(request: AuthorizeRequestBody): Promise<any>;
+}
+declare const appService: APPService;
+export default appService;

package/build/{api/app.service.js → api.js}

@@ -1,18 +1,14 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+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) {
@@ -60,95 +56,28 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Environment } from '../@types';
-import BaseService from './base';
-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() {
-        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 = Environment.Production;
-        return _this;
+import { MW_BASE_URL, RSA_MW_PUBLIC_KEY } from './constants';
+import axios from 'axios';
+import { generateApplicationHeader, rsaSetup } from '@tap-payments/acceptance-sdk';
+var axiosInstance = axios.create({
+    baseURL: MW_BASE_URL,
+    headers: {
+        'Content-Type': 'application/json'
     }
-    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, "getBaseUrl", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            return this.baseUrl;
-        }
+});
+export var setAxiosGlobalHeaders = function (headers) {
+    Object.entries(headers).forEach(function (_a) {
+        var key = _a[0], value = _a[1];
+        axiosInstance.defaults.headers.common[key] = value;
     });
+};
+export var getAxiosGlobalHeaders = function () {
+    return __assign({}, axiosInstance.defaults.headers.common);
+};
+var APPService = (function () {
+    function APPService() {
+    }
     Object.defineProperty(APPService.prototype, "setHttpHeaders", {
         enumerable: false,
         configurable: true,
@@ -173,7 +102,7 @@ var APPService = (function (_super) {
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
-                            encryptString = rsaSetup(this.getHeaderPublicKey());
+                            encryptString = rsaSetup(RSA_MW_PUBLIC_KEY);
                             return [4, new BrowserInfo.BrowserInfo({
                                     app: { name: '@tap-payments/apple-pay-button', language: locale },
                                     credentials: { mdn: domain, pk: pk },
@@ -203,7 +132,7 @@ var APPService = (function (_super) {
                 var data, merchant, payment_options, session;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4, this.post(this.baseUrl + '/checkoutprofile', request)];
+                        case 0: return [4, axiosInstance.post('/checkoutprofile', request)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -233,7 +162,7 @@ var APPService = (function (_super) {
                                 merchantId: merchant.id,
                                 merchantName: merchant.name
                             };
-                            return [4, this.post(this.baseUrl + '/validatemerchant', body)];
+                            return [4, axiosInstance.post('/validatemerchant', body)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -258,7 +187,7 @@ var APPService = (function (_super) {
                                 type: 'applepay',
                                 token_data: applePaymentData
                             };
-                            return [4, this.post(this.baseUrl + '/token', body)];
+                            return [4, axiosInstance.post('/token', body)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -278,7 +207,7 @@ var APPService = (function (_super) {
                 var data;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4, this.post(this.baseUrl + '/charge', request)];
+                        case 0: return [4, axiosInstance.post('/charge', request)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -298,7 +227,7 @@ var APPService = (function (_super) {
                 var data;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0: return [4, this.post(this.baseUrl + '/authorize', request)];
+                        case 0: return [4, axiosInstance.post('/authorize', request)];
                         case 1:
                             data = (_a.sent()).data;
                             if (data.errors)
@@ -310,6 +239,6 @@ var APPService = (function (_super) {
         }
     });
     return APPService;
-}(BaseService));
+}());
 var appService = new APPService();
 export default appService;

package/build/constants/index.d.ts

@@ -1,8 +1,3 @@
 export declare const ApplePayVersion = 5;
-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-----";
-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.beta.tap.company/v2/checkout";
+export declare const RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
+export declare const MW_BASE_URL = "https://mw-sdk.dev.tap.company/v2/checkout";

package/build/constants/index.js

@@ -1,8 +1,3 @@
 export var ApplePayVersion = 5;
-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-----";
-export var MW_BASE_DEV_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';
-export var MW_BASE_BETA_URL = 'https://mw-sdk.beta.tap.company/v2/checkout';
+export var RSA_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----";
+export var MW_BASE_URL = 'https://mw-sdk.dev.tap.company/v2/checkout';

package/build/features/ApplePayButton/ApplePayButton.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ApplePayButtonProps, ApplePayRequestData } from '../../@types';
-import './ApplePayButton.css';
 export type { ApplePayButtonProps, ApplePayRequestData };
 export declare function ApplePayButton(props: ApplePayButtonProps): JSX.Element;
 export declare const renderApplePayButton: (props: ApplePayButtonProps, elementId: string) => any;

package/build/features/ApplePayButton/ApplePayButton.js

@@ -9,24 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { createRoot } from 'react-dom/client';
 import { findOrCreateElementAndInject } from '../../utils';
 import { useApplePay } from '../../hooks/useApplePay';
-import InitialLoader from '../../components/InitialLoader';
-import './ApplePayButton.css';
-import { StyledContainer } from './style';
-import PayButton from '../../components/PayButton';
+import { Locale, PayButton } from '@tap-payments/acceptance-sdk';
 var ApplePay = React.memo(function (props) {
-    var _a, _b, _c, _d;
-    var _e = useApplePay({ buttonProps: props }), onClick = _e.onClick, initialLoading = _e.initialLoading, disabled = _e.disabled, mappedProps = _e.mappedProps, theme = _e.theme, isRounded = _e.isRounded, success = _e.success, error = _e.error, backgroundColor = _e.backgroundColor, gradientColor = _e.gradientColor, titleAsset = _e.titleAsset;
+    var _a, _b;
+    var _c = useApplePay({ buttonProps: props }), onClick = _c.onClick, initialLoading = _c.initialLoading, mappedProps = _c.mappedProps, theme = _c.theme, isRounded = _c.isRounded, success = _c.success, error = _c.error, applePayPaymentMethodOptions = _c.applePayPaymentMethodOptions, profileData = _c.profileData;
     React.useEffect(function () {
         if (props.debug) {
             console.log('ApplePayButtonProps', props);
         }
     }, []);
-    return (_jsx(StyledContainer, __assign({ "data-src": 'apple-pay-button-element', "data-testid": 'ApplePayButton-section', edges: (_a = mappedProps.interface) === null || _a === void 0 ? void 0 : _a.edges }, { children: initialLoading ? (_jsx(InitialLoader, { open: true, themeMode: (_b = mappedProps.interface) === null || _b === void 0 ? void 0 : _b.theme, edges: (_c = mappedProps.interface) === null || _c === void 0 ? void 0 : _c.edges })) : (_jsx(_Fragment, { children: _jsx(PayButton, { "data-src": 'apple-pay-button-element', "data-testid": 'ApplePayButton', theme: theme, isRounded: isRounded, isSuccess: success, isFailed: error, bgColor: backgroundColor, gradientColor: gradientColor, titleAsset: titleAsset, edges: (_d = mappedProps.interface) === null || _d === void 0 ? void 0 : _d.edges, disabled: disabled, onClick: onClick }) })) })));
+    return (_jsx("div", __assign({ style: {
+            width: '100%',
+            display: 'flex',
+            justifyContent: 'center'
+        } }, { children: _jsx(PayButton, { shimmerLoader: !profileData || initialLoading || !applePayPaymentMethodOptions, locale: ((_a = mappedProps.interface) === null || _a === void 0 ? void 0 : _a.locale) || Locale.EN, theme: theme, edges: (_b = mappedProps.interface) === null || _b === void 0 ? void 0 : _b.edges, isFailed: error, isRounded: isRounded, isSuccess: success, onClick: onClick, buttonStyle: applePayPaymentMethodOptions === null || applePayPaymentMethodOptions === void 0 ? void 0 : applePayPaymentMethodOptions.button_style }) })));
 });
 export function ApplePayButton(props) {
     return _jsx(ApplePay, __assign({}, props));

package/build/hooks/index.d.ts

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

package/build/hooks/index.js

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

package/build/hooks/useApplePay.d.ts

@@ -1,5 +1,4 @@
-import { Scope } from '../@types/enums';
-import { ApplePayButtonProps, ApplePayDataToLunchSDKFromMerchantSide, ApplePayRequestData, MetaData } from '../@types';
+import { ApplePayButtonProps, ApplePayDataToLunchSDKFromMerchantSide, ApplePayRequestData, MetaData, Scope } from '../@types';
 interface UsaApplePayProps {
     buttonProps: ApplePayButtonProps;
 }
@@ -13,13 +12,12 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
     applePayRequestConfiguration: Omit<ApplePayDataToLunchSDKFromMerchantSide, "applePayRequestData"> | undefined;
     mappedProps: {
         interface: {
-            locale?: import("../@types").Locale | undefined;
-            theme?: import("../@types").ThemeMode | undefined;
-            edges?: import("../@types").Edges | undefined;
-            type?: import("../@types").ButtonType | undefined;
-            colorStyle?: import("../@types").ColorStyle | undefined;
+            locale?: import("@tap-payments/acceptance-sdk").Locale | undefined;
+            theme?: import("@tap-payments/acceptance-sdk").ThemeMode | undefined;
+            edges?: import("@tap-payments/acceptance-sdk").Edges | undefined;
+            colorStyle?: import("@tap-payments/acceptance-sdk").ColorStyle | undefined;
             loader?: boolean | undefined;
-        };
+        } | undefined;
         operator: {
             publicKey: string;
             hashstring?: string | undefined;
@@ -28,7 +26,6 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
             id: string;
         };
         scope: Scope;
-        environment: import("../@types").Environment;
         customer?: import("../@types").Customer | undefined;
         acceptance?: import("../@types").Acceptance | undefined;
         transaction?: {
@@ -74,7 +71,7 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
         onReady?: (() => void) | undefined;
         metaData?: MetaData | undefined;
         debug?: boolean | undefined;
-        integration?: "sdk" | "iframe" | undefined;
+        integration?: "iframe" | "sdk" | undefined;
         headers?: {
             mdn: string;
             application: string;
@@ -85,8 +82,7 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
     isRounded: boolean;
     success: boolean;
     error: boolean;
-    backgroundColor: string | undefined;
-    gradientColor: string | undefined;
-    titleAsset: string | undefined;
+    applePayPaymentMethodOptions: import("../@types").PaymentMethod | null;
+    profileData: Pick<MetaData, "merchant" | "payment_options"> | undefined;
 };
 export {};

package/build/hooks/useApplePay.js

@@ -46,27 +46,27 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import appService from '../api/app.service';
-import { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api/httpClient';
-import { ApplePayVersion } from '../constants';
-import { CHARGE_CODE, Scope } from '../@types/enums';
+import { ApplePayVersion, MW_BASE_URL } from '../constants';
 import { prepareApplePayRequest, shallRenderApplePay } from '../utils/config';
+import { Scope } from '../@types';
 import { useMerchantApplePay } from './useMerchantApplePay';
-import { getApplePayPaymentMethod, getDefaultLocale, getDefaultThemeMode, getDefaultValues, getFullThemeMode } from '../utils';
+import { getApplePayPaymentMethod, getDefaultThemeMode } from '../utils';
+import appService, { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api';
+import { ChargeCode, mapingInterface } from '@tap-payments/acceptance-sdk';
 export var useApplePay = function (_a) {
-    var _b, _c, _d, _e;
+    var _b;
     var buttonProps = _a.buttonProps;
-    var _f = useState(), applePayRequestData = _f[0], setApplePayRequestData = _f[1];
-    var _g = useState(), applePayRequestConfiguration = _g[0], setApplePayRequestConfiguration = _g[1];
-    var _h = useState(), profileData = _h[0], setProfile = _h[1];
-    var _j = useState(false), disabled = _j[0], setDisabled = _j[1];
-    var _k = useState(false), initialLoading = _k[0], setInitialLoading = _k[1];
-    var _l = useState(false), error = _l[0], setError = _l[1];
-    var _m = useState(false), success = _m[0], setSuccess = _m[1];
-    var _o = useState(false), loading = _o[0], setLoading = _o[1];
-    var _p = useState(false), isRounded = _p[0], setIsRounded = _p[1];
-    var mappedProps = getDefaultValues(buttonProps);
-    var environment = mappedProps.environment, 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 _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,
@@ -85,43 +85,12 @@ export var useApplePay = function (_a) {
         setSuccess: setSuccess,
         setLoading: setLoading
     });
-    var lang = getDefaultLocale((_b = mappedProps.interface) === null || _b === void 0 ? void 0 : _b.locale);
-    var theme = getDefaultThemeMode((_c = mappedProps.interface) === null || _c === void 0 ? void 0 : _c.theme);
+    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 gradientColor = useMemo(function () {
-        var _a, _b, _c;
-        if (!applePayPaymentMethodOptions)
-            return undefined;
-        var backgroundColor = (_a = applePayPaymentMethodOptions.button_style.background) === null || _a === void 0 ? void 0 : _a[getFullThemeMode((_b = buttonProps.interface) === null || _b === void 0 ? void 0 : _b.theme, (_c = buttonProps.interface) === null || _c === void 0 ? void 0 : _c.colorStyle)].background_colors;
-        if (backgroundColor.length > 1)
-            return "linear-gradient(-90deg,".concat(backgroundColor.join(','), ")");
-        return backgroundColor[0];
-    }, [applePayPaymentMethodOptions, buttonProps]);
-    var backgroundColor = useMemo(function () {
-        var _a, _b;
-        if (!applePayPaymentMethodOptions)
-            return undefined;
-        return applePayPaymentMethodOptions.button_style.background[getFullThemeMode((_a = buttonProps.interface) === null || _a === void 0 ? void 0 : _a.theme, (_b = buttonProps.interface) === null || _b === void 0 ? void 0 : _b.colorStyle)].base_color;
-    }, [applePayPaymentMethodOptions, buttonProps]);
-    var titleAsset = useMemo(function () {
-        var _a, _b, _c;
-        if (!applePayPaymentMethodOptions)
-            return undefined;
-        var imgSrc = (_a = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options.payment_methods.find(function (method) { return method.name === applePayPaymentMethodOptions.name; })) === null || _a === void 0 ? void 0 : _a.button_style.title_asset;
-        var theme = getFullThemeMode((_b = buttonProps.interface) === null || _b === void 0 ? void 0 : _b.theme, (_c = buttonProps.interface) === null || _c === void 0 ? void 0 : _c.colorStyle);
-        var titleAsset = (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.replace('{theme}', theme).replace('{lang}', lang)) + '.svg';
-        return titleAsset;
-    }, [
-        applePayPaymentMethodOptions,
-        lang,
-        profileData === null || profileData === void 0 ? void 0 : profileData.payment_options.payment_methods,
-        (_d = buttonProps.interface) === null || _d === void 0 ? void 0 : _d.colorStyle,
-        (_e = buttonProps.interface) === null || _e === void 0 ? void 0 : _e.theme
-    ]);
     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;
@@ -129,8 +98,6 @@ export var useApplePay = function (_a) {
             switch (_o.label) {
                 case 0:
                     setInitialLoading(true);
-                    appService.setEnv(environment);
-                    appService.setBaseUrl();
                     _o.label = 1;
                 case 1:
                     _o.trys.push([1, 7, , 8]);
@@ -159,7 +126,7 @@ export var useApplePay = function (_a) {
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
-                        transaction_mode: scope.toLowerCase() === Scope.AUTHORIZE ? 'AUTHORIZE_CAPTURE' : 'PURCHASE',
+                        transaction_mode: scope === Scope.AUTHORIZE ? 'AUTHORIZE_CAPTURE' : 'PURCHASE',
                         currency: order.currency,
                         merchant_id: merchant === null || merchant === void 0 ? void 0 : merchant.id,
                         total_amount: Number(order.amount),
@@ -194,7 +161,7 @@ export var useApplePay = function (_a) {
                     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: appService.getBaseUrl(),
+                        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) })
                     });
@@ -296,15 +263,16 @@ export var useApplePay = function (_a) {
                                 return [3, 12];
                             case 3:
                                 setLoading(true);
+                                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);
-                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 12];
                             case 5:
                                 setLoading(true);
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [4, appService.tapTokenization(event.payment.token.paymentData)];
                             case 6:
                                 tokenId = (_t.sent()).id;
@@ -357,7 +325,7 @@ export var useApplePay = function (_a) {
                                 _t.label = 10;
                             case 10:
                                 transactionResponse = _b;
-                                successState = scope === Scope.AUTHORIZE ? CHARGE_CODE.AUTHORIZED : CHARGE_CODE.SUCCESS;
+                                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);
                                 }
@@ -452,8 +420,7 @@ export var useApplePay = function (_a) {
         isRounded: isRounded,
         success: success,
         error: error,
-        backgroundColor: backgroundColor,
-        gradientColor: gradientColor,
-        titleAsset: titleAsset
+        applePayPaymentMethodOptions: applePayPaymentMethodOptions,
+        profileData: profileData
     };
 };

package/build/hooks/useMerchantApplePay.js

@@ -35,7 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import * as React from 'react';
-import appService from '../api/app.service';
+import appService from '../api';
 import { Scope, CHARGE_CODE } from '../@types';
 var EVENT_NAME = 'TAP_BUTTON::APPLE_PAY_ON_PAYMENT_AUTHORIZED';
 export var useMerchantApplePay = function (_a) {
@@ -138,7 +138,7 @@ export var useMerchantApplePay = function (_a) {
                         return [3, 12];
                     case 11:
                         console.error("We only support: ".concat(Object.values(Scope).join(', '), " for now"));
-                        onError === null || onError === void 0 ? void 0 : onError({ message: "We only support: ".concat(Object.values(Scope).join(', '), " for now"), code: '400' });
+                        onError === null || onError === void 0 ? void 0 : onError({ message: "We only support: ".concat(Object.values(Scope).join(', '), " for now"), code: '000' });
                         return [3, 12];
                     case 12: return [3, 15];
                     case 13:

package/build/index.d.ts

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

package/build/index.js

@@ -1,11 +1,10 @@
 import { ApplePayButton, renderApplePayButton } from './features/ApplePayButton';
-import { ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities } from './@types/enums';
-export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Environment, Locale, ButtonType, Edges, MerchantCapabilities };
+import { ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities } from './@types/enums';
+export { ApplePayButton, ThemeMode, Scope, SupportedNetworks, Locale, ButtonType, Edges, MerchantCapabilities };
 window['TapSDKs'] = {
     renderApplePayButton: renderApplePayButton,
     Scope: Scope,
     SupportedNetworks: SupportedNetworks,
-    Environment: Environment,
     Locale: Locale,
     ButtonType: ButtonType,
     ThemeMode: ThemeMode,