@tap-payments/apple-pay-button 1.2.1 → 1.2.3

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

@@ -1,4 +1,4 @@
-import { Scope, SupportedNetworks, ButtonType, Locale, Environment, ThemeMode, Edges } from '../constants';
+import { Scope, SupportedNetworks, ButtonType, Locale, Environment, ThemeMode, Edges, Integration } from '../constants';
 import { ApplePayPaymentContact, ApplePayPaymentMethod, ApplePayShippingMethod, ApplePayUpdateData, RequiredShippingContactField } from './ApplePaySession';
 export * from './ApplePaySession';
 export interface Interface {
@@ -59,6 +59,7 @@ export interface Features {
     supportsCouponCode?: boolean;
 }
 export interface ApplePayButtonProps {
+    integration?: typeof Integration[keyof typeof Integration];
     scope?: typeof Scope[keyof typeof Scope];
     publicKey: string;
     environment: typeof Environment[keyof typeof Environment];
@@ -102,6 +103,7 @@ export interface PaymentMethod {
     payment_type: string;
     supported_card_brands: Array<typeof SupportedNetworks[keyof typeof SupportedNetworks]>;
     supported_currencies: string[];
+    identifier?: string;
 }
 export interface PaymentOptionsResponse {
     id: string;

package/build/constants/index.d.ts

@@ -2,6 +2,10 @@ export declare const Scope: {
     readonly AppleToken: "AppleToken";
     readonly TapToken: "TapToken";
 };
+export declare const Integration: {
+    readonly Webview: "Webview";
+    readonly Merchant: "Merchant";
+};
 export declare const ButtonStyle: {
     readonly Black: "black";
     readonly White: "white";
@@ -58,3 +62,4 @@ export declare const RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMI
 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_PRODUCTION_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
 export declare const APPLE_PAY_SCRIPT = "https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js";
+export declare const FALLBACK_MERCHANT_IDENTIFIER = "merchant.tap.gosell";

package/build/constants/index.js

@@ -2,6 +2,10 @@ export var Scope = {
     AppleToken: 'AppleToken',
     TapToken: 'TapToken'
 };
+export var Integration = {
+    Webview: 'Webview',
+    Merchant: 'Merchant'
+};
 export var ButtonStyle = {
     Black: 'black',
     White: 'white',
@@ -58,3 +62,4 @@ export var RSA_STAGING_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqG
 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_PRODUCTION_MW_PUBLIC_KEY = "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----";
 export var APPLE_PAY_SCRIPT = 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js';
+export var FALLBACK_MERCHANT_IDENTIFIER = 'merchant.tap.gosell';

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, platform, onReady, onMerchantValidation, onShippingMethodSelected, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ publicKey, merchant, transaction, interface: interfaceObj, customer, onCancel, onError, onSuccess, integration, scope, acceptance, features, metaData, debug, environment, platform, onReady, onMerchantValidation, onShippingMethodSelected, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -58,13 +58,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { useCallback, useEffect, useState } from 'react';
 import appService from '../api/app.service';
-import { ApplePayVersion } from '../constants';
+import { ApplePayVersion, FALLBACK_MERCHANT_IDENTIFIER, Integration } from '../constants';
 import { setAxiosGlobalHeaders } from '../api/httpClient';
 import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
 import { getMerchantCapaplities } from '../utils/defaultValues';
 import { useApplePayScript } from './useApplePayScript';
 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, platform = _a.platform, 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, integration = _a.integration, 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];
@@ -154,7 +154,7 @@ export var useApplePay = function (_a) {
         initialize(metaData);
     }, [isScriptLoaded, initialize, metaData]);
     var onApplePayButtonClicked = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var ApplePaySession, paymentMethod, currency, cardBrands, request, session_1;
+        var ApplePaySession, paymentMethod_1, currency, cardBrands, request, session_1;
         var _a;
         return __generator(this, function (_b) {
             ApplePaySession = window.ApplePaySession;
@@ -169,9 +169,9 @@ export var useApplePay = function (_a) {
                 return [2];
             }
             try {
-                paymentMethod = getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
-                currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
-                cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedBrands);
+                paymentMethod_1 = getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
+                currency = validateCurrency(transaction.currency, paymentMethod_1.supported_currencies);
+                cardBrands = validateSupportedNetworks(paymentMethod_1.supported_card_brands, acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedBrands);
                 request = getApplePayRequest({
                     features: features,
                     countryCode: profileData.merchant.country_code,
@@ -203,7 +203,9 @@ 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.identifier || merchant.id)];
+                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id }), event.validationURL, merchant.domain, integration === Integration.Webview
+                                        ? paymentMethod_1.identifier || FALLBACK_MERCHANT_IDENTIFIER
+                                        : merchant.identifier || merchant.id)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)
@@ -228,7 +230,7 @@ export var useApplePay = function (_a) {
                     });
                 }); };
                 session_1.onpaymentauthorized = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                    var _a, token, rest, newEvent, _b, _c, paymentData, paymentMethod_1, transactionIdentifier, data, error_2;
