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

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

@@ -5,7 +5,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';
 
@@ -238,18 +238,21 @@ class PaymentMethodsService {
         this.apiRoute = 'remained_payment_methods';
         this.cache = new Map();
     }
-    async getList() {
-        const response = await this.request();
+    async getList(isSaveMethodMode) {
+        const response = await this.request(isSaveMethodMode);
         return response.remained;
     }
     async getQuickMethods() {
         const response = await this.request();
         return response.especial;
     }
-    async request() {
+    async request(isSaveMethodMode) {
         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)) {
@@ -316,7 +319,10 @@ class SavedMethodsService {
         this.apiRoute = 'savedmethods';
         this.cache = new Map();
     }
-    async getList() {
+    async getList(needResetCache = false) {
+        if (needResetCache) {
+            this.cache.clear();
+        }
         const response = await this.request();
         return response.list;
     }
@@ -453,13 +459,17 @@ class PaymentConfigService {
         }
         return {
             ...config,
-            returnUrl: this.enrichReturnUrl(config.returnUrl),
+            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 });
@@ -781,15 +791,143 @@ 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) {
+        if (parameters.errors?.[0]) {
+            this.error = {
+                code: parameters.errors[0].code.toString(),
+                message: parameters.errors[0].message,
+            };
+        }
+        if (!parameters.status) {
+            throw new TerminalError(this.error?.message ?? '', this.error?.code.toString() ?? '');
+        }
+        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(parameters.status.text.info.discount?.value ?? ''))
+                : 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) {
+        const value = form['fix_userReturnStatus']?.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) {
+        if (!status.text.is_additional_back_url_enabled) {
+            return {
+                link: '',
+                action: '',
+                label: '',
+                region: '',
+                isEnabled: false,
+            };
+        }
+        return {
+            link: status.text.additional_back_url_link ?? '',
+            action: status.text.additional_back_url_action ?? '',
+            label: status.text.additional_back_url_label ?? '',
+            region: status.additional_button_return_region ?? '',
+            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,
         };
     }
 }
@@ -1435,6 +1573,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)
@@ -2824,6 +2965,7 @@ var StatusSearchParam;
     StatusSearchParam["testPs"] = "fix_testPs";
     StatusSearchParam["testXsolla"] = "fix_testXsolla";
     StatusSearchParam["userReturnStatus"] = "fix_userReturnStatus";
+    StatusSearchParam["isSavePaymentAccount"] = "isSavePaymentAccount";
 })(StatusSearchParam || (StatusSearchParam = {}));
 
 const requiredStatusSearchParams = [
@@ -2903,15 +3045,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);
@@ -2955,118 +3097,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) {
-        if (parameters.errors?.[0]) {
-            this.error = {
-                code: parameters.errors[0].code.toString(),
-                message: parameters.errors[0].message,
-            };
-        }
-        if (!parameters.status) {
-            throw new TerminalError(this.error?.message ?? '', this.error?.code.toString() ?? '');
-        }
-        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(parameters.status.text.info.discount?.value ?? ''))
-                : 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) {
-        const value = form['fix_userReturnStatus']?.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) {
-        if (!status.text.is_additional_back_url_enabled) {
-            return {
-                link: '',
-                action: '',
-                label: '',
-                region: '',
-                isEnabled: false,
-            };
-        }
-        return {
-            link: status.text.additional_back_url_link ?? '',
-            action: status.text.additional_back_url_action ?? '',
-            label: status.text.additional_back_url_label ?? '',
-            region: status.additional_button_return_region ?? '',
-            isEnabled: status.text.is_additional_back_url_enabled,
-        };
-    }
-}
-
 const statusResponseFactoryToken = new InjectionToken('StatusResponse');
 const statusResponseFactoryProvider = {
     provide: statusResponseFactoryToken,
@@ -4543,15 +4573,179 @@ 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();
+    }
+    async request(invoice) {
+        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;
+    }
+    async getStatus(params) {
+        if (!this.accountData || !this.status) {
+            this.statusRequestService.setRequestParams(params);
+            this.statusRequestService.request();
+            const statusResponse = await firstValueFrom(this.statusRequestService.response$);
+            this.status = statusResponse.status;
+            this.status.isSavePaymentAccount = true;
+            this.accountData = await 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 = { ...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?.titleClass === TitleClass.cancel ||
+            status?.titleClass === TitleClass.cancelUser);
+    }
+    savingSuccessful(accountData, status, checkStatus) {
+        return !!(status?.titleClass === TitleClass.done &&
+            (accountData?.new_account || 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?.status) {
+                    return;
+                }
+                this.status = statusResponse.status;
+                void firstValueFrom(this.checkStatusService.response$).then((checkStatusResponse) => {
+                    if (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;
     }
     async getStatus(params) {
+        const isSavePaymentMethodMode = !!params?.isSavePaymentAccount;
+        if (isSavePaymentMethodMode) {
+            return this.savePaymentMethodStatusService.getStatus(params);
+        }
         this.statusRequestService.setRequestParams(params);
         this.startWaitingStatusUpdates(params.invoice);
         this.statusRequestService.request();
@@ -4588,14 +4782,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 {
 }
@@ -4620,12 +4814,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;
@@ -5073,6 +5261,7 @@ class PaymentService {
         this.destroy$ = new Subject();
         this.formDestroy$ = new Subject();
         this.formFieldsStatusSubject = new BehaviorSubject(null);
+        this.isSavingMethodMode = false;
     }
     async initialize(config) {
         this.destroy$ = new Subject();
@@ -5098,9 +5287,12 @@ class PaymentService {
             this.emitFormFieldsStatus(this.form);
             return;
         }
+        this.isSavingMethodMode = this.fields.some(({ name, value }) => name === 'savePsAccountOnly' && value === "1" /* XpsBoolean.true */);
         const submitResponse = await 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) {
@@ -5149,6 +5341,9 @@ class PaymentService {
             signature: this.data.signature ?? '',
             locale: this.data.fields.find((field) => field.name === 'locale')?.value ??
                 'en',
+            isSavePaymentAccount: this.isSavingMethodMode
+                ? "1" /* XpsBoolean.true */
+                : "0" /* XpsBoolean.false */,
         };
         return this.statusService.getStatus(params);
     }
@@ -5349,8 +5544,44 @@ 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';
+    }
+    async deleteSavedMethodRequest(id, type) {
+        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(async () => {
+            await 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;
@@ -5366,11 +5597,13 @@ class CoreLibraryService {
         this.creditCardService = creditCardService;
         this.creditCardStateService = creditCardStateService;
         this.formMessagesService = formMessagesService;
+        this.editSavedMethodsService = editSavedMethodsService;
         this.paymentMethods = {
-            getList: async () => this.paymentMethodsService.getList(),
+            getList: async (isSaveMethodMode) => this.paymentMethodsService.getList(isSaveMethodMode),
             getQuickMethods: async () => this.paymentMethodsService.getQuickMethods(),
             getSavedMethods: async () => this.savedMethodsService.getList(),
             getUserBalance: async () => this.userBalanceService.getUserBalance(),
+            deleteSavedMethod: async (id, type) => this.editSavedMethodsService.deleteSavedMethodRequest(id, type),
         };
     }
     async init(configuration) {
@@ -5434,14 +5667,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) {