@xsolla/payment-client-core 0.0.14 → 0.1.1

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

@@ -1,7 +1,7 @@
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, isDevMode, NgModule } from '@angular/core';
-import { firstValueFrom, lastValueFrom, map, Subject, BehaviorSubject, filter as filter$1, takeUntil, skip, throwError } from 'rxjs';
+import { firstValueFrom, lastValueFrom, map, Subject, tap, BehaviorSubject, filter as filter$1, takeUntil, skip, throwError } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { UntypedFormGroup, Validators, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
@@ -434,6 +434,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
 
 class UrlService {
     addSearchParams(url, params = {}) {
+        if (!url) {
+            return '';
+        }
         const urlObject = new URL(url);
         for (const [key, value] of Object.entries(params)) {
             urlObject.searchParams.set(key, value);
@@ -441,6 +444,9 @@ class UrlService {
         return urlObject.toString();
     }
     getSearchParams(url) {
+        if (!url) {
+            return {};
+        }
         const urlObject = new URL(url);
         const searchParams = {};
         for (const [key, value] of urlObject.searchParams) {
@@ -464,6 +470,9 @@ class PaymentConfigService {
         this.settingsService = settingsService;
     }
     enrich(config) {
+        if (!config.returnUrl) {
+            throw new Error('URL is not provided in payment config');
+        }
         return Object.assign(Object.assign({}, config), { returnUrl: this.enrichReturnUrl(config.returnUrl) });
     }
     enrichReturnUrl(returnUrl) {
@@ -589,6 +598,17 @@ const isSubmitResponse = (value) => {
     return value instanceof SubmitResponse;
 };
 
+class ShowFieldStateAction {
+    constructor(control) {
+        this.type = 'show_field_state';
+        this.data = {
+            fieldName: control.fieldName,
+            fieldState: control.fieldState,
+            error: control.error,
+        };
+    }
+}
+
 class InitializeResponse {
     constructor(response) {
         this.paymentForm = null;
@@ -639,12 +659,225 @@ const initializeResponseFactoryProvider = {
     useValue: (...args) => new InitializeResponse(...args),
 };
 
+class ShowErrorsAction {
+    constructor(errors) {
+        this.type = 'show_errors';
+        this.data = {
+            errors,
+        };
+    }
+}
+
+class ShowFieldsAction {
+    constructor(submitResponse) {
+        this.type = 'show_fields';
+        this.data = {
+            fields: [],
+            errors: [],
+            messages: [],
+            order: {},
+        };
+        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;
+    }
+}
+
+const showFieldsActionFactoryToken = new InjectionToken('ShowFieldsAction');
+const showFieldsActionFactoryProvider = {
+    provide: showFieldsActionFactoryToken,
+    useValue: {
+        factory: (...args) => new ShowFieldsAction(...args),
+        isSuitable: (response) => {
+            return response.currentCommand === XpsCommand.check;
+        },
+    },
+};
+
+class CheckStatusAction {
+    constructor(submitResponse) {
+        var _a, _b, _c, _d, _e, _f;
+        this.type = 'check_status';
+        const status = submitResponse.parameters.status;
+        this.data = {
+            invoice: status === null || status === void 0 ? void 0 : status.invoice,
+            signature: (_a = submitResponse.parameters.form.signature) === null || _a === void 0 ? void 0 : _a.value,
+            locale: (_b = submitResponse.parameters.form.locale) === null || _b === void 0 ? void 0 : _b.value,
+            testPs: (_c = submitResponse.parameters.form.testPs) === null || _c === void 0 ? void 0 : _c.value,
+            testXsolla: (_d = submitResponse.parameters.form.testXsolla) === null || _d === void 0 ? void 0 : _d.value,
+            testProject: (_e = submitResponse.parameters.form.testProject) === null || _e === void 0 ? void 0 : _e.value,
+            userReturnStatus: (_f = submitResponse.parameters.form.userReturnStatus) === null || _f === void 0 ? void 0 : _f.value,
+        };
+    }
+}
+
+const checkStatusActionFactoryToken = new InjectionToken('CheckStatusAction');
+const checkStatusActionFactoryProvider = {
+    provide: checkStatusActionFactoryToken,
+    useValue: {
+        factory: (...args) => new CheckStatusAction(...args),
+        isSuitable: (response) => {
+            return response.currentCommand === XpsCommand.status;
+        },
+    },
+};
+
+class StatusUpdatedAction {
+    constructor(statusResponse) {
+        this.type = 'status_updated';
+        this.data = {
+            statusState: statusResponse.status.statusState,
+            invoice: statusResponse.status.invoice,
+            isSuccess: statusResponse.status.isSuccess,
+            isCanceled: statusResponse.status.isCanceled,
+            group: statusResponse.status.group,
+        };
+    }
+}
+
+const statusUpdatedActionFactoryToken = new InjectionToken('StatusUpdatedAction');
+const statusUpdatedActionFactoryProvider = {
+    provide: statusUpdatedActionFactoryToken,
+    useValue: {
+        factory: (...args) => new StatusUpdatedAction(...args),
+        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)));
+        },
+    },
+};
+
+const showErrorsActionFactoryToken = new InjectionToken('ShowErrorsAction');
+const showErrorsActionFactoryProvider = {
+    provide: showErrorsActionFactoryToken,
+    useValue: {
+        factory: (...args) => new ShowErrorsAction(...args),
+        isSuitable: (response) => {
+            var _a;
+            return Boolean((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length);
+        },
+    },
+};
+
+const showFieldStateActionFactoryToken = new InjectionToken('ShowFieldStateAction');
+const showFieldStateActionFactoryProvider = {
+    provide: showFieldStateActionFactoryToken,
+    useValue: {
+        factory: (...args) => new ShowFieldStateAction(...args),
+        isSuitable: () => {
+            return true;
+        },
+    },
+};
+
+const nextActionsToken = new InjectionToken('Action');
+const nextActions = [
+    showFieldsActionFactoryProvider,
+    checkStatusActionFactoryProvider,
+    redirectActionFactoryProvider,
+];
+const flowUpdateNextActions = [
+    statusUpdatedActionFactoryProvider,
+    showErrorsActionFactoryProvider,
+    showFieldStateActionFactoryProvider,
+];
+
+class NextActionService {
+    get flowUpdates$() {
+        return this.flowUpdatesSubject.asObservable();
+    }
+    constructor(nextActionTokens, injector) {
+        this.nextActionTokens = nextActionTokens;
+        this.injector = injector;
+        this.flowUpdatesSubject = new Subject();
+        this.nextActionsList = [];
+        this.fillNextActionsList();
+    }
+    getNextAction(submitResponse) {
+        var _a;
+        if ((_a = submitResponse.errors) === null || _a === void 0 ? void 0 : _a.length) {
+            this.emitFlowUpdates(new ShowErrorsAction(submitResponse.errors));
+        }
+        if (!submitResponse.currentCommand) {
+            return null;
+        }
+        const nextActionFactory = this.findNextAction(submitResponse);
+        if (nextActionFactory) {
+            return nextActionFactory(submitResponse);
+        }
+        throw new Error('Next action is undefined.');
+    }
+    emitFlowUpdates(action) {
+        this.flowUpdatesSubject.next(action);
+    }
+    fillNextActionsList() {
+        this.nextActionTokens.forEach((nextAction) => {
+            const item = this.injector.get(nextAction.provide);
+            this.nextActionsList.push(item);
+        });
+    }
+    findNextAction(submitResponse) {
+        const actionType = this.nextActionsList.find((nextAction) => {
+            return nextAction.isSuitable(submitResponse);
+        });
+        if (!actionType) {
+            return;
+        }
+        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 });
+NextActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NextActionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NextActionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [nextActionsToken]
+                    }] }, { type: i0.Injector }];
+    } });
+
 class InitializeService {
-    constructor(responseFactory, secureApi, settingsService, countryService) {
+    constructor(responseFactory, secureApi, settingsService, countryService, nextActionService) {
         this.responseFactory = responseFactory;
         this.secureApi = secureApi;
         this.settingsService = settingsService;
         this.countryService = countryService;
+        this.nextActionService = nextActionService;
         this.apiRoute = 'directpayment';
         // TODO PAYMENTS-15743: replace with new refer id for headless core
         this.ps4ReferId = '22';
@@ -663,13 +896,18 @@ class InitializeService {
                 headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
                 responseType: 'json',
             })
-                .pipe(map((response) => this.responseFactory(response)))).catch((error) => {
+                .pipe(map((response) => this.responseFactory(response)), tap((response) => {
+                var _a, _b;
+                if ((_b = (_a = response.paymentForm) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b.length) {
+                    this.nextActionService.emitFlowUpdates(new ShowErrorsAction(response.paymentForm.errors));
+                }
+            }))).catch((error) => {
                 throw new ResponseError(error.message);
             });
         });
     }
 }
-InitializeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: SecureApiClient }, { token: SettingsService }, { token: CountryService }], target: i0.ɵɵFactoryTarget.Injectable });
+InitializeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: SecureApiClient }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }], target: i0.ɵɵFactoryTarget.Injectable });
 InitializeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: InitializeService, decorators: [{
             type: Injectable,
@@ -680,7 +918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
         return [{ type: undefined, decorators: [{
                         type: Inject,
                         args: [initializeResponseFactoryToken]
-                    }] }, { type: SecureApiClient }, { type: SettingsService }, { type: CountryService }];
+                    }] }, { type: SecureApiClient }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }];
     } });
 
 class XpsApiPartRequest {
@@ -1047,11 +1285,12 @@ const syncResponseFactoryProvider = {
 };
 
 class SyncService extends EmitDataService {
-    constructor(requestFactory, responseFactory, secureApi, settingsService) {
+    constructor(requestFactory, responseFactory, secureApi, nextActionService, settingsService) {
         super();
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
         this.secureApi = secureApi;
+        this.nextActionService = nextActionService;
         this.settingsService = settingsService;
         this.apiRoute = 'directpayment';
         this.prevFieldSyncStates = {};
@@ -1117,6 +1356,10 @@ class SyncService extends EmitDataService {
                 headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'),
                 responseType: 'json',
             })).then((response) => {
+                var _a;
+                if ((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length) {
+                    this.nextActionService.emitFlowUpdates(new ShowErrorsAction(response.errors));
+                }
                 this.emit(response);
                 return this.responseFactory(field, response);
             });
@@ -1135,7 +1378,7 @@ class SyncService extends EmitDataService {
         this.prevFieldSyncStates[field.name] = { value, result };
     }
 }
-SyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: SecureApiClient }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
+SyncService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: SecureApiClient }, { token: NextActionService }, { token: SettingsService }], target: i0.ɵɵFactoryTarget.Injectable });
 SyncService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SyncService, decorators: [{
             type: Injectable,
@@ -1149,7 +1392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                     }] }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [syncResponseFactoryToken]
-                    }] }, { type: SecureApiClient }, { type: SettingsService }];
+                    }] }, { type: SecureApiClient }, { type: NextActionService }, { type: SettingsService }];
     } });
 
 class ControlConfig {
@@ -1435,19 +1678,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: ControlConfigService }]; } });
 
