@tap-payments/apple-pay-button 0.0.39-development → 0.0.41-development

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

@@ -15,6 +15,14 @@ export interface ApplePayRequestData {
         amount: number;
     };
 }
+export interface ApplePayDataToLunchSDKFromMerchantSide {
+    headers: Record<string, any>;
+    BASE_URL: string;
+    merchant: Record<string, string>;
+    applePayRequestData: ApplePayRequestData;
+    debug?: boolean;
+    applePaySDKVersion?: number;
+}
 export interface Interface {
     locale?: typeof Locale[keyof typeof Locale];
     theme?: typeof ThemeMode[keyof typeof ThemeMode];
@@ -94,7 +102,7 @@ export interface ApplePayButtonProps {
     onCancel?: () => void;
     onError?: (error: any) => void;
     onSuccess?: (data: Record<string, any>) => void;
-    onClick?: (data?: ApplePayRequestData) => void;
+    onClick?: (data?: ApplePayDataToLunchSDKFromMerchantSide) => void;
     onReady?: () => void;
     metaData?: MetaData;
     debug?: boolean;

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

@@ -7,6 +7,7 @@ declare class APPService extends BaseService {
     setEnv(env: ApplePayButtonProps['environment']): void;
     setBaseUrl(): void;
     getHeaderPublicKey(): "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC8AX++RtxPZFtns4XzXFlDIxPBh0umN4qRXZaKDIlb6a3MknaB7psJWmf2l+e4Cfh9b5tey/+rZqpQ065eXTZfGCAuBLt+fYLQBhLfjRpk8S6hlIzc1Kdjg65uqzMwcTd0p7I4KLwHk1I0oXzuEu53fU1LSZhWp4Mnd6wjVgXAsQIDAQAB\n-----END PUBLIC KEY-----" | "" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC9hSRms7Ir1HmzdZxGXFYgmpi3\nez7VBFje0f8wwrxYS9oVoBtN4iAt0DOs3DbeuqtueI31wtpFVUMGg8W7R0SbtkZd\nGzszQNqt/wyqxpDC9q+97XdXwkWQFA72s76ud7eMXQlsWKsvgwhY+Ywzt0KlpNC3\nHj+N6UWFOYK98Xi+sQIDAQAB\n-----END PUBLIC KEY-----" | "-----BEGIN PUBLIC KEY-----\nMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCi9W5jyTvA4Iwv3V5sfNQ7VdSz\n7WqwBbnWFbIUL/GjaaE93mvDv4zbgRSznHaHQPH6pxrMhMh0tV58njkvjHvQ/tvg\npwM8SemNPKEEAPl69tnMvCrJRPh2dWL3OHY8yCW4c38Hyx4fy56Zd5cdoVWfCReu\njCsvASLGz+cfRrj2swIDAQAB\n-----END PUBLIC KEY-----";
+    getBaseUrl(): string;
     setHttpHeaders(headers: Record<string, string>): Promise<void>;
     setBrowserHeaders({ locale, pk, domain }: {
         locale: string;
@@ -16,6 +17,9 @@ declare class APPService extends BaseService {
     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

@@ -140,6 +140,14 @@ var APPService = (function (_super) {
             }
         }
     });
+    Object.defineProperty(APPService.prototype, "getBaseUrl", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function () {
+            return this.baseUrl;
+        }
+    });
     Object.defineProperty(APPService.prototype, "setHttpHeaders", {
         enumerable: false,
         configurable: true,
@@ -191,17 +199,17 @@ var APPService = (function (_super) {
         writable: true,
         value: function (request) {
             return __awaiter(this, void 0, void 0, function () {
-                var data, merchant, payment_options, session;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var _a, data, headers, merchant, payment_options, session;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0: return [4, this.post(this.baseUrl + '/checkoutprofile', request)];
                         case 1:
-                            data = (_a.sent()).data;
+                            _a = _b.sent(), data = _a.data, headers = _a.headers;
                             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 }];
+                            return [2, { merchant: merchant, payment_options: payment_options, headers: headers }];
                     }
                 });
             });

package/build/features/ApplePayButton/ApplePayButton.js

@@ -19,7 +19,7 @@ import { ButtonStyle, Edges, ThemeMode } from '../../constants';
 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;
+    var _a = useApplePay(mappedProps), loading = _a.loading, onApplePayButtonClicked = _a.onApplePayButtonClicked, disabled = _a.disabled, applePayRequestData = _a.applePayRequestData, applePayRequestConfiguration = _a.applePayRequestConfiguration;
     var isMerchantIntegration = props.integration === 'merchant';
     React.useEffect(function () {
         if (props.debug) {
@@ -33,7 +33,7 @@ var ApplePay = React.memo(function (props) {
         }, onClick: function () {
             var _a, _b;
             if (isMerchantIntegration) {
-                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, applePayRequestData);
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, __assign(__assign({}, applePayRequestConfiguration), { applePayRequestData: applePayRequestData }));
                 return;
             }
             onApplePayButtonClicked();

package/build/hooks/useApplePay.d.ts

@@ -1,10 +1,11 @@
-import { ApplePayButtonProps, ApplePayRequestData } from '../@types';
+import { ApplePayButtonProps, ApplePayDataToLunchSDKFromMerchantSide, ApplePayRequestData } from '../@types';
 declare type UseApplePayProps = Omit<ApplePayButtonProps, 'buttonStyle'>;
 interface UseApplePayReturnProps {
     loading: boolean;
     onApplePayButtonClicked: () => Promise<void>;
     disabled: boolean;
     applePayRequestData?: ApplePayRequestData;
+    applePayRequestConfiguration?: Omit<ApplePayDataToLunchSDKFromMerchantSide, 'applePayRequestData'>;
 }
 export declare const useApplePay: ({ environment, interface: interfaceObj, merchant, customer, acceptance, scope, debug, onError, onSuccess, onCancel, onReady, metaData, headers, operator, order, onOrderCreated }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

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, useState } from 'react';
 import appService from '../api/app.service';
 import { ApplePayVersion, Scope } from '../constants';
@@ -57,6 +68,7 @@ export var useApplePay = function (_a) {
     var _c = useState(), profileData = _c[0], setProfile = _c[1];
     var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
     var _e = useState(), applePayRequestData = _e[0], setApplePayRequestData = _e[1];
+    var _f = useState(), applePayRequestConfiguration = _f[0], setApplePayRequestConfiguration = _f[1];
     var prepareApplePayRequest = function (_a) {
         var payment_options = _a.payment_options, merchant = _a.merchant;
         var paymentMethod = getApplePayPaymentMethod(payment_options.payment_methods || []);
@@ -72,17 +84,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, data, err_1;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return __generator(this, function (_m) {
-            switch (_m.label) {
+        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) {
                 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();
-                    _m.label = 1;
+                    _o.label = 1;
                 case 1:
-                    _m.trys.push([1, 7, 8, 9]);
+                    _o.trys.push([1, 7, 8, 9]);
                     if (metaData) {
                         merchantProfile = metaData.merchant, payment_options = metaData.payment_options, headers_1 = metaData.headers;
                         setAxiosGlobalHeaders(__assign({}, headers_1));
@@ -92,7 +105,7 @@ export var useApplePay = function (_a) {
                     if (!headers) return [3, 3];
                     return [4, appService.setHttpHeaders(__assign(__assign({}, headers), { pk: operator.publicKey }))];
                 case 2:
-                    _m.sent();
+                    _o.sent();
                     return [3, 5];
                 case 3: return [4, appService.setBrowserHeaders({
                         locale: interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale,
@@ -100,8 +113,8 @@ export var useApplePay = function (_a) {
                         pk: operator.publicKey
                     })];
                 case 4:
-                    _m.sent();
-                    _m.label = 5;
+                    _o.sent();
+                    _o.label = 5;
                 case 5: return [4, appService.checkoutProfile({
                         supported_payment_methods: ['APPLE_PAY'],
                         supported_currencies: [order.currency],
@@ -112,12 +125,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: (_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 : '',
+                                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 : '',
                                 phone: {
-                                    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 : ''
+                                    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 : ''
                                 }
                             }
                         })), { merchant: {
@@ -133,15 +146,20 @@ export var useApplePay = function (_a) {
                             ] })
                     })];
                 case 6:
-                    data = _m.sent();
+                    _a = _o.sent(), httpHeaders = _a.headers, data = __rest(_a, ["headers"]);
                     if (debug)
                         console.log('merchant configuration: ', data);
                     setProfile(data);
                     prepareApplePayRequest(data);
-                    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);
+                    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: appService.getBaseUrl(),
+                        headers: httpHeaders,
+                        merchant: data.merchant
+                    });
                     return [3, 9];
                 case 7:
-                    err_1 = _m.sent();
+                    err_1 = _o.sent();
                     onError === null || onError === void 0 ? void 0 : onError(err_1.errors || err_1);
                     return [3, 9];
                 case 8:
@@ -151,7 +169,7 @@ export var useApplePay = function (_a) {
                 case 9: return [2];
             }
         });
-    }); }, [environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, order, customer, merchant, scope, debug, onError, onReady, onOrderCreated]);
+    }); }, [environment, interfaceObj === null || interfaceObj === void 0 ? void 0 : interfaceObj.locale, order, customer, merchant, scope]);
     useEffect(function () {
         initialize(metaData);
     }, [initialize, metaData]);
