@tap-payments/apple-pay-button 0.0.70-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/api.d.ts

@@ -20,7 +20,7 @@ declare class APPService {
         merchant: any;
         payment_options: any;
     }>;
-    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string, processingWith?: 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, processingWith) {
+        value: function (merchant, validationURL, merchantRegisteredDomain, merchantIdentifier, paymentProcessor) {
             return __awaiter(this, void 0, void 0, function () {
                 var body, data;
                 return __generator(this, function (_a) {
@@ -161,7 +161,7 @@ var APPService = (function () {
                                 merchantIdentifier: merchantIdentifier,
                                 merchantId: merchant.id,
                                 merchantName: merchant.name,
-                                processingWith: processingWith
+                                paymentProcessor: paymentProcessor
                             };
                             return [4, axiosInstance.post('/validatemerchant', body)];
                         case 1:

package/build/hooks/useApplePay.js

@@ -58,7 +58,7 @@ 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(), processingWith = _e[0], setProcessingWith = _e[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];
@@ -66,6 +66,9 @@ export var useApplePay = function (_a) {
     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';
@@ -94,14 +97,14 @@ export var useApplePay = function (_a) {
     }, [profileData]);
     var initialize = function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
         var merchantProfile, payment_options, headers_1, data, applePayPreparedData, err_1;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        return __generator(this, function (_p) {
-            switch (_p.label) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        return __generator(this, function (_o) {
+            switch (_o.label) {
                 case 0:
                     setInitialLoading(true);
-                    _p.label = 1;
+                    _o.label = 1;
                 case 1:
-                    _p.trys.push([1, 7, , 8]);
+                    _o.trys.push([1, 7, , 8]);
                     if (!shallRenderApplePay()) {
                         throw new Error('The device/customer is not eligible to use ApplePay');
                     }
@@ -114,7 +117,7 @@ export var useApplePay = function (_a) {
                     if (!headers) return [3, 3];
                     return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { authorization: operator.publicKey }))];
                 case 2:
-                    _p.sent();
+                    _o.sent();
                     return [3, 5];
                 case 3: return [4, appService.setBrowserHeaders({
                         locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
@@ -122,8 +125,8 @@ export var useApplePay = function (_a) {
                         pk: operator.publicKey
                     })];
                 case 4:
-                    _p.sent();
-                    _p.label = 5;
+                    _o.sent();
+                    _o.label = 5;
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
@@ -155,24 +158,24 @@ export var useApplePay = function (_a) {
                             ] })
                     })];
                 case 6:
-                    data = _p.sent();
+                    data = _o.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
                     applePayPreparedData = prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer }));
                     setApplePayRequestData(applePayPreparedData.applePaySessionRequest);
-                    setProcessingWith(((_k = applePayPreparedData.paymentMethod.identifier) === null || _k === void 0 ? void 0 : _k.includes('knet')) ? 'knet' : 'tap');
-                    onOrderCreated === null || onOrderCreated === void 0 ? void 0 : onOrderCreated((_m = (_l = data.payment_options) === null || _l === void 0 ? void 0 : _l.order) === null || _m === void 0 ? void 0 : _m.id);
+                    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,
                         headers: getAxiosGlobalHeaders(),
-                        merchant: __assign(__assign({}, data.merchant), { id: merchant.id || ((_o = data.merchant) === null || _o === void 0 ? void 0 : _o.id) })
+                        merchant: __assign(__assign({}, data.merchant), { id: merchant.id || ((_m = data.merchant) === null || _m === void 0 ? void 0 : _m.id) })
                     });
                     setInitialLoading(false);
                     onReady === null || onReady === void 0 ? void 0 : onReady();
                     return [3, 8];
                 case 7:
-                    err_1 = _p.sent();
+                    err_1 = _o.sent();
                     onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
                     console.log('error in initialize', err_1);
                     return [3, 8];
@@ -221,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, processingWith)];
+                                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)
@@ -387,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/package.json

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