@tap-payments/apple-pay-button 0.0.43-development → 0.0.46-development

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

@@ -106,7 +106,7 @@ export interface ApplePayButtonProps {
     onReady?: () => void;
     metaData?: MetaData;
     debug?: boolean;
-    integration?: 'merchant' | 'tap';
+    integration?: 'sdk' | 'iframe';
     headers?: {
         mdn: string;
         application: string;

package/build/api/app.service.d.ts

@@ -14,12 +14,12 @@ declare class APPService extends BaseService {
         pk: string;
         domain: string;
     }): Promise<void>;
+    getHttpHeaders(): Promise<import("axios").HeadersDefaults & {
+        [key: string]: string | number | boolean | string[] | import("axios").AxiosHeaders | null;
+    }>;
     checkoutProfile(request: CheckoutProfileRequest): Promise<{
         merchant: any;
         payment_options: any;
-        headers: import("axios").AxiosResponseHeaders | Partial<Record<string, string> & {
-            "set-cookie"?: string[] | undefined;
-        }>;
     }>;
     appleSession(merchant: Pick<MerchantResponse, 'name' | 'id'>, validationURL: string, merchantRegisteredDomain: string): Promise<any>;
     tapTokenization(applePaymentData: Record<string, string>): Promise<any>;

package/build/api/app.service.js

@@ -193,23 +193,35 @@ var APPService = (function (_super) {
             });
         }
     });
+    Object.defineProperty(APPService.prototype, "getHttpHeaders", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2, httpClient.defaults.headers];
+                });
+            });
+        }
+    });
     Object.defineProperty(APPService.prototype, "checkoutProfile", {
         enumerable: false,
         configurable: true,
         writable: true,
         value: function (request) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, data, headers, merchant, payment_options, session;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
+                var data, merchant, payment_options, session;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
                         case 0: return [4, this.post(this.baseUrl + '/checkoutprofile', request)];
                         case 1:
-                            _a = _b.sent(), data = _a.data, headers = _a.headers;
+                            data = (_a.sent()).data;
                             if (data.errors)
                                 throw data;
                             merchant = data.merchant, payment_options = data.payment_options, session = data.session;
                             setAxiosGlobalHeaders({ session: session });
-                            return [2, { merchant: merchant, payment_options: payment_options, headers: headers }];
+                            return [2, { merchant: merchant, payment_options: payment_options }];
                     }
                 });
             });

package/build/features/ApplePayButton/ApplePayButton.js