+                    var _a, token, rest, newEvent, _b, _c, paymentData, paymentMethod_2, transactionIdentifier, data, error_2;
                     var _d, _e;
                     return __generator(this, function (_f) {
                         switch (_f.label) {
@@ -253,8 +255,8 @@ export var useApplePay = function (_a) {
                                 session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
                             case 4:
-                                _c = (_e = event.payment.token) !== null && _e !== void 0 ? _e : {}, paymentData = _c.paymentData, paymentMethod_1 = _c.paymentMethod, transactionIdentifier = _c.transactionIdentifier;
-                                return [4, appService.tapTokenization(__assign(__assign({}, paymentData), { paymentMethod: paymentMethod_1, transactionIdentifier: transactionIdentifier }))];
+                                _c = (_e = event.payment.token) !== null && _e !== void 0 ? _e : {}, paymentData = _c.paymentData, paymentMethod_2 = _c.paymentMethod, transactionIdentifier = _c.transactionIdentifier;
+                                return [4, appService.tapTokenization(__assign(__assign({}, paymentData), { paymentMethod: paymentMethod_2, transactionIdentifier: transactionIdentifier }))];
                             case 5:
                                 data = _f.sent();
                                 return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data, newEvent))];

package/build/utils/defaultValues.d.ts

@@ -6,6 +6,7 @@ export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
         edges?: "straight" | "curved" | undefined;
         type?: "book" | "buy" | "check-out" | "pay" | "plain" | "subscribe" | undefined;
     };
+    integration?: "Webview" | "Merchant" | undefined;
     scope?: "AppleToken" | "TapToken" | undefined;
     publicKey: string;
     environment: "production" | "sandbox" | "beta" | "development" | "staging";

package/build/utils/defaultValues.js

@@ -32,16 +32,17 @@ export var getDefaultValues = function (mainObject) {
 };
 export var getMerchantCapaplities = function (supportedCards) {
     var merchantCapaplities = [MerchantCapabilities.Supports3DS];
-    if (!supportedCards) {
+    var lowerCaseSupportedCards = supportedCards === null || supportedCards === void 0 ? void 0 : supportedCards.map(function (card) { return card.toLocaleLowerCase(); });
+    if (!lowerCaseSupportedCards) {
         merchantCapaplities = __spreadArray(__spreadArray([], merchantCapaplities, true), [
             MerchantCapabilities.SupportsCredit,
             MerchantCapabilities.SupportsDebit
         ], false);
     }
-    else if (supportedCards.includes('CREDIT')) {
+    else if (lowerCaseSupportedCards.includes('credit')) {
         merchantCapaplities.push(MerchantCapabilities.SupportsCredit);
     }
-    else if (supportedCards.includes('DEBIT')) {
+    else if (lowerCaseSupportedCards.includes('debit')) {
         merchantCapaplities.push(MerchantCapabilities.SupportsDebit);
     }
     return merchantCapaplities;

package/package.json

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