@xsolla/payment-client-core 0.1.15 → 0.1.17-test

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

@@ -6,7 +6,7 @@ import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import JSEncrypt from 'jsencrypt';
 import { UntypedFormGroup, Validators, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
-import { filter, map as map$1, catchError } from 'rxjs/operators';
+import { filter, map as map$1, tap, catchError } from 'rxjs/operators';
 import * as i1$1 from '@angular/router';
 import { CommonModule } from '@angular/common';
 
@@ -244,9 +244,9 @@ class PaymentMethodsService {
         this.apiRoute = 'remained_payment_methods';
         this.cache = new Map();
     }
-    getList() {
+    getList(isSaveMethodMode) {
         return __awaiter(this, void 0, void 0, function* () {
-            const response = yield this.request();
+            const response = yield this.request(isSaveMethodMode);
             return response.remained;
         });
     }
@@ -256,11 +256,14 @@ class PaymentMethodsService {
             return response.especial;
         });
     }
-    request() {
+    request(isSaveMethodMode) {
         return __awaiter(this, void 0, void 0, function* () {
             const requestParams = {
                 access_token: this.settingsService.token,
                 country: this.countryService.getCountry(),
+                save_payment_account_only: isSaveMethodMode
+                    ? "1" /* XpsBoolean.true */
+                    : "0" /* XpsBoolean.false */,
             };
             const cacheKey = JSON.stringify(requestParams);
             if (!this.cache.has(cacheKey)) {
@@ -330,8 +333,11 @@ class SavedMethodsService {
         this.apiRoute = 'savedmethods';
         this.cache = new Map();
     }
-    getList() {
+    getList(needResetCache = false) {
         return __awaiter(this, void 0, void 0, function* () {
+            if (needResetCache) {
+                this.cache.clear();
+            }
             const response = yield this.request();
             return response.list;
         });
@@ -478,12 +484,16 @@ class PaymentConfigService {
         if (!config.returnUrl) {
             throw new Error('URL is not provided in payment config');
         }
-        return Object.assign(Object.assign({}, config), { returnUrl: this.enrichReturnUrl(config.returnUrl) });
+        return Object.assign(Object.assign({}, config), { returnUrl: this.enrichReturnUrl(config.returnUrl, !!config.savePaymentMethod) });
     }
-    enrichReturnUrl(returnUrl) {
-        return this.urlService.addSearchParams(returnUrl, {
+    enrichReturnUrl(returnUrl, savePaymentMethod) {
+        const enrichedUrl = this.urlService.addSearchParams(returnUrl, {
             token: this.settingsService.token,
+            isSavePaymentAccount: savePaymentMethod
+                ? "1" /* XpsBoolean.true */
+                : "0" /* XpsBoolean.false */,
         });
+        return enrichedUrl;
     }
 }
 PaymentConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentConfigService, deps: [{ token: UrlService }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -805,15 +815,146 @@ const checkStatusActionFactoryProvider = {
     },
 };
 
+class TerminalError extends AppError {
+    constructor(message, code) {
+        super(message);
+        this.code = code;
+    }
+}
+
+var StatusGroups;
+(function (StatusGroups) {
+    StatusGroups["troubled"] = "troubled";
+    StatusGroups["done"] = "done";
+    StatusGroups["invoice"] = "invoice";
+})(StatusGroups || (StatusGroups = {}));
+
+var StatusEnum;
+(function (StatusEnum) {
+    StatusEnum["created"] = "created";
+    StatusEnum["awaiting"] = "awaiting";
+    StatusEnum["processing"] = "processing";
+    StatusEnum["authorized"] = "authorized";
+    StatusEnum["held"] = "held";
+    StatusEnum["done"] = "done";
+    StatusEnum["error"] = "error";
+    StatusEnum["canceled"] = "canceled";
+})(StatusEnum || (StatusEnum = {}));
+
+class StatusResponse {
+    constructor(parameters) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if ((_a = parameters.errors) === null || _a === void 0 ? void 0 : _a[0]) {
+            this.error = {
+                code: parameters.errors[0].code.toString(),
+                message: parameters.errors[0].message,
+            };
+        }
+        if (!parameters.status) {
+            throw new TerminalError((_c = (_b = this.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : '', (_e = (_d = this.error) === null || _d === void 0 ? void 0 : _d.code.toString()) !== null && _e !== void 0 ? _e : '');
+        }
+        this.status = {
+            statusState: parameters.status.statusData.stateText,
+            email: parameters.status.statusData.email,
+            webSocketUrl: parameters.status.statusData.webSocketChannelUrl,
+            webSocketChannelName: parameters.status.statusData.webSocketChannelName,
+            webSocketClientType: parameters.status.statusData.webSocketClientType,
+            financeInfo: parameters.status.text.info,
+            discount: parameters.status.text.info.discount
+                ? Math.abs(Number.parseFloat((_g = (_f = parameters.status.text.info.discount) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : ''))
+                : null,
+            isCancelUser: parameters.status.isCancelUser,
+            postMessageStatus: parameters.status.isCancelUser
+                ? StatusGroups.troubled
+                : parameters.status.group,
+            virtualCurrencyAmount: parameters.status.statusData.out,
+            backUrlSettings: {
+                backUrl: parameters.status.text.backurl,
+                backUrlAction: parameters.status.text.backurl_action,
+                backUrlCaption: parameters.status.text.backurl_caption,
+                returnRegion: parameters.status.return_region,
+            },
+            additionalBackButton: this.getAdditionalBackButton(parameters.status),
+            group: parameters.status.group,
+            needToCheck: parameters.status.needToCheck,
+            autoRedirect: parameters.status.autoredirect,
+            statusMessage: parameters.status.text.state,
+            userId: parameters.status.statusData.v1,
+            invoice: parameters.status.statusData.invoice,
+            pid: parameters.status.statusData.pid,
+            projectAmount: this.getProjectAmount(parameters.status),
+            titleClass: parameters.status.title_class,
+            paymentCountryIso: parameters.status.statusData.payment_country_iso,
+            order: parameters.status.text.order,
+        };
+        if (parameters.form) {
+            this.status.userReturnStatus = this.getUserReturnStatus(parameters.form);
+        }
+        if (this.status.statusState === StatusEnum.done ||
+            this.status.statusState === StatusEnum.authorized) {
+            this.status.isSuccess = true;
+        }
+        if (this.status.statusState === StatusEnum.canceled ||
+            this.status.isCancelUser) {
+            this.status.isCanceled = true;
+        }
+    }
+    getUserReturnStatus(form) {
+        var _a;
+        const value = (_a = form['fix_userReturnStatus']) === null || _a === void 0 ? void 0 : _a.value;
+        if (value === 'undefined')
+            return undefined;
+        return value;
+    }
+    getProjectAmount(status) {
+        if (!status.statusData.projectAmount) {
+            return;
+        }
+        const [amount, currency] = status.statusData.projectAmount.split(' ');
+        return {
+            amount,
+            currency,
+        };
+    }
+    getAdditionalBackButton(status) {
+        var _a, _b, _c, _d;
+        if (!status.text.is_additional_back_url_enabled) {
+            return {
+                link: '',
+                action: '',
+                label: '',
+                region: '',
+                isEnabled: false,
+            };
+        }
+        return {
+            link: (_a = status.text.additional_back_url_link) !== null && _a !== void 0 ? _a : '',
+            action: (_b = status.text.additional_back_url_action) !== null && _b !== void 0 ? _b : '',
+            label: (_c = status.text.additional_back_url_label) !== null && _c !== void 0 ? _c : '',
+            region: (_d = status.additional_button_return_region) !== null && _d !== void 0 ? _d : '',
+            isEnabled: status.text.is_additional_back_url_enabled,
+        };
+    }
+}
+
 class StatusUpdatedAction {
-    constructor(statusResponse) {
+    constructor(statusResponse, isSavePaymentMethodMode = false, savePaymentMethodStatus) {
         this.type = 'status_updated';
+        let status;
+        if (statusResponse instanceof StatusResponse) {
+            status = statusResponse.status;
+        }
+        else {
+            status = statusResponse;
+        }
         this.data = {
-            statusState: statusResponse.status.statusState,
-            invoice: statusResponse.status.invoice,
-            isSuccess: statusResponse.status.isSuccess,
-            isCanceled: statusResponse.status.isCanceled,
-            group: statusResponse.status.group,
+            statusState: status.statusState,
+            invoice: status.invoice,
+            isSuccess: status.isSuccess,
+            isCanceled: status.isCanceled,
+            group: status.group,
+            isSavePaymentMethodMode,
+            savePaymentMethodStatus,
         };
     }
 }
@@ -1458,6 +1599,9 @@ class InitializeService {
                     ? "1" /* XpsBoolean.true */
                     : "0" /* XpsBoolean.false */,
                 saved_method_id: config.savedMethodId,
+                save_payment_account_only: config.savePaymentMethod
+                    ? "1" /* XpsBoolean.true */
+                    : "0" /* XpsBoolean.false */,
             };
             return this.xpsApiService
                 .directPaymentRequest(requestParams)
@@ -2879,6 +3023,7 @@ var StatusSearchParam;
     StatusSearchParam["testPs"] = "fix_testPs";
     StatusSearchParam["testXsolla"] = "fix_testXsolla";
     StatusSearchParam["userReturnStatus"] = "fix_userReturnStatus";
+    StatusSearchParam["isSavePaymentAccount"] = "isSavePaymentAccount";
 })(StatusSearchParam || (StatusSearchParam = {}));
 
 const requiredStatusSearchParams = [
@@ -2958,15 +3103,15 @@ const statusSearchParamsMap = new Map([
             converter: numberConverter,
         },
     ],
+    [
+        StatusSearchParam.isSavePaymentAccount,
+        {
+            key: 'isSavePaymentAccount',
+            converter: stringConverter,
+        },
+    ],
 ]);
 
-class TerminalError extends AppError {
-    constructor(message, code) {
-        super(message);
-        this.code = code;
-    }
-}
-
 class XpsApiPart {
     constructor() {
         this.response = new BehaviorSubject(null);
@@ -3010,121 +3155,6 @@ const statusRequestFactoryProvider = {
     useValue: (...args) => new StatusRequest(...args),
 };
 
-var StatusGroups;
-(function (StatusGroups) {
-    StatusGroups["troubled"] = "troubled";
-    StatusGroups["done"] = "done";
-    StatusGroups["invoice"] = "invoice";
-})(StatusGroups || (StatusGroups = {}));
-
-var StatusEnum;
-(function (StatusEnum) {
-    StatusEnum["created"] = "created";
-    StatusEnum["awaiting"] = "awaiting";
-    StatusEnum["processing"] = "processing";
-    StatusEnum["authorized"] = "authorized";
-    StatusEnum["held"] = "held";
-    StatusEnum["done"] = "done";
-    StatusEnum["error"] = "error";
-    StatusEnum["canceled"] = "canceled";
-})(StatusEnum || (StatusEnum = {}));
-
-class StatusResponse {
-    constructor(parameters) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if ((_a = parameters.errors) === null || _a === void 0 ? void 0 : _a[0]) {
-            this.error = {
-                code: parameters.errors[0].code.toString(),
-                message: parameters.errors[0].message,
-            };
-        }
-        if (!parameters.status) {
-            throw new TerminalError((_c = (_b = this.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : '', (_e = (_d = this.error) === null || _d === void 0 ? void 0 : _d.code.toString()) !== null && _e !== void 0 ? _e : '');
-        }
-        this.status = {
-            statusState: parameters.status.statusData.stateText,
-            email: parameters.status.statusData.email,
-            webSocketUrl: parameters.status.statusData.webSocketChannelUrl,
-            webSocketChannelName: parameters.status.statusData.webSocketChannelName,
-            webSocketClientType: parameters.status.statusData.webSocketClientType,
-            financeInfo: parameters.status.text.info,
-            discount: parameters.status.text.info.discount
-                ? Math.abs(Number.parseFloat((_g = (_f = parameters.status.text.info.discount) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : ''))
-                : null,
-            isCancelUser: parameters.status.isCancelUser,
-            postMessageStatus: parameters.status.isCancelUser
-                ? StatusGroups.troubled
-                : parameters.status.group,
-            virtualCurrencyAmount: parameters.status.statusData.out,
-            backUrlSettings: {
-                backUrl: parameters.status.text.backurl,
-                backUrlAction: parameters.status.text.backurl_action,
-                backUrlCaption: parameters.status.text.backurl_caption,
-                returnRegion: parameters.status.return_region,
-            },
-            additionalBackButton: this.getAdditionalBackButton(parameters.status),
-            group: parameters.status.group,
-            needToCheck: parameters.status.needToCheck,
-            autoRedirect: parameters.status.autoredirect,
-            statusMessage: parameters.status.text.state,
-            userId: parameters.status.statusData.v1,
-            invoice: parameters.status.statusData.invoice,
-            pid: parameters.status.statusData.pid,
-            projectAmount: this.getProjectAmount(parameters.status),
-            titleClass: parameters.status.title_class,
-            paymentCountryIso: parameters.status.statusData.payment_country_iso,
-            order: parameters.status.text.order,
-        };
-        if (parameters.form) {
-            this.status.userReturnStatus = this.getUserReturnStatus(parameters.form);
-        }
-        if (this.status.statusState === StatusEnum.done ||
-            this.status.statusState === StatusEnum.authorized) {
-            this.status.isSuccess = true;
-        }
-        if (this.status.statusState === StatusEnum.canceled ||
-            this.status.isCancelUser) {
-            this.status.isCanceled = true;
-        }
-    }
-    getUserReturnStatus(form) {
-        var _a;
-        const value = (_a = form['fix_userReturnStatus']) === null || _a === void 0 ? void 0 : _a.value;
-        if (value === 'undefined')
-            return undefined;
-        return value;
-    }
-    getProjectAmount(status) {
-        if (!status.statusData.projectAmount) {
-            return;
-        }
-        const [amount, currency] = status.statusData.projectAmount.split(' ');
-        return {
-            amount,
-            currency,
-        };
-    }
-    getAdditionalBackButton(status) {
-        var _a, _b, _c, _d;
-        if (!status.text.is_additional_back_url_enabled) {
-            return {
-                link: '',
-                action: '',
-                label: '',
-                region: '',
-                isEnabled: false,
-            };
-        }
-        return {
-            link: (_a = status.text.additional_back_url_link) !== null && _a !== void 0 ? _a : '',
-            action: (_b = status.text.additional_back_url_action) !== null && _b !== void 0 ? _b : '',
-            label: (_c = status.text.additional_back_url_label) !== null && _c !== void 0 ? _c : '',
-            region: (_d = status.additional_button_return_region) !== null && _d !== void 0 ? _d : '',
-            isEnabled: status.text.is_additional_back_url_enabled,
-        };
-    }
-}
-
 const statusResponseFactoryToken = new InjectionToken('StatusResponse');
 const statusResponseFactoryProvider = {
     provide: statusResponseFactoryToken,
@@ -4654,16 +4684,184 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: StatusRequestService }, { type: CheckStatusService }, { type: WebsocketStatusService }]; } });
 
+var TitleClass;
+(function (TitleClass) {
+    TitleClass["done"] = "done";
+    TitleClass["cancel"] = "cancel";
+    TitleClass["cancelUser"] = "canceluser";
+})(TitleClass || (TitleClass = {}));
+
+var SavePaymentMethodStatus;
+(function (SavePaymentMethodStatus) {
+    SavePaymentMethodStatus["success"] = "success";
+    SavePaymentMethodStatus["failed"] = "failed";
+})(SavePaymentMethodStatus || (SavePaymentMethodStatus = {}));
+
+class XpsResponseError extends AppError {
+    constructor(message) {
+        super('XPS response failed' + (message ? `: "${message}".` : '.'));
+    }
+}
+
+class SavedPaymentAccountChangesService {
+    constructor(settingsService, secureApi) {
+        this.settingsService = settingsService;
+        this.secureApi = secureApi;
+        this.apiRoute = 'savedmethods/newaccountinfo';
+        this.response = new Subject();
+    }
+    get response$() {
+        return this.response.asObservable();
+    }
+    request(invoice) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const requestParameters = {
+                access_token: this.settingsService.token,
+                invoice_id: invoice,
+            };
+            return lastValueFrom(this.secureApi
+                .post(this.apiRoute, new URLSearchParams(requestParameters), {
+                headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
+                responseType: 'json',
+            })
+                .pipe(tap((value) => {
+                this.response.next(value);
+            }))).catch((error) => {
+                throw new XpsResponseError(error.message);
+            });
+        });
+    }
+}
+SavedPaymentAccountChangesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavedPaymentAccountChangesService, deps: [{ token: SettingsService }, { token: SecureApiClient }], target: i0.ɵɵFactoryTarget.Injectable });
+SavedPaymentAccountChangesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavedPaymentAccountChangesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavedPaymentAccountChangesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: SettingsService }, { type: SecureApiClient }]; } });
+
+class SavePaymentMethodStatusService {
+    constructor(statusRequestService, listenStatusService, savedPaymentAccountChangesService, nextActionService, checkStatusService) {
+        this.statusRequestService = statusRequestService;
+        this.listenStatusService = listenStatusService;
+        this.savedPaymentAccountChangesService = savedPaymentAccountChangesService;
+        this.nextActionService = nextActionService;
+        this.checkStatusService = checkStatusService;
+        this.statusChecked = false;
+    }
+    getStatus(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.accountData || !this.status) {
+                this.statusRequestService.setRequestParams(params);
+                this.statusRequestService.request();
+                const statusResponse = yield firstValueFrom(this.statusRequestService.response$);
+                this.status = statusResponse.status;
+                this.status.isSavePaymentAccount = true;
+                this.accountData = yield this.getPaymentAccountData(params.invoice);
+            }
+            if (this.savingFailedOrCancel(this.status) ||
+                (this.accountData && this.savingSuccessful(this.accountData, this.status))) {
+                return this.status;
+            }
+            if (!this.statusChecked) {
+                this.checkStatus(params);
+                this.status.statusState = StatusEnum.processing;
+                return this.status;
+            }
+            this.statusChecked = false;
+            this.status.statusState = StatusEnum.error;
+            const outStatus = Object.assign({}, this.status);
+            this.status = null;
+            return outStatus;
+        });
+    }
+    checkStatus(params) {
+        if (!this.statusChecked) {
+            this.statusChecked = true;
+        }
+        this.startWaitingStatusUpdates(params.invoice);
+        this.statusRequestService.request();
+    }
+    savingFailedOrCancel(status) {
+        return ((status === null || status === void 0 ? void 0 : status.titleClass) === TitleClass.cancel ||
+            (status === null || status === void 0 ? void 0 : status.titleClass) === TitleClass.cancelUser);
+    }
+    savingSuccessful(accountData, status, checkStatus) {
+        return !!((status === null || status === void 0 ? void 0 : status.titleClass) === TitleClass.done &&
+            ((accountData === null || accountData === void 0 ? void 0 : accountData.new_account) || (checkStatus === null || checkStatus === void 0 ? void 0 : checkStatus.isPaymentAccountAttached)));
+    }
+    // eslint-disable-next-line @typescript-eslint/promise-function-async
+    getPaymentAccountData(invoice) {
+        return this.savedPaymentAccountChangesService.request(invoice);
+    }
+    startWaitingStatusUpdates(invoice) {
+        if (this.listenStatusSubscription) {
+            this.listenStatusSubscription.unsubscribe();
+            this.listenStatusService.stopListening();
+        }
+        this.listenStatusService.listen(invoice);
+        this.listenStatusSubscription =
+            this.listenStatusService.statusUpdated$.subscribe(({ statusResponse }) => {
+                if (!(statusResponse === null || statusResponse === void 0 ? void 0 : statusResponse.status)) {
+                    return;
+                }
+                this.status = statusResponse.status;
+                void firstValueFrom(this.checkStatusService.response$).then((checkStatusResponse) => {
+                    if ((checkStatusResponse === null || checkStatusResponse === void 0 ? void 0 : checkStatusResponse.final) && statusResponse.status) {
+                        this.loadNewPaymentAccountData(statusResponse.status, checkStatusResponse);
+                    }
+                });
+            });
+    }
+    loadNewPaymentAccountData(status, checkStatus) {
+        if (!status.invoice) {
+            return;
+        }
+        void this.getPaymentAccountData(status.invoice).then((accountChanges) => {
+            if (accountChanges) {
+                this.accountData = accountChanges;
+                this.handleSavingStatus(status, accountChanges, checkStatus);
+            }
+        });
+    }
+    handleSavingStatus(status, account, checkStatus) {
+        if (this.savingSuccessful(account, status, checkStatus)) {
+            this.savePaymentMethodStatus = SavePaymentMethodStatus.success;
+        }
+        else {
+            this.savePaymentMethodStatus = SavePaymentMethodStatus.failed;
+        }
+        this.listenStatusService.stopListening();
+        this.listenStatusSubscription.unsubscribe();
+        const isSavePaymentMethod = true;
+        this.nextActionService.emitFlowUpdates(new StatusUpdatedAction(status, isSavePaymentMethod, this.savePaymentMethodStatus));
+    }
+}
+SavePaymentMethodStatusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavePaymentMethodStatusService, deps: [{ token: StatusRequestService }, { token: ListenStatusService }, { token: SavedPaymentAccountChangesService }, { token: NextActionService }, { token: CheckStatusService }], target: i0.ɵɵFactoryTarget.Injectable });
+SavePaymentMethodStatusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavePaymentMethodStatusService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SavePaymentMethodStatusService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: StatusRequestService }, { type: ListenStatusService }, { type: SavedPaymentAccountChangesService }, { type: NextActionService }, { type: CheckStatusService }]; } });
+
 class StatusService {
-    constructor(urlService, statusRequestService, financeDetailsService, listenStatusService, nextActionService) {
+    constructor(urlService, statusRequestService, financeDetailsService, listenStatusService, nextActionService, savePaymentMethodStatusService) {
         this.urlService = urlService;
         this.statusRequestService = statusRequestService;
         this.financeDetailsService = financeDetailsService;
         this.listenStatusService = listenStatusService;
         this.nextActionService = nextActionService;
+        this.savePaymentMethodStatusService = savePaymentMethodStatusService;
     }
     getStatus(params) {
         return __awaiter(this, void 0, void 0, function* () {
+            const isSavePaymentMethodMode = !!(params === null || params === void 0 ? void 0 : params.isSavePaymentAccount);
+            if (isSavePaymentMethodMode) {
+                return this.savePaymentMethodStatusService.getStatus(params);
+            }
             this.statusRequestService.setRequestParams(params);
             this.startWaitingStatusUpdates(params.invoice);
             this.statusRequestService.request();
@@ -4703,14 +4901,14 @@ class StatusService {
         });
     }
 }
-StatusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusService, deps: [{ token: UrlService }, { token: StatusRequestService }, { token: FinanceDetailsService }, { token: ListenStatusService }, { token: NextActionService }], target: i0.ɵɵFactoryTarget.Injectable });
+StatusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusService, deps: [{ token: UrlService }, { token: StatusRequestService }, { token: FinanceDetailsService }, { token: ListenStatusService }, { token: NextActionService }, { token: SavePaymentMethodStatusService }], target: i0.ɵɵFactoryTarget.Injectable });
 StatusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: StatusService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: UrlService }, { type: StatusRequestService }, { type: FinanceDetailsService }, { type: ListenStatusService }, { type: NextActionService }]; } });
