@xsolla/payment-client-core 0.2.45 → 0.2.46

package/fesm2022/xsolla-payment-client-core.mjs

@@ -7897,6 +7897,9 @@ class CoreLibraryService {
     get formResponseValue() {
         return this.paymentService.formResponseValue;
     }
+    get projectSettings() {
+        return this.settingsService.project;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, deps: [{ token: SettingsService }, { token: CountryService }, { token: PaymentMethodsService }, { token: SavedMethodsService }, { token: UserBalanceService }, { token: PaymentConfigService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: StatusService }, { token: NextActionService }, { token: CreditCardService }, { token: CreditCardStateService }, { token: FormMessagesService }, { token: EditSavedMethodsService }, { token: UserBehaviourAnalyticsService }, { token: PerformanceService }, { token: CombinedPaymentMethodsService }, { token: CountriesApiService }, { token: SendInstructionService }, { token: ScriptTrackerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryService, providedIn: 'root' }); }
 }
@@ -8061,6 +8064,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }]
         }] });
 
+const applePayVersion = 3;
+
+var ApplePayErrors;
+(function (ApplePayErrors) {
+    ApplePayErrors["paymentError"] = "Apple Pay: payment error";
+    ApplePayErrors["deviceIsNotCapableError"] = "Apple Pay: device is not capable";
+    ApplePayErrors["cancelled"] = "Apple Pay: payment cancelled";
+    ApplePayErrors["merchantValidationError"] = "Apple Pay: merchant validation error";
+    ApplePayErrors["braintreeInitializeError"] = "Apple Pay: Braintree library is not initialized";
+})(ApplePayErrors || (ApplePayErrors = {}));
+
+class ApplePaySessionHandlerAbstract {
+    constructor() {
+        this.payment = new Subject();
+        this._errorSubject = new Subject();
+    }
+    get error$() {
+        return this._errorSubject.asObservable();
+    }
+    get payment$() {
+        return this.payment.asObservable();
+    }
+    emitError(error) {
+        this._errorSubject.next(error);
+    }
+    buildPaymentRequest(params) {
+        return {
+            total: {
+                label: params.totalLabel,
+                amount: params.totalAmount,
+            },
+            currencyCode: params.currencyCode,
+            countryCode: params.countryCode,
+            merchantCapabilities: params.merchantCapabilities,
+            requiredBillingContactFields: params.requiredBillingContactFields,
+            requiredShippingContactFields: params.requiredShippingContactFields,
+            supportedNetworks: params.supportedNetworks,
+        };
+    }
+}
+
+class BraintreeHandler extends ApplePaySessionHandlerAbstract {
+    constructor(window, elkLoggerService) {
+        super();
+        this.window = window;
+        this.elkLoggerService = elkLoggerService;
+        this.paymentClient = null;
+    }
+    setClient(client) {
+        this.paymentClient = client;
+    }
+    startSession(params, iframeIntegrationEnabled) {
+        if (!this.paymentClient) {
+            console.error(ApplePayErrors.braintreeInitializeError);
+            this.elkLoggerService.log(ApplePayErrors.braintreeInitializeError, [
+                ErrorTags.APPLEPAY,
+            ]);
+            return;
+        }
+        const request = this.buildPaymentRequest(params);
+        const applePayRequest = this.paymentClient.createPaymentRequest(request);
+        const session = new this.window.ApplePaySession(applePayVersion, applePayRequest);
+        session.onvalidatemerchant = (event) => {
+            const validationParams = {
+                validationURL: event.validationURL,
+                displayName: params.totalLabel,
+            };
+            if (iframeIntegrationEnabled && params.topLevelDomain) {
+                // @ts-expect-error unknown property
+                validationParams.domainName = params.topLevelDomain;
+            }
+            this.paymentClient
+                ?.performValidation(validationParams)
+                .then((merchantSession) => {
+                session.completeMerchantValidation(merchantSession);
+            })
+                .catch((error) => {
+                console.error(ApplePayErrors.merchantValidationError, error);
+                session.abort();
+            });
+        };
+        session.onpaymentauthorized = (event) => {
+            this.paymentClient
+                ?.tokenize({ token: event.payment.token })
+                .then((response) => {
+                this.payment.next(JSON.stringify({
+                    token: response?.nonce ?? '',
+                    email: event.payment.billingContact?.emailAddress ?? null,
+                    postalCode: event.payment.billingContact?.postalCode ?? null,
+                }));
+                session.completePayment(this.window.ApplePaySession.STATUS_SUCCESS);
+            })
+                .catch((error) => {
+                console.error('Apple Pay: Tokenization error', error);
+                session.completePayment(this.window.ApplePaySession.STATUS_FAILURE);
+            });
+        };
+        session.oncancel = () => {
+            console.error(ApplePayErrors.cancelled);
+            this.emitError(ApplePayErrors.cancelled);
+        };
+        session.begin();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BraintreeHandler, deps: [{ token: windowToken }, { token: ElkLoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BraintreeHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BraintreeHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [windowToken]
+                }] }, { type: ElkLoggerService }] });
+
+class CheckoutHandler extends ApplePaySessionHandlerAbstract {
+    constructor(window, http) {
+        super();
+        this.window = window;
+        this.http = http;
+    }
+    startSession(params, iframeIntegrationEnabled) {
+        const request = this.buildPaymentRequest(params);
+        const session = new this.window.ApplePaySession(applePayVersion, request);
+        session.onvalidatemerchant = (event) => {
+            const validationParams = {
+                validationURL: event.validationURL,
+                accountId: params.payInstanceAccountId,
+                isSandbox: params.isSandbox,
+            };
+            if (iframeIntegrationEnabled && params.topLevelDomain) {
+                // @ts-expect-error unknown property
+                validationParams.domainName = params.topLevelDomain;
+            }
+            this.http
+                .post(params.getApplePaySessionUrl, JSON.stringify(validationParams), {
+                headers: new HttpHeaders().set('Content-Type', 'application/json'),
+            })
+                .subscribe({
+                next: (response) => {
+                    session.completeMerchantValidation(response.merchantSession);
+                },
+                error: (error) => {
+                    console.error(ApplePayErrors.merchantValidationError, error);
+                    session.abort();
+                },
+            });
+        };
+        session.onpaymentauthorized = (event) => {
+            this.payment.next(JSON.stringify({
+                token: event.payment.token ?? '',
+                email: event.payment.billingContact?.emailAddress ?? null,
+                postalCode: event.payment.billingContact?.postalCode ?? null,
+            }));
+            session.completePayment(this.window.ApplePaySession.STATUS_SUCCESS);
+        };
+        session.oncancel = () => {
+            console.error(ApplePayErrors.cancelled);
+            this.emitError(ApplePayErrors.cancelled);
+        };
+        session.begin();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckoutHandler, deps: [{ token: windowToken }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckoutHandler }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CheckoutHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [windowToken]
+                }] }, { type: i1.HttpClient }] });
+
 class CoreLibraryModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryModule, imports: [HttpClientModule, FormModule, PipesModule] }); }
