@xsolla/payment-client-core 0.0.10 → 0.0.12

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

@@ -8,6 +8,13 @@ import { UntypedFormGroup, Validators, UntypedFormControl, ReactiveFormsModule }
 import { filter, map as map$1, catchError } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 
+const masksFunctionsMap = {
+    zip: () => {
+        const zipLength = 5;
+        return new Array(zipLength).fill('9').join('');
+    },
+};
+
 class AppError extends Error {
     constructor(message) {
         super(message);
@@ -425,6 +432,114 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     }] }, { type: SettingsService }, { type: SecureApiClient }];
     } });
 
+var XpsCommand;
+(function (XpsCommand) {
+    XpsCommand["form"] = "form";
+    XpsCommand["check"] = "check";
+    XpsCommand["status"] = "status";
+    XpsCommand["checkout"] = "checkout";
+    XpsCommand["account"] = "account";
+    XpsCommand["create"] = "create";
+})(XpsCommand || (XpsCommand = {}));
+
+var FieldNames;
+(function (FieldNames) {
+    FieldNames["address1"] = "address1";
+    FieldNames["address2"] = "address2";
+    FieldNames["address"] = "address";
+    FieldNames["allowRecurrentSubscription"] = "allowRecurrentSubscription";
+    FieldNames["allowSubscription"] = "allowSubscription";
+    FieldNames["apt"] = "apt";
+    FieldNames["availableCardTypes"] = "available_card_types";
+    FieldNames["bank"] = "bank";
+    FieldNames["birthDate"] = "birth_date";
+    FieldNames["cardMonth"] = "card_month";
+    FieldNames["cardYear"] = "card_year";
+    FieldNames["cardNumber"] = "card_number";
+    FieldNames["cardholdername"] = "cardholdername";
+    FieldNames["city"] = "city";
+    FieldNames["couponCode"] = "couponCode";
+    FieldNames["cpfName"] = "cpf_name";
+    FieldNames["cpfNumber"] = "cpf_number";
+    FieldNames["cvv"] = "cvv";
+    FieldNames["description"] = "description";
+    FieldNames["email"] = "email";
+    FieldNames["psEmail"] = "psEmail";
+    FieldNames["euCheck"] = "eu_check";
+    FieldNames["extraCvv"] = "extra_cvv";
+    FieldNames["extraCardNumber"] = "extra_card_number";
+    FieldNames["extraCardType"] = "extra_card_type";
+    FieldNames["fName"] = "f_name";
+    FieldNames["installments"] = "installments";
+    FieldNames["lName"] = "l_name";
+    FieldNames["needInstallments"] = "needInstallments";
+    FieldNames["personId"] = "person_id";
+    FieldNames["personIdAr"] = "person_id_ar";
+    FieldNames["personIdCo"] = "person_id_co";
+    FieldNames["phone"] = "phone";
+    FieldNames["purchaseDescription"] = "purchaseDescription";
+    FieldNames["recurrentType"] = "recurrent_type";
+    FieldNames["rockstarTaxes"] = "rockstar_taxes";
+    FieldNames["state"] = "state";
+    FieldNames["street"] = "street";
+    FieldNames["streetNumber"] = "street_number";
+    FieldNames["take2Taxes"] = "take2_taxes";
+    FieldNames["termsAndConditions"] = "termsAndConditions";
+    FieldNames["termsAndConditionsAtariPp"] = "termsAndConditionsAtariPP";
+    FieldNames["termsAndConditionsAtariTc"] = "termsAndConditionsAtariTC";
+    FieldNames["termsAndConditionsHtcEula"] = "termsAndConditionsHtcEula";
+    FieldNames["termsAndConditionsRobloxEula"] = "termsAndConditionsRobloxEula";
+    FieldNames["termsAndConditionsRolandEula"] = "termsAndConditionsRolandEula";
+    FieldNames["termsAndConditionsDeusLoVultEula"] = "termsAndConditionsDeusLoVultEula";
+    FieldNames["termsAndConditionsOnzenga"] = "termsAndConditionsOnzenga";
+    FieldNames["xsollaTipsAmount"] = "xsollaTipsAmount";
+    FieldNames["zip"] = "zip";
+    FieldNames["allowSave"] = "allowSave";
+    FieldNames["koreaLimitsInstruction"] = "korea_limits_instruction";
+    FieldNames["tokenApplePay"] = "token_applepay";
+    FieldNames["fixInvoice"] = "fix_invoice";
+    FieldNames["fixPid"] = "fix_pid";
+    FieldNames["signature"] = "signature";
+    FieldNames["qr"] = "qr";
+    FieldNames["sum"] = "sum";
+    FieldNames["out"] = "out";
+    FieldNames["tinkoffDisclaimer"] = "ps.tinkoff.disclaimer";
+})(FieldNames || (FieldNames = {}));
+
+class SubmitResponse {
+    constructor(parameters, responseNumber = 0) {
+        var _a, _b, _c;
+        this.responseNumber = responseNumber;
+        /* Todo split into properties */
+        this.parameters = parameters;
+        this.fields = Object.keys(parameters.form).map((key) => parameters.form[key]);
+        if (parameters.onlineBanking) {
+            this.onlineBanking = {
+                url: parameters.onlineBanking.value,
+            };
+        }
+        this.isNeedRedirect =
+            parameters.currentCommand === XpsCommand.account ||
+                (parameters.currentCommand === XpsCommand.checkout &&
+                    Boolean(parameters.checkout));
+        this.buyData = parameters.buyData;
+        this.fixInvoice = (_a = this.fields.find((field) => field.name === FieldNames.fixInvoice)) === null || _a === void 0 ? void 0 : _a.value;
+        this.signature = (_b = this.fields.find((field) => field.name === FieldNames.signature)) === null || _b === void 0 ? void 0 : _b.value;
+        this.hasFatalErrors = (_c = parameters.textAll) === null || _c === void 0 ? void 0 : _c.fatal;
+        this.userSession = parameters.userSession;
+        this.pid = parameters.pid;
+        this.errors = parameters.errors;
+        this.summary = parameters.summary;
+        this.title = parameters.title;
+        this.currentCommand = parameters.currentCommand;
+        this.messages = parameters.messages;
+    }
+}
+
+const isSubmitResponse = (value) => {
+    return value instanceof SubmitResponse;
+};
+
 class InitializeResponse {
     constructor(response) {
         this.paymentForm = null;
@@ -561,110 +676,6 @@ const submitRequestFactoryProvider = {
     useValue: (...args) => new SubmitRequest(...args),
 };
 
-var XpsCommand;
-(function (XpsCommand) {
-    XpsCommand["form"] = "form";
-    XpsCommand["check"] = "check";
-    XpsCommand["status"] = "status";
-    XpsCommand["checkout"] = "checkout";
-    XpsCommand["account"] = "account";
-    XpsCommand["create"] = "create";
-})(XpsCommand || (XpsCommand = {}));
-
-var FieldNames;
-(function (FieldNames) {
-    FieldNames["address1"] = "address1";
-    FieldNames["address2"] = "address2";
-    FieldNames["address"] = "address";
-    FieldNames["allowRecurrentSubscription"] = "allowRecurrentSubscription";
-    FieldNames["allowSubscription"] = "allowSubscription";
-    FieldNames["apt"] = "apt";
-    FieldNames["availableCardTypes"] = "available_card_types";
-    FieldNames["bank"] = "bank";
-    FieldNames["birthDate"] = "birth_date";
-    FieldNames["cardMonth"] = "card_month";
-    FieldNames["cardYear"] = "card_year";
-    FieldNames["cardNumber"] = "card_number";
-    FieldNames["cardholdername"] = "cardholdername";
-    FieldNames["city"] = "city";
-    FieldNames["couponCode"] = "couponCode";
-    FieldNames["cpfName"] = "cpf_name";
-    FieldNames["cpfNumber"] = "cpf_number";
-    FieldNames["cvv"] = "cvv";
-    FieldNames["description"] = "description";
-    FieldNames["email"] = "email";
-    FieldNames["psEmail"] = "psEmail";
-    FieldNames["euCheck"] = "eu_check";
-    FieldNames["extraCvv"] = "extra_cvv";
-    FieldNames["extraCardNumber"] = "extra_card_number";
-    FieldNames["extraCardType"] = "extra_card_type";
-    FieldNames["fName"] = "f_name";
-    FieldNames["installments"] = "installments";
-    FieldNames["lName"] = "l_name";
-    FieldNames["needInstallments"] = "needInstallments";
-    FieldNames["personId"] = "person_id";
-    FieldNames["personIdAr"] = "person_id_ar";
-    FieldNames["personIdCo"] = "person_id_co";
-    FieldNames["phone"] = "phone";
-    FieldNames["purchaseDescription"] = "purchaseDescription";
-    FieldNames["recurrentType"] = "recurrent_type";
-    FieldNames["rockstarTaxes"] = "rockstar_taxes";
-    FieldNames["state"] = "state";
-    FieldNames["street"] = "street";
-    FieldNames["streetNumber"] = "street_number";
-    FieldNames["take2Taxes"] = "take2_taxes";
-    FieldNames["termsAndConditions"] = "termsAndConditions";
-    FieldNames["termsAndConditionsAtariPp"] = "termsAndConditionsAtariPP";
-    FieldNames["termsAndConditionsAtariTc"] = "termsAndConditionsAtariTC";
-    FieldNames["termsAndConditionsHtcEula"] = "termsAndConditionsHtcEula";
-    FieldNames["termsAndConditionsRobloxEula"] = "termsAndConditionsRobloxEula";
-    FieldNames["termsAndConditionsRolandEula"] = "termsAndConditionsRolandEula";
-    FieldNames["termsAndConditionsDeusLoVultEula"] = "termsAndConditionsDeusLoVultEula";
-    FieldNames["termsAndConditionsOnzenga"] = "termsAndConditionsOnzenga";
-    FieldNames["xsollaTipsAmount"] = "xsollaTipsAmount";
-    FieldNames["zip"] = "zip";
-    FieldNames["allowSave"] = "allowSave";
-    FieldNames["koreaLimitsInstruction"] = "korea_limits_instruction";
-    FieldNames["tokenApplePay"] = "token_applepay";
-    FieldNames["fixInvoice"] = "fix_invoice";
-    FieldNames["fixPid"] = "fix_pid";
-    FieldNames["signature"] = "signature";
-    FieldNames["qr"] = "qr";
-    FieldNames["sum"] = "sum";
-    FieldNames["out"] = "out";
-    FieldNames["tinkoffDisclaimer"] = "ps.tinkoff.disclaimer";
-})(FieldNames || (FieldNames = {}));
-
-class SubmitResponse {
-    constructor(parameters, responseNumber = 0) {
-        var _a, _b, _c;
-        this.responseNumber = responseNumber;
-        /* Todo split into properties */
-        this.parameters = parameters;
-        this.fields = Object.keys(parameters.form).map((key) => parameters.form[key]);
-        if (parameters.onlineBanking) {
-            this.onlineBanking = {
-                url: parameters.onlineBanking.value,
-            };
-        }
-        this.isNeedRedirect =
-            parameters.currentCommand === XpsCommand.account ||
-                (parameters.currentCommand === XpsCommand.checkout &&
-                    Boolean(parameters.checkout));
-        this.buyData = parameters.buyData;
-        this.fixInvoice = (_a = this.fields.find((field) => field.name === FieldNames.fixInvoice)) === null || _a === void 0 ? void 0 : _a.value;
-        this.signature = (_b = this.fields.find((field) => field.name === FieldNames.signature)) === null || _b === void 0 ? void 0 : _b.value;
-        this.hasFatalErrors = (_c = parameters.textAll) === null || _c === void 0 ? void 0 : _c.fatal;
-        this.userSession = parameters.userSession;
-        this.pid = parameters.pid;
-        this.errors = parameters.errors;
-        this.summary = parameters.summary;
-        this.title = parameters.title;
-        this.currentCommand = parameters.currentCommand;
-        this.messages = parameters.messages;
-    }
-}
-
 const submitResponseFactoryToken = new InjectionToken('SubmitResponse');
 const submitResponseFactoryProvider = {
     provide: submitResponseFactoryToken,
@@ -1021,7 +1032,10 @@ class SyncService extends EmitDataService {
                 return Promise.resolve(null);
             }
             if (prevFieldState && value === prevFieldState.value) {
-                return Promise.resolve(prevFieldState.result);
+                return Promise.resolve(prevFieldState.result).then((response) => {
+                    var _a;
+                    return (_a = response === null || response === void 0 ? void 0 : response.rewritableError) !== null && _a !== void 0 ? _a : null;
+                });
             }
             const requestPromise = this.request(field);
             this.setPrevFieldSyncState(field, value, requestPromise);
@@ -1031,6 +1045,17 @@ class SyncService extends EmitDataService {
             });
         });
     }