+        }], ctorParameters: function () { return [{ type: UrlService }, { type: StatusRequestService }, { type: FinanceDetailsService }, { type: ListenStatusService }, { type: NextActionService }, { type: SavePaymentMethodStatusService }]; } });
 
 class CreditCardStateService extends EmitDataService {
 }
@@ -4735,12 +4933,6 @@ var ThreeDsStatusTypes;
     ThreeDsStatusTypes["collectDfp"] = "collect_dfp";
 })(ThreeDsStatusTypes || (ThreeDsStatusTypes = {}));
 
-class XpsResponseError extends AppError {
-    constructor(message) {
-        super('XPS response failed' + (message ? `: "${message}".` : '.'));
-    }
-}
-
 class StatusThreeDsRequest {
     constructor(token, threeDsId) {
         this.access_token = token;
@@ -5203,6 +5395,7 @@ class PaymentService {
         this.destroy$ = new Subject();
         this.formDestroy$ = new Subject();
         this.formFieldsStatusSubject = new BehaviorSubject(null);
+        this.isSavingMethodMode = false;
     }
     initialize(config) {
         var _a, _b;
@@ -5232,9 +5425,12 @@ class PaymentService {
                 this.emitFormFieldsStatus(this.form);
                 return;
             }
+            this.isSavingMethodMode = this.fields.some(({ name, value }) => name === 'savePsAccountOnly' && value === "1" /* XpsBoolean.true */);
             const submitResponse = yield this.submitService.request(this.fields, this.form);
             this.data = submitResponse;
-            this.emitFinanceDetails(submitResponse.summary);
+            if (!this.isSavingMethodMode) {
+                this.emitFinanceDetails(submitResponse.summary);
+            }
             this.emitFormMessages(submitResponse.messages);
             // Handle 3ds flow
             if (submitResponse.currentCommand === XpsCommand.create) {
@@ -5288,6 +5484,9 @@ class PaymentService {
                 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',
+                isSavePaymentAccount: this.isSavingMethodMode
+                    ? "1" /* XpsBoolean.true */
+                    : "0" /* XpsBoolean.false */,
             };
             return this.statusService.getStatus(params);
         });
@@ -5494,8 +5693,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: SettingsService }, { type: RefundPolicyService }, { type: SecureConnectionService }, { type: DisclaimerService }]; } });
 