@@ -8100,6 +8273,8 @@ class CoreLibraryModule {
             printInstructionRequestFactoryProvider,
             sendInstructionRequestFactoryProvider,
             sendInstructionStatusResponseFactoryProvider,
+            BraintreeHandler,
+            CheckoutHandler,
         ], imports: [HttpClientModule, FormModule, PipesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CoreLibraryModule, decorators: [{
@@ -8142,6 +8317,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                         printInstructionRequestFactoryProvider,
                         sendInstructionRequestFactoryProvider,
                         sendInstructionStatusResponseFactoryProvider,
+                        BraintreeHandler,
+                        CheckoutHandler,
                     ],
                 }]
         }] });
@@ -8590,7 +8767,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                     args: [windowToken]
                 }] }, { type: ElkLoggerService }, { type: PaymentSystemProcessingService }, { type: GooglePayCheckoutPaymentService }, { type: GooglePayInstantPaymentService }, { type: i0.Injector }] });
 
-const applePayVersion = 3;
+var ApplePayIntegrationType;
+(function (ApplePayIntegrationType) {
+    ApplePayIntegrationType["redirect"] = "redirect";
+    ApplePayIntegrationType["native"] = "native";
+})(ApplePayIntegrationType || (ApplePayIntegrationType = {}));
 
 const agreementsGroup = [
     FieldNames.licenseDisclaimer,
@@ -8608,11 +8789,91 @@ const agreementsGroup = [
     FieldNames.koreaLimitsInstruction,
 ];
 
-var ApplePayErrors;
-(function (ApplePayErrors) {
-    ApplePayErrors["paymentError"] = "paymentError";
-    ApplePayErrors["deviceIsNotCapableError"] = "deviceIsNotCapableError";
-})(ApplePayErrors || (ApplePayErrors = {}));
+class ApplePayParamsBuilderService {
+    constructor() {
+        this.agreementFieldsNames = agreementsGroup;
+    }
+    buildParams(paymentForm) {
+        const { fields, summary } = paymentForm;
+        if (!fields || !summary)
+            return null;
+        const formFields = fields.reduce((acc, field) => {
+            if (this.agreementFieldsNames.includes(field.name) &&
+                field.isVisible === "1" /* XpsBoolean.true */) {
+                acc[field.name] = field.title;
+            }
+            else {
+                acc[field.name] = field.value;
+            }
+            return acc;
+        }, {});
+        const agreements = this.agreementFieldsNames
+            .map((fieldName) => [fieldName, formFields[fieldName]])
+            .filter((fieldEntry) => {
+            const [, value] = fieldEntry;
+            return !!value;
+        });
+        return {
+            tokenKey: this.getAppleToken(fields),
+            totalLabel: formFields[FieldNames.labelApplePay] ?? '',
+            totalAmount: this.getTotalAmount(summary),
+            currencyCode: this.getTotalCurrency(summary),
+            countryCode: formFields[FieldNames.countryCode] ?? '',
+            merchantCapabilities: this.getJsonValueFromField(formFields, FieldNames.merchantCapabilities),
+            requiredBillingContactFields: this.getJsonValueFromField(formFields, FieldNames.requiredBillingContactFields),
+            requiredShippingContactFields: this.getJsonValueFromField(formFields, FieldNames.requiredShippingContactFields),
+            supportedNetworks: this.getJsonValueFromField(formFields, FieldNames.supportedNetworks),
+            agreements,
+            acquirer: formFields[FieldNames.acquirer] ?? '',
+            isSandbox: formFields[FieldNames.isSandbox] ?? '',
+            payInstanceAccountId: formFields[FieldNames.payInstanceAccountId] ?? '',
+            getApplePaySessionUrl: formFields[FieldNames.getApplePaySessionUrl] ?? '',
+            payViaCheckoutUrl: formFields[FieldNames.payViaCheckoutUrl] ?? '',
+        };
+    }
+    updateParams(params, summary) {
+        return {
+            ...params,
+            totalAmount: this.getTotalAmount(summary),
+            currencyCode: this.getTotalCurrency(summary),
+        };
+    }
+    getJsonValueFromField(fields, fieldName) {
+        const field = fields[fieldName];
+        try {
+            return field ? JSON.parse(field) : undefined;
+        }
+        catch (error) {
+            return undefined;
+        }
+    }
+    getAppleToken(fields) {
+        const appleTokenField = fields.find((field) => {
+            return field.name === 'token_key';
+        });
+        if (!appleTokenField) {
+            return '';
+        }
+        return appleTokenField.value;
+    }
+    getTotalAmount(summary) {
+        const finance = summary?.finance;
+        const total = finance?.grand_total?.amount ?? finance?.total.amount;
+        return total?.toString() ?? '';
+    }
+    getTotalCurrency(summary) {
+        const finance = summary?.finance;
+        return finance?.grand_total?.currency ?? finance?.total?.currency ?? '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayParamsBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayParamsBuilderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayParamsBuilderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
 class ApplePayService {
     get paymentParameters() {
@@ -8627,11 +8888,14 @@ class ApplePayService {
     get integrationType$() {
         return this.integrationType.asObservable();
     }
-    constructor(window, userAgentService, summaryFinanceDetailsAdapterService) {
+    constructor(window, userAgentService, summaryFinanceDetailsAdapterService, braintreeHandler, checkoutHandler, appleParamsBuilder, elkLoggerService) {
         this.window = window;
         this.userAgentService = userAgentService;
         this.summaryFinanceDetailsAdapterService = summaryFinanceDetailsAdapterService;
-        this.agreementFieldsNames = agreementsGroup;
+        this.braintreeHandler = braintreeHandler;
+        this.checkoutHandler = checkoutHandler;
+        this.appleParamsBuilder = appleParamsBuilder;
+        this.elkLoggerService = elkLoggerService;
         this.payment = new Subject();
         this.error = new Subject();
         this.integrationType = new Subject();
@@ -8639,48 +8903,18 @@ class ApplePayService {
         this.applePayParams = null;
         this.order = null;
         this.api = this.loadBraintree();
+        this.subscribeToHandlers();
     }
     setApplePayParams(data) {
-        const formFields = data?.paymentForm?.fields;
-        const summary = data?.paymentForm?.summary;
+        const paymentForm = data?.paymentForm;
+        const formFields = paymentForm?.fields;
+        const summary = paymentForm?.summary;
         if (!formFields || !summary) {
             return;
         }
-        const fields = formFields.reduce((acc, field) => {
-            if (this.agreementFieldsNames.includes(field.name) &&
-                field.isVisible === '1') {
-                acc[field.name] = field.title;
-            }
-            else {
-                acc[field.name] = field.value;
-            }
-            return acc;
-        }, {});
-        const agreements = this.agreementFieldsNames
-            .map((fieldName) => [fieldName, fields[fieldName]])
-            .filter((fieldEntry) => {
-            const [, value] = fieldEntry;
-            return !!value;
-        });
-        this.applePayParams = {
-            tokenKey: this.getAppleToken(formFields),
-            totalLabel: fields[FieldNames.labelApplePay] ?? '',
-            totalAmount: this.getTotalAmount(summary),
-            currencyCode: this.getTotalCurrency(summary),
-            countryCode: fields[FieldNames.countryCode] ?? '',
-            merchantCapabilities: this.getJsonValueFromField(fields, FieldNames.merchantCapabilities),
-            requiredBillingContactFields: this.getJsonValueFromField(fields, FieldNames.requiredBillingContactFields),
-            requiredShippingContactFields: this.getJsonValueFromField(fields, FieldNames.requiredShippingContactFields),
-            supportedNetworks: this.getJsonValueFromField(fields, FieldNames.supportedNetworks),
-            agreements: agreements,
-            acquirer: fields[FieldNames.acquirer] ?? '',
-            isSandbox: fields[FieldNames.isSandbox] ?? '',
-            payInstanceAccountId: fields[FieldNames.payInstanceAccountId] ?? '',
-            getApplePaySessionUrl: fields[FieldNames.getApplePaySessionUrl] ?? '',
-            payViaCheckoutUrl: fields[FieldNames.payViaCheckoutUrl] ?? '',
-        };
+        this.applePayParams = this.appleParamsBuilder.buildParams(paymentForm);
     }
-    async initLibrary(tokenKey) {
+    async initBraintreeLibrary(tokenKey) {
         try {
             const api = await this.api;
             const clientInstance = await api.client.create({
@@ -8689,12 +8923,16 @@ class ApplePayService {
             this.paymentClient = await api.applePay.create({
                 client: clientInstance,
             });
+            this.braintreeHandler.setClient(this.paymentClient);
         }
         catch (error) {
-            console.error('apple pay: initialize failed', error);
+            console.error(ApplePayErrors.braintreeInitializeError, error);
+            this.elkLoggerService.log(ApplePayErrors.braintreeInitializeError, [
+                ErrorTags.APPLEPAY,
+            ]);
         }
         this.emitIntegrationType();
-        if (!this.paymentClient || !this.isDeviceCapable()) {
+        if (!this.paymentClient || !this.isDeviceCapable) {
             this.emitError(ApplePayErrors.deviceIsNotCapableError);
         }
     }
@@ -8734,7 +8972,7 @@ class ApplePayService {
             }, '');
         }
     }
-    isDeviceCapable() {
+    get isDeviceCapable() {
         // Apple SDK is used on non-Safari devices.
         // Support of ApplePay payments will be defined on the external PS4 page
         if (!this.userAgentService.isSafari)
@@ -8757,54 +8995,49 @@ class ApplePayService {
         if (!this.applePayParams || !summary) {
             return;
         }
-        this.applePayParams.totalAmount = this.getTotalAmount(summary);
-        this.applePayParams.currencyCode = this.getTotalCurrency(summary);
-    }
-    async loadBraintree() {
-        const api = await import('braintree-web');
-        return api;
+        this.applePayParams = this.appleParamsBuilder.updateParams(this.applePayParams, summary);
     }
-    getAppleToken(formFields) {
-        const appleTokenField = formFields.find((field) => {
-            return field.name === 'token_key';
-        });
-        if (!appleTokenField) {
-            return '';
+    proceedCheckout(parameters, iframeIntegrationEnabled = false) {
+        const sessionHandler = this.getSessionHandler(parameters.acquirer);
+        if (!sessionHandler) {
+            console.error('Apple Pay: Unsupported acquirer:', parameters.acquirer);
+            return;
         }
-        return appleTokenField.value;
+        sessionHandler.startSession(parameters, iframeIntegrationEnabled);
     }
-    getTotalAmount(summary) {
-        const finance = summary?.finance;
-        const total = finance?.grand_total?.amount ?? finance?.total.amount;
-        return total?.toString() ?? '';
-    }
-    getTotalCurrency(summary) {
-        const finance = summary?.finance;
-        return finance?.grand_total?.currency ?? finance?.total?.currency ?? '';
-    }
-    getJsonValueFromField(fields, fieldName) {
-        const field = fields[fieldName];
-        try {
-            return field ? JSON.parse(field) : undefined;
-        }
-        catch (error) {
-            return undefined;
+    getSessionHandler(acquirer) {
+        switch (acquirer) {
+            case 'braintree':
+                return this.braintreeHandler;
+            case 'checkout':
+                return this.checkoutHandler;
+            default:
+                return undefined;
         }
     }
+    async loadBraintree() {
+        const api = await import('braintree-web');
+        return api;
+    }
     emitError(error) {
         this.error.next(error);
     }
     emitIntegrationType() {
-        let integrationType;
-        if (this.paymentClient && this.isDeviceCapable()) {
-            integrationType = 'redirect';
+        if (this.userAgentService.isSafari && this.isDeviceCapable) {
+            this.integrationType.next(ApplePayIntegrationType.native);
         }
-        else {
-            integrationType = 'none';
+        else if (this.paymentClient && this.isDeviceCapable) {
+            this.integrationType.next(ApplePayIntegrationType.redirect);
         }
-        this.integrationType.next(integrationType);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayService, deps: [{ token: windowToken }, { token: UserAgentService }, { token: SummaryFinanceDetailsAdapterService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    subscribeToHandlers() {
+        const handlers = [this.braintreeHandler, this.checkoutHandler];
+        handlers.forEach((handler) => {
+            handler.error$.subscribe((error) => this.emitError(error));
+            handler.payment$.subscribe((token) => this.payment.next(token));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayService, deps: [{ token: windowToken }, { token: UserAgentService }, { token: SummaryFinanceDetailsAdapterService }, { token: BraintreeHandler }, { token: CheckoutHandler }, { token: ApplePayParamsBuilderService }, { token: ElkLoggerService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ApplePayService, decorators: [{
@@ -8815,7 +9048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [windowToken]
-                }] }, { type: UserAgentService }, { type: SummaryFinanceDetailsAdapterService }] });
+                }] }, { type: UserAgentService }, { type: SummaryFinanceDetailsAdapterService }, { type: BraintreeHandler }, { type: CheckoutHandler }, { type: ApplePayParamsBuilderService }, { type: ElkLoggerService }] });
 
 /*
  * Public API Surface of core-library