trm-tmpl 3.2.2 → 3.3.0

package/fesm2022/trm-tmpl.mjs

@@ -1,10 +1,8 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, ChangeDetectorRef, CSP_NONCE, Component, HostListener, NgModule, TemplateRef, Directive, ElementRef, Renderer2, Pipe, EventEmitter, forwardRef, ChangeDetectionStrategy, Input, Output, ContentChild, SecurityContext, ViewContainerRef, Injector, DestroyRef, ViewChild, ViewChildren } from '@angular/core';
+import { InjectionToken, inject, Injectable, ChangeDetectorRef, CSP_NONCE, NgModule, TemplateRef, Directive, Component, ContentChild, HostListener, ElementRef, Renderer2, Pipe, EventEmitter, forwardRef, ChangeDetectionStrategy, Input, Output, SecurityContext, ViewContainerRef, Injector, DestroyRef, ViewChild, ViewChildren } from '@angular/core';
 import * as i1 from '@angular/router';
-import { Router, NavigationEnd, NavigationCancel, NavigationError, RouterOutlet, RouterModule, ActivatedRoute } from '@angular/router';
-import { registerLocale, getNames } from 'i18n-iso-countries';
-import { BehaviorSubject, of, throwError, Subject, merge, fromEvent, distinctUntilChanged, timer, interval } from 'rxjs';
-import { registerLocaleData, DOCUMENT, AsyncPipe, CommonModule, NgTemplateOutlet, NgClass, CurrencyPipe, getCurrencySymbol, Location } from '@angular/common';
+import { RouterModule, Router, NavigationEnd, NavigationCancel, NavigationError, RouterOutlet, ActivatedRoute } from '@angular/router';
+import { registerLocaleData, DOCUMENT, AsyncPipe, NgTemplateOutlet, NgClass, CommonModule, CurrencyPipe, getCurrencySymbol, Location } from '@angular/common';
 import localeRu from '@angular/common/locales/ru';
 import localeEn from '@angular/common/locales/en';
 import localeTr from '@angular/common/locales/tr';
@@ -17,12 +15,14 @@ import ES_COUNTRIES from 'i18n-iso-countries/langs/es.json';
 import TR_COUNTRIES from 'i18n-iso-countries/langs/tr.json';
 import PT_COUNTRIES from 'i18n-iso-countries/langs/pt.json';
 import LT_COUNTRIES from 'i18n-iso-countries/langs/lt.json';
-import * as i2 from '@ngx-translate/core';
-import { TranslateService, TranslateModule, TranslatePipe, TranslateLoader } from '@ngx-translate/core';
+import { registerLocale, getNames } from 'i18n-iso-countries';
+import { BehaviorSubject, of, throwError, Subject, merge, fromEvent, distinctUntilChanged, timer, interval } from 'rxjs';
 import { catchError, map, first, delay, tap, switchMap, takeUntil, filter, debounceTime, finalize } from 'rxjs/operators';
 import { CookieService } from 'ngx-cookie-service';
 import * as momentjs from 'moment-timezone';
 import momentjs__default from 'moment-timezone';
+import * as i2 from '@ngx-translate/core';
+import { TranslateService, TranslateModule, TranslatePipe, TranslateLoader } from '@ngx-translate/core';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { NgxMaskService, NgxMaskPipe, NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import { NgScrollbar } from 'ngx-scrollbar';
@@ -87,6 +87,48 @@ var InvoiceStatus;
 })(InvoiceStatus || (InvoiceStatus = {}));
 ;
 
