@tap-payments/apple-pay-button 0.0.68-development → 0.0.70-development

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

@@ -60,6 +60,7 @@ export interface ApplePayButtonProps {
     };
     merchant: {
         id: string;
+        identifier?: string;
     };
     scope: Scope;
     interface?: Interface;

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

package/build/hooks/useApplePay.d.ts

@@ -24,6 +24,7 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
         };
         merchant: {
             id: string;
+            identifier?: string | undefined;
         };
         scope: Scope;
         customer?: import("../@types").Customer | undefined;

package/build/hooks/useApplePay.js

@@ -58,13 +58,14 @@ 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(), processingWith = _e[0], setProcessingWith = _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 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,15 +93,15 @@ 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 _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return __generator(this, function (_o) {
-            switch (_o.label) {
+        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) {
                 case 0:
                     setInitialLoading(true);
-                    _o.label = 1;
+                    _p.label = 1;
                 case 1:
-                    _o.trys.push([1, 7, , 8]);
+                    _p.trys.push([1, 7, , 8]);
                     if (!shallRenderApplePay()) {
                         throw new Error('The device/customer is not eligible to use ApplePay');
                     }
@@ -113,7 +114,7 @@ export var useApplePay = function (_a) {
                     if (!headers) return [3, 3];
                     return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { authorization: operator.publicKey }))];
                 case 2:
-                    _o.sent();
+                    _p.sent();
                     return [3, 5];
                 case 3: return [4, appService.setBrowserHeaders({
                         locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
@@ -121,8 +122,8 @@ export var useApplePay = function (_a) {
                         pk: operator.publicKey
                     })];
                 case 4:
-                    _o.sent();
-                    _o.label = 5;
+                    _p.sent();
+                    _p.label = 5;
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
@@ -154,22 +155,24 @@ export var useApplePay = function (_a) {
                             ] })
                     })];
                 case 6:
-                    data = _o.sent();
+                    data = _p.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    setApplePayRequestData(prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer })));
-                    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);
+                    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);
                     setApplePayRequestConfiguration({
                         BASE_URL: MW_BASE_URL,
                         headers: getAxiosGlobalHeaders(),
-                        merchant: __assign(__assign({}, data.merchant), { id: merchant.id || ((_m = data.merchant) === null || _m === void 0 ? void 0 : _m.id) })
+                        merchant: __assign(__assign({}, data.merchant), { id: merchant.id || ((_o = data.merchant) === null || _o === void 0 ? void 0 : _o.id) })
                     });
                     setInitialLoading(false);
                     onReady === null || onReady === void 0 ? void 0 : onReady();
                     return [3, 8];
                 case 7:
-                    err_1 = _o.sent();
+                    err_1 = _p.sent();
                     onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
                     console.log('error in initialize', err_1);
                     return [3, 8];
@@ -218,7 +221,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)];
+                                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)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)

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.68-development",
+	"version": "0.0.70-development",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",