@tap-payments/apple-pay-button 0.0.24-test → 0.0.25-test

package/README.md

@@ -43,11 +43,13 @@ const App = () => {
 			environment={Environment.Development}
 			// optional (to enable the debug mode)
 			debug
+			// required (The merchant identifier provided by Tap)
+			merchantIdentifier='merchant.tap.applepay.test'
 			// required
 			merchant={{
 				// required (The merchant domain name)
 				domain: 'example.com',
-				// required (The merchant identifier provided by Tap)
+				// optional (The merchant identifier provided by Tap)
 				id: '1xxxxx8'
 			}}
 			// required
@@ -129,9 +131,11 @@ const App = () => {
 			renderApplePayButton(
 			 {
 			  publicKey: 'pk_test_7xxxxxxxxx',
+			  merchantIdentifier: 'merchant.com.xxxxx',
 			  environment: Environment.Sandbox,
 			  merchant: {
 			   domain: 'tp-txxxxxxxx',
+
 			   id: 'merchant_xxxxxxxxxx"
 			  },
 
@@ -189,7 +193,8 @@ const App = () => {
 | publicKey            | `string`              | `required` | The public Key provided by Tap                                                   |
 | environment          | `Environment`         | `optional` | The environment of the SDK and it can be one of these environments `Environment` |
 | debug                | `boolean`             | `optional` | To enable the debug mode                                                         |
-| merchant.id          | `string`              | `required` | The merchant identifier provided by Tap                                          |
+| merchantIdentifier   | `string`              | `required` | The merchant identifier provided by Tap                                          |
+| merchant.id          | `string`              | `optional` | The merchant identifier provided by Tap                                          |
 | merchant.domain      | `string`              | `required` | The merchant domain name                                                         |
 | transaction.amount   | `string`              | `required` | The amount to be charged                                                         |
 | transaction.currency | `string`              | `required` | The currency of the amount                                                       |

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

@@ -18,8 +18,9 @@ export interface ApplePayRequestData {
 export interface ApplePayButtonProps {
     publicKey: string;
     environment: typeof Environment[keyof typeof Environment];
+    merchantIdentifier: string;
     merchant: {
-        id: string;
+        id?: string;
         domain: string;
     };
     scope?: typeof Scope[keyof typeof Scope];

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, environment = _a.environment, onReady = _a.onReady;
+    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,6 +30,7 @@ var ApplePay = React.memo(function (_a) {
         scope: scope,
         metaData: metaData,
         debug: debug,
+        merchantIdentifier: merchantIdentifier,
         environment: environment,
         locale: locale,
         onReady: onReady

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, environment, locale, onReady }: 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

@@ -51,21 +51,22 @@ 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, environment = _a.environment, locale = _a.locale, onReady = _a.onReady;
+    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 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) {
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     setLoading(true);
                     appService.setEnv(environment);
                     appService.setBaseUrl();
-                    _a.label = 1;
+                    _c.label = 1;
                 case 1:
-                    _a.trys.push([1, 4, 5, 6]);
+                    _c.trys.push([1, 4, 5, 6]);
                     if (metaData) {
                         merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers = metaData.headers;
                         setAxiosGlobalHeaders(__assign({}, headers));
@@ -74,10 +75,10 @@ export var useApplePay = function (_a) {
                     }
                     return [4, appService.setBrowserHeaders({ locale: locale, domain: merchant.domain, pk: publicKey })];
                 case 2:
-                    _a.sent();
+                    _c.sent();
                     return [4, appService.checkoutProfile({
                             currency: transaction.currency,
-                            merchant_id: merchant.id,
+                            merchant_id: (_a = merchant.id) !== null && _a !== void 0 ? _a : '',
                             total_amount: Number(transaction.amount),
                             order: __assign(__assign({ amount: Number(transaction.amount), currency: transaction.currency }, (billingContact && {
                                 customer: {
@@ -91,7 +92,7 @@ export var useApplePay = function (_a) {
                                     }
                                 }
                             })), { merchant: {
-                                    id: merchant.id
+                                    id: (_b = merchant.id) !== null && _b !== void 0 ? _b : ''
                                 }, items: [
                                     {
                                         amount: Number(transaction.amount),
@@ -103,13 +104,13 @@ export var useApplePay = function (_a) {
                                 ] })
                         })];
                 case 3:
-                    data = _a.sent();
+                    data = _c.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
                     return [3, 6];
                 case 4:
-                    err_1 = _a.sent();
+                    err_1 = _c.sent();
                     onError && onError(err_1.errors || err_1);
                     return [3, 6];
                 case 5:
@@ -169,7 +170,7 @@ export var useApplePay = function (_a) {
                                 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));
                                 }
-                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, merchant.domain, merchant.id)];
+                                return [4, appService.appleSession(profileData.merchant, event.validationURL, merchant.domain, merchantIdentifier)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)

package/package.json

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