+class EditSavedMethodsService {
+    constructor(savedMethodsService, settingsService, secureApi) {
+        this.savedMethodsService = savedMethodsService;
+        this.settingsService = settingsService;
+        this.secureApi = secureApi;
+        this.deleteRoute = 'savedmethods/delete';
+    }
+    deleteSavedMethodRequest(id, type) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const token = this.settingsService.token;
+            const parameters = {
+                access_token: token,
+                id,
+                type,
+            };
+            return lastValueFrom(this.secureApi.post(this.deleteRoute, new URLSearchParams(parameters), {
+                headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
+                responseType: 'json',
+            }))
+                .then(() => __awaiter(this, void 0, void 0, function* () {
+                yield this.savedMethodsService.getList(true);
+                return true;
+            }))
+                .catch(() => {
+                return false;
+            });
+        });
+    }
+}
+EditSavedMethodsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: EditSavedMethodsService, deps: [{ token: SavedMethodsService }, { token: SettingsService }, { token: SecureApiClient }], target: i0.ɵɵFactoryTarget.Injectable });
+EditSavedMethodsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: EditSavedMethodsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: EditSavedMethodsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: SavedMethodsService }, { type: SettingsService }, { type: SecureApiClient }]; } });
+
 class CoreLibraryService {
-    constructor(settingsService, countryService, paymentMethodsService, savedMethodsService, userBalanceService, paymentConfigService, paymentService, deviceFingerPrintService, financeDetailsService, legalService, statusService, nextActionService, creditCardService, creditCardStateService, formMessagesService) {
+    constructor(settingsService, countryService, paymentMethodsService, savedMethodsService, userBalanceService, paymentConfigService, paymentService, deviceFingerPrintService, financeDetailsService, legalService, statusService, nextActionService, creditCardService, creditCardStateService, formMessagesService, editSavedMethodsService) {
         this.settingsService = settingsService;
         this.countryService = countryService;
         this.paymentMethodsService = paymentMethodsService;
@@ -5511,11 +5748,13 @@ class CoreLibraryService {
         this.creditCardService = creditCardService;
         this.creditCardStateService = creditCardStateService;
         this.formMessagesService = formMessagesService;
+        this.editSavedMethodsService = editSavedMethodsService;
         this.paymentMethods = {
-            getList: () => __awaiter(this, void 0, void 0, function* () { return this.paymentMethodsService.getList(); }),
+            getList: (isSaveMethodMode) => __awaiter(this, void 0, void 0, function* () { return this.paymentMethodsService.getList(isSaveMethodMode); }),
             getQuickMethods: () => __awaiter(this, void 0, void 0, function* () { return this.paymentMethodsService.getQuickMethods(); }),
             getSavedMethods: () => __awaiter(this, void 0, void 0, function* () { return this.savedMethodsService.getList(); }),
             getUserBalance: () => __awaiter(this, void 0, void 0, function* () { return this.userBalanceService.getUserBalance(); }),
+            deleteSavedMethod: (id, type) => __awaiter(this, void 0, void 0, function* () { return this.editSavedMethodsService.deleteSavedMethodRequest(id, type); }),
         };
     }
     init(configuration) {
@@ -5583,14 +5822,14 @@ class CoreLibraryService {
         return this.userBalanceService.getUserBalanceValue();
     }
 }
-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: PaymentConfigService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: StatusService }, { token: NextActionService }, { token: CreditCardService }, { token: CreditCardStateService }, { token: FormMessagesService }], target: i0.ɵɵFactoryTarget.Injectable });
+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: PaymentConfigService }, { token: PaymentService }, { token: DeviceFingerPrintService }, { token: FinanceDetailsService }, { token: LegalService }, { token: StatusService }, { token: NextActionService }, { token: CreditCardService }, { token: CreditCardStateService }, { token: FormMessagesService }, { token: EditSavedMethodsService }], target: i0.ɵɵFactoryTarget.Injectable });
 CoreLibraryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: function () { return [{ type: SettingsService }, { type: CountryService }, { type: PaymentMethodsService }, { type: SavedMethodsService }, { type: UserBalanceService }, { type: PaymentConfigService }, { type: PaymentService }, { type: DeviceFingerPrintService }, { type: FinanceDetailsService }, { type: LegalService }, { type: StatusService }, { type: NextActionService }, { type: CreditCardService }, { type: CreditCardStateService }, { type: FormMessagesService }]; } });
+        }], ctorParameters: function () { return [{ type: SettingsService }, { type: CountryService }, { type: PaymentMethodsService }, { type: SavedMethodsService }, { type: UserBalanceService }, { type: PaymentConfigService }, { type: PaymentService }, { type: DeviceFingerPrintService }, { type: FinanceDetailsService }, { type: LegalService }, { type: StatusService }, { type: NextActionService }, { type: CreditCardService }, { type: CreditCardStateService }, { type: FormMessagesService }, { type: EditSavedMethodsService }]; } });
 
 class HttpError extends AppError {
     constructor(error, req) {