+const OTHER_COUNTRY_CODE = 'other';
+// Additional countries
+Object.assign(EN_COUNTRIES.countries, {
+    OS: 'South Ossetia',
+    AB: 'Abkhazia',
+    [OTHER_COUNTRY_CODE]: 'Other'
+});
+Object.assign(RU_COUNTRIES.countries, {
+    OS: 'Южная Осетия',
+    AB: 'Абхазия',
+    [OTHER_COUNTRY_CODE]: 'Другие'
+});
+Object.assign(ES_COUNTRIES.countries, {
+    OS: 'Osetia del Sur',
+    AB: 'Abjasia',
+    [OTHER_COUNTRY_CODE]: 'Otro'
+});
+Object.assign(TR_COUNTRIES.countries, {
+    OS: 'Güney Osetya',
+    AB: 'Abhazya',
+    [OTHER_COUNTRY_CODE]: 'Diğer'
+});
+Object.assign(PT_COUNTRIES.countries, {
+    OS: 'Ossétia do Sul',
+    AB: 'Abecásia',
+    [OTHER_COUNTRY_CODE]: 'Outro'
+});
+const loadI18NData = () => {
+    registerLocaleData(localeRu);
+    registerLocaleData(localeEn);
+    registerLocaleData(localeEs);
+    registerLocaleData(localeTr);
+    registerLocaleData(localePt);
+    registerLocaleData(localeLt);
+    registerLocale(EN_COUNTRIES);
+    registerLocale(RU_COUNTRIES);
+    registerLocale(ES_COUNTRIES);
+    registerLocale(TR_COUNTRIES);
+    registerLocale(PT_COUNTRIES);
+    registerLocale(LT_COUNTRIES);
+};
+
 var I18N_KEY;
 (function (I18N_KEY) {
     I18N_KEY["TITLE_PAGE_INVOICE"] = "TITLE_PAGE_INVOICE";
@@ -362,48 +404,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-const OTHER_COUNTRY_CODE = 'other';
-// Additional countries
-Object.assign(EN_COUNTRIES.countries, {
-    OS: 'South Ossetia',
-    AB: 'Abkhazia',
-    [OTHER_COUNTRY_CODE]: 'Other'
-});
-Object.assign(RU_COUNTRIES.countries, {
-    OS: 'Южная Осетия',
-    AB: 'Абхазия',
-    [OTHER_COUNTRY_CODE]: 'Другие'
-});
-Object.assign(ES_COUNTRIES.countries, {
-    OS: 'Osetia del Sur',
-    AB: 'Abjasia',
-    [OTHER_COUNTRY_CODE]: 'Otro'
-});
-Object.assign(TR_COUNTRIES.countries, {
-    OS: 'Güney Osetya',
-    AB: 'Abhazya',
-    [OTHER_COUNTRY_CODE]: 'Diğer'
-});
-Object.assign(PT_COUNTRIES.countries, {
-    OS: 'Ossétia do Sul',
-    AB: 'Abecásia',
-    [OTHER_COUNTRY_CODE]: 'Outro'
-});
-const loadI18NData = () => {
-    registerLocaleData(localeRu);
-    registerLocaleData(localeEn);
-    registerLocaleData(localeEs);
-    registerLocaleData(localeTr);
-    registerLocaleData(localePt);
-    registerLocaleData(localeLt);
-    registerLocale(EN_COUNTRIES);
-    registerLocale(RU_COUNTRIES);
-    registerLocale(ES_COUNTRIES);
-    registerLocale(TR_COUNTRIES);
-    registerLocale(PT_COUNTRIES);
-    registerLocale(LT_COUNTRIES);
-};
-
 const CONFIGURATION_TOKEN = new InjectionToken('CONFIGURATION_TOKEN');
 const CHECKIN_SERVICE_TOKEN = new InjectionToken('CHECKIN_SERVICE_TOKEN');
 const TERMINAL_SERVICE_TOKEN = new InjectionToken('TERMINAL_SERVICE_TOKEN');
@@ -478,6 +478,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+class CSRFResolver {
+    constructor() {
+        this.cookieSrv = inject(CookieService);
+        this.apiErrorsSrv = inject(ApiErrorsService);
+        this.configuration = inject(CONFIGURATION_TOKEN, { optional: true }) || { credentials: {} };
+        this.terminalApi = inject(TERMINAL_SERVICE_TOKEN);
+        this.token = inject(SessionToken, { optional: true }) || 'token';
+        this.environment = inject(ENVIRONMENT);
+        this.storage = inject(LocalStorage);
+    }
+    saveDefaultCountry(defaultCountryISOCode) {
+        if (defaultCountryISOCode) {
+            this.storage.saveDefaultCountry(defaultCountryISOCode);
+        }
+    }
+    resolve(route) {
+        const token = this.token;
+        if (!token) {
+            if (!this.apiErrorsSrv.hasError) {
+                this.apiErrorsSrv.setLocalError({ code: ApiErrors.SESSION_NOT_FOUND });
+            }
+            return of(true);
+        }
+        const timezone = momentjs__default.tz.guess();
+        if (!this.environment.csrf) {
+            return of(false);
+        }
+        if (this.resolveCSRF(token)) {
+            return of(true);
+        }
+        return this.terminalApi.postTerminalOpen({
+            token,
+            terminalOpenRequest: {
+                timezone
+            }
+        })
+            .pipe(catchError((err) => {
+            this.apiErrorsSrv.setLocalError(err.error);
+            return of({ csrf: null, defaultCountryISOCode: null });
+        }), map(({ csrf, defaultCountryISOCode }) => {
+            this.saveDefaultCountry(defaultCountryISOCode);
+            this.resolveCSRF(token, csrf);
+            return true;
+        }));
+    }
+    resolveCSRF(token, csrf) {
+        if (!csrf) {
+            if (token && this.cookieSrv.check(`${token}_${CSRF_COOKIE_NAME}`)) {
+                this.apiErrorsSrv.clear();
+                this.configuration.credentials.CSRF = this.cookieSrv.get(`${token}_${CSRF_COOKIE_NAME}`);
+                return true;
+            }
+        }
+        else {
+            this.apiErrorsSrv.clear();
+            this.cookieSrv.set(`${token}_${CSRF_COOKIE_NAME}`, csrf, momentjs__default().add(24, 'hours').toDate(), undefined, undefined, this.environment.production);
+            this.configuration.credentials.CSRF = csrf;
+            return true;
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class ErrorInterceptorService {
+    constructor() {
+        this.apiErrorSrv = inject(ApiErrorsService);
+    }
+    intercept(req, next) {
+        return next
+            .handle(req)
+            .pipe(catchError((err) => {
+            if (err.status === 404 || err.status === 500) {
+                this.apiErrorSrv.setLocalError();
+            }
+            return throwError(err);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 const TRANSLATION_LANG_KEYS = {
     [LANGUAGE.RU]: {
         code: 'ru',
@@ -600,95 +689,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-class CSRFResolver {
-    constructor() {
-        this.cookieSrv = inject(CookieService);
-        this.apiErrorsSrv = inject(ApiErrorsService);
-        this.configuration = inject(CONFIGURATION_TOKEN, { optional: true }) || { credentials: {} };
-        this.terminalApi = inject(TERMINAL_SERVICE_TOKEN);
-        this.token = inject(SessionToken, { optional: true }) || 'token';
-        this.environment = inject(ENVIRONMENT);
-        this.storage = inject(LocalStorage);
-    }
-    saveDefaultCountry(defaultCountryISOCode) {
-        if (defaultCountryISOCode) {
-            this.storage.saveDefaultCountry(defaultCountryISOCode);
-        }
-    }
-    resolve(route) {
-        const token = this.token;
-        if (!token) {
-            if (!this.apiErrorsSrv.hasError) {
-                this.apiErrorsSrv.setLocalError({ code: ApiErrors.SESSION_NOT_FOUND });
-            }
-            return of(true);
-        }
-        const timezone = momentjs__default.tz.guess();
-        if (!this.environment.csrf) {
-            return of(false);
-        }
-        if (this.resolveCSRF(token)) {
-            return of(true);
-        }
-        return this.terminalApi.postTerminalOpen({
-            token,
-            terminalOpenRequest: {
-                timezone
-            }
-        })
-            .pipe(catchError((err) => {
-            this.apiErrorsSrv.setLocalError(err.error);
-            return of({ csrf: null, defaultCountryISOCode: null });
-        }), map(({ csrf, defaultCountryISOCode }) => {
-            this.saveDefaultCountry(defaultCountryISOCode);
-            this.resolveCSRF(token, csrf);
-            return true;
-        }));
-    }
-    resolveCSRF(token, csrf) {
-        if (!csrf) {
-            if (token && this.cookieSrv.check(`${token}_${CSRF_COOKIE_NAME}`)) {
-                this.apiErrorsSrv.clear();
-                this.configuration.credentials.CSRF = this.cookieSrv.get(`${token}_${CSRF_COOKIE_NAME}`);
-                return true;
-            }
-        }
-        else {
-            this.apiErrorsSrv.clear();
-            this.cookieSrv.set(`${token}_${CSRF_COOKIE_NAME}`, csrf, momentjs__default().add(24, 'hours').toDate(), undefined, undefined, this.environment.production);
-            this.configuration.credentials.CSRF = csrf;
-            return true;
-        }
-        return false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CSRFResolver, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class ErrorInterceptorService {
-    constructor() {
-        this.apiErrorSrv = inject(ApiErrorsService);
-    }
-    intercept(req, next) {
-        return next
-            .handle(req)
-            .pipe(catchError((err) => {
-            if (err.status === 404 || err.status === 500) {
-                this.apiErrorSrv.setLocalError();
-            }
-            return throwError(err);
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ErrorInterceptorService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
 const DELAY_INITIAL_LOADER_HIDING = 0;
 const LOADER_HIDE_CSS_CLASS = 'trm-loader-init--hide';
 function hideInitLoader() {
@@ -3485,7 +3485,7 @@ class SessionDataSource {
         this.data$ = new BehaviorSubject(undefined);
         this.loading$ = new BehaviorSubject(true);
         this.loadingMethodInfo$ = new BehaviorSubject(true);
-        this.loadingConfirm$ = new BehaviorSubject(false);
+        this.loadingConfirm$ = new BehaviorSubject(null);
         this.configurations = new Map();
         this.feeChangeable = !!this.terminalApi.getFee;
     }
@@ -3585,6 +3585,7 @@ class SessionDataSource {
                 this.payment_token = method.payment_token;
             }
             this.loadingMethodInfo$.next(false);
+            this.loadingConfirm$.next(false);
         }));
     }
     catchError(loading$) {
@@ -3604,7 +3605,7 @@ class SessionDataSource {
             token: this.token,
             terminalPaymentPrepareRequest: data
         })
-            .pipe(catchError(this.catchError(this.loadingConfirm$)), tap(() => this.loadingConfirm$.next(false)));
+            .pipe(delay(2000), catchError(this.catchError(this.loadingConfirm$)), tap(() => this.loadingConfirm$.next(false)));
     }
     confirm() {
         if (!this.loadingConfirm$.getValue()) {
@@ -3738,6 +3739,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
             type: Injectable
         }] });
 
+loadI18NData();
+class TerminalModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, imports: [i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, imports: [RouterModule.forChild([
+                {
+                    path: '',
+                    loadChildren: () => Promise.resolve().then(function () { return pages_module; })
+                },
+                {
+                    path: 'checkin',
+                    loadChildren: () => Promise.resolve().then(function () { return checkin_module; }).then(m => m.CheckinModule)
+                },
+                {
+                    path: '**',
+                    redirectTo: ''
+                }
+            ])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        RouterModule.forChild([
+                            {
+                                path: '',
+                                loadChildren: () => Promise.resolve().then(function () { return pages_module; })
+                            },
+                            {
+                                path: 'checkin',
+                                loadChildren: () => Promise.resolve().then(function () { return checkin_module; }).then(m => m.CheckinModule)
+                            },
+                            {
+                                path: '**',
+                                redirectTo: ''
+                            }
+                        ])
+                    ]
+                }]
+        }] });
+const provideTerminal = () => {
+    return [
+        TranslateLangStorageService,
+        {
+            provide: I18N_COUNTRIES,
+            useValue: {
+                ru: getNames(LANGUAGE.RU),
+                lt: getNames(LANGUAGE.LT),
+                en: getNames(LANGUAGE.EN),
+                es: getNames(LANGUAGE.ES),
+                tr: getNames(LANGUAGE.TR),
+                pt: getNames(LANGUAGE.PT)
+            }
+        },
+        ApiErrorsService,
+        ScriptLoader
+    ];
+};
+
+class FeeTemplateDirective {
+    constructor() {
+        this.tml = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FeeTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: FeeTemplateDirective, isStandalone: true, selector: "[terminalFee]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FeeTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[terminalFee]',
+                    standalone: true
+                }]
+        }] });
+
 class TerminalTplComponent {
     constructor() {
         this.router = inject(Router);
@@ -3768,14 +3843,17 @@ class TerminalTplComponent {
         this.unSubscriber.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalTplComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: TerminalTplComponent, isStandalone: true, selector: "terminal-tpl", host: { listeners: { "document:keydown.arrowDown": "next($event,$event.currentTarget)", "document:keydown.arrowUp": "prev($event,$event.currentTarget)" }, classAttribute: "trm" }, ngImport: i0, template: "@if (ready$ | async) {\r\n  <div class=\"app__container\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: TerminalTplComponent, isStandalone: true, selector: "terminal", host: { listeners: { "document:keydown.arrowDown": "next($event,$event.currentTarget)", "document:keydown.arrowUp": "prev($event,$event.currentTarget)" }, classAttribute: "trm" }, queries: [{ propertyName: "feeTpl", first: true, predicate: FeeTemplateDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "@if (ready$ | async) {\r\n  <div class=\"app__container\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n}\r\n", styles: [""], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalTplComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'terminal-tpl', host: {
+            args: [{ selector: 'terminal', host: {
                         class: 'trm'
                     }, standalone: true, imports: [RouterOutlet, AsyncPipe], template: "@if (ready$ | async) {\r\n  <div class=\"app__container\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n}\r\n" }]
-        }], propDecorators: { next: [{
+        }], propDecorators: { feeTpl: [{
+                type: ContentChild,
+                args: [FeeTemplateDirective, { read: TemplateRef, static: false }]
+            }], next: [{
                 type: HostListener,
                 args: ['document:keydown.arrowDown', ['$event', '$event.currentTarget']]
             }], prev: [{
@@ -3783,98 +3861,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                 args: ['document:keydown.arrowUp', ['$event', '$event.currentTarget']]
             }] } });
 
-var terminalTpl_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    TerminalTplComponent: TerminalTplComponent
-});
-
-loadI18NData();
-class TerminalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, imports: [CommonModule, i1.RouterModule, TerminalTplComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, providers: [
-            TranslateLangStorageService,
-            {
-                provide: I18N_COUNTRIES,
-                useValue: {
-                    ru: getNames(LANGUAGE.RU),
-                    lt: getNames(LANGUAGE.LT),
-                    en: getNames(LANGUAGE.EN),
-                    es: getNames(LANGUAGE.ES),
-                    tr: getNames(LANGUAGE.TR),
-                    pt: getNames(LANGUAGE.PT)
-                }
-            },
-            ApiErrorsService,
-            ScriptLoader
-        ], imports: [CommonModule,
-            RouterModule.forChild([
-                {
-                    path: '',
-                    loadComponent: () => Promise.resolve().then(function () { return terminalTpl_component; }).then(m => m.TerminalTplComponent),
-                    children: [
-                        {
-                            path: '',
-                            loadChildren: () => Promise.resolve().then(function () { return pages_module; })
-                        },
-                        {
-                            path: 'checkin',
-                            loadChildren: () => Promise.resolve().then(function () { return checkin_module; }).then(m => m.CheckinModule)
-                        },
-                        {
-                            path: '**',
-                            redirectTo: ''
-                        }
-                    ]
-                }
-            ])] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule.forChild([
-                            {
-                                path: '',
-                                loadComponent: () => Promise.resolve().then(function () { return terminalTpl_component; }).then(m => m.TerminalTplComponent),
-                                children: [
-                                    {
-                                        path: '',
-                                        loadChildren: () => Promise.resolve().then(function () { return pages_module; })
-                                    },
-                                    {
-                                        path: 'checkin',
-                                        loadChildren: () => Promise.resolve().then(function () { return checkin_module; }).then(m => m.CheckinModule)
-                                    },
-                                    {
-                                        path: '**',
-                                        redirectTo: ''
-                                    }
-                                ]
-                            }
-                        ]),
-                        TerminalTplComponent
-                    ],
-                    providers: [
-                        TranslateLangStorageService,
-                        {
-                            provide: I18N_COUNTRIES,
-                            useValue: {
-                                ru: getNames(LANGUAGE.RU),
-                                lt: getNames(LANGUAGE.LT),
-                                en: getNames(LANGUAGE.EN),
-                                es: getNames(LANGUAGE.ES),
-                                tr: getNames(LANGUAGE.TR),
-                                pt: getNames(LANGUAGE.PT)
-                            }
-                        },
-                        ApiErrorsService,
-                        ScriptLoader
-                    ]
-                }]
-        }] });
-
 class TrmSelectLabelTemplateDirective {
     constructor() {
         this.tpl = inject(TemplateRef);
@@ -4713,7 +4699,7 @@ class ConstructorFormService extends FormGroup {
             return (prev.country === curr.country &&
                 prev.method === curr.method &&
                 prev.currency === curr.currency &&
-                Object.keys(prev.payment).every((key) => prev.payment[key] === curr.payment[key]));
+                prev.payment.amount === curr.payment.amount);
         }));
     }
     ngOnDestroy() {
@@ -4899,7 +4885,6 @@ const ID_CDE_CONTAINER = 'cde-container';
 class ConstructorFieldIframeComponent {
     constructor() {
         this._translateSrv = inject(TranslateService);
-        this._sessionSrv = inject(SessionDataSource);
         this._cd = inject(ChangeDetectorRef);
         this._injector = inject(Injector);
         this._destroyRef = inject(DestroyRef);
@@ -5502,17 +5487,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
 
 class MethodAmountHintComponent {
     constructor() {
+        this.mainTpl = inject(TerminalTplComponent);
         this.options = {};
         this.I18N_KEY = I18N_KEY;
     }
+    get feeTpl() {
+        return this.mainTpl.feeTpl;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MethodAmountHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: MethodAmountHintComponent, isStandalone: true, selector: "app-method-amount-hint", inputs: { loading: "loading", options: "options" }, host: { properties: { "hidden": "!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))" } }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"c-method-hint\" @insertRemove>\r\n  @if (loading) {\r\n    <span class=\"trm-spinner\" @insertRemove></span>\r\n  }\r\n    @if (options.fee || options.fixedFee) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\r\n        @if (options.fee) {\r\n          <span class=\"trm-amount\">\r\n            <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\r\n          </span>\r\n        }\r\n        @if (options.fixedFee && options.fee) {\r\n          <span> + </span>\r\n        }\r\n        @if (options.fixedFee) {\r\n          <span\r\n            [innerHTML]=\"options.fixedFee | trm_currency: options.currency | sanitizeHtml\"></span>\r\n        }\r\n        @if (options.minFixedFee) {\r\n          ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<span\r\n            [innerHTML]=\"options.minFixedFee | trm_currency: options.currency | sanitizeHtml\"></span>)\r\n        }\r\n      </div>\r\n    }\r\n    @if (options.min) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\r\n        <span [innerHTML]=\"options.min | trm_currency: options.currency\"></span>\r\n      </div>\r\n    }\r\n    @if (options.max) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\r\n        <span [innerHTML]=\"options.max | trm_currency: options.currency\"></span>\r\n      </div>\r\n    }\r\n\r\n    @if (options.info) {\r\n      <div [innerHTML]=\"options.info | sanitizeHtml\" @insertRemove></div>\r\n    }\r\n  </div>\r\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"], dependencies: [{ kind: "pipe", type: TrmCurrencyPipe, name: "trm_currency" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "pipe", type: HtmlSanitizerPipe, name: "sanitizeHtml" }], animations: [insertRemoveTrigger] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: MethodAmountHintComponent, isStandalone: true, selector: "app-method-amount-hint", inputs: { loading: "loading", options: "options" }, host: { properties: { "hidden": "!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))" } }, providers: [CurrencyPipe], ngImport: i0, template: "<div class=\"c-method-hint\" @insertRemove>\r\n  @if (loading) {\r\n    <span class=\"trm-spinner\" @insertRemove></span>\r\n  }\r\n  @if (options.fee || options.fixedFee) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\r\n      @if (options.fee) {\r\n        <span class=\"trm-amount\">\r\n            <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\r\n          </span>\r\n      }\r\n      @if (options.fixedFee && options.fee) {\r\n        <span> + </span>\r\n      }\r\n      @if (options.fixedFee) {\r\n        <span\r\n          [innerHTML]=\"options.fixedFee | trm_currency: options.currency | sanitizeHtml\"></span>\r\n      }\r\n      @if (options.minFixedFee) {\r\n        ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<span\r\n          [innerHTML]=\"options.minFixedFee | trm_currency: options.currency | sanitizeHtml\"></span>)\r\n      }\r\n    </div>\r\n  }\r\n  @if (options.min) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\r\n      <span [innerHTML]=\"options.min | trm_currency: options.currency\"></span>\r\n    </div>\r\n  }\r\n  @if (options.max) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\r\n      <span [innerHTML]=\"options.max | trm_currency: options.currency\"></span>\r\n    </div>\r\n  }\r\n\r\n  @if (feeTpl) {\r\n    <div *ngTemplateOutlet=\"feeTpl; context: {options}\" @insertRemove></div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"], dependencies: [{ kind: "pipe", type: TrmCurrencyPipe, name: "trm_currency" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "pipe", type: HtmlSanitizerPipe, name: "sanitizeHtml" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [insertRemoveTrigger] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MethodAmountHintComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-method-amount-hint', standalone: true, animations: [insertRemoveTrigger], providers: [CurrencyPipe], imports: [TrmCurrencyPipe, TranslateByKeyPipe, SanitizerPipe, HtmlSanitizerPipe], host: {
+            args: [{ selector: 'app-method-amount-hint', standalone: true, animations: [insertRemoveTrigger], providers: [CurrencyPipe], imports: [TrmCurrencyPipe, TranslateByKeyPipe, HtmlSanitizerPipe, NgTemplateOutlet], host: {
                         '[hidden]': '!loading && (!options || (!options.fee && !options.fixedFee && !options.minFixedFee && !options.min && !options.max))'
-                    }, template: "<div class=\"c-method-hint\" @insertRemove>\r\n  @if (loading) {\r\n    <span class=\"trm-spinner\" @insertRemove></span>\r\n  }\r\n    @if (options.fee || options.fixedFee) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\r\n        @if (options.fee) {\r\n          <span class=\"trm-amount\">\r\n            <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\r\n          </span>\r\n        }\r\n        @if (options.fixedFee && options.fee) {\r\n          <span> + </span>\r\n        }\r\n        @if (options.fixedFee) {\r\n          <span\r\n            [innerHTML]=\"options.fixedFee | trm_currency: options.currency | sanitizeHtml\"></span>\r\n        }\r\n        @if (options.minFixedFee) {\r\n          ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<span\r\n            [innerHTML]=\"options.minFixedFee | trm_currency: options.currency | sanitizeHtml\"></span>)\r\n        }\r\n      </div>\r\n    }\r\n    @if (options.min) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\r\n        <span [innerHTML]=\"options.min | trm_currency: options.currency\"></span>\r\n      </div>\r\n    }\r\n    @if (options.max) {\r\n      <div @insertRemove>\r\n        {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\r\n        <span [innerHTML]=\"options.max | trm_currency: options.currency\"></span>\r\n      </div>\r\n    }\r\n\r\n    @if (options.info) {\r\n      <div [innerHTML]=\"options.info | sanitizeHtml\" @insertRemove></div>\r\n    }\r\n  </div>\r\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"] }]
+                    }, template: "<div class=\"c-method-hint\" @insertRemove>\r\n  @if (loading) {\r\n    <span class=\"trm-spinner\" @insertRemove></span>\r\n  }\r\n  @if (options.fee || options.fixedFee) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_FEE | trans) }}\r\n      @if (options.fee) {\r\n        <span class=\"trm-amount\">\r\n            <span class=\"trm-amount__value\">{{ options.fee }}<span class=\"trm-currency\">%</span></span>\r\n          </span>\r\n      }\r\n      @if (options.fixedFee && options.fee) {\r\n        <span> + </span>\r\n      }\r\n      @if (options.fixedFee) {\r\n        <span\r\n          [innerHTML]=\"options.fixedFee | trm_currency: options.currency | sanitizeHtml\"></span>\r\n      }\r\n      @if (options.minFixedFee) {\r\n        ({{ I18N_KEY.CONSTRUCTOR_LABEL_MIN_FIXED_FEE | trans }}<span\r\n          [innerHTML]=\"options.minFixedFee | trm_currency: options.currency | sanitizeHtml\"></span>)\r\n      }\r\n    </div>\r\n  }\r\n  @if (options.min) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_MIN_AMOUNT | trans) }}\r\n      <span [innerHTML]=\"options.min | trm_currency: options.currency\"></span>\r\n    </div>\r\n  }\r\n  @if (options.max) {\r\n    <div @insertRemove>\r\n      {{ (I18N_KEY.CONSTRUCTOR_LABEL_MAX_AMOUNT | trans) }}\r\n      <span [innerHTML]=\"options.max | trm_currency: options.currency\"></span>\r\n    </div>\r\n  }\r\n\r\n  @if (feeTpl) {\r\n    <div *ngTemplateOutlet=\"feeTpl; context: {options}\" @insertRemove></div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;position:relative}.trm-spinner{position:absolute;right:10px}.c-method-hint{position:relative;font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350)}.c-method-hint:first-letter,.c-method-hint>div:first-letter{text-transform:uppercase}\n"] }]
         }], propDecorators: { loading: [{
                 type: Input
             }], options: [{
@@ -5626,7 +5615,7 @@ class ConstructorFormComponent {
         this.preparationStepFilled = false;
         this.TERMINAL_STEP = TerminalStep;
         this.CONSTRUCTOR_FIELD_TYPES = PaymentFieldTypeEnum;
-        this.loading = false;
+        this.loading = null;
         this.types = [];
         this.canReturnToProject = true;
         this.amountChanged = new EventEmitter();
@@ -5833,6 +5822,9 @@ class ConstructorFormComponent {
         return typeof this.form.config?.description === 'function' ? this.form.config?.description(this.form.getRawValue()) : this.form.config?.description;
     }
     submit() {
+        if (this.feeLoading) {
+            return;
+        }
         if (this.step === TerminalStep.Confirmation) {
             this.confirm.emit();
             return;
@@ -5903,14 +5895,14 @@ class ConstructorFormComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: ConstructorFormComponent, isStandalone: true, selector: "app-constructor-form", inputs: { step: "step", error: "error", response: "response", feeLoading: "feeLoading", feeOptions: "feeOptions", currency: "currency", userCurrency: "userCurrency", loading: "loading", types: "types", canReturnToProject: "canReturnToProject", tabIndex: "tabIndex" }, outputs: { amountChanged: "amountChanged", back: "back", prepare: "prepare", confirm: "confirm", onPaymentChanged: "onPaymentChanged" }, providers: [
             ConstructorFormService,
             CountryTranslatePipe, CountriesSortPipe
-        ], viewQueries: [{ propertyName: "requisites", first: true, predicate: ["paymentRequisites"], descendants: true }, { propertyName: "hintMethod", first: true, predicate: ["hintMethod"], descendants: true }, { propertyName: "sdkList", predicate: CardSdkService, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form class=\"constructor\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"submit()\"\r\n  >\r\n  @if (!loading) {\r\n    @if (step === TERMINAL_STEP.Prepare) {\r\n      <div class=\"constructor__fields\">\r\n        @if (countrySearchString || countriesList.length > 1) {\r\n          <div class=\"constructor__field\">\r\n            <app-trm-select [data]=\"countriesList\"\r\n                            @insertRemove\r\n              name=\"country\"\r\n              [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_COUNTRY | trans\"\r\n              formControlName=\"country\"\r\n              class=\"c-field-select trm-form-field\"\r\n              (search)=\"searchCountry($event)\"\r\n              [tabIndex]=\"tabIndex\"\r\n              >\r\n              <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                <span class=\"fi\"\r\n                [ngClass]=\"'fi-' + item.toLowerCase()\"></span>\r\n                <span class=\"method__name\">{{item | country_translate: lang}}</span>\r\n              </ng-template>\r\n            </app-trm-select>\r\n          </div>\r\n        }\r\n        @if (form.country.value) {\r\n          <app-ps-select [methods]=\"methodsList\"\r\n                         @insertRemove\r\n            formControlName=\"method\"\r\n            [tabIndex]=\"tabIndex\"\r\n            >\r\n            @if (form.config?.description) {\r\n              <div class=\"constructor__hint text--warn\"\r\n                app-ps-select-hint\r\n                #hintMethod\r\n                @insertRemove\r\n                >\r\n                {{description | trans }}\r\n              </div>\r\n            }\r\n          </app-ps-select>\r\n\r\n          @if (\r\n            form.method?.hasError('required') &&\r\n            form.method.touched &&\r\n            form.method.dirty\r\n            ) {\r\n            <div class=\"gm-error\" @insertRemove>\r\n              {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n            </div>\r\n          }\r\n        }\r\n\r\n        @if (form.ready) {\r\n            <div formGroupName=\"payment\"\r\n                 @insertRemove\r\n              #paymentRequisites\r\n              class=\"constructor__fields constructor__fields--reverse\">\r\n              @if (form.method.value && form.amountDynamic) {\r\n                <ng-container *ngTemplateOutlet=\"currencyTpl; context: {label: I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans, tabIndex: 0}\"></ng-container>\r\n              }\r\n              @for (field of form.fields; track field.name; let i = $index) {\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Iframe) {\r\n                  @if (form.payment.get(field.name)?.hasError('cde_error')) {\r\n                    <div class=\"constructor__hint cde-error\" @insertRemove>\r\n                      {{\r\n                        form.payment.get(field.name).getError('cde_error')\r\n                          | trans\r\n                      }}\r\n                    </div>\r\n                  }\r\n                  <app-constructor-field-iframe\r\n                    [formControlName]=\"field.name\"\r\n                    @insertRemove\r\n                    [hidden]=\"\r\n                        form.payment.get(field.name)?.hasError('cde_error')\r\n                      \"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  >\r\n                  </app-constructor-field-iframe>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Select) {\r\n                  <app-constructor-field-select\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [items]=\"field?.options?.items\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  ></app-constructor-field-select>\r\n                }\r\n                @if ([CONSTRUCTOR_FIELD_TYPES.Text, CONSTRUCTOR_FIELD_TYPES.Number, CONSTRUCTOR_FIELD_TYPES.Email].includes(field.type)) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    (maskedValueChange)=\"changeTextFieldValue($event, field)\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-text>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Amount) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\">\r\n                    <app-method-amount-hint app-c-text-hint\r\n                      class=\"constructor__hint\"\r\n                      [loading]=\"feeLoading\"\r\n                      [options]=\"feeOptions || field.options\"\r\n                    ></app-method-amount-hint>\r\n                    <div app-c-text-suffix\r\n                      class=\"constructor__currency\"\r\n                      [class.constructor__currency--transparent]=\"form.isAmountEditable\"\r\n                      >\r\n                      <ng-container *ngTemplateOutlet=\"currencyTpl; context: {tabIndex: form.fields.length - i + tabIndex}\"></ng-container>\r\n                    </div>\r\n                  </app-constructor-field-text>\r\n                  @if (hasCurrencyMethodSelector) {\r\n                    <app-trm-select\r\n                      @insertRemove\r\n                      class=\"constructor-field\"\r\n                      [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans\"\r\n                      [formControl]=\"form.currency\"\r\n                      [searchable]=\"false\"\r\n                      [data]=\"currenciesList\"\r\n                      [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                      >\r\n                      <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                        <span class=\"trm-icon\" [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                        [title]=\"item\"></span>\r\n                        {{item}}\r\n                      </ng-template>\r\n                    </app-trm-select>\r\n                  }\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Date) {\r\n                  <app-constructor-field-date\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-date>\r\n                }\r\n              }\r\n              <ng-template #currencyTpl let-label=\"label\" let-tabIndex=\"tabIndex\">\r\n                <app-trm-select\r\n                  @insertRemove\r\n                  [label]=\"label\"\r\n                  [formControl]=\"form.userCurrency\"\r\n                  [searchable]=\"false\"\r\n                  [data]=\"userCurrenciesList\"\r\n                  [tabIndex]=\"tabIndex\"\r\n                  >\r\n                  <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                    <span class=\"trm-icon\"\r\n                      [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                    [title]=\"item\"></span>\r\n                    {{item}}\r\n                  </ng-template>\r\n                </app-trm-select>\r\n              </ng-template>\r\n            </div>\r\n        } @else {\r\n          <div class=\"trm-skeleton-fields\">\r\n            @for (i of skeletonLength; track $index) {\r\n              <div class=\"trm-skeleton-field\">\r\n                <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n                <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        @if (error && !form.methodInfoLoading) {\r\n          <div class=\"trm-error\"\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n    @if (step === TERMINAL_STEP.Confirmation) {\r\n      <app-constructor-preparation\r\n        @insertRemove\r\n        [currency]=\"response?.currency\"\r\n        [methodName]=\"form.getTypeNameById(response.typeId)\"\r\n        [wallet]=\"response.wallet\"\r\n        [maskedWallet]=\"maskedWallet\"\r\n        [amount]=\"response.amount\"\r\n        [total]=\"response.total\"\r\n        [confirmationText]=\"form.config?.confirmation\"\r\n        >\r\n        @if (error && !form.payment.pending) {\r\n          <div class=\"trm-error\"\r\n            app-constructor-preparation-error\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </app-constructor-preparation>\r\n    }\r\n    <div class=\"constructor__actions\"\r\n         @insertRemove>\r\n      <button class=\"trm-button trm-button--primary constructor__actions-continue\"\r\n        type=\"submit\"\r\n        [tabindex]=\"form.fields.length + tabIndex\">\r\n        {{I18N_KEY.CONSTRUCTOR_LABEL_CONTINUE | trans}}\r\n        @if (loading) {\r\n          <span class=\"trm-spinner trm-spinner-white\"></span>\r\n        }\r\n      </button>\r\n      <button class=\"trm-button trm-button--secondary constructor__actions-back\"\r\n        type=\"button\"\r\n        [tabindex]=\"form.fields.length + tabIndex\"\r\n      (click)=\"back.emit()\"> {{ backBtnLabel | trans}}</button>\r\n    </div>\r\n  } @else {\r\n    <div class=\"trm-skeleton-group\">\r\n      <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n      <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n    </div>\r\n  }\r\n</form>\r\n", styles: [":host{display:block}.constructor{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.constructor__fields{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.constructor__fields--reverse{flex-direction:column-reverse}.constructor__fields .fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.constructor__fields .fi-other{border-color:transparent}.constructor__currency{--trm-select-border-radius: 0 10px 10px 0;display:flex;align-items:center;position:absolute;bottom:0;right:0;flex-shrink:0;min-height:46px}@media (min-width: 768px){.constructor__currency{min-height:50px}}.constructor__currency .trm-divider{margin:5px 0;align-self:stretch}.constructor__currency--transparent{--trm-select-bg-color: transparent;--trm-select-bg-color--disabled: transparent;--trm-select-border-color: transparent;--trm-select-border-color--hover: transparent;--trm-select-border-color--focus: transparent}.constructor__actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.constructor__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}.constructor__hint.cde-error{font-weight:500;font-size:14px;line-height:20px;color:var(--color-red-500)}.constructor .constructor__actions-continue{position:relative}.constructor .constructor__actions-continue .trm-spinner{position:absolute;right:15px}\n"], dependencies: [{ kind: "pipe", type: CountryTranslatePipe, name: "country_translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "directive", type: TrmSelectLabelTemplateDirective, selector: "[trmSelectLabelTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PsSelectComponent, selector: "app-ps-select", inputs: ["methods", "tabIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConstructorFieldIframeComponent, selector: "app-constructor-field-iframe", inputs: ["tabIndex"] }, { kind: "component", type: ConstructorFieldSelectComponent, selector: "app-constructor-field-select", inputs: ["config", "items", "tabIndex"] }, { kind: "component", type: ConstructorFieldTextComponent, selector: "app-constructor-field-text", inputs: ["config", "matDatepicker", "tabIndex"], outputs: ["maskedValueChange"] }, { kind: "component", type: MethodAmountHintComponent, selector: "app-method-amount-hint", inputs: ["loading", "options"] }, { kind: "component", type: ConstructorFieldDateComponent, selector: "app-constructor-field-date", inputs: ["config", "tabIndex"] }, { kind: "component", type: ConstructorPreparationComponent, selector: "app-constructor-preparation", inputs: ["maskedWallet", "wallet", "confirmationText", "methodName", "currency", "amount", "total"] }, { kind: "directive", type: TabIndexFocusDirective, selector: "[tabindex]" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "requisites", first: true, predicate: ["paymentRequisites"], descendants: true }, { propertyName: "hintMethod", first: true, predicate: ["hintMethod"], descendants: true }, { propertyName: "sdkList", predicate: CardSdkService, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form class=\"constructor\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"submit()\"\r\n  >\r\n  @if (loading !== null) {\r\n    @if (step === TERMINAL_STEP.Prepare) {\r\n      <div class=\"constructor__fields\">\r\n        @if (countrySearchString || countriesList.length > 1) {\r\n          <div class=\"constructor__field\">\r\n            <app-trm-select [data]=\"countriesList\"\r\n                            @insertRemove\r\n              name=\"country\"\r\n              [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_COUNTRY | trans\"\r\n              formControlName=\"country\"\r\n              class=\"c-field-select trm-form-field\"\r\n              (search)=\"searchCountry($event)\"\r\n              [tabIndex]=\"tabIndex\"\r\n              >\r\n              <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                <span class=\"fi\"\r\n                [ngClass]=\"'fi-' + item.toLowerCase()\"></span>\r\n                <span class=\"method__name\">{{item | country_translate: lang}}</span>\r\n              </ng-template>\r\n            </app-trm-select>\r\n          </div>\r\n        }\r\n        @if (form.country.value) {\r\n          <app-ps-select [methods]=\"methodsList\"\r\n                         @insertRemove\r\n            formControlName=\"method\"\r\n            [tabIndex]=\"tabIndex\"\r\n            >\r\n            @if (form.config?.description) {\r\n              <div class=\"constructor__hint text--warn\"\r\n                app-ps-select-hint\r\n                #hintMethod\r\n                @insertRemove\r\n                >\r\n                {{description | trans }}\r\n              </div>\r\n            }\r\n          </app-ps-select>\r\n\r\n          @if (\r\n            form.method?.hasError('required') &&\r\n            form.method.touched &&\r\n            form.method.dirty\r\n            ) {\r\n            <div class=\"gm-error\" @insertRemove>\r\n              {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n            </div>\r\n          }\r\n        }\r\n\r\n        @if (form.ready) {\r\n            <div formGroupName=\"payment\"\r\n                 @insertRemove\r\n              #paymentRequisites\r\n              class=\"constructor__fields constructor__fields--reverse\">\r\n              @if (form.method.value && form.amountDynamic) {\r\n                <ng-container *ngTemplateOutlet=\"currencyTpl; context: {label: I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans, tabIndex: 0}\"></ng-container>\r\n              }\r\n              @for (field of form.fields; track field.name; let i = $index) {\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Iframe) {\r\n                  @if (form.payment.get(field.name)?.hasError('cde_error')) {\r\n                    <div class=\"constructor__hint cde-error\" @insertRemove>\r\n                      {{\r\n                        form.payment.get(field.name).getError('cde_error')\r\n                          | trans\r\n                      }}\r\n                    </div>\r\n                  }\r\n                  <app-constructor-field-iframe\r\n                    [formControlName]=\"field.name\"\r\n                    @insertRemove\r\n                    [hidden]=\"\r\n                        form.payment.get(field.name)?.hasError('cde_error')\r\n                      \"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  >\r\n                  </app-constructor-field-iframe>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Select) {\r\n                  <app-constructor-field-select\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [items]=\"field?.options?.items\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  ></app-constructor-field-select>\r\n                }\r\n                @if ([CONSTRUCTOR_FIELD_TYPES.Text, CONSTRUCTOR_FIELD_TYPES.Number, CONSTRUCTOR_FIELD_TYPES.Email].includes(field.type)) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    (maskedValueChange)=\"changeTextFieldValue($event, field)\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-text>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Amount) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\">\r\n                    <app-method-amount-hint app-c-text-hint\r\n                      class=\"constructor__hint\"\r\n                      [loading]=\"feeLoading\"\r\n                      [options]=\"feeOptions || field.options\"\r\n                    ></app-method-amount-hint>\r\n                    <div app-c-text-suffix\r\n                      class=\"constructor__currency\"\r\n                      [class.constructor__currency--transparent]=\"form.isAmountEditable\"\r\n                      >\r\n                      <ng-container *ngTemplateOutlet=\"currencyTpl; context: {tabIndex: form.fields.length - i + tabIndex}\"></ng-container>\r\n                    </div>\r\n                  </app-constructor-field-text>\r\n                  @if (hasCurrencyMethodSelector) {\r\n                    <app-trm-select\r\n                      @insertRemove\r\n                      class=\"constructor-field\"\r\n                      [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans\"\r\n                      [formControl]=\"form.currency\"\r\n                      [searchable]=\"false\"\r\n                      [data]=\"currenciesList\"\r\n                      [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                      >\r\n                      <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                        <span class=\"trm-icon\" [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                        [title]=\"item\"></span>\r\n                        {{item}}\r\n                      </ng-template>\r\n                    </app-trm-select>\r\n                  }\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Date) {\r\n                  <app-constructor-field-date\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-date>\r\n                }\r\n              }\r\n              <ng-template #currencyTpl let-label=\"label\" let-tabIndex=\"tabIndex\">\r\n                <app-trm-select\r\n                  @insertRemove\r\n                  [label]=\"label\"\r\n                  [formControl]=\"form.userCurrency\"\r\n                  [searchable]=\"false\"\r\n                  [data]=\"userCurrenciesList\"\r\n                  [tabIndex]=\"tabIndex\"\r\n                  >\r\n                  <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                    <span class=\"trm-icon\"\r\n                      [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                    [title]=\"item\"></span>\r\n                    {{item}}\r\n                  </ng-template>\r\n                </app-trm-select>\r\n              </ng-template>\r\n            </div>\r\n        } @else {\r\n          <div class=\"trm-skeleton-fields\">\r\n            @for (i of skeletonLength; track $index) {\r\n              <div class=\"trm-skeleton-field\">\r\n                <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n                <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        @if (error && !form.methodInfoLoading) {\r\n          <div class=\"trm-error\"\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n    @if (step === TERMINAL_STEP.Confirmation) {\r\n      <app-constructor-preparation\r\n        @insertRemove\r\n        [currency]=\"response?.currency\"\r\n        [methodName]=\"form.getTypeNameById(response.typeId)\"\r\n        [wallet]=\"response.wallet\"\r\n        [maskedWallet]=\"maskedWallet\"\r\n        [amount]=\"response.amount\"\r\n        [total]=\"response.total\"\r\n        [confirmationText]=\"form.config?.confirmation\"\r\n        >\r\n        @if (error && !form.payment.pending) {\r\n          <div class=\"trm-error\"\r\n            app-constructor-preparation-error\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </app-constructor-preparation>\r\n    }\r\n    <div class=\"constructor__actions\"\r\n         @insertRemove>\r\n      <button class=\"trm-button trm-button--primary constructor__actions-continue\"\r\n        type=\"submit\"\r\n        [tabindex]=\"form.fields.length + tabIndex\">\r\n        {{I18N_KEY.CONSTRUCTOR_LABEL_CONTINUE | trans}}\r\n        @if (loading) {\r\n          <span class=\"trm-spinner trm-spinner-white\"></span>\r\n        }\r\n      </button>\r\n      <button class=\"trm-button trm-button--secondary constructor__actions-back\"\r\n        type=\"button\"\r\n        [tabindex]=\"form.fields.length + tabIndex\"\r\n      (click)=\"back.emit()\"> {{ backBtnLabel | trans}}</button>\r\n    </div>\r\n  } @else {\r\n    <div class=\"trm-skeleton-group\">\r\n      <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n      <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n    </div>\r\n  }\r\n</form>\r\n", styles: [":host{display:block}.constructor{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.constructor__fields{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.constructor__fields--reverse{flex-direction:column-reverse}.constructor__fields .fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.constructor__fields .fi-other{border-color:transparent}.constructor__currency{--trm-select-border-radius: 0 10px 10px 0;display:flex;align-items:center;position:absolute;bottom:0;right:0;flex-shrink:0;min-height:46px}@media (min-width: 768px){.constructor__currency{min-height:50px}}.constructor__currency .trm-divider{margin:5px 0;align-self:stretch}.constructor__currency--transparent{--trm-select-bg-color: transparent;--trm-select-bg-color--disabled: transparent;--trm-select-border-color: transparent;--trm-select-border-color--hover: transparent;--trm-select-border-color--focus: transparent}.constructor__actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.constructor__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}.constructor__hint.cde-error{font-weight:500;font-size:14px;line-height:20px;color:var(--color-red-500)}.constructor .constructor__actions-continue{position:relative}.constructor .constructor__actions-continue .trm-spinner{position:absolute;right:15px}\n"], dependencies: [{ kind: "pipe", type: CountryTranslatePipe, name: "country_translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "component", type: TrmSelectComponent, selector: "app-trm-select", inputs: ["label", "hasBorder", "data", "tabIndex", "name", "placeholder", "searchable", "hasScrollbar", "nameId", "nameLabel"], outputs: ["open", "search"] }, { kind: "directive", type: TrmSelectLabelTemplateDirective, selector: "[trmSelectLabelTemplate]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PsSelectComponent, selector: "app-ps-select", inputs: ["methods", "tabIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConstructorFieldIframeComponent, selector: "app-constructor-field-iframe", inputs: ["tabIndex"] }, { kind: "component", type: ConstructorFieldSelectComponent, selector: "app-constructor-field-select", inputs: ["config", "items", "tabIndex"] }, { kind: "component", type: ConstructorFieldTextComponent, selector: "app-constructor-field-text", inputs: ["config", "matDatepicker", "tabIndex"], outputs: ["maskedValueChange"] }, { kind: "component", type: MethodAmountHintComponent, selector: "app-method-amount-hint", inputs: ["loading", "options"] }, { kind: "component", type: ConstructorFieldDateComponent, selector: "app-constructor-field-date", inputs: ["config", "tabIndex"] }, { kind: "component", type: ConstructorPreparationComponent, selector: "app-constructor-preparation", inputs: ["maskedWallet", "wallet", "confirmationText", "methodName", "currency", "amount", "total"] }, { kind: "directive", type: TabIndexFocusDirective, selector: "[tabindex]" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }], animations: [insertRemoveTrigger], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ConstructorFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-constructor-form', changeDetection: ChangeDetectionStrategy.OnPush, animations: [insertRemoveTrigger], providers: [
                         ConstructorFormService,
                         CountryTranslatePipe, CountriesSortPipe
-                    ], standalone: true, imports: [CountryTranslatePipe, CountriesSortPipe, FormsModule, ReactiveFormsModule, TrmSelectComponent, TrmSelectLabelTemplateDirective, NgClass, PsSelectComponent, NgTemplateOutlet, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, MethodAmountHintComponent, ConstructorFieldDateComponent, ConstructorPreparationComponent, TabIndexFocusDirective, CountryTranslatePipe, TranslateByKeyPipe, GmSkeletonComponent], template: "<form class=\"constructor\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"submit()\"\r\n  >\r\n  @if (!loading) {\r\n    @if (step === TERMINAL_STEP.Prepare) {\r\n      <div class=\"constructor__fields\">\r\n        @if (countrySearchString || countriesList.length > 1) {\r\n          <div class=\"constructor__field\">\r\n            <app-trm-select [data]=\"countriesList\"\r\n                            @insertRemove\r\n              name=\"country\"\r\n              [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_COUNTRY | trans\"\r\n              formControlName=\"country\"\r\n              class=\"c-field-select trm-form-field\"\r\n              (search)=\"searchCountry($event)\"\r\n              [tabIndex]=\"tabIndex\"\r\n              >\r\n              <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                <span class=\"fi\"\r\n                [ngClass]=\"'fi-' + item.toLowerCase()\"></span>\r\n                <span class=\"method__name\">{{item | country_translate: lang}}</span>\r\n              </ng-template>\r\n            </app-trm-select>\r\n          </div>\r\n        }\r\n        @if (form.country.value) {\r\n          <app-ps-select [methods]=\"methodsList\"\r\n                         @insertRemove\r\n            formControlName=\"method\"\r\n            [tabIndex]=\"tabIndex\"\r\n            >\r\n            @if (form.config?.description) {\r\n              <div class=\"constructor__hint text--warn\"\r\n                app-ps-select-hint\r\n                #hintMethod\r\n                @insertRemove\r\n                >\r\n                {{description | trans }}\r\n              </div>\r\n            }\r\n          </app-ps-select>\r\n\r\n          @if (\r\n            form.method?.hasError('required') &&\r\n            form.method.touched &&\r\n            form.method.dirty\r\n            ) {\r\n            <div class=\"gm-error\" @insertRemove>\r\n              {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n            </div>\r\n          }\r\n        }\r\n\r\n        @if (form.ready) {\r\n            <div formGroupName=\"payment\"\r\n                 @insertRemove\r\n              #paymentRequisites\r\n              class=\"constructor__fields constructor__fields--reverse\">\r\n              @if (form.method.value && form.amountDynamic) {\r\n                <ng-container *ngTemplateOutlet=\"currencyTpl; context: {label: I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans, tabIndex: 0}\"></ng-container>\r\n              }\r\n              @for (field of form.fields; track field.name; let i = $index) {\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Iframe) {\r\n                  @if (form.payment.get(field.name)?.hasError('cde_error')) {\r\n                    <div class=\"constructor__hint cde-error\" @insertRemove>\r\n                      {{\r\n                        form.payment.get(field.name).getError('cde_error')\r\n                          | trans\r\n                      }}\r\n                    </div>\r\n                  }\r\n                  <app-constructor-field-iframe\r\n                    [formControlName]=\"field.name\"\r\n                    @insertRemove\r\n                    [hidden]=\"\r\n                        form.payment.get(field.name)?.hasError('cde_error')\r\n                      \"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  >\r\n                  </app-constructor-field-iframe>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Select) {\r\n                  <app-constructor-field-select\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [items]=\"field?.options?.items\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  ></app-constructor-field-select>\r\n                }\r\n                @if ([CONSTRUCTOR_FIELD_TYPES.Text, CONSTRUCTOR_FIELD_TYPES.Number, CONSTRUCTOR_FIELD_TYPES.Email].includes(field.type)) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    (maskedValueChange)=\"changeTextFieldValue($event, field)\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-text>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Amount) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\">\r\n                    <app-method-amount-hint app-c-text-hint\r\n                      class=\"constructor__hint\"\r\n                      [loading]=\"feeLoading\"\r\n                      [options]=\"feeOptions || field.options\"\r\n                    ></app-method-amount-hint>\r\n                    <div app-c-text-suffix\r\n                      class=\"constructor__currency\"\r\n                      [class.constructor__currency--transparent]=\"form.isAmountEditable\"\r\n                      >\r\n                      <ng-container *ngTemplateOutlet=\"currencyTpl; context: {tabIndex: form.fields.length - i + tabIndex}\"></ng-container>\r\n                    </div>\r\n                  </app-constructor-field-text>\r\n                  @if (hasCurrencyMethodSelector) {\r\n                    <app-trm-select\r\n                      @insertRemove\r\n                      class=\"constructor-field\"\r\n                      [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans\"\r\n                      [formControl]=\"form.currency\"\r\n                      [searchable]=\"false\"\r\n                      [data]=\"currenciesList\"\r\n                      [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                      >\r\n                      <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                        <span class=\"trm-icon\" [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                        [title]=\"item\"></span>\r\n                        {{item}}\r\n                      </ng-template>\r\n                    </app-trm-select>\r\n                  }\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Date) {\r\n                  <app-constructor-field-date\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-date>\r\n                }\r\n              }\r\n              <ng-template #currencyTpl let-label=\"label\" let-tabIndex=\"tabIndex\">\r\n                <app-trm-select\r\n                  @insertRemove\r\n                  [label]=\"label\"\r\n                  [formControl]=\"form.userCurrency\"\r\n                  [searchable]=\"false\"\r\n                  [data]=\"userCurrenciesList\"\r\n                  [tabIndex]=\"tabIndex\"\r\n                  >\r\n                  <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                    <span class=\"trm-icon\"\r\n                      [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                    [title]=\"item\"></span>\r\n                    {{item}}\r\n                  </ng-template>\r\n                </app-trm-select>\r\n              </ng-template>\r\n            </div>\r\n        } @else {\r\n          <div class=\"trm-skeleton-fields\">\r\n            @for (i of skeletonLength; track $index) {\r\n              <div class=\"trm-skeleton-field\">\r\n                <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n                <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        @if (error && !form.methodInfoLoading) {\r\n          <div class=\"trm-error\"\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n    @if (step === TERMINAL_STEP.Confirmation) {\r\n      <app-constructor-preparation\r\n        @insertRemove\r\n        [currency]=\"response?.currency\"\r\n        [methodName]=\"form.getTypeNameById(response.typeId)\"\r\n        [wallet]=\"response.wallet\"\r\n        [maskedWallet]=\"maskedWallet\"\r\n        [amount]=\"response.amount\"\r\n        [total]=\"response.total\"\r\n        [confirmationText]=\"form.config?.confirmation\"\r\n        >\r\n        @if (error && !form.payment.pending) {\r\n          <div class=\"trm-error\"\r\n            app-constructor-preparation-error\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </app-constructor-preparation>\r\n    }\r\n    <div class=\"constructor__actions\"\r\n         @insertRemove>\r\n      <button class=\"trm-button trm-button--primary constructor__actions-continue\"\r\n        type=\"submit\"\r\n        [tabindex]=\"form.fields.length + tabIndex\">\r\n        {{I18N_KEY.CONSTRUCTOR_LABEL_CONTINUE | trans}}\r\n        @if (loading) {\r\n          <span class=\"trm-spinner trm-spinner-white\"></span>\r\n        }\r\n      </button>\r\n      <button class=\"trm-button trm-button--secondary constructor__actions-back\"\r\n        type=\"button\"\r\n        [tabindex]=\"form.fields.length + tabIndex\"\r\n      (click)=\"back.emit()\"> {{ backBtnLabel | trans}}</button>\r\n    </div>\r\n  } @else {\r\n    <div class=\"trm-skeleton-group\">\r\n      <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n      <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n    </div>\r\n  }\r\n</form>\r\n", styles: [":host{display:block}.constructor{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.constructor__fields{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.constructor__fields--reverse{flex-direction:column-reverse}.constructor__fields .fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.constructor__fields .fi-other{border-color:transparent}.constructor__currency{--trm-select-border-radius: 0 10px 10px 0;display:flex;align-items:center;position:absolute;bottom:0;right:0;flex-shrink:0;min-height:46px}@media (min-width: 768px){.constructor__currency{min-height:50px}}.constructor__currency .trm-divider{margin:5px 0;align-self:stretch}.constructor__currency--transparent{--trm-select-bg-color: transparent;--trm-select-bg-color--disabled: transparent;--trm-select-border-color: transparent;--trm-select-border-color--hover: transparent;--trm-select-border-color--focus: transparent}.constructor__actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.constructor__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}.constructor__hint.cde-error{font-weight:500;font-size:14px;line-height:20px;color:var(--color-red-500)}.constructor .constructor__actions-continue{position:relative}.constructor .constructor__actions-continue .trm-spinner{position:absolute;right:15px}\n"] }]
+                    ], standalone: true, imports: [CountryTranslatePipe, CountriesSortPipe, FormsModule, ReactiveFormsModule, TrmSelectComponent, TrmSelectLabelTemplateDirective, NgClass, PsSelectComponent, NgTemplateOutlet, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, MethodAmountHintComponent, ConstructorFieldDateComponent, ConstructorPreparationComponent, TabIndexFocusDirective, CountryTranslatePipe, TranslateByKeyPipe, GmSkeletonComponent], template: "<form class=\"constructor\"\r\n  [formGroup]=\"form\"\r\n  (ngSubmit)=\"submit()\"\r\n  >\r\n  @if (loading !== null) {\r\n    @if (step === TERMINAL_STEP.Prepare) {\r\n      <div class=\"constructor__fields\">\r\n        @if (countrySearchString || countriesList.length > 1) {\r\n          <div class=\"constructor__field\">\r\n            <app-trm-select [data]=\"countriesList\"\r\n                            @insertRemove\r\n              name=\"country\"\r\n              [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_COUNTRY | trans\"\r\n              formControlName=\"country\"\r\n              class=\"c-field-select trm-form-field\"\r\n              (search)=\"searchCountry($event)\"\r\n              [tabIndex]=\"tabIndex\"\r\n              >\r\n              <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                <span class=\"fi\"\r\n                [ngClass]=\"'fi-' + item.toLowerCase()\"></span>\r\n                <span class=\"method__name\">{{item | country_translate: lang}}</span>\r\n              </ng-template>\r\n            </app-trm-select>\r\n          </div>\r\n        }\r\n        @if (form.country.value) {\r\n          <app-ps-select [methods]=\"methodsList\"\r\n                         @insertRemove\r\n            formControlName=\"method\"\r\n            [tabIndex]=\"tabIndex\"\r\n            >\r\n            @if (form.config?.description) {\r\n              <div class=\"constructor__hint text--warn\"\r\n                app-ps-select-hint\r\n                #hintMethod\r\n                @insertRemove\r\n                >\r\n                {{description | trans }}\r\n              </div>\r\n            }\r\n          </app-ps-select>\r\n\r\n          @if (\r\n            form.method?.hasError('required') &&\r\n            form.method.touched &&\r\n            form.method.dirty\r\n            ) {\r\n            <div class=\"gm-error\" @insertRemove>\r\n              {{ I18N_KEY.VALIDATION_REQUIRED | trans }}\r\n            </div>\r\n          }\r\n        }\r\n\r\n        @if (form.ready) {\r\n            <div formGroupName=\"payment\"\r\n                 @insertRemove\r\n              #paymentRequisites\r\n              class=\"constructor__fields constructor__fields--reverse\">\r\n              @if (form.method.value && form.amountDynamic) {\r\n                <ng-container *ngTemplateOutlet=\"currencyTpl; context: {label: I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans, tabIndex: 0}\"></ng-container>\r\n              }\r\n              @for (field of form.fields; track field.name; let i = $index) {\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Iframe) {\r\n                  @if (form.payment.get(field.name)?.hasError('cde_error')) {\r\n                    <div class=\"constructor__hint cde-error\" @insertRemove>\r\n                      {{\r\n                        form.payment.get(field.name).getError('cde_error')\r\n                          | trans\r\n                      }}\r\n                    </div>\r\n                  }\r\n                  <app-constructor-field-iframe\r\n                    [formControlName]=\"field.name\"\r\n                    @insertRemove\r\n                    [hidden]=\"\r\n                        form.payment.get(field.name)?.hasError('cde_error')\r\n                      \"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  >\r\n                  </app-constructor-field-iframe>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Select) {\r\n                  <app-constructor-field-select\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [items]=\"field?.options?.items\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                  ></app-constructor-field-select>\r\n                }\r\n                @if ([CONSTRUCTOR_FIELD_TYPES.Text, CONSTRUCTOR_FIELD_TYPES.Number, CONSTRUCTOR_FIELD_TYPES.Email].includes(field.type)) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    (maskedValueChange)=\"changeTextFieldValue($event, field)\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-text>\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Amount) {\r\n                  <app-constructor-field-text\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                    [tabIndex]=\"form.fields.length - i + tabIndex\">\r\n                    <app-method-amount-hint app-c-text-hint\r\n                      class=\"constructor__hint\"\r\n                      [loading]=\"feeLoading\"\r\n                      [options]=\"feeOptions || field.options\"\r\n                    ></app-method-amount-hint>\r\n                    <div app-c-text-suffix\r\n                      class=\"constructor__currency\"\r\n                      [class.constructor__currency--transparent]=\"form.isAmountEditable\"\r\n                      >\r\n                      <ng-container *ngTemplateOutlet=\"currencyTpl; context: {tabIndex: form.fields.length - i + tabIndex}\"></ng-container>\r\n                    </div>\r\n                  </app-constructor-field-text>\r\n                  @if (hasCurrencyMethodSelector) {\r\n                    <app-trm-select\r\n                      @insertRemove\r\n                      class=\"constructor-field\"\r\n                      [label]=\"I18N_KEY.CONSTRUCTOR_LABEL_CURRENCY | trans\"\r\n                      [formControl]=\"form.currency\"\r\n                      [searchable]=\"false\"\r\n                      [data]=\"currenciesList\"\r\n                      [tabIndex]=\"form.fields.length - i + tabIndex\"\r\n                      >\r\n                      <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                        <span class=\"trm-icon\" [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                        [title]=\"item\"></span>\r\n                        {{item}}\r\n                      </ng-template>\r\n                    </app-trm-select>\r\n                  }\r\n                }\r\n                @if (field.type === CONSTRUCTOR_FIELD_TYPES.Date) {\r\n                  <app-constructor-field-date\r\n                    @insertRemove\r\n                    [config]=\"field\"\r\n                    [formControlName]=\"field.name\"\r\n                  [tabIndex]=\"form.fields.length - i + tabIndex\"></app-constructor-field-date>\r\n                }\r\n              }\r\n              <ng-template #currencyTpl let-label=\"label\" let-tabIndex=\"tabIndex\">\r\n                <app-trm-select\r\n                  @insertRemove\r\n                  [label]=\"label\"\r\n                  [formControl]=\"form.userCurrency\"\r\n                  [searchable]=\"false\"\r\n                  [data]=\"userCurrenciesList\"\r\n                  [tabIndex]=\"tabIndex\"\r\n                  >\r\n                  <ng-template trmSelectLabelTemplate let-item=\"item\">\r\n                    <span class=\"trm-icon\"\r\n                      [ngClass]=\"'trm-curr-' + item.toLowerCase()\"\r\n                    [title]=\"item\"></span>\r\n                    {{item}}\r\n                  </ng-template>\r\n                </app-trm-select>\r\n              </ng-template>\r\n            </div>\r\n        } @else {\r\n          <div class=\"trm-skeleton-fields\">\r\n            @for (i of skeletonLength; track $index) {\r\n              <div class=\"trm-skeleton-field\">\r\n                <gm-skeleton [count]=\"1\" [shape]=\"'rect-md'\" [size]=\"18\"></gm-skeleton>\r\n                <gm-skeleton [count]=\"1\" [size]=\"50\"></gm-skeleton>\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n        @if (error && !form.methodInfoLoading) {\r\n          <div class=\"trm-error\"\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n    @if (step === TERMINAL_STEP.Confirmation) {\r\n      <app-constructor-preparation\r\n        @insertRemove\r\n        [currency]=\"response?.currency\"\r\n        [methodName]=\"form.getTypeNameById(response.typeId)\"\r\n        [wallet]=\"response.wallet\"\r\n        [maskedWallet]=\"maskedWallet\"\r\n        [amount]=\"response.amount\"\r\n        [total]=\"response.total\"\r\n        [confirmationText]=\"form.config?.confirmation\"\r\n        >\r\n        @if (error && !form.payment.pending) {\r\n          <div class=\"trm-error\"\r\n            app-constructor-preparation-error\r\n            @insertRemove\r\n            >\r\n            {{ error | trans }}\r\n          </div>\r\n        }\r\n      </app-constructor-preparation>\r\n    }\r\n    <div class=\"constructor__actions\"\r\n         @insertRemove>\r\n      <button class=\"trm-button trm-button--primary constructor__actions-continue\"\r\n        type=\"submit\"\r\n        [tabindex]=\"form.fields.length + tabIndex\">\r\n        {{I18N_KEY.CONSTRUCTOR_LABEL_CONTINUE | trans}}\r\n        @if (loading) {\r\n          <span class=\"trm-spinner trm-spinner-white\"></span>\r\n        }\r\n      </button>\r\n      <button class=\"trm-button trm-button--secondary constructor__actions-back\"\r\n        type=\"button\"\r\n        [tabindex]=\"form.fields.length + tabIndex\"\r\n      (click)=\"back.emit()\"> {{ backBtnLabel | trans}}</button>\r\n    </div>\r\n  } @else {\r\n    <div class=\"trm-skeleton-group\">\r\n      <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n      <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n    </div>\r\n  }\r\n</form>\r\n", styles: [":host{display:block}.constructor{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.constructor__fields{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:stretch}.constructor__fields--reverse{flex-direction:column-reverse}.constructor__fields .fi{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;background-origin:border-box;flex-shrink:0;height:15px}.constructor__fields .fi-other{border-color:transparent}.constructor__currency{--trm-select-border-radius: 0 10px 10px 0;display:flex;align-items:center;position:absolute;bottom:0;right:0;flex-shrink:0;min-height:46px}@media (min-width: 768px){.constructor__currency{min-height:50px}}.constructor__currency .trm-divider{margin:5px 0;align-self:stretch}.constructor__currency--transparent{--trm-select-bg-color: transparent;--trm-select-bg-color--disabled: transparent;--trm-select-border-color: transparent;--trm-select-border-color--hover: transparent;--trm-select-border-color--focus: transparent}.constructor__actions{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.constructor__hint{font-weight:400;font-size:14px;line-height:22px;color:var(--color-base-350);margin-top:8px}.constructor__hint.cde-error{font-weight:500;font-size:14px;line-height:20px;color:var(--color-red-500)}.constructor .constructor__actions-continue{position:relative}.constructor .constructor__actions-continue .trm-spinner{position:absolute;right:15px}\n"] }]
         }], propDecorators: { step: [{
                 type: Input
             }], error: [{
@@ -6150,7 +6142,7 @@ class TerminalLayoutComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.2", type: TerminalLayoutComponent, isStandalone: true, selector: "app-terminal-layout", providers: [
             SessionDataSource,
             CurrencyPipe
-        ], viewQueries: [{ propertyName: "scrollComponent", first: true, predicate: ["scrollComponent"], descendants: true }], ngImport: i0, template: "<ng-scrollbar appearance=\"compact\">\r\n  <div class=\"terminal-layout\">\r\n    <section class=\"terminal\">\r\n      <div class=\"terminal__content\">\r\n        <header class=\"terminal__header\">\r\n          <i class=\"terminal__header-logo\"\r\n          [class]=\"logoClass\"></i>\r\n          <div class=\"terminal__header-lang\">\r\n            @if (hasChoice) {\r\n              <app-terminal-lang-switcher (langChange)=\"changeLang()\"\r\n              [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n            }\r\n          </div>\r\n        </header>\r\n        <div class=\"terminal__form\">\r\n          @if (sessionDS.loading$ | async) {\r\n            <div class=\"trm-skeleton-group\">\r\n              <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n            </div>\r\n          } @else {\r\n            @if (projectName) {\r\n              <div class=\"terminal__info\">\r\n                <h5 class=\"terminal__info__name\"> {{ projectName }} </h5>\r\n                @if (description) {\r\n                  <p class=\"terminal__info__desc\"> {{ description }} </p>\r\n                }\r\n              </div>\r\n            }\r\n            @if (step !== TERMINAL_STEP.Status && !hasStatusError) {\r\n              <app-constructor-form\r\n                [feeLoading]=\"feeLoading\"\r\n                [feeOptions]=\"feeOptions\"\r\n                [loading]=\"(sessionDS.loadingConfirm$ | async)\"\r\n                [step]=\"step\"\r\n                [types]=\"types\"\r\n                [currency]=\"currency\"\r\n                [response]=\"data\"\r\n                [error]=\"statusText\"\r\n                (prepare)=\"prepare($event)\"\r\n                (onPaymentChanged)=\"checkFatalError(); calculateFee($event)\"\r\n                (back)=\"back()\"\r\n                [canReturnToProject]=\"sessionDS.canReturnToProject\"\r\n                (confirm)=\"confirm()\"\r\n                [tabIndex]=\"2\"></app-constructor-form>\r\n            } @else {\r\n              <app-constructor-status class=\"terminal__status\"\r\n                [failed]=\"hasStatusError\"\r\n                [message]=\"statusText ? (statusText | trans) : ''\"\r\n                [backUrl]=\"returnBackUrl\"\r\n              ></app-constructor-status>\r\n            }\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <footer class=\"terminal-footer\">\r\n      <i class=\"terminal-footer__logo\"></i>\r\n      <p class=\"terminal-footer__txt\">\r\n        {{ footerText }}\r\n      </p>\r\n    </footer>\r\n  </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0 84px;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%}.terminal__info{background:#f5f5f5;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.terminal__info__name{margin:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.terminal__info__desc{margin:0;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"], dependencies: [{ kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "component", type: TerminalLangSwitcherComponent, selector: "app-terminal-lang-switcher", inputs: ["loading", "tabIndex"], outputs: ["langChange"] }, { kind: "component", type: ConstructorFormComponent, selector: "app-constructor-form", inputs: ["step", "error", "response", "feeLoading", "feeOptions", "currency", "userCurrency", "loading", "types", "canReturnToProject", "tabIndex"], outputs: ["amountChanged", "back", "prepare", "confirm", "onPaymentChanged"] }, { kind: "component", type: ConstructorStatusComponent, selector: "app-constructor-status", inputs: ["failed", "inProgress", "animation", "message", "failTitle", "progressTitle", "successTitle", "tabIndex", "backUrl", "backUrlTitle", "hasSupportHint"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }] }); }
+        ], viewQueries: [{ propertyName: "scrollComponent", first: true, predicate: ["scrollComponent"], descendants: true }], ngImport: i0, template: "<ng-scrollbar appearance=\"compact\">\r\n  <div class=\"terminal-layout\">\r\n    <section class=\"terminal\">\r\n      <div class=\"terminal__content\">\r\n        <header class=\"terminal__header\">\r\n          <i class=\"terminal__header-logo\"\r\n          [class]=\"logoClass\"></i>\r\n          <div class=\"terminal__header-lang\">\r\n            @if (hasChoice) {\r\n              <app-terminal-lang-switcher (langChange)=\"changeLang()\"\r\n              [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n            }\r\n          </div>\r\n        </header>\r\n        <div class=\"terminal__form\">\r\n          @if (sessionDS.loading$ | async) {\r\n            <div class=\"trm-skeleton-group\">\r\n              <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n            </div>\r\n          } @else {\r\n            @if (projectName) {\r\n              <div class=\"terminal__info\">\r\n                <h5 class=\"terminal__info__name\"> {{ projectName }} </h5>\r\n                @if (description) {\r\n                  <p class=\"terminal__info__desc\"> {{ description }} </p>\r\n                }\r\n              </div>\r\n            }\r\n            @if (step !== TERMINAL_STEP.Status && !hasStatusError) {\r\n              <app-constructor-form\r\n                [feeLoading]=\"feeLoading\"\r\n                [feeOptions]=\"feeOptions\"\r\n                [loading]=\"sessionDS.loadingConfirm$ | async\"\r\n                [step]=\"step\"\r\n                [types]=\"types\"\r\n                [currency]=\"currency\"\r\n                [response]=\"data\"\r\n                [error]=\"statusText\"\r\n                (prepare)=\"prepare($event)\"\r\n                (onPaymentChanged)=\"checkFatalError(); calculateFee($event)\"\r\n                (back)=\"back()\"\r\n                [canReturnToProject]=\"sessionDS.canReturnToProject\"\r\n                (confirm)=\"confirm()\"\r\n                [tabIndex]=\"2\"></app-constructor-form>\r\n            } @else {\r\n              <app-constructor-status class=\"terminal__status\"\r\n                [failed]=\"hasStatusError\"\r\n                [message]=\"statusText ? (statusText | trans) : ''\"\r\n                [backUrl]=\"returnBackUrl\"\r\n              ></app-constructor-status>\r\n            }\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <footer class=\"terminal-footer\">\r\n      <i class=\"terminal-footer__logo\"></i>\r\n      <p class=\"terminal-footer__txt\">\r\n        {{ footerText }}\r\n      </p>\r\n    </footer>\r\n  </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0 84px;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%}.terminal__info{background:#f5f5f5;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.terminal__info__name{margin:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.terminal__info__desc{margin:0;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"], dependencies: [{ kind: "component", type: NgScrollbar, selector: "ng-scrollbar:not([externalViewport])", exportAs: ["ngScrollbar"] }, { kind: "component", type: TerminalLangSwitcherComponent, selector: "app-terminal-lang-switcher", inputs: ["loading", "tabIndex"], outputs: ["langChange"] }, { kind: "component", type: ConstructorFormComponent, selector: "app-constructor-form", inputs: ["step", "error", "response", "feeLoading", "feeOptions", "currency", "userCurrency", "loading", "types", "canReturnToProject", "tabIndex"], outputs: ["amountChanged", "back", "prepare", "confirm", "onPaymentChanged"] }, { kind: "component", type: ConstructorStatusComponent, selector: "app-constructor-status", inputs: ["failed", "inProgress", "animation", "message", "failTitle", "progressTitle", "successTitle", "tabIndex", "backUrl", "backUrlTitle", "hasSupportHint"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateByKeyPipe, name: "trans" }, { kind: "component", type: GmSkeletonComponent, selector: "gm-skeleton", inputs: ["shape", "orientation", "count", "size", "gap"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: TerminalLayoutComponent, decorators: [{
             type: Component,
@@ -6163,7 +6155,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
                         ConstructorFormComponent, ConstructorStatusComponent,
                         AsyncPipe,
                         TranslateByKeyPipe, GmSkeletonComponent
-                    ], template: "<ng-scrollbar appearance=\"compact\">\r\n  <div class=\"terminal-layout\">\r\n    <section class=\"terminal\">\r\n      <div class=\"terminal__content\">\r\n        <header class=\"terminal__header\">\r\n          <i class=\"terminal__header-logo\"\r\n          [class]=\"logoClass\"></i>\r\n          <div class=\"terminal__header-lang\">\r\n            @if (hasChoice) {\r\n              <app-terminal-lang-switcher (langChange)=\"changeLang()\"\r\n              [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n            }\r\n          </div>\r\n        </header>\r\n        <div class=\"terminal__form\">\r\n          @if (sessionDS.loading$ | async) {\r\n            <div class=\"trm-skeleton-group\">\r\n              <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n            </div>\r\n          } @else {\r\n            @if (projectName) {\r\n              <div class=\"terminal__info\">\r\n                <h5 class=\"terminal__info__name\"> {{ projectName }} </h5>\r\n                @if (description) {\r\n                  <p class=\"terminal__info__desc\"> {{ description }} </p>\r\n                }\r\n              </div>\r\n            }\r\n            @if (step !== TERMINAL_STEP.Status && !hasStatusError) {\r\n              <app-constructor-form\r\n                [feeLoading]=\"feeLoading\"\r\n                [feeOptions]=\"feeOptions\"\r\n                [loading]=\"(sessionDS.loadingConfirm$ | async)\"\r\n                [step]=\"step\"\r\n                [types]=\"types\"\r\n                [currency]=\"currency\"\r\n                [response]=\"data\"\r\n                [error]=\"statusText\"\r\n                (prepare)=\"prepare($event)\"\r\n                (onPaymentChanged)=\"checkFatalError(); calculateFee($event)\"\r\n                (back)=\"back()\"\r\n                [canReturnToProject]=\"sessionDS.canReturnToProject\"\r\n                (confirm)=\"confirm()\"\r\n                [tabIndex]=\"2\"></app-constructor-form>\r\n            } @else {\r\n              <app-constructor-status class=\"terminal__status\"\r\n                [failed]=\"hasStatusError\"\r\n                [message]=\"statusText ? (statusText | trans) : ''\"\r\n                [backUrl]=\"returnBackUrl\"\r\n              ></app-constructor-status>\r\n            }\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <footer class=\"terminal-footer\">\r\n      <i class=\"terminal-footer__logo\"></i>\r\n      <p class=\"terminal-footer__txt\">\r\n        {{ footerText }}\r\n      </p>\r\n    </footer>\r\n  </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0 84px;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%}.terminal__info{background:#f5f5f5;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.terminal__info__name{margin:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.terminal__info__desc{margin:0;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"] }]
+                    ], template: "<ng-scrollbar appearance=\"compact\">\r\n  <div class=\"terminal-layout\">\r\n    <section class=\"terminal\">\r\n      <div class=\"terminal__content\">\r\n        <header class=\"terminal__header\">\r\n          <i class=\"terminal__header-logo\"\r\n          [class]=\"logoClass\"></i>\r\n          <div class=\"terminal__header-lang\">\r\n            @if (hasChoice) {\r\n              <app-terminal-lang-switcher (langChange)=\"changeLang()\"\r\n              [tabIndex]=\"1\"></app-terminal-lang-switcher>\r\n            }\r\n          </div>\r\n        </header>\r\n        <div class=\"terminal__form\">\r\n          @if (sessionDS.loading$ | async) {\r\n            <div class=\"trm-skeleton-group\">\r\n              <gm-skeleton [count]=\"1\" [size]=\"120\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"4\" [gap]=\"20\" [size]=\"80\"></gm-skeleton>\r\n              <gm-skeleton [count]=\"2\" [gap]=\"10\" [size]=\"48\"></gm-skeleton>\r\n            </div>\r\n          } @else {\r\n            @if (projectName) {\r\n              <div class=\"terminal__info\">\r\n                <h5 class=\"terminal__info__name\"> {{ projectName }} </h5>\r\n                @if (description) {\r\n                  <p class=\"terminal__info__desc\"> {{ description }} </p>\r\n                }\r\n              </div>\r\n            }\r\n            @if (step !== TERMINAL_STEP.Status && !hasStatusError) {\r\n              <app-constructor-form\r\n                [feeLoading]=\"feeLoading\"\r\n                [feeOptions]=\"feeOptions\"\r\n                [loading]=\"sessionDS.loadingConfirm$ | async\"\r\n                [step]=\"step\"\r\n                [types]=\"types\"\r\n                [currency]=\"currency\"\r\n                [response]=\"data\"\r\n                [error]=\"statusText\"\r\n                (prepare)=\"prepare($event)\"\r\n                (onPaymentChanged)=\"checkFatalError(); calculateFee($event)\"\r\n                (back)=\"back()\"\r\n                [canReturnToProject]=\"sessionDS.canReturnToProject\"\r\n                (confirm)=\"confirm()\"\r\n                [tabIndex]=\"2\"></app-constructor-form>\r\n            } @else {\r\n              <app-constructor-status class=\"terminal__status\"\r\n                [failed]=\"hasStatusError\"\r\n                [message]=\"statusText ? (statusText | trans) : ''\"\r\n                [backUrl]=\"returnBackUrl\"\r\n              ></app-constructor-status>\r\n            }\r\n          }\r\n\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <footer class=\"terminal-footer\">\r\n      <i class=\"terminal-footer__logo\"></i>\r\n      <p class=\"terminal-footer__txt\">\r\n        {{ footerText }}\r\n      </p>\r\n    </footer>\r\n  </div>\r\n</ng-scrollbar>\r\n", styles: [":host{display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.terminal{box-sizing:border-box;width:100%;max-width:528px;min-width:320px;padding:0 10px}.terminal-layout{min-height:100vh;padding:42px 0 84px;display:flex;flex-direction:column;gap:42px;justify-content:flex-start;align-items:center}.terminal-footer{flex:auto 1 0;display:flex;flex-direction:column;gap:24px;justify-content:flex-end;align-items:center}.terminal-footer__txt{font-weight:400;font-size:14px;line-height:18px;color:var(--color-base-350);margin:0}.terminal__content{box-sizing:border-box;margin:auto;padding:20px;width:100%;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}@media (min-width: 768px){.terminal__content{padding:32px}}.terminal__header{display:flex;flex-direction:row;gap:0;justify-content:flex-start;align-items:center}.terminal__header-lang{margin-left:auto}.terminal__form{display:flex;flex-direction:column;gap:24px;justify-content:flex-start;align-items:stretch;width:100%}.terminal__info{background:#f5f5f5;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.terminal__info__name{margin:0;font-weight:500;font-size:16px;line-height:20px;color:#000}.terminal__info__desc{margin:0;font-weight:400;font-size:15px;line-height:22px;color:var(--color-base-350)}.terminal__status{margin-top:8px}.terminal .trm-skeleton-group{display:flex;flex-direction:column;gap:32px;justify-content:flex-start;align-items:stretch}.terminal .trm-skeleton-group__form{gap:20px}.terminal .trm-skeleton-group__form .loader,.terminal .trm-skeleton-group__form .skeleton-loader{height:80px}.terminal .trm-skeleton-group__header .loader,.terminal .trm-skeleton-group__header .skeleton-loader{height:120px}.terminal .trm-skeleton-group__actions{gap:10px}.terminal .trm-skeleton-group__actions .loader,.terminal .trm-skeleton-group__actions .skeleton-loader{height:48px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { scrollComponent: [{
                 type: ViewChild,
                 args: ['scrollComponent']
@@ -6609,5 +6601,5 @@ const moment = momentjs;
  * Generated bundle index. Do not edit.
  */
 
-export { APP_READY_TOKEN, ApiErrors, ApiErrorsService, CHECKIN_SERVICE_TOKEN, CONFIGURATION_TOKEN, CSRFResolver, CSRF_COOKIE_NAME, CardSdkService, CheckinDatasource, CheckinModeToken, CheckinModule, CheckinPageComponent, CollectionType, ConstructorFieldDateComponent, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, ConstructorFormComponent, ConstructorFormService, ConstructorPreparationComponent, ConstructorStatusComponent, CountriesSortPipe, CountryTranslatePipe, DEFAULT_COUNTRY_LOCALHOST_KEY, DEFAULT_CURRENCY_LOCALHOST_KEY, DEFAULT_LANG, DEFAULT_METHOD_LOCALHOST_KEY, ENVIRONMENT, ErrorComponent, ErrorInterceptorService, FIELD_TEMPLATE, FORMAT_DATE, FocusHandler, HtmlSanitizerPipe, I18N_COUNTRIES, I18N_KEY, INITIAL_PHONE_MASK, IframeValidatorDirectiveDirective, InputMaskCorrector, InvoiceStatus, LANGUAGE, LOCAL_LANG_KEY, MASKS, MaskResolver, MaskService, MethodAmountHintComponent, MethodTitlePipe, Mode, NgVarContext, NgVarDirective, OTHER_COUNTRY_CODE, PHONE_MASKS, PHONE_MASK_PATTERNS, PaymentFieldTypeEnum, PsSelectComponent, SanitizerPipe, ScriptLoader, ScrollbarSelectHeightDirective, SessionDataSource, SessionToken, SharedModule, TERMINAL_METHOD_CONFIGURATION_FACTORY, TERMINAL_SDK_FACTORY, TERMINAL_SERVICE_TOKEN, TERMINAL_VERSION_SERVICE_TOKEN, TabIndexFocusDirective, TerminalLangSwitcherComponent, TerminalLayoutComponent, TerminalLayoutTplComponent, TerminalModule, TerminalStep, TerminalTplComponent, TranslateByKeyPipe, TranslateLangStorageService, TrmCurrencyPipe, TrmSelectComponent, TrmSelectLabelTemplateDirective, VersionServiceBase, getI18Key, hideInitLoader, i18nMap, insertRemoveTrigger, isObject, isObjectTheSame, loadI18NData, moment, removeEmptyProps, removeSpecSymbols, warningConsole };
+export { APP_READY_TOKEN, ApiErrors, ApiErrorsService, CHECKIN_SERVICE_TOKEN, CONFIGURATION_TOKEN, CSRFResolver, CSRF_COOKIE_NAME, CardSdkService, CheckinDatasource, CheckinModeToken, CheckinModule, CheckinPageComponent, CollectionType, ConstructorFieldDateComponent, ConstructorFieldIframeComponent, ConstructorFieldSelectComponent, ConstructorFieldTextComponent, ConstructorFormComponent, ConstructorFormService, ConstructorPreparationComponent, ConstructorStatusComponent, CountriesSortPipe, CountryTranslatePipe, DEFAULT_COUNTRY_LOCALHOST_KEY, DEFAULT_CURRENCY_LOCALHOST_KEY, DEFAULT_LANG, DEFAULT_METHOD_LOCALHOST_KEY, ENVIRONMENT, ErrorComponent, ErrorInterceptorService, FIELD_TEMPLATE, FORMAT_DATE, FeeTemplateDirective, FocusHandler, HtmlSanitizerPipe, I18N_COUNTRIES, I18N_KEY, INITIAL_PHONE_MASK, IframeValidatorDirectiveDirective, InputMaskCorrector, InvoiceStatus, LANGUAGE, LOCAL_LANG_KEY, MASKS, MaskResolver, MaskService, MethodAmountHintComponent, MethodTitlePipe, Mode, NgVarContext, NgVarDirective, OTHER_COUNTRY_CODE, PHONE_MASKS, PHONE_MASK_PATTERNS, PaymentFieldTypeEnum, PsSelectComponent, SanitizerPipe, ScriptLoader, ScrollbarSelectHeightDirective, SessionDataSource, SessionToken, SharedModule, TERMINAL_METHOD_CONFIGURATION_FACTORY, TERMINAL_SDK_FACTORY, TERMINAL_SERVICE_TOKEN, TERMINAL_VERSION_SERVICE_TOKEN, TabIndexFocusDirective, TerminalLangSwitcherComponent, TerminalLayoutComponent, TerminalLayoutTplComponent, TerminalModule, TerminalStep, TerminalTplComponent, TranslateByKeyPipe, TranslateLangStorageService, TrmCurrencyPipe, TrmSelectComponent, TrmSelectLabelTemplateDirective, VersionServiceBase, getI18Key, hideInitLoader, i18nMap, insertRemoveTrigger, isObject, isObjectTheSame, loadI18NData, moment, provideTerminal, removeEmptyProps, removeSpecSymbols, warningConsole };
 //# sourceMappingURL=trm-tmpl.mjs.map