@tap-payments/apple-pay-button 0.0.3-test → 0.0.5-test

package/README.md

@@ -43,9 +43,7 @@ const App = () => {
 				// required (The amount to be charged)
 				amount: '12',
 				// required (The currency of the amount)
-				currency: 'KWD',
-				// required (The description/label of the transaction)
-				label: 'to Merchant'
+				currency: 'KWD'
 			}}
 			// optional (The scope of the SDK and it can be one of these scopes:
 			// [TapToken,AppleToken], by default it is TapToken)
@@ -110,7 +108,6 @@ const App = () => {
 | 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                                                 |
-| transaction.label    | `string`              | `required` | The description/label of the transaction                                   |
 | scope                | `Scope`               | `optional` | The scope of the SDK                                                       |
 | supportedNetworks    | `SupportedNetworks[]` | `optional` | The supported networks for the Apple Pay button                            |
 | buttonStyle          | `ButtonStyle`         | `optional` | The style of the Apple Pay button                                          |

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

@@ -41,7 +41,6 @@ export interface ApplePayButtonProps {
     transaction: {
         amount: string;
         currency: string;
-        label: string;
     };
     onCancel?: () => void;
     onError?: (error: any) => void;

package/build/constants/index.d.ts

@@ -17,5 +17,10 @@ export declare const SupportedNetworks: {
     readonly Mada: "mada";
     readonly MasterCard: "masterCard";
     readonly Visa: "visa";
+    readonly ChinaUnionPay: "chinaUnionPay";
+    readonly Discover: "discover";
+    readonly Electron: "electron";
+    readonly Jcb: "jcb";
+    readonly Maestro: "maestro";
 };
 export declare const ApplePayVersion = 5;

package/build/constants/index.js

@@ -16,6 +16,11 @@ export var SupportedNetworks = {
     Amex: 'amex',
     Mada: 'mada',
     MasterCard: 'masterCard',
-    Visa: 'visa'
+    Visa: 'visa',
+    ChinaUnionPay: 'chinaUnionPay',
+    Discover: 'discover',
+    Electron: 'electron',
+    Jcb: 'jcb',
+    Maestro: 'maestro'
 };
 export var ApplePayVersion = 5;

package/build/hooks/useApplePay.js

@@ -87,14 +87,15 @@ export var useApplePay = function (_a) {
                 return [2];
             }
             try {
-                paymentMethod = getApplePayPaymentMethod((profileData === null || profileData === void 0 ? void 0 : profileData.payment_options.payment_methods) || []);
+                paymentMethod = getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
                 currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
                 cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, supportedNetworks);
                 request = getApplePayRequest({
                     countryCode: profileData.merchant.country_code,
                     transaction: __assign(__assign({}, transaction), { currency: currency }),
                     billingContact: billingContact,
-                    supportedNetworks: cardBrands
+                    supportedNetworks: cardBrands,
+                    name: profileData.merchant.name
                 });
                 console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(request)));
                 session_1 = new ApplePaySession(ApplePayVersion, request);
@@ -105,6 +106,7 @@ export var useApplePay = function (_a) {
                             case 0:
                                 console.info('Creating merchant session and validating merchant session');
                                 console.info('onvalidatemerchant event', event);
+                                setLoading(true);
                                 _a.label = 1;
                             case 1:
                                 _a.trys.push([1, 3, , 4]);
@@ -119,9 +121,11 @@ export var useApplePay = function (_a) {
                             case 3:
                                 error_1 = _a.sent();
                                 console.error('error in onvalidatemerchant', error_1);
-                                session_1.completePayment({ status: 'STATUS_FAILURE' });
+                                session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_1;
-                            case 4: return [2];
+                            case 4:
+                                setLoading(false);
+                                return [2];
                         }
                     });
                 }); };
@@ -130,6 +134,7 @@ export var useApplePay = function (_a) {
                     return __generator(this, function (_b) {
                         switch (_b.label) {
                             case 0:
+                                setLoading(true);
                                 console.info('onpaymentauthorized event', event);
                                 _b.label = 1;
                             case 1:
@@ -143,7 +148,7 @@ export var useApplePay = function (_a) {
                             case 2: return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(event.payment.token.paymentData))];
                             case 3:
                                 _b.sent();
-                                session_1.completePayment({ status: 'STATUS_SUCCESS' });
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
                             case 4: return [4, appService.tapTokenization(event.payment.token.paymentData, profileData.merchant)];
                             case 5:
@@ -151,25 +156,27 @@ export var useApplePay = function (_a) {
                                 return [4, (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(data))];
                             case 6:
                                 _b.sent();
-                                session_1.completePayment({ status: 'STATUS_SUCCESS' });
+                                session_1.completePayment({ status: ApplePaySession.STATUS_SUCCESS });
                                 return [3, 8];
                             case 7:
                                 console.error('We only support AppleToken and TapToken for now');
                                 console.info('Completing payment with status: STATUS_FAILURE');
-                                session_1.completePayment({ status: 'STATUS_FAILURE' });
+                                session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 _b.label = 8;
                             case 8: return [3, 10];
                             case 9:
                                 error_2 = _b.sent();
                                 console.error('error in onpaymentauthorized', error_2);
-                                session_1.completePayment({ status: 'STATUS_FAILURE' });
+                                session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_2;
-                            case 10: return [2];
+                            case 10:
+                                setLoading(false);
+                                return [2];
                         }
                     });
                 }); };
-                session_1.oncancel = function () {
-                    console.info('oncancel event');
+                session_1.oncancel = function (event) {
+                    console.info('oncancel event', event);
                     if (onCancel)
                         onCancel();
                 };

package/build/utils/config.d.ts

@@ -1,8 +1,9 @@
 import { ApplePayButtonProps, ApplePayRequestData, PaymentMethod } from '../@types';
 import { SupportedNetworks } from '../constants';
-export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: ApplePayButtonProps['supportedNetworks']) => ("amex" | "mada" | "masterCard" | "visa")[];
+export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: ApplePayButtonProps['supportedNetworks']) => ("amex" | "mada" | "masterCard" | "visa" | "chinaUnionPay" | "discover" | "electron" | "jcb" | "maestro")[];
 export declare const validateCurrency: (currency: string, currencies: string[]) => string;
-export declare const getApplePayRequest: ({ transaction, billingContact, supportedNetworks, countryCode }: Pick<ApplePayButtonProps, "supportedNetworks" | "transaction" | "billingContact"> & {
+export declare const getApplePayRequest: ({ transaction, billingContact, supportedNetworks, countryCode, name }: Pick<ApplePayButtonProps, "supportedNetworks" | "transaction" | "billingContact"> & {
     countryCode: string;
+    name: string;
 }) => ApplePayRequestData;
 export declare const getApplePayPaymentMethod: (paymentMethods: Array<PaymentMethod>) => PaymentMethod;

package/build/utils/config.js

@@ -24,7 +24,7 @@ export var validateCurrency = function (currency, currencies) {
     return currency;
 };
 export var getApplePayRequest = function (_a) {
-    var transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, countryCode = _a.countryCode;
+    var transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, countryCode = _a.countryCode, name = _a.name;
     return {
         countryCode: countryCode,
         currencyCode: transaction.currency,
@@ -38,7 +38,7 @@ export var getApplePayRequest = function (_a) {
         },
         total: {
             amount: Number(transaction.amount),
-            label: transaction.label
+            label: name
         }
     };
 };

package/package.json

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