@tap-payments/apple-pay-button 0.0.77-development → 0.0.78-development

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, domainValidator: 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, domainValidator) {
             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,
+                                domainValidator: domainValidator
                             };
                             return [4, axiosInstance.post('/validatemerchant', body)];
                         case 1:

package/build/hooks/useApplePay.js

@@ -45,6 +45,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { ApplePayVersion, MW_BASE_URL } from '../constants';
 import { prepareApplePayRequest, shallRenderApplePay } from '../utils/config';
@@ -54,17 +65,17 @@ import { getApplePayPaymentMethod, getDefaultThemeMode } from '../utils';
 import appService, { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api';
 import { ChargeCode, mappingInterface } from '@tap-payments/acceptance-sdk';
 export var useApplePay = function (_a) {
-    var _b;
+    var _b, _c;
     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 _d = useState(), applePayRequestData = _d[0], setApplePayRequestData = _d[1];
+    var _e = useState(), applePayRequestConfiguration = _e[0], setApplePayRequestConfiguration = _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: mappingInterface(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 +103,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 headers_1, data, err_1;
+        var headers_1, rest, applePayPreparedData_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) {
@@ -105,10 +116,11 @@ export var useApplePay = function (_a) {
                         throw new Error('The device/customer is not eligible to use ApplePay');
                     }
                     if (metaData) {
-                        headers_1 = metaData.headers;
+                        headers_1 = metaData.headers, rest = __rest(metaData, ["headers"]);
                         setAxiosGlobalHeaders(__assign({}, headers_1));
-                        setProfile(metaData);
-                        setApplePayRequestData(prepareApplePayRequest(__assign(__assign({}, metaData), { order: order, acceptance: acceptance, customer: customer })));
+                        setProfile(rest);
+                        applePayPreparedData_1 = prepareApplePayRequest(__assign(__assign({}, rest), { order: order, acceptance: acceptance, customer: customer }));
+                        setApplePayRequestData(applePayPreparedData_1.applePaySessionRequest);
                         setInitialLoading(false);
                         return [2];
                     }
@@ -160,7 +172,8 @@ 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);
                     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,
@@ -179,6 +192,16 @@ export var useApplePay = function (_a) {
             }
         });
     }); };
+    var isTapIdentifier = function (id) { return (id.toLowerCase().includes('knet') ? 'knet' : 'tap'); };
+    var domainValidator = useMemo(function () {
+        var _a, _b, _c;
+        if (merchant.identifier)
+            return isTapIdentifier(merchant.identifier);
+        if (!((_a = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _a === void 0 ? void 0 : _a.payment_methods))
+            return '';
+        var identifier = (_c = (_b = getApplePayPaymentMethod(profileData.payment_options.payment_methods)) === null || _b === void 0 ? void 0 : _b.identifier) !== null && _c !== void 0 ? _c : '';
+        return isTapIdentifier(identifier);
+    }, [(_c = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _c === void 0 ? void 0 : _c.payment_methods, merchant === null || merchant === void 0 ? void 0 : merchant.identifier]);
     var onApplePayButtonClicked = function () { return __awaiter(void 0, void 0, void 0, function () {
         var ApplePaySession, session_1;
         var _a;
@@ -220,7 +243,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, domainValidator)];
                             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.77-development",
+	"version": "0.0.78-development",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",