@@ -20,7 +20,7 @@ import './ApplePayButton.css';
 var ApplePay = React.memo(function (props) {
     var mappedProps = getDefaultValues(props);
     var _a = useApplePay(mappedProps), loading = _a.loading, onApplePayButtonClicked = _a.onApplePayButtonClicked, disabled = _a.disabled, applePayRequestData = _a.applePayRequestData, applePayRequestConfiguration = _a.applePayRequestConfiguration;
-    var isMerchantIntegration = props.integration === 'merchant';
+    var isIframeIntegration = props.integration === 'iframe';
     React.useEffect(function () {
         if (props.debug) {
             console.log('ApplePayButtonProps', props);
@@ -32,7 +32,7 @@ var ApplePay = React.memo(function (props) {
             borderRadius: mappedProps.interface.edges === Edges.STRAIGHT ? '0' : '10px'
         }, onClick: function () {
             var _a, _b;
-            if (isMerchantIntegration) {
+            if (isIframeIntegration) {
                 (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, __assign(__assign({}, applePayRequestConfiguration), { applePayRequestData: applePayRequestData }));
                 return;
             }

package/build/hooks/useApplePay.js

@@ -45,17 +45,6 @@ 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, useState } from 'react';
 import appService from '../api/app.service';
 import { ApplePayVersion, Scope } from '../constants';
@@ -84,18 +73,18 @@ export var useApplePay = function (_a) {
         setApplePayRequestData(request);
     };
     var initialize = useCallback(function (metaData) { return __awaiter(void 0, void 0, void 0, function () {
-        var merchantProfile, payment_options, headers_1, _a, httpHeaders, data, err_1;
-        var _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, err_1;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return __generator(this, function (_m) {
+            switch (_m.label) {
                 case 0:
                     console.log('environment, interfaceObj?.locale, order, customer, merchant, scope', environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, order, customer, merchant, scope);
                     setLoading(true);
                     appService.setEnv(environment);
                     appService.setBaseUrl();
-                    _o.label = 1;
+                    _m.label = 1;
                 case 1:
-                    _o.trys.push([1, 7, 8, 9]);
+                    _m.trys.push([1, 7, 8, 9]);
                     if (metaData) {
                         merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
                         setAxiosGlobalHeaders(__assign({}, headers_1));
@@ -105,7 +94,7 @@ export var useApplePay = function (_a) {
                     if (!headers) return [3, 3];
                     return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { pk: operator.publicKey }))];
                 case 2:
-                    _o.sent();
+                    _m.sent();
                     return [3, 5];
                 case 3: return [4, appService.setBrowserHeaders({
                         locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
@@ -113,8 +102,8 @@ export var useApplePay = function (_a) {
                         pk: operator.publicKey
                     })];
                 case 4:
-                    _o.sent();
-                    _o.label = 5;
+                    _m.sent();
+                    _m.label = 5;
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
@@ -125,12 +114,12 @@ export var useApplePay = function (_a) {
                         order: __assign(__assign({ id: order === null || order === void 0 ? void 0 : order.id, amount: Number(order.amount), currency: order.currency, description: order === null || order === void 0 ? void 0 : order.description, metadata: order === null || order === void 0 ? void 0 : order.metadata }, (customer && {
                             customer: {
                                 id: customer === null || customer === void 0 ? void 0 : customer.id,
-                                email: (_b = customer.contact) === null || _b === void 0 ? void 0 : _b.email,
-                                first_name: ((_c = customer.name) === null || _c === void 0 ? void 0 : _c.length) ? customer.name[0].first : '',
-                                last_name: ((_d = customer.name) === null || _d === void 0 ? void 0 : _d.length) ? customer.name[0].last : '',
+                                email: (_a = customer.contact) === null || _a === void 0 ? void 0 : _a.email,
+                                first_name: ((_b = customer.name) === null || _b === void 0 ? void 0 : _b.length) ? customer.name[0].first : '',
+                                last_name: ((_c = customer.name) === null || _c === void 0 ? void 0 : _c.length) ? customer.name[0].last : '',
                                 phone: {
-                                    country_code: (_g = (_f = (_e = customer.contact) === null || _e === void 0 ? void 0 : _e.phone) === null || _f === void 0 ? void 0 : _f.countryCode) !== null && _g !== void 0 ? _g : '',
-                                    number: (_k = (_j = (_h = customer.contact) === null || _h === void 0 ? void 0 : _h.phone) === null || _j === void 0 ? void 0 : _j.number) !== null && _k !== void 0 ? _k : ''
+                                    country_code: (_f = (_e = (_d = customer.contact) === null || _d === void 0 ? void 0 : _d.phone) === null || _e === void 0 ? void 0 : _e.countryCode) !== null && _f !== void 0 ? _f : '',
+                                    number: (_j = (_h = (_g = customer.contact) === null || _g === void 0 ? void 0 : _g.phone) === null || _h === void 0 ? void 0 : _h.number) !== null && _j !== void 0 ? _j : ''
                                 }
                             }
                         })), { merchant: {
@@ -146,20 +135,20 @@ export var useApplePay = function (_a) {
                             ] })
                     })];
                 case 6:
-                    _a = _o.sent(), httpHeaders = _a.headers, data = __rest(_a, ["headers"]);
+                    data = _m.sent();
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
                     prepareApplePayRequest(data);
-                    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);
+                    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: appService.getBaseUrl(),
-                        headers: httpHeaders,
+                        headers: __assign({}, appService.getHttpHeaders()),
                         merchant: data.merchant
                     });
                     return [3, 9];
                 case 7:
-                    err_1 = _o.sent();
+                    err_1 = _m.sent();
                     onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
                     return [3, 9];
                 case 8:

package/build/utils/defaultValues.d.ts

@@ -60,7 +60,7 @@ export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
     onReady?: (() => void) | undefined;
     metaData?: import("../@types").MetaData | undefined;
     debug?: boolean | undefined;
-    integration?: "merchant" | "tap" | undefined;
+    integration?: "sdk" | "iframe" | undefined;
     headers?: {
         mdn: string;
         application: string;

package/package.json

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