@tap-payments/apple-pay-button 0.0.9-test → 0.0.10-test

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

@@ -50,6 +50,7 @@ export interface ApplePayButtonProps {
         merchantIdentifier?: string;
         mn?: string;
     };
+    clientSession?: boolean;
 }
 export interface MerchantResponse {
     id: string;

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

@@ -4,6 +4,7 @@ declare class APPService extends BaseService {
     constructor();
     init(publicKey: string, merchantId?: string): Promise<ProfileResponse>;
     appleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string, options: ApplePayButtonProps['options']): Promise<any>;
+    nativeAppleSession(merchant: MerchantResponse, validationURL: string, merchantRegisteredDomain: string, options: ApplePayButtonProps['options']): Promise<any>;
     tapTokenization(applePaymentData: Record<string, string>, merchant: MerchantResponse): Promise<any>;
     createCharge(publicKey: string, merchant: MerchantResponse, request: ApplePayRequestData, cardToken: string): Promise<import("axios").AxiosResponse<any, any>>;
 }

package/build/api/app.service.js

@@ -107,6 +107,29 @@ var APPService = (function (_super) {
                             data = (_a.sent()).data;
                             if (data.errors)
                                 throw data;
+                            return [2, data.body];
+                    }
+                });
+            });
+        }
+    });
+    Object.defineProperty(APPService.prototype, "nativeAppleSession", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (merchant, validationURL, merchantRegisteredDomain, options) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4, this.httpClient.post(validationURL, {
+                                merchantIdentifier: (options === null || options === void 0 ? void 0 : options.merchantIdentifier) || 'merchant.tap.gosell',
+                                displayName: (options === null || options === void 0 ? void 0 : options.mn) || merchant.name,
+                                initiative: 'web',
+                                initiativeContext: merchantRegisteredDomain
+                            })];
+                        case 1:
+                            data = (_a.sent()).data;
                             return [2, data];
                     }
                 });

package/build/features/ApplePayButton/ApplePayButton.js

@@ -17,7 +17,7 @@ import { useApplePay } from '../../hooks/useApplePay';
 import { ButtonStyle, Scope } from '../../constants';
 import './ApplePayButton.css';
 var ApplePay = React.memo(function (_a) {
-    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c, options = _a.options;
+    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, supportedNetworks = _a.supportedNetworks, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, _b = _a.scope, scope = _b === void 0 ? Scope.TapToken : _b, _c = _a.buttonStyle, buttonStyle = _c === void 0 ? ButtonStyle.WhiteOutline : _c, options = _a.options, clientSession = _a.clientSession;
     var _d = useApplePay({
         publicKey: publicKey,
         merchant: merchant,
@@ -28,7 +28,8 @@ var ApplePay = React.memo(function (_a) {
         onError: onError,
         onSuccess: onSuccess,
         scope: scope,
-        options: options
+        options: options,
+        clientSession: clientSession
     }), loading = _d.loading, onApplePayButtonClicked = _d.onApplePayButtonClicked, disabled = _d.disabled;
     return (_jsx("button", __assign({ className: "button-applepay-tap ".concat(buttonStyle), onClick: onApplePayButtonClicked, disabled: loading || disabled }, { children: _jsx("div", __assign({ className: 'img-container' }, { children: _jsx("img", { loading: 'eager', src: 'https://back-end.b-cdn.net/payment_methods/apple_pay.svg' }) })) })));
 });

package/build/hooks/useApplePay.d.ts

@@ -5,5 +5,5 @@ interface UseApplePayReturnProps {
     onApplePayButtonClicked: () => Promise<void>;
     disabled: boolean;
 }
-export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks, options }: UseApplePayProps) => UseApplePayReturnProps;
+export declare const useApplePay: ({ publicKey, merchant, transaction, billingContact, onCancel, onError, onSuccess, scope, supportedNetworks, options, clientSession }: UseApplePayProps) => UseApplePayReturnProps;
 export {};

package/build/hooks/useApplePay.js

@@ -50,7 +50,7 @@ import appService from '../api/app.service';
 import { ApplePayVersion } from '../constants';
 import { getApplePayPaymentMethod, getApplePayRequest, validateCurrency, validateSupportedNetworks } from '../utils/config';
 export var useApplePay = function (_a) {
-    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, supportedNetworks = _a.supportedNetworks, options = _a.options;
+    var publicKey = _a.publicKey, merchant = _a.merchant, transaction = _a.transaction, billingContact = _a.billingContact, onCancel = _a.onCancel, onError = _a.onError, onSuccess = _a.onSuccess, scope = _a.scope, supportedNetworks = _a.supportedNetworks, options = _a.options, clientSession = _a.clientSession;
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(null), profileData = _c[0], setProfile = _c[1];
     var _d = useState(false), disabled = _d[0], setDisabled = _d[1];
@@ -100,30 +100,38 @@ export var useApplePay = function (_a) {
                 console.info("Creating ApplePaySession with version: ".concat(ApplePayVersion, " and request: ").concat(JSON.stringify(request)));
                 session_1 = new ApplePaySession(ApplePayVersion, request);
                 session_1.onvalidatemerchant = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-                    var merchantSession, error_1;
-                    return __generator(this, function (_a) {
-                        switch (_a.label) {
+                    var merchantSession, _a, error_1;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
                             case 0:
                                 console.info('Creating merchant session and validating merchant session');
                                 console.info('onvalidatemerchant event', event);
                                 setLoading(true);
-                                _a.label = 1;
+                                _b.label = 1;
                             case 1:
-                                _a.trys.push([1, 3, , 4]);
+                                _b.trys.push([1, 6, , 7]);
                                 console.info("creating merchant session for merchantData: ".concat(JSON.stringify(profileData.merchant), " and validationURL: ").concat(event.validationURL, " and merchant.domain: ").concat(merchant.domain));
-                                return [4, appService.appleSession(profileData.merchant, event.validationURL, merchant.domain, options)];
+                                if (!clientSession) return [3, 3];
+                                return [4, appService.nativeAppleSession(profileData.merchant, event.validationURL, merchant.domain, options)];
                             case 2:
-                                merchantSession = (_a.sent()).body;
+                                _a = _b.sent();
+                                return [3, 5];
+                            case 3: return [4, appService.appleSession(profileData.merchant, event.validationURL, merchant.domain, options)];
+                            case 4:
+                                _a = _b.sent();
+                                _b.label = 5;
+                            case 5:
+                                merchantSession = _a;
                                 console.info('merchantSession', merchantSession);
                                 session_1.completeMerchantValidation(merchantSession);
                                 console.info('merchantSession completed successfully!');
-                                return [3, 4];
-                            case 3:
-                                error_1 = _a.sent();
+                                return [3, 7];
+                            case 6:
+                                error_1 = _b.sent();
                                 console.error('error in onvalidatemerchant', error_1);
                                 session_1.completePayment({ status: ApplePaySession.STATUS_FAILURE });
                                 throw error_1;
-                            case 4:
+                            case 7:
                                 setLoading(false);
                                 return [2];
                         }

package/package.json

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