-class StatusUpdatedAction {
-    constructor(statusResponse) {
-        this.type = 'status_updated';
-        this.data = {
-            statusState: statusResponse.status.statusState,
-            invoice: statusResponse.status.invoice,
-            isSuccess: statusResponse.status.isSuccess,
-            isCanceled: statusResponse.status.isCanceled,
-            group: statusResponse.status.group,
-        };
-    }
-}
-
 var StatusSearchParam;
 (function (StatusSearchParam) {
     StatusSearchParam["token"] = "token";
@@ -2537,165 +2767,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: StatusRequestService }, { type: CheckStatusService }, { type: WebsocketStatusService }]; } });
 
-class ShowFieldsAction {
-    constructor(submitResponse) {
-        this.type = 'show_fields';
-        this.data = {
-            fields: [],
-            errors: [],
-            messages: [],
-            order: {},
-        };
-        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;
-    }
-}
-
-const showFieldsActionFactoryToken = new InjectionToken('ShowFieldsAction');
-const showFieldsActionFactoryProvider = {
-    provide: showFieldsActionFactoryToken,
-    useValue: {
-        factory: (...args) => new ShowFieldsAction(...args),
-        isSuitable: (response) => {
-            return response.currentCommand === XpsCommand.check;
-        },
-    },
-};
-
-class CheckStatusAction {
-    constructor(submitResponse) {
-        var _a, _b, _c, _d, _e, _f;
-        this.type = 'check_status';
-        const status = submitResponse.parameters.status;
-        this.data = {
-            invoice: status === null || status === void 0 ? void 0 : status.invoice,
-            signature: (_a = submitResponse.parameters.form.signature) === null || _a === void 0 ? void 0 : _a.value,
-            locale: (_b = submitResponse.parameters.form.locale) === null || _b === void 0 ? void 0 : _b.value,
-            testPs: (_c = submitResponse.parameters.form.testPs) === null || _c === void 0 ? void 0 : _c.value,
-            testXsolla: (_d = submitResponse.parameters.form.testXsolla) === null || _d === void 0 ? void 0 : _d.value,
-            testProject: (_e = submitResponse.parameters.form.testProject) === null || _e === void 0 ? void 0 : _e.value,
-            userReturnStatus: (_f = submitResponse.parameters.form.userReturnStatus) === null || _f === void 0 ? void 0 : _f.value,
-        };
-    }
-}
-
-const checkStatusActionFactoryToken = new InjectionToken('CheckStatusAction');
-const checkStatusActionFactoryProvider = {
-    provide: checkStatusActionFactoryToken,
-    useValue: {
-        factory: (...args) => new CheckStatusAction(...args),
-        isSuitable: (response) => {
-            return response.currentCommand === XpsCommand.status;
-        },
-    },
-};
-
-const statusUpdatedActionFactoryToken = new InjectionToken('StatusUpdatedAction');
-const statusUpdatedActionFactoryProvider = {
-    provide: statusUpdatedActionFactoryToken,
-    useValue: {
-        factory: (...args) => new StatusUpdatedAction(...args),
-        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)));
-        },
-    },
-};
-
-const nextActionsToken = new InjectionToken('Action');
-const nextActions = [
-    showFieldsActionFactoryProvider,
-    checkStatusActionFactoryProvider,
-    statusUpdatedActionFactoryProvider,
-    redirectActionFactoryProvider,
-];
-
-class NextActionService {
-    get flowUpdates$() {
-        return this.flowUpdatesSubject.asObservable();
-    }
-    constructor(nextActionTokens, injector) {
-        this.nextActionTokens = nextActionTokens;
-        this.injector = injector;
-        this.flowUpdatesSubject = new Subject();
-        this.nextActionsList = [];
-        this.fillNextActionsList();
-    }
-    getNextAction(submitResponse) {
-        if (!submitResponse.currentCommand) {
-            return null;
-        }
-        const nextActionFactory = this.findNextAction(submitResponse);
-        if (nextActionFactory) {
-            return nextActionFactory(submitResponse);
-        }
-        throw new Error('Next action is undefined.');
-    }
-    emitFlowUpdates(action) {
-        this.flowUpdatesSubject.next(action);
-    }
-    fillNextActionsList() {
-        this.nextActionTokens.forEach((nextAction) => {
-            const item = this.injector.get(nextAction.provide);
-            this.nextActionsList.push(item);
-        });
-    }
-    findNextAction(submitResponse) {
-        const actionType = this.nextActionsList.find((nextAction) => {
-            return nextAction.isSuitable(submitResponse);
-        });
-        if (!actionType) {
-            return;
-        }
-        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 });
-NextActionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NextActionService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: NextActionService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: undefined, decorators: [{
-                        type: Inject,
-                        args: [nextActionsToken]
-                    }] }, { type: i0.Injector }];
-    } });
-
 class StatusService {
     constructor(urlService, statusRequestService, listenStatusService, nextActionService) {
         this.urlService = urlService;
@@ -3064,16 +3135,19 @@ class PaymentService {
         this.financeDetails = null;
         this.fields = [];
         this.destroy$ = new Subject();
+        this.formDestroy$ = new Subject();
     }
     initialize(config) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.destroy$ = new Subject();
+            this.formDestroy$ = new Subject();
             this.listenFinanceDetails();
             this.config = config;
             this.data = yield this.initializeService.request(config);
             this.fields = this.getFields();
             this.form = this.formService.createForm(this.fields);
+            this.listenSyncValidationErrors(this.form);
             this.emitFinanceDetails((_a = this.data.paymentForm) === null || _a === void 0 ? void 0 : _a.summary);
             this.setupSyncService(this.form, this.fields);
             return this.fields.filter((field) => (field === null || field === void 0 ? void 0 : field.isVisible) === "1" /* XpsBoolean.true */);
@@ -3140,6 +3214,7 @@ class PaymentService {
         this.financeDetails = null;
         this.form = null;
         this.fields = [];
+        this.formDestroy$.next();
         this.destroy$.next();
     }
     emitFinanceDetails(summary) {
@@ -3156,6 +3231,25 @@ class PaymentService {
             .pipe(takeUntil(this.destroy$))
             .subscribe((financeDetails) => (this.financeDetails = financeDetails));
     }
+    listenSyncValidationErrors(form) {
+        Object.keys(form.controls).forEach((key) => {
+            const control = form.get(key);
+            if (control) {
+                control.statusChanges
+                    .pipe(takeUntil(this.formDestroy$))
+                    .subscribe((status) => {
+                    var _a, _b;
+                    const controlError = (_b = (_a = control.errors) === null || _a === void 0 ? void 0 : _a['rewritableError']) !== null && _b !== void 0 ? _b : null;
+                    const controlObject = {
+                        fieldName: key,
+                        fieldState: status,
+                        error: controlError,
+                    };
+                    this.nextActionService.emitFlowUpdates(new ShowFieldStateAction(controlObject));
+                });
+            }
+        });
+    }
 }
 PaymentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, deps: [{ token: InitializeService }, { token: SubmitService }, { token: SyncService }, { token: FormService }, { token: StatusService }, { token: FinanceDetailsService }, { token: NextActionService }, { token: ControlConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
 PaymentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: PaymentService, providedIn: 'root' });
@@ -3448,6 +3542,7 @@ CoreLibraryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
             useValue: nextActions,
         },
         ...nextActions,
+        ...flowUpdateNextActions,
     ], imports: [HttpClientModule, FormModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: CoreLibraryModule, decorators: [{
             type: NgModule,
@@ -3478,6 +3573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             useValue: nextActions,
                         },
                         ...nextActions,
+                        ...flowUpdateNextActions,
                     ],
                 }]
         }] });