@@ -301,6 +319,7 @@ export var useApplePay = function (_a) {
         loading: loading,
         onApplePayButtonClicked: onApplePayButtonClicked,
         disabled: !profileData || disabled || !applePayRequestData,
-        applePayRequestData: applePayRequestData
+        applePayRequestData: applePayRequestData,
+        applePayRequestConfiguration: applePayRequestConfiguration
     };
 };

package/build/utils/defaultValues.d.ts

@@ -1,4 +1,4 @@
-import { ApplePayRequestData, ApplePayButtonProps } from '../@types';
+import { ApplePayButtonProps } from '../@types';
 export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
     interface: {
         locale?: "en" | "ar" | "dynamic" | undefined;
@@ -56,7 +56,7 @@ export declare const getDefaultValues: (mainObject: ApplePayButtonProps) => {
     onCancel?: (() => void) | undefined;
     onError?: ((error: any) => void) | undefined;
     onSuccess?: ((data: Record<string, any>) => void) | undefined;
-    onClick?: ((data?: ApplePayRequestData | undefined) => void) | undefined;
+    onClick?: ((data?: import("../@types").ApplePayDataToLunchSDKFromMerchantSide | undefined) => void) | undefined;
     onReady?: (() => void) | undefined;
     metaData?: import("../@types").MetaData | undefined;
     debug?: boolean | undefined;

package/package.json

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