@tap-payments/apple-pay-button 1.0.6-test → 1.0.7-test

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

@@ -1,5 +1,5 @@
 import { Scope, SupportedNetworks, ButtonType, Locale, Environment, ThemeMode, Edges } from '../constants';
-import { ApplePayLineItem, ApplePayPaymentContact, ApplePayPaymentMethod, ApplePayShippingMethod, ApplePayUpdateData, RequiredShippingContactField } from './ApplePaySession';
+import { ApplePayPaymentContact, ApplePayPaymentMethod, ApplePayShippingMethod, ApplePayUpdateData, RequiredShippingContactField } from './ApplePaySession';
 export * from './ApplePaySession';
 export interface Interface {
     locale?: typeof Locale[keyof typeof Locale];
@@ -22,20 +22,39 @@ export interface Customer {
             number: string;
         };
     };
-    shippingContactFields?: Array<RequiredShippingContactField>;
 }
 export interface Acceptance {
     supportedBrands?: Array<typeof SupportedNetworks[keyof typeof SupportedNetworks]>;
     supportedCards?: Array<string>;
     supportedCardsWithAuthentications?: Array<string>;
-    supportsCouponCode?: boolean;
 }
 export interface Transaction {
     amount: string;
     currency: string;
     couponCode?: string;
     shipping?: ApplePayShippingMethod[];
-    lineItems?: ApplePayLineItem[];
+    items?: Array<{
+        type?: 'final' | 'pending';
+        label?: string;
+        amount?: string;
+        paymentTiming?: 'immediate' | 'recurring' | 'deferred' | 'automaticReload';
+        scheduledPayment?: {
+            recurringStartDate?: Date;
+            recurringEndDate?: Date;
+            recurringIntervalUnit?: 'year' | 'month' | 'day' | 'hour' | 'minute';
+            recurringIntervalCount?: number;
+        };
+        deferredPayment?: {
+            deferredPaymentDate?: Date;
+        };
+        automaticReloadPayment?: {
+            thresholdAmount?: string;
+        };
+    }>;
+}
+export interface Features {
+    shippingContactFields?: Array<RequiredShippingContactField>;
+    supportsCouponCode?: boolean;
 }
 export interface ApplePayButtonProps {
     scope?: typeof Scope[keyof typeof Scope];
@@ -50,6 +69,7 @@ export interface ApplePayButtonProps {
     customer?: Customer;
     acceptance: Acceptance;
     transaction: Transaction;
+    features: Features;
     onCancel?: () => void;
     onError?: (error: any) => void;
     onSuccess?: (data: Record<string, any>) => Promise<void>;

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, 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, onReady, onMerchantValidation, onShippingMethodSelected, onShippingContactSelected, onPaymentMethodSelected, onCouponChanged }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -52,7 +52,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, 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, 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];
@@ -153,7 +153,7 @@ export var useApplePay = function (_a) {
                 currency = validateCurrency(transaction.currency, paymentMethod.supported_currencies);
                 cardBrands = validateSupportedNetworks(paymentMethod.supported_card_brands, acceptance.supportedBrands);
                 request = getApplePayRequest({
-                    acceptance: acceptance,
+                    features: features,
                     countryCode: profileData.merchant.country_code,
                     transaction: __assign(__assign({}, transaction), { currency: currency }),
                     customer: customer,

package/build/utils/config.d.ts

@@ -2,7 +2,7 @@ import { Acceptance, ApplePayButtonProps, ApplePayRequestData, PaymentMethod } f
 import { SupportedNetworks } from '../constants';
 export declare const validateSupportedNetworks: (supportedNetworksConfig: Array<(typeof SupportedNetworks)[keyof typeof SupportedNetworks]>, supportedNetworks: Acceptance['supportedBrands']) => ("amex" | "mada" | "masterCard" | "visa" | "chinaUnionPay" | "discover" | "electron" | "jcb" | "maestro")[];
 export declare const validateCurrency: (currency: string, currencies: string[]) => string;
-export declare const getApplePayRequest: ({ transaction, customer, supportedNetworks, merchantCapabilities, countryCode, name, acceptance }: Pick<ApplePayButtonProps, "transaction" | "customer" | "acceptance"> & {
+export declare const getApplePayRequest: ({ transaction, customer, supportedNetworks, merchantCapabilities, countryCode, name, features }: Pick<ApplePayButtonProps, "transaction" | "customer" | "features"> & {
     supportedNetworks: Acceptance['supportedBrands'];
     merchantCapabilities: ApplePayRequestData['merchantCapabilities'];
     countryCode: string;

package/build/utils/config.js

@@ -24,8 +24,8 @@ export var validateCurrency = function (currency, currencies) {
     return currency;
 };
 export var getApplePayRequest = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var transaction = _a.transaction, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name, acceptance = _a.acceptance;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var transaction = _a.transaction, customer = _a.customer, supportedNetworks = _a.supportedNetworks, merchantCapabilities = _a.merchantCapabilities, countryCode = _a.countryCode, name = _a.name, features = _a.features;
     return {
         countryCode: countryCode,
         currencyCode: transaction.currency,
@@ -41,11 +41,25 @@ export var getApplePayRequest = function (_a) {
             amount: Number(transaction.amount),
             label: name
         },
-        supportsCouponCode: acceptance.supportsCouponCode,
+        supportsCouponCode: features.supportsCouponCode,
         couponCode: transaction.couponCode,
-        requiredShippingContactFields: customer === null || customer === void 0 ? void 0 : customer.shippingContactFields,
+        requiredShippingContactFields: features === null || features === void 0 ? void 0 : features.shippingContactFields,
         shippingMethods: transaction.shipping,
-        lineItems: transaction.lineItems
+        lineItems: (_l = transaction.items) === null || _l === void 0 ? void 0 : _l.map(function (item) {
+            var _a, _b, _c, _d, _e, _f;
+            return ({
+                type: item.type,
+                label: item.label,
+                amount: item.amount,
+                paymentTiming: item.paymentTiming,
+                recurringPaymentStartDate: (_a = item.scheduledPayment) === null || _a === void 0 ? void 0 : _a.recurringStartDate,
+                recurringPaymentIntervalUnit: (_b = item.scheduledPayment) === null || _b === void 0 ? void 0 : _b.recurringIntervalUnit,
+                recurringPaymentIntervalCount: (_c = item.scheduledPayment) === null || _c === void 0 ? void 0 : _c.recurringIntervalCount,
+                recurringPaymentEndDate: (_d = item.scheduledPayment) === null || _d === void 0 ? void 0 : _d.recurringEndDate,
+                deferredPaymentDate: (_e = item.deferredPayment) === null || _e === void 0 ? void 0 : _e.deferredPaymentDate,
+                automaticReloadPaymentThresholdAmount: (_f = item.automaticReloadPayment) === null || _f === void 0 ? void 0 : _f.thresholdAmount
+            });
+        })
     };
 };
 export var getApplePayPaymentMethod = function (paymentMethods) {

package/build/utils/defaultValues.d.ts

@@ -17,6 +17,7 @@ export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
     customer?: import("../@types").Customer | undefined;
     acceptance: import("../@types").Acceptance;
     transaction: import("../@types").Transaction;
+    features: import("../@types").Features;
     onCancel?: (() => void) | undefined;
     onError?: ((error: any) => void) | undefined;
     onSuccess?: ((data: Record<string, any>) => Promise<void>) | undefined;

package/package.json

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