@tap-payments/apple-pay-button 0.0.74-development → 0.0.76-development

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

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

package/build/api.d.ts

@@ -1,13 +1,18 @@
 import { MerchantResponse, CheckoutProfileRequest, ChargeRequestBody, AuthorizeRequestBody } from './@types';
 export declare const setAxiosGlobalHeaders: (headers: Record<string, string>) => void;
 export declare const getAxiosGlobalHeaders: () => {
-    [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;
+    [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;
 };
 declare class APPService {
     setHttpHeaders(headers: Record<string, string>): Promise<void>;
@@ -20,7 +25,7 @@ declare class APPService {
         merchant: any;
         payment_options: any;
     }>;
-    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: string, domainValidator: string): Promise<any>;
+    appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string, merchantIdentifier: 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, domainValidator) {
+        value: function (merchant, validationURL, merchantRegisteredDomain, merchantIdentifier) {
             return __awaiter(this, void 0, void 0, function () {
                 var body, data;
                 return __generator(this, function (_a) {
@@ -160,8 +160,7 @@ var APPService = (function () {
                                 origin: merchantRegisteredDomain,
                                 merchantIdentifier: merchantIdentifier,
                                 merchantId: merchant.id,
-                                merchantName: merchant.name,
-                                domainValidator: domainValidator
+                                merchantName: merchant.name
                             };
                             return [4, axiosInstance.post('/validatemerchant', body)];
                         case 1:

package/build/hooks/useApplePay.d.ts

@@ -17,6 +17,10 @@ export declare const useApplePay: ({ buttonProps }: UsaApplePayProps) => {
             edges?: import("@tap-payments/acceptance-sdk").Edges | undefined;
             colorStyle?: import("@tap-payments/acceptance-sdk").ColorStyle | undefined;
             loader?: boolean | undefined;
+            userExperience?: "popup" | "page" | undefined;
+            powered?: boolean | undefined;
+            direction?: import("@tap-payments/acceptance-sdk").Direction | undefined;
+            cardDirection?: import("@tap-payments/acceptance-sdk").Direction | undefined;
         } | undefined;
         operator: {
             publicKey: string;

package/build/hooks/useApplePay.js

@@ -52,20 +52,20 @@ import { Scope } from '../@types';
 import { useMerchantApplePay } from './useMerchantApplePay';
 import { getApplePayPaymentMethod, getDefaultThemeMode } from '../utils';
 import appService, { getAxiosGlobalHeaders, setAxiosGlobalHeaders } from '../api';
-import { ChargeCode, mapingInterface } from '@tap-payments/acceptance-sdk';
+import { ChargeCode, mappingInterface } from '@tap-payments/acceptance-sdk';
 export var useApplePay = function (_a) {
-    var _b, _c;
+    var _b;
     var buttonProps = _a.buttonProps;
-    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: mapingInterface(buttonProps.interface) });
+    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 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';
     useMerchantApplePay({
@@ -92,7 +92,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, applePayPreparedData, err_1;
+        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) {
@@ -108,6 +108,7 @@ export var useApplePay = function (_a) {
                         merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
                         setAxiosGlobalHeaders(__assign({}, headers_1));
                         setProfile({ merchant: merchantProfile, payment_options: payment_options });
+                        setInitialLoading(false);
                         return [2];
                     }
                     if (!headers) return [3, 3];
@@ -158,8 +159,7 @@ export var useApplePay = function (_a) {
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
-                    applePayPreparedData = prepareApplePayRequest(__assign(__assign({}, data), { order: order, acceptance: acceptance, customer: customer }));
-                    setApplePayRequestData(applePayPreparedData.applePaySessionRequest);
+                    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);
                     setApplePayRequestConfiguration({
                         BASE_URL: MW_BASE_URL,
@@ -178,14 +178,6 @@ 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);
-        var identifier = (_c = (_b = getApplePayPaymentMethod(((_a = profileData === null || profileData === void 0 ? void 0 : profileData.payment_options) === null || _a === void 0 ? void 0 : _a.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;
@@ -227,7 +219,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, domainValidator)];
+                                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)];
                             case 2:
                                 merchantSession = _a.sent();
                                 if (debug)

package/build/utils/config.d.ts

@@ -7,8 +7,5 @@ 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'>) => {
-    applePaySessionRequest: ApplePayRequestData;
-    paymentMethod: PaymentMethod;
-};
+export declare const prepareApplePayRequest: ({ payment_options, merchant, order, customer, acceptance }: Pick<MetaData, 'merchant' | 'payment_options'> & Pick<ApplePayButtonProps, 'order' | 'customer' | 'acceptance'>) => ApplePayRequestData;
 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 { applePaySessionRequest: request, paymentMethod: paymentMethod };
+    return request;
 };
 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.74-development",
+	"version": "0.0.76-development",
 	"description": "Apple Pay Button React Component",
 	"main": "build/index.js",
 	"module": "build/index.js",
@@ -29,7 +29,7 @@
 	},
 	"license": "ISC",
 	"dependencies": {
-		"@tap-payments/acceptance-sdk": "^0.0.11",
+		"@tap-payments/acceptance-sdk": "^0.0.46",
 		"@tap-payments/browser-info": "^1.0.2",
 		"@tap-payments/web-error-handing": "^1.0.1",
 		"axios": "^1.2.2",