@tap-payments/apple-pay-button 1.1.4 → 1.1.6

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

@@ -65,6 +65,9 @@ export interface ApplePayButtonProps {
         domain: string;
         identifier?: string;
     };
+    platform?: {
+        id?: string;
+    };
     interface?: Interface;
     customer?: Customer;
     acceptance: Acceptance;
@@ -137,4 +140,7 @@ export interface CheckoutProfileRequest {
             id: string;
         };
     };
+    platform?: {
+        id?: string;
+    };
 }

package/build/api/app.service.js

@@ -207,8 +207,8 @@ var APPService = (function (_super) {
                             body = {
                                 validationUrl: validationURL,
                                 origin: merchantRegisteredDomain,
-                                merchantIdentifier: merchantIdentifier,
-                                merchantId: merchant.id,
+                                merchantIdentifier: String(merchantIdentifier),
+                                merchantId: String(merchant.id),
                                 merchantName: merchant.name
                             };
                             return [4, this.post(this.baseUrl + '/validatemerchant', body)];

package/build/features/ApplePayButton/ApplePayButton.js

@@ -36,8 +36,9 @@ var ApplePay = React.memo(function (props) {
             ApplePayButtonType: mappedProps.interface.type,
             ApplePayButtonStyle: mappedProps.interface.theme === ThemeMode.DARK ? ButtonStyle.Black : ButtonStyle.White,
             borderRadius: mappedProps.interface.edges === Edges.STRAIGHT ? '0' : '10px'
-        }, onClick: function () {
+        }, onClick: function (e) {
             var _a;
+            e.preventDefault();
             onApplePayButtonClicked();
             (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props);
         }, lang: mappedProps.interface.locale, disabled: loading || disabled }));

package/build/hooks/useApplePay.d.ts

@@ -6,5 +6,5 @@ interface UseApplePayReturnProps {
     onApplePayButtonClicked: () => Promise<void>;
     abortApplePaySession: () => void;
 }
-export declare const useApplePay: ({ publicKey, merchant, transaction, interface: interfaceObj, customer, onCancel, onError, onSuccess, scope, acceptance, features, metaData, debug, environment, onReady, onMerchantValidation, onShippingMethodSelected, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ publicKey, merchant, transaction, interface: interfaceObj, customer, onCancel, onError, onSuccess, scope, acceptance, features, metaData, debug, environment, platform, onReady, onMerchantValidation, onShippingMethodSelected, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -63,7 +63,7 @@ import { setAxiosGlobalHeaders } from '../api/httpClient';
 import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
 import { getMerchantCapaplities } 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, features = _a.features, metaData = _a.metaData, debug = _a.debug, environment = _a.environment, onReady = _a.onReady, onMerchantValidation = _a.onMerchantValidation, onShippingMethodSelected = _a.onShippingMethodSelected, onShippingContactSelected = _a.onShippingContactSelected, onPaymentMethodSelected = _a.onPaymentMethodSelected, onCouponChanged = _a.onCouponChanged;
+    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, features = _a.features, metaData = _a.metaData, debug = _a.debug, environment = _a.environment, platform = _a.platform, onReady = _a.onReady, onMerchantValidation = _a.onMerchantValidation, onShippingMethodSelected = _a.onShippingMethodSelected, onShippingContactSelected = _a.onShippingContactSelected, onPaymentMethodSelected = _a.onPaymentMethodSelected, onCouponChanged = _a.onCouponChanged;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(null), profileData = _c[0], setProfile = _c[1];
     var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
@@ -121,7 +121,8 @@ export var useApplePay = function (_a) {
                                         quantity: 1,
                                         requiresShipping: 'no'
                                     }
-                                ] })
+                                ] }),
+                            platform: platform
                         })];
                 case 3:
                     data = _h.sent();

package/build/utils/defaultValues.d.ts

@@ -14,6 +14,9 @@ export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
         domain: string;
         identifier?: string | undefined;
     };
+    platform?: {
+        id?: string | undefined;
+    } | undefined;
     customer?: import("../@types").Customer | undefined;
     acceptance: import("../@types").Acceptance;
     transaction: import("../@types").Transaction;

package/package.json

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