+    getSyncValidationErrors(field) {
+        var _a;
+        const control = this.form.get(field.name);
+        if (!control) {
+            return null;
+        }
+        const rewritableError = (_a = control.errors) === null || _a === void 0 ? void 0 : _a.rewritableError;
+        return rewritableError
+            ? { message: rewritableError.message, code: rewritableError.code }
+            : null;
+    }
     request(field) {
         return __awaiter(this, void 0, void 0, function* () {
             const requestParams = this.requestFactory({
@@ -1091,7 +1116,7 @@ class TextControlConfig extends ControlConfig {
     }
 }
 
-function convert(validator, message) {
+function convert(validator, message, errorCode) {
     return (control) => {
         const errors = validator(control);
         if (!errors) {
@@ -1102,6 +1127,7 @@ function convert(validator, message) {
         error = typeof error === 'object' && error !== null ? error : {};
         const rewritableError = Object.assign({}, error);
         rewritableError.message = message;
+        rewritableError.code = errorCode;
         if (error[firstErrorKey] != null) {
             rewritableError.value = error[firstErrorKey];
         }
@@ -1113,13 +1139,21 @@ function convert(validator, message) {
     };
 }
 
+var ErrorsCodes;
+(function (ErrorsCodes) {
+    ErrorsCodes["minLength"] = "min-length";
+    ErrorsCodes["maxLength"] = "max-length";
+    ErrorsCodes["invalidValue"] = "invalid-value";
+    ErrorsCodes["required"] = "required";
+})(ErrorsCodes || (ErrorsCodes = {}));
+
 const emailRegexp = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i; // eslint-disable-line
 function emailValidator() {
-    return convert(Validators.pattern(emailRegexp), 'Enter a valid email');
+    return convert(Validators.pattern(emailRegexp), 'Enter a valid email', ErrorsCodes.invalidValue);
 }
 
 function requiredValidator() {
-    return convert(Validators.required, 'Required');
+    return convert(Validators.required, 'Required', ErrorsCodes.required);
 }
 
 class Converter {
@@ -1134,7 +1168,7 @@ class Converter {
         return config;
     }
     convertToFormControl(field) {
-        return new UntypedFormControl(this.getValue(field), this.getValidators(field), this.getAsyncValidators(field));
+        return new UntypedFormControl(this.getValue(field), this.getValidators(field));
     }
     getValidators(field) {
         const validators = [];
@@ -1148,14 +1182,11 @@ class Converter {
                 const errorMessage = field.validation_error_msg
                     ? field.validation_error_msg
                     : 'Enter valid data';
-                validators.push(convert(Validators.pattern(pattern), errorMessage));
+                validators.push(convert(Validators.pattern(pattern), errorMessage, ErrorsCodes.invalidValue));
             }
         }
         return validators;
     }
-    getAsyncValidators(field) {
-        return () => __awaiter(this, void 0, void 0, function* () { return this.syncService.validate(field); });
-    }
     createDefaultControlConfig(controlConfigClass, field) {
         const config = new controlConfigClass();
         this.copyCommonOptions(config, field);
@@ -1240,11 +1271,11 @@ class ZipConverter extends Converter {
         const validators = super
             .getValidators(field)
             .concat([
-            convert(Validators.minLength(minLength), 'Enter at least ${minLength} characters'),
-            convert(Validators.maxLength(maxLength), 'Enter no more than ${maxLength} characters'),
+            convert(Validators.minLength(minLength), `Enter at least ${minLength} characters`, ErrorsCodes.minLength),
+            convert(Validators.maxLength(maxLength), `Enter no more than ${maxLength} characters`, ErrorsCodes.maxLength),
         ]);
         if (this.isUsCountry) {
-            validators.push(convert(restrictedValueValidator('00000'), 'Enter a valid ZIP code'));
+            validators.push(convert(restrictedValueValidator('00000'), 'Enter a valid ZIP code', ErrorsCodes.invalidValue));
         }
         return validators;
     }
@@ -1253,12 +1284,14 @@ class ZipConverter extends Converter {
         config.icon = 'location';
         if (this.isUsCountry) {
             config.maskConfig = {
-                mask: () => new Array(this.usCountryLength).fill('9').join(''),
                 guide: false,
                 unmaskModelValue: true,
                 showMask: true,
             };
             config.inputMode = 'numeric';
+            if (masksFunctionsMap['zip']) {
+                config.maskConfig.mask = masksFunctionsMap['zip'];
+            }
         }
         else {
             config.maxLength = this.maxLength;
@@ -2372,7 +2405,7 @@ class ShowFieldsAction {
             messages: [],
             order: {},
         };
-        this.data.fields = submitResponse.fields;
+        this.data.fields = submitResponse.fields.filter((field) => (field === null || field === void 0 ? void 0 : field.isVisible) === "1" /* XpsBoolean.true */);
         this.data.errors = submitResponse.errors;
         this.data.messages = submitResponse.messages;
         this.data.order = submitResponse.summary;
@@ -2384,7 +2417,9 @@ const showFieldsActionFactoryProvider = {
     provide: showFieldsActionFactoryToken,
     useValue: {
         factory: (...args) => new ShowFieldsAction(...args),
-        type: 'show_fields',
+        isSuitable: (response) => {
+            return response.currentCommand === XpsCommand.check;
+        },
     },
 };
 
@@ -2410,7 +2445,9 @@ const checkStatusActionFactoryProvider = {
     provide: checkStatusActionFactoryToken,
     useValue: {
         factory: (...args) => new CheckStatusAction(...args),
-        type: 'check_status',
+        isSuitable: (response) => {
+            return response.currentCommand === XpsCommand.status;
+        },
     },
 };
 
@@ -2419,7 +2456,40 @@ const statusUpdatedActionFactoryProvider = {
     provide: statusUpdatedActionFactoryToken,
     useValue: {
         factory: (...args) => new StatusUpdatedAction(...args),
-        type: 'status_updated',
+        isSuitable: () => false,
+    },
+};
+
+class RedirectAction {
+    constructor(submitResponse) {
+        this.type = 'redirect';
+        this.data = {
+            fields: submitResponse.fields,
+            errors: submitResponse.errors,
+            messages: submitResponse.messages,
+            order: submitResponse.summary,
+            invoiceId: submitResponse.fixInvoice,
+            redirect: this.getRedirect(submitResponse),
+        };
+    }
+    getRedirect(submitResponse) {
+        return {
+            redirectUrl: submitResponse.parameters.checkout.action,
+            data: submitResponse.parameters.checkout.data,
+        };
+    }
+}
+
+const redirectActionFactoryToken = new InjectionToken('RedirectAction');
+const redirectActionFactoryProvider = {
+    provide: redirectActionFactoryToken,
+    useValue: {
+        factory: (...args) => new RedirectAction(...args),
+        isSuitable: (response) => {
+            return (response.currentCommand === XpsCommand.account ||
+                (response.currentCommand === XpsCommand.checkout &&
+                    Boolean(response.parameters.checkout)));
+        },
     },
 };
 
@@ -2428,13 +2498,9 @@ const nextActions = [
     showFieldsActionFactoryProvider,
     checkStatusActionFactoryProvider,
     statusUpdatedActionFactoryProvider,
+    redirectActionFactoryProvider,
 ];
 
-const actionTypeCommandMap = {
-    [XpsCommand.check]: 'show_fields',
-    [XpsCommand.status]: 'check_status',
-};
-
 class NextActionService {
     get flowUpdates$() {
         return this.flowUpdatesSubject.asObservable();
@@ -2443,14 +2509,14 @@ class NextActionService {
         this.nextActionTokens = nextActionTokens;
         this.injector = injector;
         this.flowUpdatesSubject = new Subject();
-        this.nextActionsMap = new Map();
-        this.fillNextActionsMap();
+        this.nextActionsList = [];
+        this.fillNextActionsList();
     }
     getNextAction(submitResponse) {
         if (!submitResponse.currentCommand) {
             return null;
         }
-        const nextActionFactory = this.findNextAction(submitResponse.currentCommand);
+        const nextActionFactory = this.findNextAction(submitResponse);
         if (nextActionFactory) {
             return nextActionFactory(submitResponse);
         }
@@ -2459,18 +2525,20 @@ class NextActionService {
     emitFlowUpdates(action) {
         this.flowUpdatesSubject.next(action);
     }
-    fillNextActionsMap() {
+    fillNextActionsList() {
         this.nextActionTokens.forEach((nextAction) => {
             const item = this.injector.get(nextAction.provide);
-            this.nextActionsMap.set(item.type, item.factory);
+            this.nextActionsList.push(item);
         });
     }
-    findNextAction(command) {
-        const actionType = actionTypeCommandMap[command];
+    findNextAction(submitResponse) {
+        const actionType = this.nextActionsList.find((nextAction) => {
+            return nextAction.isSuitable(submitResponse);
+        });
         if (!actionType) {
             return;
         }
-        return this.nextActionsMap.get(actionType);
+        return actionType.factory;
     }
 }
 NextActionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NextActionService, deps: [{ token: nextActionsToken }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -2558,6 +2626,9 @@ class FinanceDetails {
     constructor(parameters) {
         this.purchase = parameters.purchase;
         this.finance = parameters.finance;
+        this.cartItems = this.getFormattedPurchaseForCart();
+        this.cartSummary = this.getFormattedPricingForCart();
+        this.paymentCountry = this.getPaymentCountry();
     }
     getFormattedPurchaseForCart() {
         var _a, _b, _c, _d;
@@ -2599,9 +2670,8 @@ class FinanceDetails {
         if (this.purchase.checkout) {
             checkoutArray = [
                 {
-                    title: this.purchase.checkout.description
-                        ? this.purchase.checkout.description
-                        : 'In-game purchase',
+                    key: 'checkout',
+                    title: this.purchase.checkout.description,
                     price: extractMoneyCurrency(this.purchase.checkout),
                     isBonus: (_d = this.purchase.checkout.is_bonus) !== null && _d !== void 0 ? _d : false,
                 },
@@ -2619,14 +2689,17 @@ class FinanceDetails {
         const subtotalDetailsSorting = [
             {
                 key: 'discount',
+                responseKey: 'discount',
                 title: 'Discount',
             },
             {
                 key: 'fee',
+                responseKey: 'fee',
                 title: 'Payment system fee',
             },
             {
-                key: 'user_balance',
+                key: 'user-balance',
+                responseKey: 'user_balance',
                 title: 'Balance',
             },
         ];
@@ -2646,14 +2719,18 @@ class FinanceDetails {
             totalDetails: this.getTaxesForTotalDetails(),
             subtotalDetails: [
                 ...subtotalDetailsSorting.map((sorting) => {
-                    const field = this.finance[sorting.key];
+                    const field = this.finance[sorting.responseKey];
                     if (field) {
-                        return Object.assign(Object.assign({}, sorting), { money: {
+                        return {
+                            key: sorting.key,
+                            title: sorting.title,
+                            money: {
                                 amount: sorting.key === 'discount' && field.amount
                                     ? -field.amount
                                     : field.amount,
                                 currency: field.currency,
-                            } });
+                            },
+                        };
                     }
                     return sorting;
                 }),
@@ -2662,29 +2739,36 @@ class FinanceDetails {
         };
     }
     getPaymentCountry() {
-        var _a;
-        return (_a = this.finance) === null || _a === void 0 ? void 0 : _a.payment_country.iso;
+        return this.finance.payment_country.iso;
     }
     getTaxForItem(indirectTaxRate) {
         if (indirectTaxRate ||
             (this.shouldShowZeroIndirectTaxRate && indirectTaxRate === 0)) {
             if (this.isSalesTaxes) {
                 return {
+                    key: 'sales-tax',
                     content: `Sales tax ${indirectTaxRate}%`,
+                    rate: indirectTaxRate,
                 };
             }
             if (this.isIndia()) {
                 return {
+                    key: 'vat-india',
                     content: `GST ${indirectTaxRate}%`,
+                    rate: indirectTaxRate,
                 };
             }
             if (this.isGhana()) {
                 return {
+                    key: 'vat-ghana',
                     content: 'VAT, NHIL, GETFund Levy, and Covid-19 Levy',
+                    rate: indirectTaxRate,
                 };
             }
             return {
+                key: 'vat',
                 content: `VAT ${indirectTaxRate}%`,
+                rate: indirectTaxRate,
             };
         }
         return null;
@@ -2696,14 +2780,14 @@ class FinanceDetails {
         if (this.finance.vat_user &&
             ((_c = (_b = (_a = this.finance) === null || _a === void 0 ? void 0 : _a.vat_user) === null || _b === void 0 ? void 0 : _b.amount) !== null && _c !== void 0 ? _c : (_e = (_d = this.finance) === null || _d === void 0 ? void 0 : _d.vat_user) === null || _e === void 0 ? void 0 : _e.visible)) {
             ret.push({
-                key: 'vat_user',
+                key: this.getVatKeyForDetails(),
                 title: this.getVatLabelForSubtotalDetails(),
                 money: extractMoneyCurrency(this.finance.vat_user),
             });
         }
         if ((_f = this.finance.sales_tax_user) === null || _f === void 0 ? void 0 : _f.amount) {
             ret.push({
-                key: 'sales_tax_user',
+                key: 'sales-tax',
                 title: 'Sales tax',
                 money: extractMoneyCurrency(this.finance.sales_tax_user),
             });
@@ -2727,7 +2811,7 @@ class FinanceDetails {
         if ((((_b = (_a = this.finance) === null || _a === void 0 ? void 0 : _a.vat) === null || _b === void 0 ? void 0 : _b.amount) || ((_d = (_c = this.finance) === null || _c === void 0 ? void 0 : _c.vat) === null || _d === void 0 ? void 0 : _d.visible)) &&
             !((_f = (_e = this.finance) === null || _e === void 0 ? void 0 : _e.vat_user) === null || _f === void 0 ? void 0 : _f.amount)) {
             ret.push({
-                key: 'vat',
+                key: this.getVatKeyForDetails(),
                 title: this.getVatLabelForTotalDetails(),
                 money: extractMoneyCurrency(this.finance.vat),
             });
@@ -2735,13 +2819,22 @@ class FinanceDetails {
         if (((_h = (_g = this.finance) === null || _g === void 0 ? void 0 : _g.sales_tax) === null || _h === void 0 ? void 0 : _h.amount) &&
             !((_k = (_j = this.finance) === null || _j === void 0 ? void 0 : _j.sales_tax_user) === null || _k === void 0 ? void 0 : _k.amount)) {
             ret.push({
-                key: 'sales_tax',
+                key: 'sales-tax',
                 title: 'Sales tax included',
                 money: extractMoneyCurrency(this.finance.sales_tax),
             });
         }
         return ret;
     }
+    getVatKeyForDetails() {
+        if (this.isIndia()) {
+            return 'vat-india';
+        }
+        if (this.isGhana()) {
+            return 'vat-ghana';
+        }
+        return 'vat';
+    }
     getVatLabelForTotalDetails() {
         if (this.isIndia()) {
             return `Including ${this.finance.vat.percent}% GST`;
@@ -2820,7 +2913,7 @@ class PaymentService {
             this.form = this.formService.createForm(this.fields);
             this.emitFinanceDetails((_a = this.data.paymentForm) === null || _a === void 0 ? void 0 : _a.summary);
             this.setupSyncService(this.form, this.fields);
-            return this.fields;
+            return this.fields.filter((field) => (field === null || field === void 0 ? void 0 : field.isVisible) === "1" /* XpsBoolean.true */);
         });
     }
     submit() {
@@ -2829,16 +2922,24 @@ class PaymentService {
                 throw new Error('form is empty!');
             }
             const submitResponse = yield this.submitService.request(this.fields, this.form);
+            this.data = submitResponse;
             this.emitFinanceDetails(submitResponse.summary);
             return this.nextActionService.getNextAction(submitResponse);
         });
     }
     getFields() {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.paymentForm) === null || _b === void 0 ? void 0 : _b.fields) !== null && _c !== void 0 ? _c : [];
+        var _a, _b, _c, _d;
+        if (this.data instanceof SubmitResponse) {
+            return (_a = this.data.fields) !== null && _a !== void 0 ? _a : [];
+        }
+        return (_d = (_c = (_b = this.data) === null || _b === void 0 ? void 0 : _b.paymentForm) === null || _c === void 0 ? void 0 : _c.fields) !== null && _d !== void 0 ? _d : [];
     }
     validate(field) {
         return __awaiter(this, void 0, void 0, function* () {
+            const syncErrors = this.syncService.getSyncValidationErrors(field);
+            if (syncErrors) {
+                return Promise.resolve(syncErrors);
+            }
             return this.syncService.validate(field);
         });
     }
@@ -2848,8 +2949,17 @@ class PaymentService {
     getFinanceDetails() {
         return this.financeDetails;
     }
-    getStatus(params) {
+    getStatus() {
+        var _a, _b, _c, _d;
         return __awaiter(this, void 0, void 0, function* () {
+            if (!isSubmitResponse(this.data)) {
+                throw new Error('Should submit form first');
+            }
+            const params = {
+                invoice: parseInt((_a = this.data.fixInvoice) !== null && _a !== void 0 ? _a : ''),
+                signature: (_b = this.data.signature) !== null && _b !== void 0 ? _b : '',
+                locale: (_d = (_c = this.data.fields.find((field) => field.name === 'locale')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 'en',
+            };
             return this.statusService.getStatus(Object.assign(Object.assign({}, params), { pid: this.config.paymentMethodId }));
         });
     }
@@ -3033,7 +3143,7 @@ class CoreLibraryService {
             validate: (field) => __awaiter(this, void 0, void 0, function* () { return this.paymentService.validate(field); }),
             getFinanceDetails: () => this.paymentService.getFinanceDetails(),
             runThreeDs: () => this.paymentService.runThreeDs(),
-            getStatus: (params) => __awaiter(this, void 0, void 0, function* () { return this.paymentService.getStatus(params); }),
+            getStatus: () => __awaiter(this, void 0, void 0, function* () { return this.paymentService.getStatus(); }),
             flowUpdates$: this.nextActionService.flowUpdates$,
             financeDetailsUpdates$: this.financeDetailsService.data$,
             form: {
@@ -3045,6 +3155,10 @@ class CoreLibraryService {
     getLegalComponentConfig() {
         return this.legalService.getLegalComponentConfig();
     }
+    getFieldMask(field) {
+        const sanitizedName = field.name.replace(/^fix_/i, '');
+        return masksFunctionsMap[sanitizedName];
+    }
 }
 CoreLibraryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryService, deps: [{ token: SettingsService }, { token: CountryService }, { token: PaymentMethodsService }, { token: SavedMethodsService }, { token: UserBalanceService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: NextActionService }], target: i0.ɵɵFactoryTarget.Injectable });
 CoreLibraryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryService, providedIn: 'root' });