@tap-payments/apple-pay-button 0.0.69-development → 0.0.71-development

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

@@ -23,6 +23,7 @@ export interface ApplePayDataToLunchSDKFromMerchantSide {
     applePayRequestData: ApplePayRequestData;
     debug?: boolean;
     applePaySDKVersion?: number;
+    paymentProcessor?: string;
 }
 export interface Interface {
     locale?: Locale;

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

@@ -92,6 +92,7 @@ export interface PaymentMethod {
     button_style: Buttonstyle;
     display_name: string;
     default_currency: string;
+    identifier?: string;
 }
 interface Buttonstyle {
     background: Background2;

package/build/api.d.ts

@@ -1,18 +1,13 @@
 import { MerchantResponse, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from './@types';
 export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
 export declare const getAxiosGlobalHeaders: () => {
-    [x: string]: (string | number | boolean | string[] | import("axios").AxiosHeaders | null) | undefined;
-    head?: import("axios").AxiosHeaders | undefined;
-    link?: import("axios").AxiosHeaders | undefined;
-    post?: import("axios").AxiosHeaders | undefined;
-    get?: import("axios").AxiosHeaders | undefined;
-    delete?: import("axios").AxiosHeaders | undefined;
-    options?: import("axios").AxiosHeaders | undefined;
-    put?: import("axios").AxiosHeaders | undefined;
-    patch?: import("axios").AxiosHeaders | undefined;
-    purge?: import("axios").AxiosHeaders | undefined;
-    unlink?: import("axios").AxiosHeaders | undefined;
-    common?: import("axios").AxiosHeaders | undefined;
+    [x: string]: import("axios").AxiosHeaderValue | undefined;
+    Accept?: import("axios").AxiosHeaderValue | undefined;
+    "Content-Length"?: import("axios").AxiosHeaderValue | undefined;
+    "User-Agent"?: import("axios").AxiosHeaderValue | undefined;
+    "Content-Encoding"?: import("axios").AxiosHeaderValue | undefined;
+    Authorization?: import("axios").AxiosHeaderValue | undefined;
+    'Content-Type'?: import("axios").AxiosHeaderValue | undefined;
 };
 declare class APPService {
     setHttpHeaders(headers: Record<string, string>): Promise<void>;
@@ -25,7 +20,7 @@ declare class APPService {
         merchant: any;
         payment_options: any;
     }>;
-    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string): Promise<any>;
+    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string, paymentProcessor: string): Promise<any>;
     tapTokenization(applePaymentData: Record<string, string>): Promise<any>;
     createCharge(request: ChargeRequestBody): Promise<any>;
     createAuthorize(request: AuthorizeRequestBody): Promise<any>;

package/build/api.js

@@ -149,7 +149,7 @@ var APPService = (function () {
         enumerable: false,
         configurable: true,
         writable: true,
-        value: function (merchant, validationURL, merchantRegisteredDomain, merchantIdentifier) {
+        value: function (merchant, validationURL, merchantRegisteredDomain, merchantIdentifier, paymentProcessor) {
             return __awaiter(this, void 0, void 0, function () {
                 var body, data;
                 return __generator(this, function (_a) {
@@ -160,7 +160,8 @@ var APPService = (function () {
                                 origin: merchantRegisteredDomain,
                                 merchantIdentifier: merchantIdentifier,
                                 merchantId: merchant.id,
-                                merchantName: merchant.name
+                                merchantName: merchant.name,
+                                paymentProcessor: paymentProcessor
                             };
                             return [4, axiosInstance.post('/validatemerchant', body)];
                         case 1:

package/build/hooks/useApplePay.js

@@ -58,13 +58,17 @@ export var useApplePay = function (_a) {
     var buttonProps = _a.buttonProps;
     var _c = useState(), applePayRequestData = _c[0], setApplePayRequestData = _c[1];
     var _d = useState(), applePayRequestConfiguration = _d[0], setApplePayRequestConfiguration = _d[1];
-    var _e = useState(), profileData = _e[0], setProfile = _e[1];
-    var _f = useState(false), disabled = _f[0], setDisabled = _f[1];
-    var _g = useState(false), initialLoading = _g[0], setInitialLoading = _g[1];
-    var _h = useState(false), error = _h[0], setError = _h[1];
-    var _j = useState(false), success = _j[0], setSuccess = _j[1];
-    var _k = useState(false), loading = _k[0], setLoading = _k[1];
-    var _l = useState(false), isRounded = _l[0], setIsRounded = _l[1];
+    var _e = useState(), paymentMethodIdentifier = _e[0], setPaymentMethodIdentifier = _e[1];
+    var _f = useState(), profileData = _f[0], setProfile = _f[1];
+    var _g = useState(false), disabled = _g[0], setDisabled = _g[1];
+    var _h = useState(false), initialLoading = _h[0], setInitialLoading = _h[1];
+    var _j = useState(false), error = _j[0], setError = _j[1];
+    var _k = useState(false), success = _k[0], setSuccess = _k[1];
+    var _l = useState(false), loading = _l[0], setLoading = _l[1];
+    var _m = useState(false), isRounded = _m[0], setIsRounded = _m[1];
+    var paymentProcessor = useMemo(function () {
+        return (paymentMethodIdentifier !== null && paymentMethodIdentifier !== void 0 ? paymentMethodIdentifier : '').toLowerCase().includes('knet') ? 'knet' : 'tap';
+    }, [paymentMethodIdentifier]);
     var mappedProps = __assign(__assign({}, buttonProps), { interface: mapingInterface(buttonProps.interface) });
     var interfaceObj = mappedProps.interface, merchant = mappedProps.merchant, customer = mappedProps.customer, acceptance = mappedProps.acceptance, scope = mappedProps.scope, debug = mappedProps.debug, onError = mappedProps.onError, onSuccess = mappedProps.onSuccess, onCancel = mappedProps.onCancel, onReady = mappedProps.onReady, metaData = mappedProps.metaData, headers = mappedProps.headers, operator = mappedProps.operator, order = mappedProps.order, onOrderCreated = mappedProps.onOrderCreated, transaction = mappedProps.transaction, post = mappedProps.post, redirect = mappedProps.redirect;
     var isIframeIntegration = buttonProps.integration === 'iframe';
@@ -92,7 +96,7 @@ export var useApplePay = function (_a) {
         return getApplePayPaymentMethod(profileData.payment_options.payment_methods || []);
     }, [profileData]);
     var initialize = function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
-        var merchantProfile, payment_options, headers_1, data, err_1;
+        var merchantProfile, payment_options, headers_1, data, applePayPreparedData, err_1;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         return __generator(this, function (_o) {
             switch (_o.label) {
@@ -158,7 +162,9 @@ export var useApplePay = function (_a) {
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    setApplePayRequestData(prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer })));
+                    applePayPreparedData = prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer }));
+                    setApplePayRequestData(applePayPreparedData.applePaySessionRequest);
+                    setPaymentMethodIdentifier(applePayPreparedData.paymentMethod.identifier);
                     onOrderCreated === null || onOrderCreated === void 0 ? void 0 : onOrderCreated((_l = (_k = data.payment_options) === null || _k === void 0 ? void 0 : _k.order) === null || _l === void 0 ? void 0 : _l.id);
                     setApplePayRequestConfiguration({
                         BASE_URL: MW_BASE_URL,
@@ -218,7 +224,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(window.location.hostname));
                                 }
-                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id || profileData.merchant.id }), event.validationURL, window.location.hostname, merchant.identifier || merchant.id || profileData.merchant.id)];
+                                return [4, appService.appleSession(__assign(__assign({}, profileData.merchant), { id: merchant.id || profileData.merchant.id }), event.validationURL, window.location.hostname, merchant.identifier || merchant.id || profileData.merchant.id, paymentProcessor)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)
@@ -384,12 +390,19 @@ export var useApplePay = function (_a) {
     var handleClick = useCallback(function () {
         var _a, _b;
         if (isIframeIntegration) {
-            (_a = buttonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonProps, __assign(__assign({}, applePayRequestConfiguration), { applePayRequestData: applePayRequestData }));
+            (_a = buttonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonProps, __assign(__assign({}, applePayRequestConfiguration), { applePayRequestData: applePayRequestData, paymentProcessor: paymentProcessor }));
             return;
         }
         onApplePayButtonClicked();
         (_b = buttonProps.onClick) === null || _b === void 0 ? void 0 : _b.call(buttonProps);
-    }, [applePayRequestConfiguration, applePayRequestData, buttonProps, isIframeIntegration, onApplePayButtonClicked]);
+    }, [
+        applePayRequestConfiguration,
+        applePayRequestData,
+        buttonProps,
+        isIframeIntegration,
+        onApplePayButtonClicked,
+        paymentProcessor
+    ]);
     useEffect(function () {
         initialize(metaData);
     }, []);

package/build/utils/config.d.ts

@@ -7,5 +7,8 @@ export declare const getApplePayRequest: ({ order, customer, supportedNetworks,
     countryCode: string;
     name: string;
 }) => ApplePayRequestData;
-export declare const prepareApplePayRequest: ({ payment_options, merchant, order, customer, acceptance }: Pick<MetaData, 'merchant' | 'payment_options'> & Pick<ApplePayButtonProps, 'order' | 'customer' | 'acceptance'>) => ApplePayRequestData;
+export declare const prepareApplePayRequest: ({ payment_options, merchant, order, customer, acceptance }: Pick<MetaData, 'merchant' | 'payment_options'> & Pick<ApplePayButtonProps, 'order' | 'customer' | 'acceptance'>) => {
+    applePaySessionRequest: ApplePayRequestData;
+    paymentMethod: PaymentMethod;
+};
 export declare const shallRenderApplePay: () => boolean;

package/build/utils/config.js

@@ -57,7 +57,7 @@ export var prepareApplePayRequest = function (_a) {
         merchantCapabilities: getMerchantCapabilities(acceptance === null || acceptance === void 0 ? void 0 : acceptance.supportedFundSource),
         name: merchant.name
     });
-    return request;
+    return { applePaySessionRequest: request, paymentMethod: paymentMethod };
 };
 export var shallRenderApplePay = function () {
     var https = window.location.protocol === 'https:';

package/package.json

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